@scbt-ecom/ui 0.81.0 → 0.81.1

package/dist/widget.js

@@ -4,22 +4,22 @@ var He = (t) => {
 };
 var Et = (t, e, o) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
 var ve = (t, e, o) => Et(t, typeof e != "symbol" ? e + "" : e, o), Ne = (t, e, o) => e.has(t) || He("Cannot " + o);
-var x = (t, e, o) => (Ne(t, e, "read from private field"), o ? o.call(t) : e.get(t)), M = (t, e, o) => e.has(t) ? He("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), w = (t, e, o, n) => (Ne(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o), W = (t, e, o) => (Ne(t, e, "access private method"), o);
+var x = (t, e, o) => (Ne(t, e, "read from private field"), o ? o.call(t) : e.get(t)), M = (t, e, o) => e.has(t) ? He("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), k = (t, e, o, n) => (Ne(t, e, "write to private field"), n ? n.call(t, o) : e.set(t, o), o), W = (t, e, o) => (Ne(t, e, "access private method"), o);
 var ce = (t, e, o, n) => ({
   set _(i) {
-    w(t, e, i, o);
+    k(t, e, i, o);
   },
   get _() {
     return x(t, e, n);
   }
 });
-import { S as ft, h as bt, Q as Bt, n as O, m as ze, R as Pt, c as Dt, a as Le, b as $, e as Rt, d as Ht, f as zt, g as Lt, o as Qe, r as Ve, i as Qt, j as $e, p as Ae, s as Vt, k as r, B as ge, l as E, q as F, P as gt, t as $t, H as D, I as b, C as je, u as _e, L as At, v as Te, A as ae, w as jt, x as qt, y as Wt, U as ye, D as Ut, z as Se, E as Kt, M as Zt } from "./index-BatWr8jg.js";
+import { S as ft, h as bt, Q as Bt, n as O, m as ze, R as Pt, c as Dt, a as Le, b as $, e as Rt, d as Ht, f as zt, g as Lt, o as Qe, r as Ve, i as Qt, j as $e, p as Ae, s as Vt, k as r, B as ge, l as E, q as F, P as gt, t as $t, H as D, I as b, C as je, u as _e, L as At, v as Te, A as ie, w as jt, x as qt, y as Wt, U as ye, D as Ut, z as Se, E as Kt, M as Zt } from "./index-BatWr8jg.js";
 import { c as l, T as S } from "./typeGuards-CSiImkUY.js";
 import * as ue from "react";
 import { lazy as B, useCallback as yt, useState as q, useMemo as se, createElement as Oe, useRef as Fe, useReducer as Xt, memo as Ee, forwardRef as Yt, useEffect as qe } from "react";
 import { i as We } from "./isClient-C9aZtt2Q.js";
 import { s as Jt, c as ke, a as Gt } from "./capitalize-B7CPmCdk.js";
-import { u as ee, b as Be, a as er, f as we, F as tr } from "./useDebounce-maGDilFr.js";
+import { u as ae, b as Be, a as er, f as we, F as tr } from "./useDebounce-maGDilFr.js";
 import { z as st, Z as Pe } from "./index-DQTqhWTt.js";
 import { o as kt } from "./utils-Bu1Zg675.js";
 import { a as rr, u as nr } from "./useFieldsProgress-egXj013a.js";
@@ -28,7 +28,7 @@ var z, ht, or = (ht = class extends ft {
   constructor(e = {}) {
     super();
     M(this, z);
-    this.config = e, w(this, z, /* @__PURE__ */ new Map());
+    this.config = e, k(this, z, /* @__PURE__ */ new Map());
   }
   build(e, o, n) {
     const i = o.queryKey, a = o.queryHash ?? bt(i, o);
@@ -103,7 +103,7 @@ var z, ht, or = (ht = class extends ft {
     M(this, L);
     M(this, T);
     M(this, G);
-    this.mutationId = e.mutationId, w(this, T, e.mutationCache), w(this, L, []), this.state = e.state || ar(), this.setOptions(e.options), this.scheduleGc();
+    this.mutationId = e.mutationId, k(this, T, e.mutationCache), k(this, L, []), this.state = e.state || ar(), this.setOptions(e.options), this.scheduleGc();
   }
   setOptions(e) {
     this.options = e, this.updateGcTime(this.options.gcTime);
@@ -119,7 +119,7 @@ var z, ht, or = (ht = class extends ft {
     }));
   }
   removeObserver(e) {
-    w(this, L, x(this, L).filter((o) => o !== e)), this.scheduleGc(), x(this, T).notify({
+    k(this, L, x(this, L).filter((o) => o !== e)), this.scheduleGc(), x(this, T).notify({
       type: "observerRemoved",
       mutation: this,
       observer: e
@@ -134,11 +134,11 @@ var z, ht, or = (ht = class extends ft {
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var a, d, u, m, h, p, c, g, f, v, j, k, _, R, C, I, H, V, xe, le;
+    var a, d, u, m, h, p, c, y, f, w, g, v, _, R, C, I, H, V, xe, le;
     const o = () => {
       W(this, Q, U).call(this, { type: "continue" });
     };
-    w(this, G, Dt({
+    k(this, G, Dt({
       fn: () => this.options.mutationFn ? this.options.mutationFn(e) : Promise.reject(new Error("No mutationFn found")),
       onFail: (N, pe) => {
         W(this, Q, U).call(this, { type: "failed", failureCount: N, error: pe });
@@ -177,14 +177,14 @@ var z, ht, or = (ht = class extends ft {
         e,
         this.state.context,
         this
-      )), await ((g = (c = this.options).onSuccess) == null ? void 0 : g.call(c, N, e, this.state.context)), await ((v = (f = x(this, T).config).onSettled) == null ? void 0 : v.call(
+      )), await ((y = (c = this.options).onSuccess) == null ? void 0 : y.call(c, N, e, this.state.context)), await ((w = (f = x(this, T).config).onSettled) == null ? void 0 : w.call(
         f,
         N,
         null,
         this.state.variables,
         this.state.context,
         this
-      )), await ((k = (j = this.options).onSettled) == null ? void 0 : k.call(j, N, null, e, this.state.context)), W(this, Q, U).call(this, { type: "success", data: N }), N;
+      )), await ((v = (g = this.options).onSettled) == null ? void 0 : v.call(g, N, null, e, this.state.context)), W(this, Q, U).call(this, { type: "success", data: N }), N;
     } catch (N) {
       try {
         throw await ((R = (_ = x(this, T).config).onError) == null ? void 0 : R.call(
@@ -302,7 +302,7 @@ var A, P, he, pt, lr = (pt = class extends ft {
     M(this, A);
     M(this, P);
     M(this, he);
-    this.config = e, w(this, A, /* @__PURE__ */ new Set()), w(this, P, /* @__PURE__ */ new Map()), w(this, he, 0);
+    this.config = e, k(this, A, /* @__PURE__ */ new Set()), k(this, P, /* @__PURE__ */ new Map()), k(this, he, 0);
   }
   build(e, o, n) {
     const i = new ir({
@@ -397,20 +397,20 @@ function fe(t) {
 function Ue(t) {
   return {
     onFetch: (e, o) => {
-      var p, c, g, f, v;
-      const n = e.options, i = (g = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : g.direction, a = ((f = e.state.data) == null ? void 0 : f.pages) || [], d = ((v = e.state.data) == null ? void 0 : v.pageParams) || [];
+      var p, c, y, f, w;
+      const n = e.options, i = (y = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : y.direction, a = ((f = e.state.data) == null ? void 0 : f.pages) || [], d = ((w = e.state.data) == null ? void 0 : w.pageParams) || [];
       let u = { pages: [], pageParams: [] }, m = 0;
       const h = async () => {
-        let j = !1;
-        const k = (C) => {
+        let g = !1;
+        const v = (C) => {
           Object.defineProperty(C, "signal", {
             enumerable: !0,
-            get: () => (e.signal.aborted ? j = !0 : e.signal.addEventListener("abort", () => {
-              j = !0;
+            get: () => (e.signal.aborted ? g = !0 : e.signal.addEventListener("abort", () => {
+              g = !0;
             }), e.signal)
           });
         }, _ = Rt(e.options, e.fetchOptions), R = async (C, I, H) => {
-          if (j)
+          if (g)
             return Promise.reject();
           if (I == null && C.pages.length)
             return Promise.resolve(C);
@@ -421,7 +421,7 @@ function Ue(t) {
             direction: H ? "backward" : "forward",
             meta: e.options.meta
           };
-          k(V);
+          v(V);
           const xe = await _(
             V
           ), { maxPages: le } = e.options, N = H ? Ht : zt;
@@ -448,9 +448,9 @@ function Ue(t) {
         return u;
       };
       e.options.persister ? e.fetchFn = () => {
-        var j, k;
-        return (k = (j = e.options).persister) == null ? void 0 : k.call(
-          j,
+        var g, v;
+        return (v = (g = e.options).persister) == null ? void 0 : v.call(
+          g,
           h,
           {
             client: e.client,
@@ -477,28 +477,28 @@ function dr(t, { pages: e, pageParams: o }) {
   var n;
   return e.length > 0 ? (n = t.getPreviousPageParam) == null ? void 0 : n.call(t, e[0], e, o[0], o) : void 0;
 }
-var s, K, Z, te, re, X, ne, oe, ct, ur = (ct = class {
+var s, K, Z, ee, te, X, re, ne, ct, ur = (ct = class {
   constructor(t = {}) {
     M(this, s);
     M(this, K);
     M(this, Z);
+    M(this, ee);
     M(this, te);
-    M(this, re);
     M(this, X);
+    M(this, re);
     M(this, ne);
-    M(this, oe);
-    w(this, s, t.queryCache || new or()), w(this, K, t.mutationCache || new lr()), w(this, Z, t.defaultOptions || {}), w(this, te, /* @__PURE__ */ new Map()), w(this, re, /* @__PURE__ */ new Map()), w(this, X, 0);
+    k(this, s, t.queryCache || new or()), k(this, K, t.mutationCache || new lr()), k(this, Z, t.defaultOptions || {}), k(this, ee, /* @__PURE__ */ new Map()), k(this, te, /* @__PURE__ */ new Map()), k(this, X, 0);
   }
   mount() {
-    ce(this, X)._++, x(this, X) === 1 && (w(this, ne, Lt.subscribe(async (t) => {
+    ce(this, X)._++, x(this, X) === 1 && (k(this, re, Lt.subscribe(async (t) => {
       t && (await this.resumePausedMutations(), x(this, s).onFocus());
-    })), w(this, oe, Qe.subscribe(async (t) => {
+    })), k(this, ne, Qe.subscribe(async (t) => {
       t && (await this.resumePausedMutations(), x(this, s).onOnline());
     })));
   }
   unmount() {
     var t, e;
-    ce(this, X)._--, x(this, X) === 0 && ((t = x(this, ne)) == null || t.call(this), w(this, ne, void 0), (e = x(this, oe)) == null || e.call(this), w(this, oe, void 0));
+    ce(this, X)._--, x(this, X) === 0 && ((t = x(this, re)) == null || t.call(this), k(this, re, void 0), (e = x(this, ne)) == null || e.call(this), k(this, ne, void 0));
   }
   isFetching(t) {
     return x(this, s).findAll({ ...t, fetchStatus: "fetching" }).length;
@@ -632,28 +632,28 @@ var s, K, Z, te, re, X, ne, oe, ct, ur = (ct = class {
     return x(this, Z);
   }
   setDefaultOptions(t) {
-    w(this, Z, t);
+    k(this, Z, t);
   }
   setQueryDefaults(t, e) {
-    x(this, te).set($e(t), {
+    x(this, ee).set($e(t), {
       queryKey: t,
       defaultOptions: e
     });
   }
   getQueryDefaults(t) {
-    const e = [...x(this, te).values()], o = {};
+    const e = [...x(this, ee).values()], o = {};
     return e.forEach((n) => {
       Ae(t, n.queryKey) && Object.assign(o, n.defaultOptions);
     }), o;
   }
   setMutationDefaults(t, e) {
-    x(this, re).set($e(t), {
+    x(this, te).set($e(t), {
       mutationKey: t,
       defaultOptions: e
     });
   }
   getMutationDefaults(t) {
-    const e = [...x(this, re).values()], o = {};
+    const e = [...x(this, te).values()], o = {};
     return e.forEach((n) => {
       Ae(t, n.mutationKey) && Object.assign(o, n.defaultOptions);
     }), o;
@@ -683,7 +683,7 @@ var s, K, Z, te, re, X, ne, oe, ct, ur = (ct = class {
   clear() {
     x(this, s).clear(), x(this, K).clear();
   }
-}, s = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), te = new WeakMap(), re = new WeakMap(), X = new WeakMap(), ne = new WeakMap(), oe = new WeakMap(), ct);
+}, s = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), X = new WeakMap(), re = new WeakMap(), ne = new WeakMap(), ct);
 const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resolve().then(() => yo)), xr = B(() => Promise.resolve().then(() => En)), pr = B(() => Promise.resolve().then(() => Pn)), cr = B(() => Promise.resolve().then(() => Lr)), fr = B(() => Promise.resolve().then(() => Sr)), br = B(() => Promise.resolve().then(() => tn)), gr = B(() => Promise.resolve().then(() => Zr)), jr = B(() => Promise.resolve().then(() => Gn)), yr = B(() => Promise.resolve().then(() => Vr)), sr = B(() => Promise.resolve().then(() => Nn)), kr = B(() => Promise.resolve().then(() => _r)), wr = {
   header: fr,
   seoHeader: jr,
@@ -697,7 +697,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   usefulInfo: sr,
   interLinking: br,
   footer: cr
-}, vr = Object.keys(wr), y = vr.reduce(
+}, vr = Object.keys(wr), j = vr.reduce(
   (t, e) => (t[e] = e, t),
   {}
 ), Nr = (t) => yt(() => {
@@ -747,7 +747,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   variant: u,
   color: m
 }) => {
-  const { isDesktop: h } = ee();
+  const { isDesktop: h } = ae();
   return /* @__PURE__ */ r.jsxs(
     "li",
     {
@@ -780,7 +780,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
     }
   }
-}), Ze = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.benefit, "data-test-id": y.benefit, className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(F, { className: n == null ? void 0 : n.container, children: [
+}), Ze = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: j.benefit, "data-test-id": j.benefit, className: l("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ r.jsxs(F, { className: n == null ? void 0 : n.container, children: [
   /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -807,8 +807,8 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   return /* @__PURE__ */ r.jsx(
     "header",
     {
-      id: y.header,
-      "data-test-id": y.header,
+      id: j.header,
+      "data-test-id": j.header,
       className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header),
       children: /* @__PURE__ */ r.jsx(F, { className: l(n == null ? void 0 : n.container), children: /* @__PURE__ */ r.jsxs("div", { className: l("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
         /* @__PURE__ */ r.jsx(
@@ -845,27 +845,27 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   color: m,
   renderImage: h
 }) => {
-  var k;
-  const { isDesktop: p, isMobile: c } = ee(), { primary: g, secondary: f } = o || {}, v = (_) => h ? h(_) : /* @__PURE__ */ r.jsx("img", { ..._ }), j = /* @__PURE__ */ r.jsx(
+  var v;
+  const { isDesktop: p, isMobile: c } = ae(), { primary: y, secondary: f } = o || {}, w = (_) => h ? h(_) : /* @__PURE__ */ r.jsx("img", { ..._ }), g = /* @__PURE__ */ r.jsx(
     "div",
     {
       className: l(
         "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: (n == null ? void 0 : n.details) && ((k = n == null ? void 0 : n.details) == null ? void 0 : k.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+      children: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
     }
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs(
       "section",
       {
-        id: y.banner,
-        "data-test-id": y.banner,
+        id: j.banner,
+        "data-test-id": j.banner,
         style: { backgroundColor: m ?? "#d9edff" },
         className: l("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: v(c ? { src: a.src, alt: u, className: l("h-full w-full object-cover object-center") } : {
+          /* @__PURE__ */ r.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: w(c ? { src: a.src, alt: u, className: l("h-full w-full object-cover object-center") } : {
             src: d.src,
             alt: u,
             className: l("h-full w-full object-cover object-center")
@@ -897,13 +897,13 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    g.enabled && /* @__PURE__ */ r.jsx(
+                    y.enabled && /* @__PURE__ */ r.jsx(
                       Y,
                       {
                         className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
-                        ...g.buttonContent
+                        ...y.buttonContent
                       }
                     ),
                     (f == null ? void 0 : f.enabled) && /* @__PURE__ */ r.jsx(
@@ -911,19 +911,19 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                       {
                         intent: "secondary",
                         className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...g.buttonContent
+                        ...y.buttonContent
                       }
                     )
                   ]
                 }
               )
             ] }) }),
-            p && (n == null ? void 0 : n.enabled) && j
+            p && (n == null ? void 0 : n.enabled) && g
           ] })
         ]
       }
     ),
-    c && (n == null ? void 0 : n.enabled) && j
+    c && (n == null ? void 0 : n.enabled) && g
   ] });
 }, Ye = ({
   headTitle: t,
@@ -937,14 +937,14 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   color: m,
   renderImage: h
 }) => {
-  var v, j;
-  const { isMobile: p } = ee(), { primary: c, secondary: g } = o || {}, f = (k) => h ? h(k) : /* @__PURE__ */ r.jsx("img", { ...k });
+  var f, w;
+  const { primary: p, secondary: c } = o || {}, y = (g) => h ? h(g) : /* @__PURE__ */ r.jsx("img", { ...g });
   return /* @__PURE__ */ r.jsxs(
     "section",
     {
-      id: y.banner,
+      id: j.banner,
       style: { backgroundColor: m ?? "#d9edff" },
-      "data-test-id": y.banner,
+      "data-test-id": j.banner,
       className: l("", i == null ? void 0 : i.root),
       children: [
         /* @__PURE__ */ r.jsxs(F, { className: l("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
@@ -971,25 +971,25 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                 {
                   className: l(
                     "grid-buttons-apply absolute bottom-6 left-1/2 z-10 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
-                    { "flex items-center gap-4": g == null ? void 0 : g.enabled },
+                    { "flex items-center gap-4": c == null ? void 0 : c.enabled },
                     i == null ? void 0 : i.group
                   ),
                   children: [
-                    c.enabled && /* @__PURE__ */ r.jsx(
+                    p.enabled && /* @__PURE__ */ r.jsx(
                       Y,
                       {
                         className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.primary),
                         size: "lg",
                         intent: "primary",
-                        ...c.buttonContent
+                        ...p.buttonContent
                       }
                     ),
-                    (g == null ? void 0 : g.enabled) && /* @__PURE__ */ r.jsx(
+                    (c == null ? void 0 : c.enabled) && /* @__PURE__ */ r.jsx(
                       Y,
                       {
                         intent: "secondary",
                         className: l("w-full desktop:max-w-[216px]", i == null ? void 0 : i.secondary),
-                        ...c.buttonContent
+                        ...p.buttonContent
                       }
                     )
                   ]
@@ -999,8 +999,21 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
             /* @__PURE__ */ r.jsx(
               "div",
               {
-                className: l("relative flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", i == null ? void 0 : i.imageContainer),
-                children: f(p ? { src: a.src, alt: u, className: l("h-full object-contain") } : {
+                className: l(
+                  "relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
+                  i == null ? void 0 : i.imageContainer
+                ),
+                children: y({ src: a.src, alt: u, className: l("h-full object-contain") })
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: l(
+                  "relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
+                  i == null ? void 0 : i.imageContainer
+                ),
+                children: y({
                   src: d.src,
                   alt: u,
                   className: l("h-full object-contain")
@@ -1015,7 +1028,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
                 "items-center justify-center rounded-md 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: (n == null ? void 0 : n.details) && ((v = n == null ? void 0 : n.details) == null ? void 0 : v.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+              children: (n == null ? void 0 : n.details) && ((f = n == null ? void 0 : n.details) == null ? void 0 : f.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
             }
           )
         ] }),
@@ -1026,7 +1039,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
               "flex items-center justify-center bg-color-white px-4 pb-8 pt-4 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: (n == null ? void 0 : n.details) && ((j = n == null ? void 0 : n.details) == null ? void 0 : j.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
+            children: (n == null ? void 0 : n.details) && ((w = n == null ? void 0 : n.details) == null ? void 0 : w.items.length) > 0 && /* @__PURE__ */ r.jsx(Ie, { ...n })
           }
         )
       ]
@@ -1188,8 +1201,8 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
 }) => /* @__PURE__ */ r.jsx(
   "footer",
   {
-    id: y.footer,
-    "data-test-id": y.footer,
+    id: j.footer,
+    "data-test-id": j.footer,
     className: l("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
     children: /* @__PURE__ */ r.jsx(F, { className: l(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ r.jsxs("div", { className: l("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
       /* @__PURE__ */ r.jsxs(
@@ -1268,7 +1281,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       ]
     }
   );
-}, et = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: y.stepper, "data-test-id": y.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ r.jsx(F, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
+}, et = ({ headline: t, details: e, variant: o, classes: n }) => /* @__PURE__ */ r.jsx("section", { id: j.stepper, "data-test-id": j.stepper, className: n == null ? void 0 : n.root, children: /* @__PURE__ */ r.jsx(F, { className: n == null ? void 0 : n.container, children: /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", n == null ? void 0 : n.wrapper), children: [
   /* @__PURE__ */ r.jsx(D, { as: "h2", className: l("text-color-dark", n == null ? void 0 : n.headline), children: t }),
   /* @__PURE__ */ r.jsx(
     "div",
@@ -1392,7 +1405,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   classes: a
 }) => {
   const d = o === "fourItems", u = o === "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: y.longBanner, "data-test-id": y.longBanner, className: l(a == null ? void 0 : a.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(a == null ? void 0 : a.container), children: [
+  return /* @__PURE__ */ r.jsx("section", { id: j.longBanner, "data-test-id": j.longBanner, className: l(a == null ? void 0 : a.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(a == null ? void 0 : a.container), children: [
     u && /* @__PURE__ */ r.jsx(Ce, { intent: o, headline: t }),
     /* @__PURE__ */ r.jsxs(
       "div",
@@ -1514,7 +1527,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     }
   )
 ] }), rt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: a }) => {
-  const { isMobile: d } = ee();
+  const { isMobile: d } = ae();
   return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1538,7 +1551,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     }
   ) });
 }, nt = ({ mainLink: t, subLink: e, isLoading: o, badge: n, loaderProps: i, classes: a }) => {
-  const { isMobile: d } = ee();
+  const { isMobile: d } = ae();
   return /* @__PURE__ */ r.jsx(vt, { isLoading: o, loaderProps: i, classes: a == null ? void 0 : a.authWrapper, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -1620,14 +1633,14 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   o
 )) }), Jr = ({ groupLabel: t, links: e, mobileAccordionProps: o, classes: n }) => {
   var a, d, u;
-  const { isMobile: i } = ee();
+  const { isMobile: i } = ae();
   return /* @__PURE__ */ r.jsxs("div", { className: l("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
     !i && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: t }),
       /* @__PURE__ */ r.jsx(ot, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
     ] }),
     i && /* @__PURE__ */ r.jsx(
-      ae,
+      ie,
       {
         defaultOpen: !0,
         label: t,
@@ -1668,11 +1681,11 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   return /* @__PURE__ */ r.jsx(
     "section",
     {
-      id: y.interLinking,
-      "data-test-id": y.interLinking,
+      id: j.interLinking,
+      "data-test-id": j.interLinking,
       className: l("min-w-full desktop:min-w-[1140px]", a == null ? void 0 : a.root),
       children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsx(
-        ae,
+        ie,
         {
           defaultOpen: d,
           label: /* @__PURE__ */ r.jsx(D, { as: "h4", className: l("text-left", a == null ? void 0 : a.headline), children: o }),
@@ -1709,7 +1722,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
   i
 )) }), nn = (t) => t.variant === "HTML", on = (t) => t.variant === "DOCUMENTS", an = (t) => t.variant === "TABLE", ln = ({ html: t, config: e, classes: o, accordionConfig: n }) => {
   const i = /* @__PURE__ */ r.jsx("div", { className: l(o == null ? void 0 : o.html), dangerouslySetInnerHTML: { __html: t ?? "" } });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ie, { label: e == null ? void 0 : e.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
 }, dn = (t, e) => ({
   rows: t == null ? void 0 : t.map(({ row: o }) => ({
     row: o == null ? void 0 : o.map((n, i) => {
@@ -1824,7 +1837,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
       }
     )
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ r.jsx(ie, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || h }) : h });
 }, jn = {
   documentFilled: "files/documentFilled",
   documentOutline: "files/documentOutline"
@@ -1866,7 +1879,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
     /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-4", a == null ? void 0 : a.documentsWrapper), children: t == null ? void 0 : t.map((m) => /* @__PURE__ */ r.jsx(sn, { iconType: n, ...m, classes: a == null ? void 0 : a.singleDocument }, m.label)) }),
     i && /* @__PURE__ */ r.jsx("div", { className: l("mt-4", a == null ? void 0 : a.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
   ] });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ae, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: e && (e != null && e.isAccordion) && (e != null && e.accordionTitle) ? /* @__PURE__ */ r.jsx(ie, { label: e == null ? void 0 : e.accordionTitle, ...d, children: (d == null ? void 0 : d.children) || u }) : u });
 }, wn = ({ entity: t, classes: e, accordionsConfig: o }) => {
   var n, i, a;
   switch (!0) {
@@ -1907,7 +1920,7 @@ const mr = B(() => Promise.resolve().then(() => Fr)), hr = B(() => Promise.resol
 }, vn = ({ entity: t, classes: e, accordionsConfig: o }) => /* @__PURE__ */ r.jsx("div", { className: l("flex flex-col gap-6", e == null ? void 0 : e.entityWrapper), children: wn({ entity: t, classes: e, accordionsConfig: o }) }), at = ({ headline: t, tabs: e, classes: o, accordionsConfig: n }) => {
   var u, m;
   const [i, a] = q(0), d = se(() => e == null ? void 0 : e.map((h) => h == null ? void 0 : h.tabName), [e]) ?? [];
-  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: y.usefulInfo, "data-test-id": y.usefulInfo, className: l(o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(o == null ? void 0 : o.container), children: [
+  return !e || (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ r.jsx("section", { id: j.usefulInfo, "data-test-id": j.usefulInfo, className: l(o == null ? void 0 : o.root), children: /* @__PURE__ */ r.jsxs(F, { className: l(o == null ? void 0 : o.container), children: [
     /* @__PURE__ */ r.jsx(D, { className: l(o == null ? void 0 : o.headline), as: "h2", children: t }),
     /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", o == null ? void 0 : o.tabsWrapper), children: /* @__PURE__ */ r.jsx(rn, { tabsNames: d, activeTab: i, setActiveTab: a, classes: o == null ? void 0 : o.tabs }) }),
     /* @__PURE__ */ r.jsx("div", { className: l("mt-6 flex flex-col gap-6", o == null ? void 0 : o.contentWrapper), children: (m = (u = e == null ? void 0 : e[i]) == null ? void 0 : u.contents) == null ? void 0 : m.map((h, p) => /* @__PURE__ */ r.jsx(vn, { accordionsConfig: n, ...h, classes: o == null ? void 0 : o.entityClasses }, p)) })
@@ -2001,7 +2014,7 @@ class Fo extends Cn {
     return Mn ? new DOMParser().parseFromString(e, "text/html") : Promise.reject();
   }
 }
-const ie = ({ html: t, as: e, ...o }) => {
+const oe = ({ html: t, as: e, ...o }) => {
   const n = e ?? "div";
   return /* @__PURE__ */ r.jsx(n, { dangerouslySetInnerHTML: { __html: t }, ...o });
 }, In = (t, e) => t.enabled ? e.map((o) => ({
@@ -2026,7 +2039,7 @@ const ie = ({ html: t, as: e, ...o }) => {
     return n[i.name] = a, n;
   }, {});
   return kt(o);
-}, On = new ur(), Mt = ({ children: t }) => /* @__PURE__ */ r.jsx(qt, { client: On, children: t }), Fn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
+}, On = new ur(), Mt = ({ children: t }) => /* @__PURE__ */ r.jsx(qt, { client: On, children: t }), Fn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(oe, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
     className: l(
@@ -2036,7 +2049,7 @@ const ie = ({ html: t, as: e, ...o }) => {
     ),
     children: [
       /* @__PURE__ */ r.jsx(ye.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: o }),
-      /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__PURE__ */ r.jsx(oe, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
 ), lt = ({
@@ -2050,14 +2063,14 @@ const ie = ({ html: t, as: e, ...o }) => {
   buttonGroup: u
 }) => {
   var R, C;
-  const { submitCallback: m } = a || {}, [h, p] = q(!1), c = Re(t), g = Pe.getZodDefaults(c), { control: f, handleSubmit: v } = Be({
+  const { submitCallback: m } = a || {}, [h, p] = q(!1), c = Re(t), y = Pe.getZodDefaults(c), { control: f, handleSubmit: w } = Be({
     schema: c,
-    defaultValues: g,
+    defaultValues: y,
     mode: "onBlur"
-  }), j = In(o, t), k = rr({ control: f, fields: j || [], schema: c }), _ = (I) => {
+  }), g = In(o, t), v = rr({ control: f, fields: g || [], schema: c }), _ = (I) => {
     m && m({ ...I, agree: h });
   };
-  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx("section", { id: y.form, "data-test-id": y.form, className: l("w-full", d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx("section", { id: j.form, "data-test-id": j.form, className: l("w-full", d == null ? void 0 : d.root), children: /* @__PURE__ */ r.jsxs(
     F,
     {
       className: l(
@@ -2085,15 +2098,15 @@ const ie = ({ html: t, as: e, ...o }) => {
         /* @__PURE__ */ r.jsxs(
           "form",
           {
-            onSubmit: v(_),
+            onSubmit: w(_),
             className: l("flex w-full flex-col gap-y-6", "desktop:gap-y-8", d == null ? void 0 : d.form),
             children: [
               o.enabled && /* @__PURE__ */ r.jsx(
                 Wt,
                 {
-                  progress: k,
-                  topContent: /* @__PURE__ */ r.jsx(ie, { html: o.title }),
-                  bottomContent: /* @__PURE__ */ r.jsx(ie, { html: o.subtitle }),
+                  progress: v,
+                  topContent: /* @__PURE__ */ r.jsx(oe, { html: o.title }),
+                  bottomContent: /* @__PURE__ */ r.jsx(oe, { html: o.subtitle }),
                   maxPercent: o.maxPercent,
                   classes: d == null ? void 0 : d.progressBar
                 }
@@ -2130,7 +2143,7 @@ const ie = ({ html: t, as: e, ...o }) => {
   __proto__: null,
   DynamicForm: lt,
   default: lt
-}, Symbol.toStringTag, { value: "Module" })), Bn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(ie, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
+}, Symbol.toStringTag, { value: "Module" })), Bn = (t, e, o, n) => t.type === "off" ? null : t.type === "text" ? /* @__PURE__ */ r.jsx(oe, { html: t.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ r.jsxs(
   "label",
   {
     className: l(
@@ -2140,7 +2153,7 @@ const ie = ({ html: t, as: e, ...o }) => {
     ),
     children: [
       /* @__PURE__ */ r.jsx(ye.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: e, onCheckedChange: o }),
-      /* @__PURE__ */ r.jsx(ie, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
+      /* @__PURE__ */ r.jsx(oe, { html: t.content, as: "div", className: n == null ? void 0 : n.content })
     ]
   }
 ), dt = ({
@@ -2153,22 +2166,22 @@ const ie = ({ html: t, as: e, ...o }) => {
   buttonGroup: d,
   ...u
 }) => {
-  const { submitCallback: m } = n ?? {}, [h, p] = q(!1), c = Re(t), g = Pe.getZodDefaults(c), { control: f, handleSubmit: v } = Be({
+  const { submitCallback: m } = n ?? {}, [h, p] = q(!1), c = Re(t), y = Pe.getZodDefaults(c), { control: f, handleSubmit: w } = Be({
     schema: c,
-    defaultValues: g,
+    defaultValues: y,
     mode: "onBlur"
-  }), j = (k) => {
-    m && m({ ...k, agree: h });
+  }), g = (v) => {
+    m && m({ ...v, agree: h });
   };
-  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx(Ut, { id: i, title: e, ...u, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: v(j), className: "flex flex-col gap-6", children: [
+  return /* @__PURE__ */ r.jsx(Mt, { children: /* @__PURE__ */ r.jsx(Ut, { id: i, title: e, ...u, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: w(g), className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ r.jsx(De, { control: f, fields: t }),
     Bn(o, h, p, a == null ? void 0 : a.approvement),
-    d == null ? void 0 : d.map((k, _) => {
-      const R = k.type === "submit" && o.type === "checkbox" ? !h : !1;
+    d == null ? void 0 : d.map((v, _) => {
+      const R = v.type === "submit" && o.type === "checkbox" ? !h : !1;
       return /* @__PURE__ */ Oe(
         ge,
         {
-          ...k,
+          ...v,
           key: _,
           disabled: R,
           className: l(
@@ -2278,7 +2291,7 @@ const ie = ({ html: t, as: e, ...o }) => {
   }
 ], be = (t, e, o, n) => t.map((i, a) => {
   const d = a === n;
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-1", children: [
     /* @__PURE__ */ r.jsx(
       It,
       {
@@ -2295,8 +2308,8 @@ const ie = ({ html: t, as: e, ...o }) => {
   const [i, a] = q(!1), d = Fe(null);
   er(d, () => a(!1));
   const { first: u, middle: m, last: h } = se(() => {
-    let c = [], g = [], f = [];
-    return e && (c = n.slice(0, e), g = n.slice(e, n.length - e), f = n.slice(n.length - e)), { first: c, middle: g, last: f };
+    let c = [], y = [], f = [];
+    return e && (c = n.slice(0, e), y = n.slice(e, n.length - e), f = n.slice(n.length - e)), { first: c, middle: y, last: f };
   }, [n, e]), p = t ?? /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: l("size-4", o == null ? void 0 : o.separator) });
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -2574,7 +2587,7 @@ const Hn = (t, e) => {
     /* @__PURE__ */ r.jsx(Wn, { categories: n.current.children })
   ] });
 }, Zn = ({ category: t }) => /* @__PURE__ */ r.jsx(
-  ae,
+  ie,
   {
     label: t.title ?? "",
     icon: /* @__PURE__ */ r.jsx(b, { name: "arrows/arrowRight", className: "-rotate-90" }),
@@ -2629,7 +2642,7 @@ const Hn = (t, e) => {
     {
       ...n,
       className: l(
-        "absolute z-20 w-full max-w-[calc(636px-32px)]",
+        "absolute z-10 w-full max-w-[calc(636px-32px)]",
         "absolute left-1/2 top-full bg-color-white p-4",
         "-translate-x-1/2 overflow-x-hidden",
         "flex flex-col items-center justify-center gap-y-4"
@@ -2689,8 +2702,8 @@ const Hn = (t, e) => {
     }
   );
 }, ut = ({ categories: t, helpers: e, phone: o, breadcrumbs: n }) => {
-  const { isMobile: i } = ee();
-  return /* @__PURE__ */ r.jsx("div", { id: y.seoHeader, "data-test-id": y.seoHeader, className: "w-full bg-color-white", children: /* @__PURE__ */ r.jsxs(F, { className: "mx-auto w-full", children: [
+  const { isMobile: i } = ae();
+  return /* @__PURE__ */ r.jsx("div", { id: j.seoHeader, "data-test-id": j.seoHeader, className: "w-full bg-color-white", children: /* @__PURE__ */ r.jsxs(F, { className: "mx-auto w-full", children: [
     /* @__PURE__ */ r.jsx(Jn, { categories: t.map((a) => a.children).flat(), helpers: e, phone: o }),
     /* @__PURE__ */ r.jsx(Kn, { categories: t, helpers: e, phone: o }),
     /* @__PURE__ */ r.jsx(
@@ -2795,10 +2808,10 @@ const Hn = (t, e) => {
   slidersGroupConfig: t,
   additionalSliderGroupConfig: e
 }) => {
-  const [o, n] = q(!1), { watch: i, setValue: a } = we(), d = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = d || {}, { max: m, name: h, defaultValue: p } = u || {}, c = i(h), { min: g, name: f } = (e == null ? void 0 : e.args) ?? {}, v = i(f), j = Number(m ?? 0) - (c ?? p);
+  const [o, n] = q(!1), { watch: i, setValue: a } = we(), d = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = d || {}, { max: m, name: h, defaultValue: p } = u || {}, c = i(h), { min: y, name: f } = (e == null ? void 0 : e.args) ?? {}, w = i(f), g = Number(m ?? 0) - (c ?? p);
   return qe(() => {
-    v > j && a(f, j);
-  }, [j, v, a, c]), qe(() => {
+    w > g && a(f, g);
+  }, [g, w, a, c]), qe(() => {
     Number(m) === c && n(!1);
   }, [n, m, c]), {
     sliderVisible: o,
@@ -2807,9 +2820,9 @@ const Hn = (t, e) => {
     sumName: h,
     sumDefaultValue: p,
     sumValue: c,
-    additionalSliderMax: j,
+    additionalSliderMax: g,
     onCheckedChange: () => {
-      n((_) => !_), v <= 0 && a(f, g), Number(m) === c && (a(h ?? "", c - xo), a(f, g));
+      n((_) => !_), w <= 0 && a(f, y), Number(m) === c && (a(h ?? "", c - xo), a(f, y));
     },
     sliderSumExist: !S.isObjectEmpty(d == null ? void 0 : d.args),
     sliderSumCorrectType: (d == null ? void 0 : d.args.componentType) === "algorithmic" || (d == null ? void 0 : d.args.componentType) === "step"
@@ -2913,7 +2926,7 @@ const Hn = (t, e) => {
 }, mt = ({ calculators: t, headline: e }) => {
   var m;
   const o = t.length > 1, [n, i] = q(o ? (m = t[0]) == null ? void 0 : m.name : ""), a = se(() => t == null ? void 0 : t.map(({ name: h, label: p }) => ({ name: h, label: p })), [t]), d = o ? a == null ? void 0 : a.findIndex((h) => h.name === n) : 0, u = t[d];
-  return /* @__PURE__ */ r.jsx("section", { id: y.calculator, children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
+  return /* @__PURE__ */ r.jsx("section", { id: j.calculator, children: /* @__PURE__ */ r.jsx(F, { children: /* @__PURE__ */ r.jsxs("div", { className: "rounded-md bg-color-white px-10 py-12 shadow-md", children: [
     /* @__PURE__ */ r.jsx(D, { className: "mb-12", as: "h2", children: e }),
     o && /* @__PURE__ */ r.jsx(
       go,
@@ -2954,7 +2967,7 @@ export {
   De as FieldMapper,
   Ge as Footer,
   Fo as HTMLParser,
-  ie as HTMLRenderer,
+  oe as HTMLRenderer,
   Xe as Header,
   it as InterLinking,
   vr as KEYS_OF_WIDGET_LIST,
@@ -2964,6 +2977,6 @@ export {
   at as UsefulInfo,
   wr as WIDGET_LIST_MAP,
   On as queryClient,
-  y as widgetIds
+  j as widgetIds
 };
 //# sourceMappingURL=widget.js.map