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

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

@@ -1,73 +1,80 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as d, useState as s, useCallback as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { isCapitalRegionSupported as N } from "../../../../internal/CapitalHeader/helpers.js";
-import { CapitalErrorMessageDisplay as T } from "../utils/CapitalErrorMessageDisplay.js";
-import { CAPITAL_OFFER_CLASS_NAMES as C } from "./constants.js";
-import { CapitalOfferSelection as k } from "../CapitalOfferSelection/CapitalOfferSelection.js";
-import { useFetch as B } from "../../../../../hooks/useFetch.js";
-import { CapitalOfferSummary as H } from "../CapitalOfferSummary/CapitalOfferSummary.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as d, useState as m, useCallback as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { isCapitalRegionSupported as P } from "../../../../internal/CapitalHeader/helpers.js";
+import { CapitalErrorMessageDisplay as q } from "../utils/CapitalErrorMessageDisplay.js";
+import { CAPITAL_OFFER_CLASS_NAMES as O, sharedCapitalOfferAnalyticsEventProperties as F } from "./constants.js";
+import { CapitalOfferSelection as M } from "../CapitalOfferSelection/CapitalOfferSelection.js";
+import { useFetch as _ } from "../../../../../hooks/useFetch.js";
+import { CapitalOfferSummary as x } from "../CapitalOfferSummary/CapitalOfferSummary.js";
+import { useDurationEvent as G } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
+import { useLandedPageEvent as L } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
 /* empty css                  */
-import { CapitalHeader as g } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-import { useConfigContext as E } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as K } from "../../../../../utils/value/constants.js";
-const V = ({
-  externalDynamicOffersConfig: a,
-  hideTitle: m,
-  onContactSupport: l,
-  onFundsRequest: A,
-  onOfferDismiss: v,
-  onOfferSelect: o
+import { CapitalHeader as y } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+import { useConfigContext as C } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as N } from "../../../../../utils/value/constants.js";
+const u = {
+  ...F,
+  subCategory: "Capital offer"
+}, k = ({
+  externalDynamicOffersConfig: t,
+  hideTitle: o,
+  onContactSupport: i,
+  onFundsRequest: g,
+  onOfferDismiss: S,
+  onOfferSelect: a
 }) => {
-  var y, S;
-  const { getDynamicGrantOffersConfiguration: t } = E().endpoints, c = (S = (y = E()) == null ? void 0 : y.extraConfig) == null ? void 0 : S.legalEntity, p = d(() => N(c), [c]), [R, u] = s(!1), h = n((e) => {
-    u(!e);
-  }, []), { data: q, error: F } = B({
+  const [E, c] = m(!1), [h, v] = m(), [f, p] = m(), { getDynamicGrantOffersConfiguration: n } = C().endpoints, A = l((r) => {
+    c(!r);
+  }, []), { data: R, error: T } = _({
     fetchOptions: {
-      enabled: !a && !!t && p,
-      onSuccess: h
+      enabled: !t && !!n,
+      onSuccess: A
     },
-    queryFn: n(async () => t == null ? void 0 : t(K), [t])
-  }), M = a || q, [f, O] = s(), [_, b] = s(), x = n(
-    (e) => {
-      o ? o(e) : (b(e == null ? void 0 : e.grantAmount.value), O(e));
+    queryFn: l(async () => n?.(N), [n])
+  }), b = t || R, D = l(
+    (r) => {
+      a ? a(r) : (v(r?.grantAmount.value), p(r));
     },
-    [o]
-  ), i = d(() => f ? "OfferSummary" : "OfferSelection", [f]);
-  return p ? /* @__PURE__ */ r("div", { className: C.base, children: [
-    /* @__PURE__ */ r(
-      g,
+    [a]
+  ), s = d(() => f ? "OfferSummary" : "OfferSelection", [f]);
+  return L({ ...u, label: "Capital offer" }), G(u), /* @__PURE__ */ e("div", { className: O.base, children: [
+    /* @__PURE__ */ e(
+      y,
       {
         hasDivider: !0,
-        hideTitle: m,
-        titleKey: i === "OfferSummary" ? "capital.offer.summary.title" : "capital.offer.selection.title"
+        hideTitle: o,
+        titleKey: s === "OfferSummary" ? "capital.offer.summary.title" : "capital.offer.selection.title"
       }
     ),
-    i === "OfferSelection" && /* @__PURE__ */ r(
-      k,
+    s === "OfferSelection" && /* @__PURE__ */ e(
+      M,
       {
-        requestedAmount: _,
-        dynamicOffersConfig: M,
-        dynamicOffersConfigError: F,
-        onOfferDismiss: v,
-        onOfferSelect: x,
-        emptyGrantOffer: R,
-        onContactSupport: l
+        requestedAmount: h,
+        dynamicOffersConfig: b,
+        dynamicOffersConfigError: T,
+        onOfferDismiss: S,
+        onOfferSelect: D,
+        emptyGrantOffer: E,
+        onContactSupport: i
       }
     ),
-    i === "OfferSummary" && /* @__PURE__ */ r(
-      H,
+    s === "OfferSummary" && /* @__PURE__ */ e(
+      x,
       {
         grantOffer: f,
-        onBack: () => O(void 0),
-        onFundsRequest: A,
-        onContactSupport: l
+        onBack: () => p(void 0),
+        onFundsRequest: g,
+        onContactSupport: i
       }
     )
-  ] }) : /* @__PURE__ */ r("div", { className: C.errorContainer, children: [
-    /* @__PURE__ */ r(g, { hideTitle: m, titleKey: "capital.common.title" }),
-    /* @__PURE__ */ r(T, { unsupportedRegion: !0 })
+  ] });
+}, Z = (t) => {
+  const o = C()?.extraConfig?.legalEntity;
+  return d(() => P(o), [o]) ? /* @__PURE__ */ e(k, { ...t }) : /* @__PURE__ */ e("div", { className: O.errorContainer, children: [
+    /* @__PURE__ */ e(y, { hideTitle: t.hideTitle, titleKey: "capital.common.title" }),
+    /* @__PURE__ */ e(q, { unsupportedRegion: !0 })
   ] });
 };
 export {
-  V as CapitalOffer
+  Z as CapitalOffer
 };

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

@@ -1,7 +1,11 @@
 const e = {
   base: "adyen-pe-capital-offer",
   errorContainer: "adyen-pe-capital-offer__error-container"
+}, a = {
+  componentName: "capitalOffer",
+  category: "Capital offer component"
 };
 export {
-  e as CAPITAL_OFFER_CLASS_NAMES
+  e as CAPITAL_OFFER_CLASS_NAMES,
+  a as sharedCapitalOfferAnalyticsEventProperties
 };

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

@@ -1,43 +1,40 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "../../../../internal/AnchorButton/AnchorButton.js";
-import { ButtonVariant as f } from "../../../../internal/Button/types.js";
-import { SupportedLocation as p } from "../../../../internal/CapitalHeader/constants.js";
-import c from "../../../../internal/Card/Card.js";
-import { TypographyVariant as e } from "../../../../internal/Typography/types.js";
-import i from "../../../../internal/Typography/Typography.js";
-import { SUMMARY_TEXT_EMAIL as l } from "../CapitalOfferSummary/constants.js";
+import i from "../../../../internal/AnchorButton/AnchorButton.js";
+import { ButtonVariant as l } from "../../../../internal/Button/types.js";
+import { SupportedLocation as n } from "../../../../internal/CapitalHeader/constants.js";
+import m from "../../../../internal/Card/Card.js";
+import { TypographyVariant as t } from "../../../../internal/Typography/types.js";
+import o from "../../../../internal/Typography/Typography.js";
+import { SUMMARY_TEXT_EMAIL as a } from "../CapitalOfferSummary/constants.js";
 /* empty css                             */
-import { Translation as n } from "../../../../internal/Translation/Translation.js";
-import { Fragment as s } from "../../../../../external/preact/dist/preact.module.js";
-import { useConfigContext as u } from "../../../../../core/ConfigContext/context.js";
-const O = () => {
-  var t, o, a;
-  return ((a = (o = (t = u()) == null ? void 0 : t.extraConfig) == null ? void 0 : o.legalEntity) == null ? void 0 : a.countryCode) === p.US ? /* @__PURE__ */ r(c, { filled: !0, noOutline: !0, children: [
-    /* @__PURE__ */ r(i, { variant: e.CAPTION, className: "adyen-pe-capital-offer-legal-notice--title", children: /* @__PURE__ */ r(n, { translationKey: "capital.offer.summary.legalNotice.US.title", fills: { break: /* @__PURE__ */ r("br", {}) } }) }),
-    /* @__PURE__ */ r("br", {}),
-    /* @__PURE__ */ r(i, { variant: e.CAPTION, className: "adyen-pe-capital-offer-legal-notice--description", children: /* @__PURE__ */ r(
-      n,
-      {
-        translationKey: "capital.offer.summary.legalNotice.US.note",
-        fills: {
-          email: /* @__PURE__ */ r(
-            m,
-            {
-              href: `mailto:${l}`,
-              variant: f.TERTIARY,
-              className: "adyen-pe-capital-offer-summary__info--email",
-              children: l
-            }
-          ),
-          break: /* @__PURE__ */ r(s, { children: [
-            /* @__PURE__ */ r("br", {}),
-            /* @__PURE__ */ r("br", {})
-          ] })
-        }
+import { Translation as e } from "../../../../internal/Translation/Translation.js";
+import { Fragment as f } from "../../../../../external/preact/dist/preact.module.js";
+import { useConfigContext as p } from "../../../../../core/ConfigContext/context.js";
+const x = () => p()?.extraConfig?.legalEntity?.countryCode === n.US ? /* @__PURE__ */ r(m, { filled: !0, noOutline: !0, children: [
+  /* @__PURE__ */ r(o, { variant: t.CAPTION, className: "adyen-pe-capital-offer-legal-notice--title", children: /* @__PURE__ */ r(e, { translationKey: "capital.offer.summary.legalNotice.US.title", fills: { break: /* @__PURE__ */ r("br", {}) } }) }),
+  /* @__PURE__ */ r("br", {}),
+  /* @__PURE__ */ r(o, { variant: t.CAPTION, className: "adyen-pe-capital-offer-legal-notice--description", children: /* @__PURE__ */ r(
+    e,
+    {
+      translationKey: "capital.offer.summary.legalNotice.US.note",
+      fills: {
+        email: /* @__PURE__ */ r(
+          i,
+          {
+            href: `mailto:${a}`,
+            variant: l.TERTIARY,
+            className: "adyen-pe-capital-offer-summary__info--email",
+            children: a
+          }
+        ),
+        break: /* @__PURE__ */ r(f, { children: [
+          /* @__PURE__ */ r("br", {}),
+          /* @__PURE__ */ r("br", {})
+        ] })
       }
-    ) })
-  ] }) : null;
-};
+    }
+  ) })
+] }) : null;
 export {
-  O as CapitalOfferLegalNotice
+  x as CapitalOfferLegalNotice
 };

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

@@ -1,143 +1,166 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import g from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as N, TypographyElement as S } from "../../../../internal/Typography/types.js";
-import k from "../../../../internal/Button/Button.js";
-import { ButtonVariant as b } from "../../../../internal/Button/types.js";
-import E from "../../../../../core/Context/useCoreContext.js";
-import { useMemo as p, useState as D, useCallback as u, useEffect as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import "../../../../../external/preact/compat/dist/compat.module.js";
-import T from "../../../../../hooks/useMutation/useMutation.js";
+import R from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as N, TypographyElement as P } from "../../../../internal/Typography/types.js";
+import _ from "../../../../internal/Button/Button.js";
+import { ButtonVariant as k } from "../../../../internal/Button/types.js";
+import C from "../../../../../core/Context/useCoreContext.js";
+import Y from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import { useDurationEvent as q } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
+import { useMemo as m, useState as L, useCallback as s, useEffect as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import D from "../../../../../hooks/useMutation/useMutation.js";
 /* empty css                           */
-import { debounce as F, getExpectedRepaymentDate as j, getPercentage as G } from "../utils/utils.js";
-import { CapitalErrorMessageDisplay as H } from "../utils/CapitalErrorMessageDisplay.js";
-import { calculateSliderAdjustedMidValue as Q } from "../../../../internal/Slider/Slider.js";
-import { CAPITAL_REPAYMENT_FREQUENCY as U } from "../../../../constants.js";
-import { Fragment as $ } from "../../../../../external/preact/dist/preact.module.js";
-import z from "../../../../internal/CapitalSlider/CapitalSlider.js";
-import J from "../../../../internal/InfoBox/InfoBox.js";
-import K from "../../../../internal/StructuredList/StructuredList.js";
-import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
-const X = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-container", children: [...Array(4)].map((e, r) => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-skeleton" }, r)) }), Z = ({ data: e }) => {
-  const { i18n: r } = E(), c = p(() => {
-    const n = e.expectedRepaymentPeriodDays && j(e.expectedRepaymentPeriodDays);
-    return n ? r.date(n, { month: "long" }) : null;
-  }, [e, r]);
+import { sharedCapitalOfferAnalyticsEventProperties as j } from "../CapitalOffer/constants.js";
+import { getExpectedRepaymentDate as G, getPercentage as H } from "../utils/utils.js";
+import { CapitalErrorMessageDisplay as Q } from "../utils/CapitalErrorMessageDisplay.js";
+import { calculateSliderAdjustedMidValue as U } from "../../../../internal/Slider/Slider.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as $ } from "../../../../constants.js";
+import { debounce as z } from "../../../../utils/utils.js";
+import { Fragment as J } from "../../../../../external/preact/dist/preact.module.js";
+import K from "../../../../internal/CapitalSlider/CapitalSlider.js";
+import W from "../../../../internal/InfoBox/InfoBox.js";
+import X from "../../../../internal/StructuredList/StructuredList.js";
+import { useConfigContext as Z } from "../../../../../core/ConfigContext/context.js";
+const S = {
+  ...j,
+  subCategory: "Business financing offer"
+}, O = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-container", children: [...Array(4)].map((e, n) => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-skeleton" }, n)) }), ee = ({ data: e }) => {
+  const { i18n: n } = C(), c = m(() => {
+    const r = e.expectedRepaymentPeriodDays && G(e.expectedRepaymentPeriodDays);
+    return r ? n.date(r, { month: "long" }) : null;
+  }, [e, n]);
   return /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__information", children: [
-    /* @__PURE__ */ t(g, { el: S.SPAN, variant: N.BODY, wide: !0, children: c && r.get("capital.offer.common.repaymentInfo", {
+    /* @__PURE__ */ t(R, { el: P.SPAN, variant: N.BODY, wide: !0, children: c && n.get("capital.offer.common.repaymentInfo", {
       values: {
-        amount: r.amount(e.thresholdAmount.value, e.thresholdAmount.currency),
-        days: U,
+        amount: n.amount(e.thresholdAmount.value, e.thresholdAmount.currency),
+        days: $,
         date: c
       }
     }) }),
     /* @__PURE__ */ t(
-      K,
+      X,
       {
-        renderValue: (n) => /* @__PURE__ */ t(g, { el: S.SPAN, stronger: !0, variant: N.CAPTION, children: n }),
-        renderLabel: (n) => /* @__PURE__ */ t(g, { el: S.SPAN, variant: N.CAPTION, children: n }),
+        renderValue: (r) => /* @__PURE__ */ t(R, { el: P.SPAN, stronger: !0, variant: N.CAPTION, children: r }),
+        renderLabel: (r) => /* @__PURE__ */ t(R, { el: P.SPAN, variant: N.CAPTION, children: r }),
         items: [
-          { key: "capital.common.fields.fees", value: r.amount(e.feesAmount.value, e.feesAmount.currency) },
+          { key: "capital.common.fields.fees", value: n.amount(e.feesAmount.value, e.feesAmount.currency) },
           {
             key: "capital.common.fields.dailyRepaymentRate",
-            value: `${r.get("capital.common.values.percentage", {
-              values: { percentage: G(e.repaymentRate) }
+            value: `${n.get("capital.common.values.percentage", {
+              values: { percentage: H(e.repaymentRate) }
             })}`
           },
           {
             key: "capital.common.fields.expectedRepaymentPeriod",
-            value: r.get("capital.common.values.numberOfDays", { values: { days: e.expectedRepaymentPeriodDays } })
+            value: n.get("capital.common.values.numberOfDays", { values: { days: e.expectedRepaymentPeriodDays } })
           }
         ]
       }
     )
   ] });
-}, he = ({
+}, Se = ({
   dynamicOffersConfig: e,
-  dynamicOffersConfigError: r,
+  dynamicOffersConfigError: n,
   emptyGrantOffer: c,
-  onContactSupport: n,
-  onOfferDismiss: m,
-  onOfferSelect: I,
-  requestedAmount: d
+  onContactSupport: r,
+  onOfferDismiss: f,
+  onOfferSelect: T,
+  requestedAmount: v
 }) => {
-  const { i18n: v } = E(), y = p(() => {
+  const { i18n: g } = C(), d = Y(), h = m(() => {
     if (e)
-      return Q(
+      return U(
         e.minAmount.value,
         e.maxAmount.value,
         e.step
       );
-  }, [e]), [i, P] = D(void 0), s = p(() => e == null ? void 0 : e.minAmount.currency, [e == null ? void 0 : e.minAmount.currency]), { createGrantOffer: M, getDynamicGrantOffer: V } = W().endpoints, a = T({
-    queryFn: V,
+  }, [e]), [l, b] = L(void 0), u = m(() => e?.minAmount.currency, [e?.minAmount.currency]), { createGrantOffer: B, getDynamicGrantOffer: I } = Z().endpoints, a = D({
+    queryFn: I,
     options: {
       retry: 1,
-      shouldRetry: u((o) => o.status === 500, []),
-      onSettled: u(() => {
-        _(!1);
+      shouldRetry: s((o) => o.status === 500, []),
+      onSettled: s(() => {
+        E(!1);
       }, [])
     }
-  }), l = T({
-    queryFn: M,
+  }), i = D({
+    queryFn: B,
     options: {
-      onSuccess: (o) => I(o)
+      onSuccess: (o) => T(o)
+    }
+  }), M = s(() => {
+    try {
+      i.mutate({
+        body: {
+          amount: a.data?.grantAmount.value || l,
+          currency: a.data?.grantAmount.currency || u
+        },
+        contentType: "application/json"
+      });
+    } finally {
+      d.addEvent?.("Clicked button", { ...S, label: "Review offer" });
     }
-  }), B = u(() => {
-    var o, L;
-    l.mutate({
-      body: {
-        amount: ((o = a.data) == null ? void 0 : o.grantAmount.value) || i,
-        currency: ((L = a.data) == null ? void 0 : L.grantAmount.currency) || s
-      },
-      contentType: "application/json"
-    });
-  }, [s, a.data, i, l]), h = u(
-    (o) => a.mutate({}, { query: { amount: o, currency: s } }),
-    [s, a]
-  ), [A, _] = D(!1), R = F(h, 300), w = u(
+  }, [u, a.data, l, i, d]), p = s(
+    (o) => a.mutate({}, { query: { amount: o, currency: u } }),
+    [u, a]
+  ), [A, E] = L(!1), y = m(() => z(p, 300), [p]), V = s(
     (o) => {
-      R.cancel(), _(!0), P(o);
+      y.cancel(), E(!0), b(o);
     },
-    [R]
-  ), Y = (o) => R(o);
-  q(() => {
-    e && !a.data && !i && (P(
-      (o) => o || (d ? Number(d) : y || e.minAmount.value)
-    ), h(i || y || e.minAmount.value));
-  }, [e, a.data, h, y, d, i]);
-  const x = p(
-    () => l.isLoading || a.isLoading || A,
-    [a.isLoading, A, l.isLoading]
+    [y]
+  ), w = s(
+    (o) => {
+      try {
+        return y(o);
+      } finally {
+        d.addEvent?.("Changed capital offer slider", {
+          ...S,
+          label: "Slider changed",
+          currency: u,
+          value: o
+        });
+      }
+    },
+    [y, d]
+  );
+  F(() => {
+    e && !a.data && !l && (b(
+      (o) => o || (v ? Number(v) : h || e.minAmount.value)
+    ), p(l || h || e.minAmount.value));
+  }, [e, a.data, p, h, v, l]);
+  const x = m(
+    () => i.isLoading || a.isLoading || A,
+    [a.isLoading, A, i.isLoading]
   );
-  return /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection", children: l.error || a.error || c || r ? /* @__PURE__ */ t(
-    H,
+  return q(S), /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection", children: i.error || a.error || c || n ? /* @__PURE__ */ t(
+    Q,
     {
-      error: l.error || a.error || r,
-      onBack: m,
-      onContactSupport: n,
+      error: i.error || a.error || n,
+      onBack: f,
+      onContactSupport: r,
       emptyGrantOffer: c
     }
-  ) : /* @__PURE__ */ t($, { children: [
+  ) : /* @__PURE__ */ t(J, { children: [
     e && /* @__PURE__ */ t(
-      z,
+      K,
       {
-        value: i,
+        value: l,
         dynamicOffersConfig: e,
-        onValueChange: w,
-        onRelease: Y
+        onValueChange: V,
+        onRelease: w
       }
     ),
-    /* @__PURE__ */ t(J, { className: "adyen-pe-capital-offer-selection__details", children: !a.data || a.isLoading || A ? /* @__PURE__ */ t(X, {}) : a.data ? /* @__PURE__ */ t(Z, { data: a.data }) : null }),
+    /* @__PURE__ */ t(W, { className: "adyen-pe-capital-offer-selection__details", children: !a.data || a.isLoading || A ? /* @__PURE__ */ t(O, {}) : a.data ? /* @__PURE__ */ t(ee, { data: a.data }) : null }),
     /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__buttons", children: [
-      m && /* @__PURE__ */ t(k, { variant: b.SECONDARY, onClick: m, children: v.get("capital.common.actions.goBack") }),
+      f && /* @__PURE__ */ t(_, { variant: k.SECONDARY, onClick: f, children: g.get("capital.common.actions.goBack") }),
       /* @__PURE__ */ t(
-        k,
+        _,
         {
-          variant: b.PRIMARY,
+          variant: k.PRIMARY,
           state: x ? "loading" : void 0,
-          onClick: B,
-          disabled: l.isLoading || !(e != null && e.minAmount),
-          "aria-label": v.get("capital.offer.selection.actions.reviewOffer"),
-          children: v.get(
+          onClick: M,
+          disabled: i.isLoading || !e?.minAmount,
+          "aria-label": g.get("capital.offer.selection.actions.reviewOffer"),
+          children: g.get(
             x ? "capital.offer.selection.actions.reviewOffer.states.loading" : "capital.offer.selection.actions.reviewOffer"
           )
         }
@@ -146,5 +169,5 @@ const X = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
   ] }) });
 };
 export {
-  he as CapitalOfferSelection
+  Se as CapitalOfferSelection
 };