@adyen/adyen-platform-experience-web 1.9.0 → 1.10.1

package/dist/es/components/external/CapitalOffer/components/CapitalOfferSummary/CapitalOfferSummary.js

@@ -1,53 +1,69 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import x from "../../../../../core/Context/useCoreContext.js";
-import { useMemo as u, useCallback as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { getExpectedRepaymentDate as b, calculateMaximumRepaymentPeriodInMonths as k, getPercentage as v } from "../utils/utils.js";
+import I from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as p, useCallback as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { getExpectedRepaymentDate as q, calculateMaximumRepaymentPeriodInMonths as D, getPercentage as R } from "../utils/utils.js";
 import i from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as m, TypographyElement as l } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as m, TypographyElement as s } from "../../../../internal/Typography/types.js";
 /* empty css                         */
-import y from "../../../../internal/Button/Button.js";
-import { ButtonVariant as P } from "../../../../internal/Button/types.js";
+import f from "../../../../internal/Button/Button.js";
+import { ButtonVariant as C } from "../../../../internal/Button/types.js";
 import M from "../../../../../hooks/useMutation/useMutation.js";
+import B from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import { useDurationEvent as F } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
 import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
-import { AlertTypeOption as D } from "../../../../internal/Alert/types.js";
-import { Alert as E } from "../../../../internal/Alert/Alert.js";
-import { CapitalErrorMessageDisplay as L } from "../utils/CapitalErrorMessageDisplay.js";
-import S from "classnames";
-import { CAPITAL_REPAYMENT_FREQUENCY as R } from "../../../../constants.js";
-import { CapitalOfferLegalNotice as q } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
-import B from "../../../../internal/InfoBox/InfoBox.js";
-import { Translation as F } from "../../../../internal/Translation/Translation.js";
-import Y from "../../../../internal/StructuredList/StructuredList.js";
-import { Icon as V } from "../../../../internal/Icon/Icon.js";
-import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as w } from "../../../../../utils/value/constants.js";
-const G = ["30_013"], pe = ({
+import { AlertTypeOption as L } from "../../../../internal/Alert/types.js";
+import { Alert as S } from "../../../../internal/Alert/Alert.js";
+import { CapitalErrorMessageDisplay as W } from "../utils/CapitalErrorMessageDisplay.js";
+import Y from "classnames";
+import { sharedCapitalOfferAnalyticsEventProperties as w } from "../CapitalOffer/constants.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as _ } from "../../../../constants.js";
+import { CapitalOfferLegalNotice as V } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
+import G from "../../../../internal/InfoBox/InfoBox.js";
+import { Translation as H } from "../../../../internal/Translation/Translation.js";
+import U from "../../../../internal/StructuredList/StructuredList.js";
+import { Icon as j } from "../../../../internal/Icon/Icon.js";
+import { useConfigContext as J } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as K } from "../../../../../utils/value/constants.js";
+const Q = ["30_013"], h = {
+  ...w,
+  subCategory: "Business financing summary"
+}, Re = ({
   grantOffer: t,
-  onBack: f,
-  onFundsRequest: p,
+  onBack: v,
+  onFundsRequest: b,
   onContactSupport: d
 }) => {
-  const { i18n: e } = x(), _ = u(() => {
-    const o = b(t.expectedRepaymentPeriodDays);
+  const { i18n: e } = I(), l = B(), T = p(() => {
+    const o = q(t.expectedRepaymentPeriodDays);
     return o ? e.date(o, { month: "long" }) : null;
-  }, [t, e]), { requestFunds: C } = W().endpoints, r = M({
-    queryFn: C,
+  }, [t, e]), { requestFunds: k } = J().endpoints, r = M({
+    queryFn: k,
     options: {
-      onSuccess: (o) => p == null ? void 0 : p(o)
+      onSuccess: (o) => b?.(o)
     }
-  }), h = g(
+  }), A = y(
     (o) => {
-      r.mutate(w, { path: { grantOfferId: o } });
+      r.mutate(K, { path: { grantOfferId: o } });
     },
     [r]
-  ), T = g(() => {
-    t.id && h(t.id);
-  }, [t.id, h]), s = u(
-    () => k(t.maximumRepaymentPeriodDays),
+  ), x = y(() => {
+    try {
+      t.id && A(t.id);
+    } finally {
+      l.addEvent?.("Clicked button", { ...h, label: "Request funds" });
+    }
+  }, [t.id, A, l]), g = y(() => {
+    try {
+      return v();
+    } finally {
+      l.addEvent?.("Clicked button", { ...h, label: "Back to slider view" });
+    }
+  }, [v, l]), c = p(
+    () => D(t.maximumRepaymentPeriodDays),
     [t.maximumRepaymentPeriodDays]
-  ), n = u(() => {
+  ), n = p(() => {
     const o = r.error ? r.error : null;
-    if (o && G.includes(o.errorCode))
+    if (o && Q.includes(o.errorCode))
       switch (o.errorCode) {
         case "30_013":
           return {
@@ -62,7 +78,7 @@ const G = ["30_013"], pe = ({
           };
       }
     return null;
-  }, [e, r.error]), I = u(() => {
+  }, [e, r.error]), E = p(() => {
     const o = [
       {
         key: "capital.common.fields.fees",
@@ -78,7 +94,7 @@ const G = ["30_013"], pe = ({
       },
       {
         key: "capital.common.fields.dailyRepaymentRate",
-        value: e.get("capital.common.values.percentage", { values: { percentage: v(t.repaymentRate) } })
+        value: e.get("capital.common.values.percentage", { values: { percentage: R(t.repaymentRate) } })
       },
       {
         key: "capital.common.fields.expectedRepaymentPeriod",
@@ -86,18 +102,18 @@ const G = ["30_013"], pe = ({
       },
       { key: "capital.common.fields.account", value: e.get("capital.common.values.primaryAccount") }
     ];
-    return s && o.splice(4, 0, {
+    return c && o.splice(4, 0, {
       key: "capital.common.fields.maximumRepaymentPeriod",
-      value: s === 1 ? e.get("capital.common.values.oneMonth") : e.get("capital.common.values.numberOfMonths", { values: { months: s } })
+      value: c === 1 ? e.get("capital.common.values.oneMonth") : e.get("capital.common.values.numberOfMonths", { values: { months: c } })
     }), t.aprBasisPoints && o.splice(1, 0, {
       key: "capital.common.fields.annualPercentageRate",
-      value: e.get("capital.common.values.percentage", { values: { percentage: v(t.aprBasisPoints) } })
+      value: e.get("capital.common.values.percentage", { values: { percentage: R(t.aprBasisPoints) } })
     }), o;
-  }, [t, e, s]);
-  return !n && r.error ? /* @__PURE__ */ a(L, { error: r.error, onBack: f, onContactSupport: d }) : /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary", children: [
-    /* @__PURE__ */ a(B, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
-      /* @__PURE__ */ a(i, { el: l.PARAGRAPH, variant: m.BODY, children: /* @__PURE__ */ a(
-        F,
+  }, [t, e, c]);
+  return F(h), !n && r.error ? /* @__PURE__ */ a(W, { error: r.error, onBack: g, onContactSupport: d }) : /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary", children: [
+    /* @__PURE__ */ a(G, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
+      /* @__PURE__ */ a(i, { el: s.PARAGRAPH, variant: m.BODY, children: /* @__PURE__ */ a(
+        H,
         {
           translationKey: "capital.offer.common.fundingRequestInfo",
           fills: {
@@ -105,40 +121,40 @@ const G = ["30_013"], pe = ({
           }
         }
       ) }),
-      /* @__PURE__ */ a(i, { el: l.PARAGRAPH, variant: m.CAPTION, children: e.get("capital.offer.common.repaymentInfo", {
+      /* @__PURE__ */ a(i, { el: s.PARAGRAPH, variant: m.CAPTION, children: e.get("capital.offer.common.repaymentInfo", {
         values: {
           amount: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency),
-          days: R,
-          date: _ ?? ""
+          days: _,
+          date: T ?? ""
         }
       }) })
     ] }),
     /* @__PURE__ */ a(
-      Y,
+      U,
       {
         classNames: "adyen-pe-capital-offer-summary__details",
-        renderLabel: (o, c) => c === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
+        renderLabel: (o, u) => u === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
           N,
           {
             isUnderlineVisible: !0,
             content: e.get("capital.common.fields.repaymentThreshold.description", {
-              values: { days: R }
+              values: { days: _ }
             }),
             children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
               i,
               {
                 className: "adyen-pe-capital-offer-summary__list-label",
-                el: l.SPAN,
+                el: s.SPAN,
                 variant: m.CAPTION,
                 children: o
               }
             ) })
           }
-        ) : c === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ a(N, { isUnderlineVisible: !0, content: e.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
+        ) : u === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ a(N, { isUnderlineVisible: !0, content: e.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
           i,
           {
             className: "adyen-pe-capital-offer-summary__list-label",
-            el: l.SPAN,
+            el: s.SPAN,
             variant: m.CAPTION,
             children: o
           }
@@ -146,51 +162,51 @@ const G = ["30_013"], pe = ({
           i,
           {
             className: "adyen-pe-capital-offer-summary__list-label",
-            el: l.SPAN,
+            el: s.SPAN,
             variant: m.CAPTION,
             children: o
           }
         ),
-        renderValue: (o, c) => {
-          const A = c === "capital.common.fields.account" && r.error && n && n.errorCode === "30_013";
+        renderValue: (o, u) => {
+          const P = u === "capital.common.fields.account" && r.error && n && n.errorCode === "30_013";
           return /* @__PURE__ */ a(
             i,
             {
-              className: S({
-                "adyen-pe-capital-offer-summary__details--error": A
+              className: Y({
+                "adyen-pe-capital-offer-summary__details--error": P
               }),
-              el: l.SPAN,
+              el: s.SPAN,
               variant: m.CAPTION,
               stronger: !0,
               children: [
-                A ? /* @__PURE__ */ a(V, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
+                P ? /* @__PURE__ */ a(j, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
                 o
               ]
             }
           );
         },
-        items: I
+        items: E
       }
     ),
     n && /* @__PURE__ */ a(
-      E,
+      S,
       {
         className: "adyen-pe-capital-offer-summary__error-alert",
-        type: D.WARNING,
+        type: L.WARNING,
         title: n.title,
         description: n.message,
-        children: d ? /* @__PURE__ */ a(y, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: d, children: e.get("capital.common.actions.contactSupport") }) : null
+        children: d ? /* @__PURE__ */ a(f, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: d, children: e.get("capital.common.actions.contactSupport") }) : null
       }
     ),
-    /* @__PURE__ */ a(q, {}),
+    /* @__PURE__ */ a(V, {}),
     /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
-      r.error && !n ? null : /* @__PURE__ */ a(y, { variant: P.SECONDARY, onClick: f, children: e.get("capital.common.actions.goBack") }),
+      r.error && !n ? null : /* @__PURE__ */ a(f, { variant: C.SECONDARY, onClick: g, children: e.get("capital.common.actions.goBack") }),
       /* @__PURE__ */ a(
-        y,
+        f,
         {
-          variant: P.PRIMARY,
+          variant: C.PRIMARY,
           state: r.isLoading ? "loading" : void 0,
-          onClick: T,
+          onClick: x,
           disabled: r.isLoading || !!r.error || !!r.data,
           "aria-label": e.get("capital.offer.summary.actions.requestFunds"),
           children: e.get(
@@ -202,5 +218,5 @@ const G = ["30_013"], pe = ({
   ] });
 };
 export {
-  pe as CapitalOfferSummary
+  Re as CapitalOfferSummary
 };

package/dist/es/components/external/CapitalOffer/components/utils/utils.js

@@ -1,19 +1,8 @@
-import { DAY_MS as c } from "../../../../internal/Calendar/calendar/constants.js";
-import { parseDate as i } from "../../../../../utils/datetime/main.js";
-const u = (e, n = 0) => new Date(new Date(e).setUTCHours(0, 0, 0, 0) + Math.floor(n) * c), l = (e) => i(u(/* @__PURE__ */ new Date(), e)), d = (e) => e ? Math.ceil(e / 30) : null, p = (e, n) => {
-  let t, o;
-  function r(...a) {
-    clearTimeout(t), o = a, t = setTimeout(() => {
-      e(o), o = void 0;
-    }, n);
-  }
-  return r.cancel = () => {
-    t && (clearTimeout(t), t = void 0, o = void 0);
-  }, r;
-}, f = (e) => e / 100;
+import { DAY_MS as r } from "../../../../internal/Calendar/calendar/constants.js";
+import { parseDate as a } from "../../../../../utils/datetime/main.js";
+const n = (e, t = 0) => new Date(new Date(e).setUTCHours(0, 0, 0, 0) + Math.floor(t) * r), c = (e) => a(n(/* @__PURE__ */ new Date(), e)), s = (e) => e ? Math.ceil(e / 30) : null, p = (e) => e / 100;
 export {
-  d as calculateMaximumRepaymentPeriodInMonths,
-  p as debounce,
-  l as getExpectedRepaymentDate,
-  f as getPercentage
+  s as calculateMaximumRepaymentPeriodInMonths,
+  c as getExpectedRepaymentDate,
+  p as getPercentage
 };

package/dist/es/components/external/CapitalOverview/CapitalOverviewElement.js

@@ -1,36 +1,31 @@
-var f = Object.defineProperty;
-var h = (o, e, t) => e in o ? f(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => h(o, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as R } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { isCapitalRegionSupported as g } from "../../internal/CapitalHeader/helpers.js";
-import { UIElement as v } from "../UIElement/UIElement.js";
-import { CapitalOverview as x } from "./components/CapitalOverview/CapitalOverview.js";
-import w from "../../../core/ConfigContext/session/utils/sessionReady.js";
-import { EMPTY_OBJECT as l } from "../../../utils/value/constants.js";
-import { noop as d } from "../../../utils/common.js";
-class y extends v {
+import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { isCapitalRegionSupported as c } from "../../internal/CapitalHeader/helpers.js";
+import { UIElement as l } from "../UIElement/UIElement.js";
+import { CapitalOverview as f } from "./components/CapitalOverview/CapitalOverview.js";
+import d from "../../../core/ConfigContext/session/utils/sessionReady.js";
+import { EMPTY_OBJECT as n } from "../../../utils/value/constants.js";
+import { noop as s } from "../../../utils/common.js";
+class x extends l {
+  static type = "capitalOverview";
   constructor(t) {
-    super(t);
-    r(this, "componentToRender", () => /* @__PURE__ */ R(x, { ...this.props }));
-    this.componentToRender = this.componentToRender.bind(this), this.customClassNames = "adyen-pe-capital-overview-component";
+    super(t), this.componentToRender = this.componentToRender.bind(this), this.customClassNames = "adyen-pe-capital-overview-component";
   }
+  componentToRender = () => /* @__PURE__ */ m(f, { ...this.props });
   async getState() {
-    var c, m;
     const { session: t } = this.props.core;
-    await w(t);
-    const { getDynamicGrantOffersConfiguration: s, getGrants: i } = t.context.endpoints, u = (c = t.context.extraConfig) == null ? void 0 : c.legalEntity;
-    if (!g(u))
+    await d(t);
+    const { getDynamicGrantOffersConfiguration: r, getGrants: a } = t.context.endpoints, p = t.context.extraConfig?.legalEntity;
+    if (!c(p))
       return { state: "isInUnsupportedRegion" };
-    const [a, p] = await Promise.all([
-      s == null ? void 0 : s(l).catch(d),
-      i == null ? void 0 : i(l).catch(d)
+    const [o, i] = await Promise.all([
+      r?.(n).catch(s),
+      a?.(n).catch(s)
     ]);
-    let n = "isUnqualified";
-    return p && ((m = p.data) == null ? void 0 : m.length) > 0 ? n = "hasRequestedGrants" : a && a.minAmount && (n = "isPreQualified"), { state: n };
+    let e = "isUnqualified";
+    return i && i.data?.length > 0 ? e = "hasRequestedGrants" : o && o.minAmount && (e = "isPreQualified"), { state: e };
   }
 }
-r(y, "type", "capitalOverview");
 export {
-  y as CapitalOverviewElement,
-  y as default
+  x as CapitalOverviewElement,
+  x as default
 };

package/dist/es/components/external/CapitalOverview/components/CapitalOverview/CapitalOverview.js

@@ -1,118 +1,114 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as m, useCallback as d, useState as U } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { isCapitalRegionSupported as w } from "../../../../internal/CapitalHeader/helpers.js";
-import { CapitalErrorMessageDisplay as O } from "../../../CapitalOffer/components/utils/CapitalErrorMessageDisplay.js";
-import { CAPITAL_OVERVIEW_CLASS_NAMES as s } from "../../constants.js";
-import { useFetch as x } from "../../../../../hooks/useFetch.js";
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as u, useCallback as d, useState as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { isCapitalRegionSupported as b } from "../../../../internal/CapitalHeader/helpers.js";
+import { CapitalErrorMessageDisplay as F } from "../../../CapitalOffer/components/utils/CapitalErrorMessageDisplay.js";
+import { CAPITAL_OVERVIEW_CLASS_NAMES as i } from "../../constants.js";
+import { useFetch as v } from "../../../../../hooks/useFetch.js";
 /* empty css                     */
-import k from "../Unqualified.js";
-import { PreQualified as _ } from "../PreQualified/PreQualified.js";
-import { GrantList as D } from "../GrantList/GrantList.js";
-import { ErrorMessageDisplay as I } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { getCapitalErrorMessage as L } from "../../../../utils/capital/getCapitalErrorMessage.js";
-import { useConfigContext as N } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as P } from "../../../../../utils/value/constants.js";
-import { CapitalHeader as R } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-const te = ({
-  hideTitle: u,
-  onContactSupport: g,
-  onFundsRequest: c,
-  onOfferDismiss: h,
-  onOfferOptionsRequest: b,
-  skipPreQualifiedIntro: F
+import M from "../Unqualified.js";
+import { PreQualified as Q } from "../PreQualified/PreQualified.js";
+import { GrantList as S } from "../GrantList/GrantList.js";
+import { ErrorMessageDisplay as U } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getCapitalErrorMessage as w } from "../../../../utils/capital/getCapitalErrorMessage.js";
+import { useConfigContext as A } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as L } from "../../../../../utils/value/constants.js";
+import { CapitalHeader as O } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+const Z = ({
+  hideTitle: o,
+  onContactSupport: p,
+  onFundsRequest: m,
+  onOfferDismiss: g,
+  onOfferOptionsRequest: q,
+  skipPreQualifiedIntro: G
 }) => {
-  var v, A, q;
-  const C = (A = (v = N()) == null ? void 0 : v.extraConfig) == null ? void 0 : A.legalEntity, f = m(() => w(C), [C]), { getGrants: a, getDynamicGrantOffersConfiguration: o } = N().endpoints, n = x({
-    fetchOptions: { enabled: !!a && f },
-    queryFn: d(async () => a == null ? void 0 : a(P), [a])
-  }), i = x({
-    fetchOptions: { enabled: !!o && f },
-    queryFn: d(async () => o == null ? void 0 : o(P), [o])
-  }), e = i.data, [p, y] = U(), r = m(
-    () => {
-      var l, G;
-      return p ? [p, ...((l = n.data) == null ? void 0 : l.data) || []] : (G = n.data) == null ? void 0 : G.data;
+  const C = A()?.extraConfig?.legalEntity, c = u(() => b(C), [C]), { getGrants: s, getDynamicGrantOffersConfiguration: l } = A().endpoints, t = v({
+    fetchOptions: { enabled: !!s && c },
+    queryFn: d(async () => s?.(L), [s])
+  }), n = v({
+    fetchOptions: { enabled: !!l && c },
+    queryFn: d(async () => l?.(L), [l])
+  }), e = n.data, [f, y] = R(), a = u(
+    () => f ? [f, ...t.data?.data || []] : t.data?.data,
+    [t.data?.data, f]
+  ), x = d(
+    (E) => {
+      m ? m(E) : y(E);
     },
-    [(q = n.data) == null ? void 0 : q.data, p]
-  ), M = d(
-    (l) => {
-      c ? c(l) : y(l);
-    },
-    [c]
-  ), E = m(() => !!(i.error && n.error || i.error && !(r != null && r.length)), [i.error, r == null ? void 0 : r.length, n.error]), Q = m(() => {
-    if (f) {
-      if (E)
+    [m]
+  ), h = u(() => !!(n.error && t.error || n.error && !a?.length), [n.error, a?.length, t.error]), N = u(() => {
+    if (c) {
+      if (h)
         return "Error";
-      if (!a && !o || !e && !r || n.isFetching || i.isFetching)
+      if (!s && !l || !e && !a || t.isFetching || n.isFetching)
         return "Loading";
-      if (r != null && r.length)
+      if (a?.length)
         return "GrantList";
-      if (e != null && e.maxAmount && (e != null && e.minAmount))
+      if (e?.maxAmount && e?.minAmount)
         return "PreQualified";
     } else return "UnsupportedRegion";
     return "Unqualified";
   }, [
-    o,
+    l,
     e,
-    i.isFetching,
-    r,
-    a,
     n.isFetching,
-    E,
-    f
-  ]), S = m(() => !!(e && e.minAmount && e.maxAmount), [e]);
-  return /* @__PURE__ */ t("div", { className: s.base, children: (() => {
-    switch (Q) {
+    a,
+    s,
+    t.isFetching,
+    h,
+    c
+  ]), P = u(() => !!(e && e.minAmount && e.maxAmount), [e]);
+  return /* @__PURE__ */ r("div", { className: i.base, children: (() => {
+    switch (N) {
       case "Loading":
-        return /* @__PURE__ */ t("div", { className: s.skeletonContainer, children: [
-          /* @__PURE__ */ t("div", { className: s.headerSkeleton }),
-          /* @__PURE__ */ t("div", { className: s.skeleton })
+        return /* @__PURE__ */ r("div", { className: i.skeletonContainer, children: [
+          /* @__PURE__ */ r("div", { className: i.headerSkeleton }),
+          /* @__PURE__ */ r("div", { className: i.skeleton })
         ] });
       case "Error":
-        return /* @__PURE__ */ t("div", { className: s.errorContainer, children: [
-          /* @__PURE__ */ t(R, { hideTitle: u, titleKey: "capital.common.title" }),
-          /* @__PURE__ */ t(
-            I,
+        return /* @__PURE__ */ r("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ r(O, { hideTitle: o, titleKey: "capital.common.title" }),
+          /* @__PURE__ */ r(
+            U,
             {
               absolutePosition: !1,
               outlined: !1,
               withImage: !0,
-              onContactSupport: g,
-              ...L(i.error, g)
+              onContactSupport: p,
+              ...w(n.error, p)
             }
           )
         ] });
       case "GrantList":
-        return r && /* @__PURE__ */ t(
-          D,
+        return a && /* @__PURE__ */ r(
+          S,
           {
             externalDynamicOffersConfig: e,
-            grantList: r,
-            hideTitle: u,
-            newOfferAvailable: S,
-            onFundsRequest: c,
+            grantList: a,
+            hideTitle: o,
+            newOfferAvailable: P,
+            onFundsRequest: m,
             onGrantListUpdateRequest: y,
-            onOfferDismiss: h
+            onOfferDismiss: g
           }
         );
       case "PreQualified":
-        return /* @__PURE__ */ t(
-          _,
+        return /* @__PURE__ */ r(
+          Q,
           {
-            onOfferDismiss: h,
-            onOfferOptionsRequest: b,
-            skipPreQualifiedIntro: F,
-            hideTitle: u,
+            onOfferDismiss: g,
+            onOfferOptionsRequest: q,
+            skipPreQualifiedIntro: G,
+            hideTitle: o,
             dynamicOffer: e,
-            onFundsRequest: M
+            onFundsRequest: x
           }
         );
       case "Unqualified":
-        return /* @__PURE__ */ t(k, { hideTitle: u });
+        return /* @__PURE__ */ r(M, { hideTitle: o });
       case "UnsupportedRegion":
-        return /* @__PURE__ */ t("div", { className: s.errorContainer, children: [
-          /* @__PURE__ */ t(R, { hideTitle: u, titleKey: "capital.common.title" }),
-          /* @__PURE__ */ t(O, { unsupportedRegion: !0 })
+        return /* @__PURE__ */ r("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ r(O, { hideTitle: o, titleKey: "capital.common.title" }),
+          /* @__PURE__ */ r(F, { unsupportedRegion: !0 })
         ] });
       default:
         return null;
@@ -120,5 +116,5 @@ const te = ({
   })() });
 };
 export {
-  te as CapitalOverview
+  Z as CapitalOverview
 };