@adyen/adyen-platform-experience-web 1.8.1 → 1.10.0

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/CapitalOfferSelection/CapitalOfferSelection.js

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

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

@@ -1,54 +1,72 @@
-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 A } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { getExpectedRepaymentDate as b, calculateMaximumRepaymentPeriodInMonths as k, getPercentage as g } from "../utils/utils.js";
-import i from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as m, TypographyElement as l } from "../../../../internal/Typography/types.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import E from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as p, useCallback as f } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { getExpectedRepaymentDate as D, calculateMaximumRepaymentPeriodInMonths as M, getPercentage as R } from "../utils/utils.js";
+import m from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as l, 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 M from "../../../../../hooks/useMutation/useMutation.js";
-import { Tooltip as C } 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 N } 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 H } 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 = ({
-  grantOffer: t,
-  onBack: f,
-  onFundsRequest: p,
-  onContactSupport: d
+import h from "../../../../internal/Button/Button.js";
+import { ButtonVariant as N } from "../../../../internal/Button/types.js";
+import B from "../../../../../hooks/useMutation/useMutation.js";
+import q from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import { useDurationEvent as L } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
+import { Tooltip as _ } from "../../../../internal/Tooltip/Tooltip.js";
+import { AlertTypeOption as S } from "../../../../internal/Alert/types.js";
+import { Alert as F } 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 b } 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"], A = {
+  ...w,
+  subCategory: "Business financing summary"
+}, Ce = ({
+  grantOffer: o,
+  onBack: g,
+  onFundsRequest: d,
+  onContactSupport: y
 }) => {
-  const { i18n: e } = x(), R = u(() => {
-    const o = b(t.expectedRepaymentPeriodDays);
-    return o ? e.date(o, { month: "long" }) : null;
-  }, [t, e]), { requestFunds: _ } = W().endpoints, r = M({
-    queryFn: _,
+  const { i18n: e } = E(), n = q(), T = p(() => {
+    const a = D(o.expectedRepaymentPeriodDays);
+    return a ? e.date(a, { month: "long" }) : null;
+  }, [o, e]), { requestFunds: k } = J().endpoints, r = B({
+    queryFn: k,
     options: {
-      onSuccess: (o) => p == null ? void 0 : p(o)
+      onSuccess: (a) => d == null ? void 0 : d(a)
     }
-  }), h = A(
-    (o) => {
-      r.mutate(w, { path: { grantOfferId: o } });
+  }), v = f(
+    (a) => {
+      r.mutate(K, { path: { grantOfferId: a } });
     },
     [r]
-  ), T = A(() => {
-    t.id && h(t.id);
-  }, [t.id, h]), s = u(
-    () => k(t.maximumRepaymentPeriodDays),
-    [t.maximumRepaymentPeriodDays]
-  ), n = u(() => {
-    const o = r.error ? r.error : null;
-    if (o && G.includes(o.errorCode))
-      switch (o.errorCode) {
+  ), x = f(() => {
+    var a;
+    try {
+      o.id && v(o.id);
+    } finally {
+      (a = n.addEvent) == null || a.call(n, "Clicked button", { ...A, label: "Request funds" });
+    }
+  }, [o.id, v, n]), P = f(() => {
+    var a;
+    try {
+      return g();
+    } finally {
+      (a = n.addEvent) == null || a.call(n, "Clicked button", { ...A, label: "Back to slider view" });
+    }
+  }, [g, n]), c = p(
+    () => M(o.maximumRepaymentPeriodDays),
+    [o.maximumRepaymentPeriodDays]
+  ), i = p(() => {
+    const a = r.error ? r.error : null;
+    if (a && Q.includes(a.errorCode))
+      switch (a.errorCode) {
         case "30_013":
           return {
             title: e.get("capital.offer.common.errors.noPrimaryAccount"),
@@ -62,109 +80,109 @@ const G = ["30_013"], pe = ({
           };
       }
     return null;
-  }, [e, r.error]), I = u(() => {
-    const o = [
+  }, [e, r.error]), I = p(() => {
+    const a = [
       {
         key: "capital.common.fields.fees",
-        value: e.amount(t.feesAmount.value, t.feesAmount.currency)
+        value: e.amount(o.feesAmount.value, o.feesAmount.currency)
       },
       {
         key: "capital.common.fields.totalRepaymentAmount",
-        value: e.amount(t.totalAmount.value, t.totalAmount.currency)
+        value: e.amount(o.totalAmount.value, o.totalAmount.currency)
       },
       {
         key: "capital.common.fields.repaymentThreshold",
-        value: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency)
+        value: e.amount(o.thresholdAmount.value, o.thresholdAmount.currency)
       },
       {
         key: "capital.common.fields.dailyRepaymentRate",
-        value: e.get("capital.common.values.percentage", { values: { percentage: g(t.repaymentRate) } })
+        value: e.get("capital.common.values.percentage", { values: { percentage: R(o.repaymentRate) } })
       },
       {
         key: "capital.common.fields.expectedRepaymentPeriod",
-        value: e.get("capital.common.values.numberOfDays", { values: { days: t.expectedRepaymentPeriodDays } })
+        value: e.get("capital.common.values.numberOfDays", { values: { days: o.expectedRepaymentPeriodDays } })
       },
       { key: "capital.common.fields.account", value: e.get("capital.common.values.primaryAccount") }
     ];
-    return s && o.splice(4, 0, {
+    return c && a.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 } })
-    }), t.aprBasisPoints && o.splice(1, 0, {
+      value: c === 1 ? e.get("capital.common.values.oneMonth") : e.get("capital.common.values.numberOfMonths", { values: { months: c } })
+    }), o.aprBasisPoints && a.splice(1, 0, {
       key: "capital.common.fields.annualPercentageRate",
-      value: e.get("capital.common.values.percentage", { values: { percentage: g(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,
+      value: e.get("capital.common.values.percentage", { values: { percentage: R(o.aprBasisPoints) } })
+    }), a;
+  }, [o, e, c]);
+  return L(A), !i && r.error ? /* @__PURE__ */ t(W, { error: r.error, onBack: P, onContactSupport: y }) : /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-summary", children: [
+    /* @__PURE__ */ t(G, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
+      /* @__PURE__ */ t(m, { el: s.PARAGRAPH, variant: l.BODY, children: /* @__PURE__ */ t(
+        H,
         {
           translationKey: "capital.offer.common.fundingRequestInfo",
           fills: {
-            amount: /* @__PURE__ */ a("strong", { children: `${e.amount(t.grantAmount.value, t.grantAmount.currency, { minimumFractionDigits: 0 })}` })
+            amount: /* @__PURE__ */ t("strong", { children: `${e.amount(o.grantAmount.value, o.grantAmount.currency, { minimumFractionDigits: 0 })}` })
           }
         }
       ) }),
-      /* @__PURE__ */ a(i, { el: l.PARAGRAPH, variant: m.CAPTION, children: e.get("capital.offer.common.repaymentInfo", {
+      /* @__PURE__ */ t(m, { el: s.PARAGRAPH, variant: l.CAPTION, children: e.get("capital.offer.common.repaymentInfo", {
         values: {
-          amount: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency),
-          days: N,
-          date: R ?? ""
+          amount: e.amount(o.thresholdAmount.value, o.thresholdAmount.currency),
+          days: b,
+          date: T ?? ""
         }
       }) })
     ] }),
-    /* @__PURE__ */ a(
-      Y,
+    /* @__PURE__ */ t(
+      U,
       {
         classNames: "adyen-pe-capital-offer-summary__details",
-        renderLabel: (o, c) => c === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
-          C,
+        renderLabel: (a, u) => u === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ t(
+          _,
           {
-            isContainerHovered: !0,
+            isUnderlineVisible: !0,
             content: e.get("capital.common.fields.repaymentThreshold.description", {
-              values: { days: N }
+              values: { days: b }
             }),
-            children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
-              i,
+            children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+              m,
               {
                 className: "adyen-pe-capital-offer-summary__list-label",
-                el: l.SPAN,
-                variant: m.CAPTION,
-                children: o
+                el: s.SPAN,
+                variant: l.CAPTION,
+                children: a
               }
             ) })
           }
-        ) : c === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ a(C, { isContainerHovered: !0, content: e.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
-          i,
+        ) : u === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ t(_, { isUnderlineVisible: !0, content: e.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
+          m,
           {
             className: "adyen-pe-capital-offer-summary__list-label",
-            el: l.SPAN,
-            variant: m.CAPTION,
-            children: o
+            el: s.SPAN,
+            variant: l.CAPTION,
+            children: a
           }
-        ) }) }) : /* @__PURE__ */ a(
-          i,
+        ) }) }) : /* @__PURE__ */ t(
+          m,
           {
             className: "adyen-pe-capital-offer-summary__list-label",
-            el: l.SPAN,
-            variant: m.CAPTION,
-            children: o
+            el: s.SPAN,
+            variant: l.CAPTION,
+            children: a
           }
         ),
-        renderValue: (o, c) => {
-          const v = c === "capital.common.fields.account" && r.error && n && n.errorCode === "30_013";
-          return /* @__PURE__ */ a(
-            i,
+        renderValue: (a, u) => {
+          const C = u === "capital.common.fields.account" && r.error && i && i.errorCode === "30_013";
+          return /* @__PURE__ */ t(
+            m,
             {
-              className: S({
-                "adyen-pe-capital-offer-summary__details--error": v
+              className: Y({
+                "adyen-pe-capital-offer-summary__details--error": C
               }),
-              el: l.SPAN,
-              variant: m.CAPTION,
+              el: s.SPAN,
+              variant: l.CAPTION,
               stronger: !0,
               children: [
-                v ? /* @__PURE__ */ a(H, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
-                o
+                C ? /* @__PURE__ */ t(j, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
+                a
               ]
             }
           );
@@ -172,25 +190,25 @@ const G = ["30_013"], pe = ({
         items: I
       }
     ),
-    n && /* @__PURE__ */ a(
-      E,
+    i && /* @__PURE__ */ t(
+      F,
       {
         className: "adyen-pe-capital-offer-summary__error-alert",
-        type: D.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
+        type: S.WARNING,
+        title: i.title,
+        description: i.message,
+        children: y ? /* @__PURE__ */ t(h, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: y, children: e.get("capital.common.actions.contactSupport") }) : null
       }
     ),
-    /* @__PURE__ */ a(q, {}),
-    /* @__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") }),
-      /* @__PURE__ */ a(
-        y,
+    /* @__PURE__ */ t(V, {}),
+    /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
+      r.error && !i ? null : /* @__PURE__ */ t(h, { variant: N.SECONDARY, onClick: P, children: e.get("capital.common.actions.goBack") }),
+      /* @__PURE__ */ t(
+        h,
         {
-          variant: P.PRIMARY,
+          variant: N.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 +220,5 @@ const G = ["30_013"], pe = ({
   ] });
 };
 export {
-  pe as CapitalOfferSummary
+  Ce as CapitalOfferSummary
 };