@scbt-ecom/ui 0.76.0 → 0.76.2

package/dist/lib/widgets/benefit/index.d.ts

@@ -1 +1 @@
-export { Benefit, type BenefitProps } from './Benefit.tsx';
+export { Benefit, type BenefitProps } from './Benefit';

package/dist/lib/widgets/model/helpers.d.ts

@@ -1,16 +1,16 @@
 import { AllowedWidgets } from './types';
 export declare const WIDGET_LIST_MAP: {
     readonly header: <Type extends import('../header/model/types').HeaderVariantType>(props: import('../header/model/types').HeaderProps<Type>) => import("react/jsx-runtime").JSX.Element;
-    readonly footer: <Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: import('..').FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
-    readonly interLinking: ({ variant, details, headline, mobileAccordionProps, rootAccordionProps, classes, defaultOpen }: import('..').InterLinkingProps) => import("react/jsx-runtime").JSX.Element;
-    readonly stepper: ({ headline, details, variant, classes }: import('..').StepperProps) => import("react/jsx-runtime").JSX.Element;
-    readonly usefulInfo: ({ headline, tabs, classes, accordionsConfig }: import('..').UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
-    readonly longBanner: <Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
-    readonly banner: ({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element;
-    readonly benefit: ({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element;
-    readonly form: <AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element;
     readonly seoHeader: ({ categories, helpers, phone }: import('..').SeoHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    readonly banner: ({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element;
     readonly calculator: ({ calculators, headline }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element;
+    readonly form: <AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element;
+    readonly stepper: ({ headline, details, variant, classes }: import('..').StepperProps) => import("react/jsx-runtime").JSX.Element;
+    readonly benefit: ({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element;
+    readonly longBanner: <Enabled extends boolean>({ headline, buttonConfig, intent, details, image, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
+    readonly usefulInfo: ({ headline, tabs, classes, accordionsConfig }: import('..').UsefulInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+    readonly interLinking: ({ variant, details, headline, mobileAccordionProps, rootAccordionProps, classes, defaultOpen }: import('..').InterLinkingProps) => import("react/jsx-runtime").JSX.Element;
+    readonly footer: <Enabled extends boolean>({ socialsLinks, phones, ligal, copyright, classes, details, siteMap }: import('..').FooterProps<Enabled>) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const KEYS_OF_WIDGET_LIST: readonly AllowedWidgets[];
-export declare const widgetIds: Record<"form" | "header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "seoHeader" | "calculator", "form" | "header" | "footer" | "interLinking" | "stepper" | "usefulInfo" | "longBanner" | "banner" | "benefit" | "seoHeader" | "calculator">;
+export declare const widgetIds: Record<"form" | "header" | "seoHeader" | "banner" | "calculator" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer", "form" | "header" | "seoHeader" | "banner" | "calculator" | "stepper" | "benefit" | "longBanner" | "usefulInfo" | "interLinking" | "footer">;

package/dist/widget.js

@@ -14,7 +14,7 @@ var pe = (t, e, r, o) => ({
   }
 });
 import { S as Je, x as Ge, Q as wt, y as E, z as Re, E as Nt, F as vt, G as He, J as z, T as Ct, W as It, X as Tt, Y as Mt, Z as De, _ as Pe, $ as Et, a0 as Le, a1 as ze, a2 as Ot, j as n, R as S, H as P, q as Te, i as f, B as Me, M as Ft, v as et, U as Ee, a3 as St, r as Bt, n as tt, t as je, s as _t, A as oe, c as O, a4 as Oe, a5 as Rt, L as Ht, o as Fe } from "./index-F-RYAmDP.js";
-import { T as j, c as d } from "./typeGuards-CSiImkUY.js";
+import { T as g, c as d } from "./typeGuards-CSiImkUY.js";
 import { u as G, g as se, b as rt, F as Dt, a as Pt } from "./useDebounce-BH0d8exl.js";
 import * as le from "react";
 import { useCallback as nt, useState as L, useEffect as be, createElement as ot, memo as Se, useMemo as ye, Fragment as Lt, useRef as Be, useReducer as zt, forwardRef as Qt } from "react";
@@ -134,7 +134,7 @@ var R, $e, Wt = ($e = class extends Je {
     this.execute(this.state.variables);
   }
   async execute(e) {
-    var a, l, u, m, x, p, c, b, g, k, w, B, _, V, C, M, A, X, xe, ie;
+    var a, l, u, m, x, p, c, b, j, k, w, B, _, V, C, M, A, X, xe, ie;
     const r = () => {
       q(this, D, U).call(this, { type: "continue" });
     };
@@ -177,8 +177,8 @@ var R, $e, Wt = ($e = class extends Je {
         e,
         this.state.context,
         this
-      )), await ((b = (c = this.options).onSuccess) == null ? void 0 : b.call(c, v, e, this.state.context)), await ((k = (g = h(this, T).config).onSettled) == null ? void 0 : k.call(
-        g,
+      )), await ((b = (c = this.options).onSuccess) == null ? void 0 : b.call(c, v, e, this.state.context)), await ((k = (j = h(this, T).config).onSettled) == null ? void 0 : k.call(
+        j,
         v,
         null,
         this.state.variables,
@@ -397,8 +397,8 @@ function ce(t) {
 function Ve(t) {
   return {
     onFetch: (e, r) => {
-      var p, c, b, g, k;
-      const o = e.options, i = (b = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : b.direction, a = ((g = e.state.data) == null ? void 0 : g.pages) || [], l = ((k = e.state.data) == null ? void 0 : k.pageParams) || [];
+      var p, c, b, j, k;
+      const o = e.options, i = (b = (c = (p = e.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : c.fetchMore) == null ? void 0 : b.direction, a = ((j = e.state.data) == null ? void 0 : j.pages) || [], l = ((k = e.state.data) == null ? void 0 : k.pageParams) || [];
       let u = { pages: [], pageParams: [] }, m = 0;
       const x = async () => {
         let w = !1;
@@ -695,7 +695,7 @@ const Jt = ({
   color: u
 }) => {
   var w;
-  const { isDesktop: m, isMobile: x } = G(), { primary: p, secondary: c } = r || {}, b = a && "url" in a && j.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: a.url }) : a, g = l && "url" in l && j.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: l.url }) : l, k = /* @__PURE__ */ n.jsx(
+  const { isDesktop: m, isMobile: x } = G(), { primary: p, secondary: c } = r || {}, b = a && "url" in a && g.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: a.url }) : a, j = l && "url" in l && g.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: l.url }) : l, k = /* @__PURE__ */ n.jsx(
     "div",
     {
       className: d(
@@ -714,7 +714,7 @@ const Jt = ({
         style: { backgroundColor: u ?? "#d9edff" },
         className: d("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
         children: [
-          /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: x ? b : g }),
+          /* @__PURE__ */ n.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: x ? b : j }),
           /* @__PURE__ */ n.jsxs(S, { className: d("h-full", i == null ? void 0 : i.container), children: [
             /* @__PURE__ */ n.jsx("div", { className: d("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ n.jsxs("div", { className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
               /* @__PURE__ */ n.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
@@ -780,8 +780,8 @@ const Jt = ({
   imgDesktop: l,
   color: u
 }) => {
-  var g, k;
-  const { isMobile: m } = G(), { primary: x, secondary: p } = r || {}, c = a && "url" in a && j.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: a.alt, src: a.url }) : a, b = l && "url" in l && j.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: l.alt, src: l.url }) : l;
+  var j, k;
+  const { isMobile: m } = G(), { primary: x, secondary: p } = r || {}, c = a && "url" in a && g.isObject(a) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: a.alt, src: a.url }) : a, b = l && "url" in l && g.isObject(l) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: l.alt, src: l.url }) : l;
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       "section",
@@ -857,7 +857,7 @@ const Jt = ({
                 "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) && ((g = o == null ? void 0 : o.details) == null ? void 0 : g.items.length) > 0 && /* @__PURE__ */ n.jsx(Ie, { ...o })
+              children: (o == null ? void 0 : o.details) && ((j = o == null ? void 0 : o.details) == null ? void 0 : j.items.length) > 0 && /* @__PURE__ */ n.jsx(Ie, { ...o })
             }
           )
         ] })
@@ -885,9 +885,9 @@ const Jt = ({
   }
 }, er = ["getFioSchema"], mt = (t, e, r) => {
   const o = t[e];
-  if (j.isNil(o))
+  if (g.isNil(o))
     throw new Error(`validation for type ${String(e)} not found`);
-  if (!j.isFunction(o))
+  if (!g.isFunction(o))
     throw new Error(`Cannot generate ${String(e)} because is not a function`);
   return o(r);
 }, tr = (t, e) => mt(at.base, t, e), rr = (t, e) => mt(at.dadata, t, e), xt = (t) => {
@@ -926,7 +926,7 @@ const Jt = ({
       return pt(t, Number(e));
   }
 }, or = (t) => Object.values(t).reduce((r, o) => r.merge(xt(o.fields)), lt({})), ir = (t, e) => (t.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in e)).length > 0 ? "" : t, ct = (t, e) => {
-  const r = Object.entries(e).map(([m, x]) => [m, x !== null ? x : "1"]), o = r.map(([m]) => m), i = r.map(([, m]) => m), a = ir(t, Object.fromEntries(r)), u = new Function(...o, `return ${a};`)(...i.map(Number));
+  const r = Object.entries(e).map(([m, x]) => [m, g.isNil(x) ? "1" : x]), o = r.map(([m]) => m), i = r.map(([, m]) => m), a = ir(t, Object.fromEntries(r)), u = new Function(...o, `return ${a};`)(...i.map(Number));
   return Number.isNaN(Number(u)) ? "0" : u.toString();
 }, ar = (t, e) => t.map((r) => ({
   ...r,
@@ -1007,9 +1007,9 @@ const Jt = ({
   slidersGroupConfig: t,
   additionalSliderGroupConfig: e
 }) => {
-  const [r, o] = L(!1), { watch: i, setValue: a } = se(), l = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = l || {}, { max: m, name: x, defaultValue: p } = u || {}, c = i(x), { min: b, name: g } = (e == null ? void 0 : e.args) ?? {}, k = i(g), w = Number(m ?? 0) - (c ?? p);
+  const [r, o] = L(!1), { watch: i, setValue: a } = se(), l = t == null ? void 0 : t.fields.find(({ args: _ }) => _.name === "sum"), { args: u } = l || {}, { max: m, name: x, defaultValue: p } = u || {}, c = i(x), { min: b, name: j } = (e == null ? void 0 : e.args) ?? {}, k = i(j), w = Number(m ?? 0) - (c ?? p);
   return be(() => {
-    k > w && a(g, w);
+    k > w && a(j, w);
   }, [w, k, a, c]), be(() => {
     Number(m) === c && o(!1);
   }, [o, m, c]), {
@@ -1021,9 +1021,9 @@ const Jt = ({
     sumValue: c,
     additionalSliderMax: w,
     onCheckedChange: () => {
-      o((_) => !_), k <= 0 && a(g, b), Number(m) === c && (a(x ?? "", c - fr), a(g, b));
+      o((_) => !_), k <= 0 && a(j, b), Number(m) === c && (a(x ?? "", c - fr), a(j, b));
     },
-    sliderSumExist: !j.isObjectEmpty(l == null ? void 0 : l.args),
+    sliderSumExist: !g.isObjectEmpty(l == null ? void 0 : l.args),
     sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
   };
 }, br = (t) => {
@@ -1061,7 +1061,7 @@ const Jt = ({
     slidersGroupConfig: t,
     additionalSliderGroupConfig: e
   });
-  return j.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4", children: [
+  return g.isNil(e == null ? void 0 : e.args) || !(e != null && e.args) ? null : /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "inline-flex items-center gap-2", children: [
       /* @__PURE__ */ n.jsx(Ee.SwitchBase, { checked: o, onCheckedChange: a }),
       /* @__PURE__ */ n.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
@@ -1262,8 +1262,8 @@ class Ce {
             l.value.split(";").forEach((p) => {
               const [c, b] = p.split(":");
               if (c && b) {
-                const g = c.trim().replace(/-([a-z])/g, (k, w) => w.toUpperCase());
-                x[g] = b.trim();
+                const j = c.trim().replace(/-([a-z])/g, (k, w) => w.toUpperCase());
+                x[j] = b.trim();
               }
             }), m = x;
             break;
@@ -1328,11 +1328,11 @@ const Ir = ({ promises: t }) => {
   classes: l
 }) => {
   var V, C;
-  const { submitCallback: u, ...m } = a || {}, [x, p] = L(!1), c = xt(t), b = dt.getZodDefaults(c), { control: g, handleSubmit: k } = rt({
+  const { submitCallback: u, ...m } = a || {}, [x, p] = L(!1), c = xt(t), b = dt.getZodDefaults(c), { control: j, handleSubmit: k } = rt({
     schema: c,
     defaultValues: b,
     mode: "onBlur"
-  }), w = Tr(r, t), B = Ut({ control: g, fields: w || [], schema: c }), _ = (M) => {
+  }), w = Tr(r, t), B = Ut({ control: j, fields: w || [], schema: c }), _ = (M) => {
     u && u({ ...M, agree: x }), console.warn(M);
   };
   return /* @__PURE__ */ n.jsx(Er, { children: /* @__PURE__ */ n.jsxs(
@@ -1378,7 +1378,7 @@ const Ir = ({ promises: t }) => {
                   classes: l == null ? void 0 : l.progressBar
                 }
               ),
-              /* @__PURE__ */ n.jsx(bt, { control: g, fields: t }),
+              /* @__PURE__ */ n.jsx(bt, { control: j, fields: t }),
               /* @__PURE__ */ n.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
                 Or(o, x, p, l == null ? void 0 : l.approvement),
                 /* @__PURE__ */ n.jsx(
@@ -1539,7 +1539,7 @@ const Ir = ({ promises: t }) => {
           ]
         }
       ),
-      !j.isArrayEmpty(a) && /* @__PURE__ */ n.jsx(_r, { details: a, classes: i == null ? void 0 : i.navLinks }),
+      !g.isArrayEmpty(a) && /* @__PURE__ */ n.jsx(_r, { details: a, classes: i == null ? void 0 : i.navLinks }),
       r.enabled && /* @__PURE__ */ n.jsx(Pr, { text: r.text }),
       /* @__PURE__ */ n.jsxs(
         "div",
@@ -1782,7 +1782,7 @@ const Ir = ({ promises: t }) => {
   image: i,
   classes: a
 }) => {
-  const l = r === "fourItems", u = r === "twoItems", m = i && "url" in i && j.isObject(i) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
+  const l = r === "fourItems", u = r === "twoItems", m = i && "url" in i && g.isObject(i) ? /* @__PURE__ */ n.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
   return /* @__PURE__ */ n.jsx("section", { id: s.longBanner, "data-test-id": s.longBanner, className: d(a == null ? void 0 : a.root), children: /* @__PURE__ */ n.jsxs(S, { className: d(a == null ? void 0 : a.container), children: [
     u && /* @__PURE__ */ n.jsx(Ne, { intent: r, headline: t }),
     /* @__PURE__ */ n.jsxs(
@@ -1823,8 +1823,8 @@ const Ir = ({ promises: t }) => {
   return be(() => {
     if (!it)
       return;
-    let u = window.location.pathname.split("/").filter((p) => !j.isStringEmpty(p));
-    j.isUndefined(t) || (j.isString(t) ? u = u.slice(u.findIndex((p) => p === t)) : u = u.slice(t)), j.isUndefined(e) || (j.isString(e) ? u = u.slice(0, u.findIndex((p) => p === e) + 1) : u = u.slice(0, e + 1));
+    let u = window.location.pathname.split("/").filter((p) => !g.isStringEmpty(p));
+    g.isUndefined(t) || (g.isString(t) ? u = u.slice(u.findIndex((p) => p === t)) : u = u.slice(t)), g.isUndefined(e) || (g.isString(e) ? u = u.slice(0, u.findIndex((p) => p === e) + 1) : u = u.slice(0, e + 1));
     let m = [], x = "";
     if (i) {
       const p = {
@@ -1869,8 +1869,8 @@ const Ir = ({ promises: t }) => {
   const [i, a] = L(!1), l = Be(null);
   Pt(l, () => a(!1));
   const u = Gr(o), { first: m, middle: x, last: p } = ye(() => {
-    let b = [], g = [], k = [];
-    return e && (b = u.slice(0, e), g = u.slice(e, u.length - e), k = u.slice(u.length - e)), { first: b, middle: g, last: k };
+    let b = [], j = [], k = [];
+    return e && (b = u.slice(0, e), j = u.slice(e, u.length - e), k = u.slice(u.length - e)), { first: b, middle: j, last: k };
   }, [u, e]), c = t ?? /* @__PURE__ */ n.jsx(f, { name: "arrows/arrowRight", className: d("size-4", r == null ? void 0 : r.separator) });
   return /* @__PURE__ */ n.jsx(
     "div",
@@ -2000,7 +2000,7 @@ const tn = (t, e) => {
   );
 }, dn = Qt(({ category: t, active: e, onActiveTabChange: r }, o) => {
   var m, x;
-  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = e && !j.isArrayEmpty(t.children), u = j.isArrayEmpty(t.children) ? "a" : "span";
+  const i = o && "current" in o ? o : null, a = (m = i == null ? void 0 : i.current) == null ? void 0 : m.getBoundingClientRect(), l = e && !g.isArrayEmpty(t.children), u = g.isArrayEmpty(t.children) ? "a" : "span";
   return /* @__PURE__ */ n.jsxs(
     Oe.div,
     {
@@ -2195,10 +2195,10 @@ const tn = (t, e) => {
   label: e.title ?? ""
 })), fn = ({ categories: t, helpers: e, phone: r, ...o }) => {
   const i = cn(t), [a, l] = L(i[0]), u = (x) => {
-    j.isUndefined(x) || j.isArray(x) || l(x);
+    g.isUndefined(x) || g.isArray(x) || l(x);
   }, m = ye(() => {
     var x;
-    return j.isUndefined(a) || j.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
+    return g.isUndefined(a) || g.isArray(a) ? [] : ((x = t.find((p) => p.title === a.value)) == null ? void 0 : x.children) ?? [];
   }, [a, t]);
   return /* @__PURE__ */ n.jsxs(
     Oe.div,
@@ -2216,7 +2216,7 @@ const tn = (t, e) => {
         /* @__PURE__ */ n.jsx(Ee.SelectBase, { label: "Категория", options: i, value: a, onChange: u }),
         /* @__PURE__ */ n.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: m.map((x) => {
           var p;
-          return j.isArrayEmpty(x.children) ? /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsx("a", { href: (p = x.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: x.title }) }, x.title) : /* @__PURE__ */ n.jsx(pn, { category: x }, x.title);
+          return g.isArrayEmpty(x.children) ? /* @__PURE__ */ n.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ n.jsx("a", { href: (p = x.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: x.title }) }, x.title) : /* @__PURE__ */ n.jsx(pn, { category: x }, x.title);
         }) }),
         /* @__PURE__ */ n.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
         /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
@@ -2541,16 +2541,16 @@ const tn = (t, e) => {
   ] }) });
 }, Vn = {
   header: Qr,
-  footer: Lr,
-  interLinking: Ur,
-  stepper: sn,
-  usefulInfo: Qn,
-  longBanner: Jr,
+  seoHeader: gn,
   banner: Gt,
-  benefit: Kn,
+  calculator: wr,
   form: Fr,
-  seoHeader: gn,
-  calculator: wr
+  stepper: sn,
+  benefit: Kn,
+  longBanner: Jr,
+  usefulInfo: Qn,
+  interLinking: Ur,
+  footer: Lr
 }, An = Object.keys(Vn), s = An.reduce(
   (t, e) => (t[e] = e, t),
   {}
@@ -2596,7 +2596,7 @@ const tn = (t, e) => {
           ] }),
           a && x && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ n.jsx(Z, { intent: "primary", className: d("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
         ] }),
-        (o || x) && r && /* @__PURE__ */ n.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && j.isObject(r) ? /* @__PURE__ */ n.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
+        (o || x) && r && /* @__PURE__ */ n.jsx("div", { className: d("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && g.isObject(r) ? /* @__PURE__ */ n.jsx("img", { className: d("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
       ]
     },
     e