@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

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

@@ -0,0 +1,187 @@
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as c, useCallback as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { getExpectedRepaymentDate as x, calculateMaximumRepaymentPeriodInMonths as I, getPaymentRatePercentage as M } from "../utils/utils.js";
+import n from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as m, TypographyVariant as l } from "../../../../internal/Typography/types.js";
+/* empty css                         */
+import y from "../../../../internal/Button/Button.js";
+import { ButtonVariant as C } from "../../../../internal/Button/types.js";
+import k from "../../../../../hooks/useMutation/useMutation.js";
+import { Tooltip as D } from "../../../../internal/Tooltip/Tooltip.js";
+import { AlertTypeOption as E } from "../../../../internal/Alert/types.js";
+import { Alert as b } from "../../../../internal/Alert/Alert.js";
+import { CapitalErrorMessageDisplay as F } from "../utils/CapitalErrorMessageDisplay.js";
+import L from "classnames";
+import { CAPITAL_REPAYMENT_FREQUENCY as P } from "../../../../constants.js";
+import { CapitalOfferLegalNotice as S } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
+import W from "../../../../internal/InfoBox/InfoBox.js";
+import q from "../../../../internal/StructuredList/StructuredList.js";
+import { Icon as Y } from "../../../../internal/Icon/Icon.js";
+import { useConfigContext as w } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as H } from "../../../../../utils/value/constants.js";
+const B = ["30_013"], ce = ({
+  grantOffer: t,
+  onBack: h,
+  onFundsRequest: u,
+  onContactSupport: p
+}) => {
+  const { i18n: e } = _(), f = c(() => {
+    const r = x(t.expectedRepaymentPeriodDays);
+    return r ? e.date(r, { month: "long" }) : null;
+  }, [t, e]), { requestFunds: N } = w().endpoints, o = k({
+    queryFn: N,
+    options: {
+      onSuccess: (r) => u == null ? void 0 : u(r)
+    }
+  }), A = v(
+    (r) => {
+      o.mutate(H, { path: { grantOfferId: r } });
+    },
+    [o]
+  ), R = v(() => {
+    t.id && A(t.id);
+  }, [t.id, A]), s = c(
+    () => I(t.maximumRepaymentPeriodDays),
+    [t.maximumRepaymentPeriodDays]
+  ), i = c(() => {
+    const r = o.error ? o.error : null;
+    if (r && B.includes(r.errorCode))
+      switch (r.errorCode) {
+        case "30_013":
+          return {
+            title: e.get("capital.thereIsNoPrimaryAccountConfigured"),
+            message: e.get("capital.weCouldNotContinueWithTheOfferContactSupportForHelp"),
+            errorCode: "30_013"
+          };
+        default:
+          return {
+            title: e.get("somethingWentWrong"),
+            message: e.get("capital.weCouldNotLoadFinancialOffers")
+          };
+      }
+    return null;
+  }, [e, o.error]), T = c(() => {
+    const r = [
+      {
+        key: "capital.fees",
+        value: e.amount(t.feesAmount.value, t.feesAmount.currency)
+      },
+      {
+        key: "capital.totalRepaymentAmount",
+        value: e.amount(t.totalAmount.value, t.totalAmount.currency)
+      },
+      {
+        key: "capital.repaymentThreshold",
+        value: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency)
+      },
+      {
+        key: "capital.dailyRepaymentRate",
+        value: e.get("capital.xPercent", { values: { percentage: M(t.repaymentRate) } })
+      },
+      {
+        key: "capital.expectedRepaymentPeriod",
+        value: e.get("capital.xDays", { values: { days: t.expectedRepaymentPeriodDays } })
+      },
+      { key: "account", value: e.get("capital.primaryAccount") }
+    ];
+    return s && r.splice(4, 0, {
+      key: "capital.maximumRepaymentPeriod",
+      value: s === 1 ? e.get("capital.oneMonth") : e.get("capital.xMonths", { values: { months: s } })
+    }), r;
+  }, [t, e, s]);
+  return !i && o.error ? /* @__PURE__ */ a(F, { error: o.error, onBack: h, onContactSupport: p }) : /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary", children: [
+    /* @__PURE__ */ a(W, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
+      /* @__PURE__ */ a(n, { el: m.PARAGRAPH, variant: l.BODY, children: [
+        e.get("capital.youAreRequestingFundingOf"),
+        " ",
+        /* @__PURE__ */ a("strong", { children: `${e.amount(t.grantAmount.value, t.grantAmount.currency, { minimumFractionDigits: 0 })}.` })
+      ] }),
+      /* @__PURE__ */ a(n, { el: m.PARAGRAPH, variant: l.CAPTION, children: e.get("capital.youWillNeedToRepayAMinimumOfXEveryXDaysToPayOffTheFunds", {
+        values: {
+          amount: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency),
+          days: P,
+          date: f ?? ""
+        }
+      }) })
+    ] }),
+    /* @__PURE__ */ a(
+      q,
+      {
+        classNames: "adyen-pe-capital-offer-summary__details",
+        renderLabel: (r, d) => d === "capital.repaymentThreshold" ? /* @__PURE__ */ a(
+          D,
+          {
+            isContainerHovered: !0,
+            content: e.get("capital.minimumRepaymentToRepayTheFinancingOnTime", {
+              values: { days: P }
+            }),
+            children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
+              n,
+              {
+                className: "adyen-pe-capital-offer-summary__list-label",
+                el: m.SPAN,
+                variant: l.CAPTION,
+                children: r
+              }
+            ) })
+          }
+        ) : /* @__PURE__ */ a(
+          n,
+          {
+            className: "adyen-pe-capital-offer-summary__list-label",
+            el: m.SPAN,
+            variant: l.CAPTION,
+            children: r
+          }
+        ),
+        renderValue: (r, d) => {
+          const g = d === "account" && o.error && i && i.errorCode === "30_013";
+          return /* @__PURE__ */ a(
+            n,
+            {
+              className: L({
+                "adyen-pe-capital-offer-summary__details--error": g
+              }),
+              el: m.SPAN,
+              variant: l.CAPTION,
+              stronger: !0,
+              children: [
+                g ? /* @__PURE__ */ a(Y, { name: "warning-filled" }) : null,
+                r
+              ]
+            }
+          );
+        },
+        items: T
+      }
+    ),
+    i && /* @__PURE__ */ a(
+      b,
+      {
+        className: "adyen-pe-capital-offer-summary__error-alert",
+        type: E.WARNING,
+        title: i.title,
+        description: i.message,
+        children: p ? /* @__PURE__ */ a(y, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: p, children: e.get("contactSupport") }) : null
+      }
+    ),
+    /* @__PURE__ */ a(S, {}),
+    /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
+      o.error && !i ? null : /* @__PURE__ */ a(y, { variant: C.SECONDARY, onClick: h, children: e.get("back") }),
+      /* @__PURE__ */ a(
+        y,
+        {
+          variant: C.PRIMARY,
+          state: o.isLoading ? "loading" : void 0,
+          onClick: R,
+          disabled: o.isLoading || !!o.error,
+          children: e.get(o.isLoading ? "capital.requesting" : "capital.requestFunds")
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ce as CapitalOfferSummary
+};

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

@@ -0,0 +1,4 @@
+const o = "capital-support@adyen.com";
+export {
+  o as SUMMARY_TEXT_EMAIL
+};

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

@@ -0,0 +1,36 @@
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { getCapitalErrorMessage as l } from "../../../../utils/capital/getCapitalErrorMessage.js";
+import s from "../../../../../core/Errors/AdyenPlatformExperienceError.js";
+import { ErrorMessageDisplay as u } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { useCallback as E, useMemo as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import C from "../../../../internal/Button/Button.js";
+import { ButtonVariant as R } from "../../../../internal/Button/types.js";
+import c from "../../../../../core/Context/useCoreContext.js";
+import { ErrorTypes as m } from "../../../../../core/Http/utils.js";
+import { Fragment as d } from "../../../../../external/preact/dist/preact.module.js";
+const h = ({
+  emptyGrantOffer: t,
+  error: e,
+  onContactSupport: i,
+  onBack: r,
+  unsupportedRegion: n
+}) => {
+  const { i18n: a } = c(), p = E(
+    () => /* @__PURE__ */ o(d, { children: r && /* @__PURE__ */ o(C, { variant: R.SECONDARY, onClick: r, children: a.get("back") }) }),
+    [a, r]
+  ), f = g(() => n ? new s(m.ERROR, "UnsupportedRegion", "Unsupported Region Configuration", "UNSUPPORTED_REGION") : t ? new s(m.ERROR, "EmptyConfig", "Empty Configuration", "EMPTY_CONFIG") : e, [t, n, e]);
+  return /* @__PURE__ */ o(
+    u,
+    {
+      absolutePosition: !1,
+      withImage: !0,
+      onContactSupport: i,
+      renderSecondaryButton: p,
+      outlined: !1,
+      ...l(f, i)
+    }
+  );
+};
+export {
+  h as CapitalErrorMessageDisplay
+};

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

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

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

@@ -0,0 +1,36 @@
+var u = Object.defineProperty;
+var h = (o, e, t) => e in o ? u(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 v } from "../../internal/CapitalHeader/helpers.js";
+import { UIElement as g } 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 g {
+  constructor(t) {
+    super(t);
+    r(this, "componentToRender", () => /* @__PURE__ */ R(x, { ...this.props, ref: (t) => void (this.componentRef = t) }));
+    this.customClassNames = "adyen-pe-capital-overview-component", this.componentToRender = this.componentToRender.bind(this);
+  }
+  async getState() {
+    var c, m;
+    const { session: t } = this.props.core;
+    await w(t);
+    const { getDynamicGrantOffersConfiguration: i, getGrants: s } = t.context.endpoints, f = (c = t.context.extraConfig) == null ? void 0 : c.legalEntity;
+    if (!v(f))
+      return { state: "isInUnsupportedRegion" };
+    const [a, p] = await Promise.all([
+      i == null ? void 0 : i(l).catch(d),
+      s == null ? void 0 : s(l).catch(d)
+    ]);
+    let n = "isUnqualified";
+    return p && ((m = p.data) == null ? void 0 : m.length) > 0 ? n = "hasRequestedGrants" : a && a.minAmount && (n = "isPreQualified"), { state: n };
+  }
+}
+r(y, "type", "capitalOverview");
+export {
+  y as CapitalOverviewElement,
+  y as default
+};

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

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

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

@@ -0,0 +1,65 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as h, useCallback as y, useMemo as O, useEffect as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import E from "../../../../../core/Context/useCoreContext.js";
+import F from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { GRANT_ACTION_CLASS_NAMES as l } from "./constants.js";
+/* empty css                 */
+import { Alert as p } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as f } from "../../../../internal/Alert/types.js";
+import { useFetch as S } from "../../../../../hooks/useFetch.js";
+import "../../../../../external/preact/compat/dist/compat.module.js";
+import { getTopWindowHref as _, setTopWindowHref as b } from "./utils.js";
+import d from "../../../../internal/Button/Button.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as I } from "../../../../../constants/dateFormats.js";
+import { useConfigContext as N } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as W } from "../../../../../utils/value/constants.js";
+const D = ({ action: n, className: s, offerExpiresAt: m }) => {
+  const { i18n: e, updateCore: u } = E(), { dateFormat: T } = F(), { signToSActionDetails: t } = N().endpoints, [i, C] = h(!1), g = y(async () => {
+    if (n.type === "signToS")
+      return t == null ? void 0 : t(W, {
+        query: {
+          redirectUrl: _(),
+          locale: e.locale
+        }
+      });
+  }, [n, e.locale, t]), { data: o, isFetching: a, error: A } = S({
+    fetchOptions: O(() => ({ enabled: !!t && i }), [t, i]),
+    queryFn: g
+  });
+  return R(() => {
+    const c = o == null ? void 0 : o.url;
+    c && b(c);
+  }, [o, i]), A ? /* @__PURE__ */ r(
+    p,
+    {
+      className: s,
+      type: f.CRITICAL,
+      title: e.get("somethingWentWrongTryRefreshingOrComeBackLater"),
+      description: /* @__PURE__ */ r(d, { className: l.button, onClick: u, children: e.get("refresh") })
+    }
+  ) : /* @__PURE__ */ r(
+    p,
+    {
+      className: s,
+      type: f.WARNING,
+      title: `${e.get("capital.signTermsAndConditionsToReceiveFunds")}${m ? ` ${e.get("capital.thisOfferExpiresOn", {
+        values: {
+          date: T(m, I)
+        }
+      })}` : ""}`,
+      description: /* @__PURE__ */ r(
+        d,
+        {
+          className: l.button,
+          onClick: () => C(!0),
+          disabled: a,
+          state: a ? "loading" : void 0,
+          children: e.get("capital.goToTermsAndConditions")
+        }
+      )
+    }
+  );
+};
+export {
+  D as GrantAction
+};

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

@@ -0,0 +1,6 @@
+const t = {
+  button: "adyen-pe-grant-action__button"
+};
+export {
+  t as GRANT_ACTION_CLASS_NAMES
+};

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

@@ -0,0 +1,10 @@
+const n = () => {
+  var o;
+  return ((o = window.top) == null ? void 0 : o.location.href) || window.location.href;
+}, t = (o) => {
+  window.top ? window.top.location.href = o : window.location.href = o;
+};
+export {
+  n as getTopWindowHref,
+  t as setTopWindowHref
+};

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

@@ -0,0 +1,83 @@
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as s, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import y from "../../../../../core/Context/useCoreContext.js";
+import r from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as m, TypographyVariant as o } from "../../../../internal/Typography/types.js";
+import { GRANT_DETAILS_CLASS_NAMES as l } from "./constants.js";
+/* empty css                  */
+import { getPaymentRatePercentage as d } from "../../../CapitalOffer/components/utils/utils.js";
+import { Tooltip as A } from "../../../../internal/Tooltip/Tooltip.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as v } from "../../../../constants.js";
+import h from "../../../../internal/StructuredList/StructuredList.js";
+const F = ({ grant: e }) => {
+  const { i18n: t } = y(), n = s((i) => t.amount(i.value, i.currency), [t]), u = p(() => {
+    const i = e.maximumRepaymentPeriodDays ? Math.ceil(e.maximumRepaymentPeriodDays / 30) : null, c = [
+      {
+        key: "capital.remainingAmount",
+        value: t.amount(e.remainingGrantAmount.value, e.remainingGrantAmount.currency)
+      },
+      { key: "capital.remainingFees", value: n(e.remainingFeesAmount) },
+      { key: "capital.repaidAmount", value: n(e.repaidGrantAmount) },
+      { key: "capital.repaidFees", value: n(e.repaidFeesAmount) },
+      {
+        key: "capital.dailyRepaymentRate",
+        value: `${t.get("capital.xPercent", {
+          values: { percentage: d(e.repaymentRate) }
+        })}`
+      },
+      {
+        key: "capital.expectedRepaymentPeriod",
+        value: t.get("capital.daysAndDaysLeft", {
+          values: {
+            days: e.expectedRepaymentPeriodDays,
+            daysLeft: e.repaymentPeriodLeft
+          }
+        })
+      },
+      { key: "capital.totalFees", value: n(e.feesAmount) },
+      { key: "capital.totalRepaymentAmount", value: n(e.totalAmount) },
+      { key: "capital.repaymentThreshold", value: n(e.thresholdAmount) },
+      { key: "capital.grantID", value: e.id },
+      { key: "accountDescription", value: e.balanceAccountDescription },
+      { key: "accountID", value: e.balanceAccountCode }
+    ];
+    return i && c.splice(5, 0, {
+      key: "capital.maximumRepaymentPeriod",
+      value: t.get("capital.xMonths", { values: { months: i } })
+    }), c;
+  }, [e, n, t]);
+  return /* @__PURE__ */ a("div", { className: l.base, children: /* @__PURE__ */ a("div", { className: l.content, children: [
+    /* @__PURE__ */ a("div", { className: l.header, children: [
+      /* @__PURE__ */ a(r, { el: m.SPAN, variant: o.BODY, children: t.get("capital.yourRequestedFundsWere") }),
+      /* @__PURE__ */ a(r, { el: m.SPAN, variant: o.BODY, strongest: !0, children: t.amount(e.grantAmount.value, e.grantAmount.currency) })
+    ] }),
+    /* @__PURE__ */ a(
+      h,
+      {
+        renderLabel: (i, c) => c === "capital.repaymentThreshold" ? /* @__PURE__ */ a(
+          A,
+          {
+            isContainerHovered: !0,
+            content: t.get("capital.minimumRepaymentToRepayTheFinancingOnTime", {
+              values: { days: v }
+            }),
+            children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
+              r,
+              {
+                className: l.label,
+                el: m.SPAN,
+                variant: o.CAPTION,
+                children: i
+              }
+            ) })
+          }
+        ) : /* @__PURE__ */ a(r, { className: l.label, el: m.SPAN, variant: o.CAPTION, children: i }),
+        renderValue: (i) => /* @__PURE__ */ a(r, { el: m.SPAN, stronger: !0, variant: o.CAPTION, children: i }),
+        items: u
+      }
+    )
+  ] }) });
+};
+export {
+  F as GrantDetails
+};

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

@@ -0,0 +1,9 @@
+const e = {
+  base: "adyen-pe-grant-details",
+  content: "adyen-pe-grant-details__content",
+  header: "adyen-pe-grant-details__header",
+  label: "adyen-pe-grant-details__label"
+};
+export {
+  e as GRANT_DETAILS_CLASS_NAMES
+};