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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+const a = "";
+export {
+  a as default
+};

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";
+import "./GrantAction.scss.js";
+import p from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as u } 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 { useAuthContext as N } from "../../../../../core/Auth/context.js";
+import { EMPTY_OBJECT as W } from "../../../../../utils/value/constants.js";
+const D = ({ action: n, className: s, offerExpiresAt: m }) => {
+  const { i18n: t, updateCore: f } = E(), { dateFormat: T } = F(), { signToSActionDetails: e } = N().endpoints, [i, C] = h(!1), A = y(async () => {
+    if (n.type === "signToS")
+      return e == null ? void 0 : e(W, {
+        query: {
+          redirectUrl: _(),
+          locale: t.locale
+        }
+      });
+  }, [n, t.locale, e]), { data: o, isFetching: a, error: g } = S({
+    fetchOptions: O(() => ({ enabled: !!e && i }), [e, i]),
+    queryFn: A
+  });
+  return R(() => {
+    const c = o == null ? void 0 : o.url;
+    c && b(c);
+  }, [o, i]), g ? /* @__PURE__ */ r(
+    p,
+    {
+      className: s,
+      type: u.CRITICAL,
+      title: t.get("somethingWentWrongTryRefreshingOrComeBackLater"),
+      description: /* @__PURE__ */ r(d, { className: l.button, onClick: f, children: t.get("refresh") })
+    }
+  ) : /* @__PURE__ */ r(
+    p,
+    {
+      className: s,
+      type: u.WARNING,
+      title: `${t.get("capital.signTermsAndConditionsToReceiveFunds")}${m ? ` ${t.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: t.get("capital.goToTermsAndConditions")
+        }
+      )
+    }
+  );
+};
+export {
+  D as GrantAction
+};

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

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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,84 @@
+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 o, TypographyVariant as m } from "../../../../internal/Typography/types.js";
+import { GRANT_DETAILS_CLASS_NAMES as l } from "./constants.js";
+import "./GrantDetails.scss.js";
+import { ExpandableContainer as d } from "../../../../internal/ExpandableContainer/ExpandableContainer.js";
+import { getPaymentRatePercentage as A } from "../../../CapitalOffer/components/utils/utils.js";
+import { Tooltip as v } from "../../../../internal/Tooltip/Tooltip.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as h } from "../../../../constants.js";
+import P 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: A(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(d, { className: l.base, children: /* @__PURE__ */ a("div", { className: l.content, children: [
+    /* @__PURE__ */ a("div", { className: l.header, children: [
+      /* @__PURE__ */ a(r, { el: o.SPAN, variant: m.BODY, children: t.get("capital.yourRequestedFundsWere") }),
+      /* @__PURE__ */ a(r, { el: o.SPAN, variant: m.BODY, strongest: !0, children: t.amount(e.grantAmount.value, e.grantAmount.currency) })
+    ] }),
+    /* @__PURE__ */ a(
+      P,
+      {
+        renderLabel: (i, c) => c === "capital.repaymentThreshold" ? /* @__PURE__ */ a(
+          v,
+          {
+            isContainerHovered: !0,
+            content: t.get("capital.minimumRepaymentToRepayTheFinancingOnTime", {
+              values: { days: h }
+            }),
+            children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
+              r,
+              {
+                className: l.label,
+                el: o.SPAN,
+                variant: m.CAPTION,
+                children: i
+              }
+            ) })
+          }
+        ) : /* @__PURE__ */ a(r, { className: l.label, el: o.SPAN, variant: m.CAPTION, children: i }),
+        renderValue: (i) => /* @__PURE__ */ a(r, { el: o.SPAN, stronger: !0, variant: m.CAPTION, children: i }),
+        items: u
+      }
+    )
+  ] }) });
+};
+export {
+  F as GrantDetails
+};

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

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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
+};

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

@@ -0,0 +1,89 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import c from "classnames";
+import g from "../../../../../core/Context/useCoreContext.js";
+import f from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import i from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as n, TypographyElement as p } from "../../../../internal/Typography/types.js";
+import y from "../../../../internal/Card/Card.js";
+import { Tag as u } from "../../../../internal/Tag/Tag.js";
+import { GRANT_ITEM_CLASS_NAMES as o } from "./constants.js";
+import { getGrantConfig as v } from "./utils.js";
+import "./GrantItem.scss.js";
+import { GrantDetails as h } from "../GrantDetails/GrantDetails.js";
+import { GrantAction as C } from "../GrantAction/GrantAction.js";
+import N from "../../../../internal/CopyText/CopyText.js";
+import { Tooltip as I } from "../../../../internal/Tooltip/Tooltip.js";
+import x from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as b } from "../../../../internal/Alert/types.js";
+import { Fragment as d } from "../../../../../external/preact/dist/preact.module.js";
+import E from "../../../../internal/ProgressBar/ProgressBar.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as S } from "../../../../../constants/dateFormats.js";
+const J = ({ grant: r }) => {
+  var s, m;
+  const { i18n: a } = g(), { dateFormat: A } = f(), t = T(() => v(r), [r]);
+  return /* @__PURE__ */ e("div", { className: o.base, children: [
+    /* @__PURE__ */ e(y, { classNameModifiers: [o.overview], filled: t.isBackgroundFilled, testId: "grant-container", children: /* @__PURE__ */ e("div", { className: o.cardContent, children: [
+      /* @__PURE__ */ e("div", { className: o.statusContainer, children: [
+        /* @__PURE__ */ e(
+          i,
+          {
+            variant: n.CAPTION,
+            className: c({ [o.textSecondary]: t.isLabelColorSecondary }),
+            testId: "grant-amount-label",
+            children: a.get(t.amountLabelKey)
+          }
+        ),
+        /* @__PURE__ */ e("div", { children: r.status === "Active" ? /* @__PURE__ */ e(d, { children: [
+          /* @__PURE__ */ e(i, { variant: n.CAPTION, el: p.SPAN, children: a.get("capital.termEnds") }),
+          /* @__PURE__ */ e(i, { variant: n.CAPTION, stronger: !0, el: p.SPAN, children: A(t.repaymentPeriodEndDate, S) })
+        ] }) : t.statusKey ? t.statusTooltipKey ? /* @__PURE__ */ e(I, { content: a.get(t.statusTooltipKey), children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, { label: a.get(t.statusKey), variant: t.statusTagVariant }) }) }) : /* @__PURE__ */ e(u, { label: a.get(t.statusKey), variant: t.statusTagVariant }) : null })
+      ] }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          variant: n.TITLE,
+          medium: !0,
+          className: c({
+            [o.textSecondary]: t.isAmountColorSecondary
+          }),
+          children: a.amount(t.amount.value, t.amount.currency)
+        }
+      ),
+      t.isProgressBarVisible && /* @__PURE__ */ e(
+        E,
+        {
+          className: o.progressBar,
+          value: r.repaidTotalAmount.value,
+          max: r.totalAmount.value,
+          labels: { current: a.get("capital.repaid"), max: a.get("capital.remaining") },
+          tooltips: {
+            remaining: `${a.amount(r.remainingTotalAmount.value, r.remainingTotalAmount.currency)} ${(s = a.get("capital.remaining")) == null ? void 0 : s.toLowerCase()}`,
+            progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${(m = a.get("capital.repaid")) == null ? void 0 : m.toLowerCase()}`
+          }
+        }
+      ),
+      t.isGrantIdVisible ? /* @__PURE__ */ e("div", { className: o.grantID, children: /* @__PURE__ */ e(N, { textToCopy: r.id, buttonLabel: a.get("capital.grantID"), isHovered: !0, type: "Text" }) }) : null
+    ] }) }),
+    t.hasDetails && /* @__PURE__ */ e(h, { grant: r }),
+    t.hasAlerts && /* @__PURE__ */ e(d, { children: r.missingActions && r.missingActions.length ? r.missingActions.map((l) => /* @__PURE__ */ e(
+      C,
+      {
+        action: l,
+        className: o.alert,
+        offerExpiresAt: r.offerExpiresAt
+      },
+      l.type
+    )) : /* @__PURE__ */ e(
+      x,
+      {
+        className: o.alert,
+        type: b.HIGHLIGHT,
+        title: a.get("capital.weReceivedYourRequestAndWeAreWorkingOnItNowCheckBackSoon")
+      }
+    ) })
+  ] });
+};
+export {
+  J as GrantItem
+};

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

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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

@@ -0,0 +1,13 @@
+const e = {
+  base: "adyen-pe-grant-item",
+  alert: "adyen-pe-grant-item__alert",
+  cardContent: "adyen-pe-grant-item__card-content",
+  grantID: "adyen-pe-grant-item__grant-id",
+  overview: "adyen-pe-grant-item__overview",
+  progressBar: "adyen-pe-grant-item__progress-bar",
+  statusContainer: "adyen-pe-grant-item__status-container",
+  textSecondary: "adyen-pe-grant-item__text--secondary"
+};
+export {
+  e as GRANT_ITEM_CLASS_NAMES
+};

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

@@ -0,0 +1,70 @@
+import { TagVariant as s } from "../../../../internal/Tag/types.js";
+const r = (e) => e === "Active", o = (e) => e === "Repaid", u = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", c = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
+  switch (e) {
+    case "Active":
+      return;
+    case "Failed":
+      return "capital.failed";
+    case "Pending":
+      return t && t.length ? "capital.actionNeeded" : "capital.pending";
+    case "Repaid":
+      return "capital.fullyRepaid";
+    case "Revoked":
+      return "capital.revoked";
+    case "WrittenOff":
+      return "capital.writtenOff";
+  }
+}, l = ({ status: e, missingActions: t }) => {
+  switch (e) {
+    case "Failed":
+      return s.ERROR;
+    case "Pending":
+      return t != null && t.length ? s.WARNING : s.DEFAULT;
+    case "Repaid":
+      return s.LIGHT;
+    case "Revoked":
+    case "WrittenOff":
+      return s.WARNING;
+    default:
+      return s.DEFAULT;
+  }
+}, p = (e) => {
+  const t = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
+  return a.setDate(t.getDate() + e), a;
+}, T = (e) => {
+  var a, n;
+  const t = ((a = e.missingActions) == null ? void 0 : a.some((i) => i.type === "signToS")) || !1;
+  switch (e.status) {
+    case "Pending":
+      return (n = e.missingActions) != null && n.length ? t ? "capital.signTheTermsToReceiveYourFunds" : void 0 : "capital.youShouldGetTheFundsWithinOneBusinessDay";
+    case "Failed":
+      return "capital.weCouldNotProcessThisRequestTryAgain";
+    case "WrittenOff":
+      return "capital.youAcceptedTheseFundsButDidNotRepayThem";
+    case "Revoked":
+      return "capital.youAcceptedButThenReturnedTheseFunds";
+    default:
+      return;
+  }
+}, g = (e) => {
+  const t = e.status === "Active", a = e.status === "Pending";
+  return {
+    amount: c(e),
+    amountLabelKey: u(e.status),
+    hasAlerts: a,
+    hasDetails: r(e.status),
+    isAmountColorSecondary: !t,
+    isBackgroundFilled: o(e.status),
+    isGrantIdVisible: !t,
+    isLabelColorSecondary: t,
+    isProgressBarVisible: t,
+    repaymentPeriodEndDate: p(e.repaymentPeriodLeft),
+    statusKey: d(e),
+    statusTagVariant: l(e),
+    statusTooltipKey: T(e)
+  };
+};
+export {
+  g as getGrantConfig,
+  T as getStatusTooltipKey
+};

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

@@ -0,0 +1,33 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import "./GrantList.scss.js";
+import { useState as g, useCallback as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { CapitalOffer as S } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
+import { GrantsDisplay as k } from "./GrantsDisplay.js";
+import { Fragment as O } from "../../../../../external/preact/dist/preact.module.js";
+const L = ({
+  externalDynamicOffersConfig: n,
+  grantList: i,
+  newOfferAvailable: c,
+  onFundsRequest: s,
+  onOfferDismiss: o
+}) => {
+  const [f, e] = g(!1), a = t(() => e(!1), []), p = t(() => e(!0), []), l = t(() => {
+    o ? o(a) : a();
+  }, [a, o]), m = t(
+    (u) => {
+      s(u), e(!1);
+    },
+    [s]
+  );
+  return /* @__PURE__ */ r(O, { children: f ? /* @__PURE__ */ r(
+    S,
+    {
+      externalDynamicOffersConfig: n,
+      onFundsRequest: m,
+      onOfferDismiss: l
+    }
+  ) : /* @__PURE__ */ r(k, { grantList: i, newOfferAvailable: c, onNewOfferRequest: p }) });
+};
+export {
+  L as GrantList
+};

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

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

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

@@ -0,0 +1,45 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { BaseList as h } from "../../../../internal/BaseList/BaseList.js";
+import { GrantItem as v } from "../GrantItem/GrantItem.js";
+import b from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as o } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../../../internal/Button/Button.js";
+import { ButtonVariant as y } from "../../../../internal/Button/types.js";
+import N from "../../../../internal/Tabs/Tabs.js";
+import { CapitalHeader as G } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+const l = ({ grants: t }) => /* @__PURE__ */ e(h, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(v, { grant: a }) }, a.id)) }), D = ({ grantList: t, hideTitle: a, newOfferAvailable: c, onNewOfferRequest: d }) => {
+  const { i18n: u } = b(), [n, r] = o(() => {
+    const i = [], p = [];
+    return t == null || t.forEach((s) => {
+      s.status === "Active" || s.status === "Pending" ? i.push(s) : p.push(s);
+    }), [i, p];
+  }, [t]), m = o(() => t.length > 1 && n.length && r.length ? "Tabs" : "SingleGrant", [n.length, t.length, r.length]), f = o(() => c && !n.some((i) => i.status === "Pending"), [n, c]);
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
+    /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
+      /* @__PURE__ */ e(G, { hideTitle: a, titleKey: "capital.businessFinancing" }),
+      f ? /* @__PURE__ */ e(g, { onClick: d, className: "adyen-pe-grant-list__offer-button", variant: y.SECONDARY, children: u.get("capital.seeNewOffer") }) : null
+    ] }),
+    m === "SingleGrant" && /* @__PURE__ */ e(l, { grants: t }),
+    m === "Tabs" && /* @__PURE__ */ e(
+      N,
+      {
+        tabs: [
+          {
+            label: "capital.inProgress",
+            content: /* @__PURE__ */ e(l, { grants: n }),
+            id: "active"
+          },
+          {
+            label: "capital.closed",
+            content: /* @__PURE__ */ e(l, { grants: r }),
+            id: "inactive"
+          }
+        ],
+        defaultActiveTab: "active"
+      }
+    )
+  ] });
+};
+export {
+  D as GrantsDisplay
+};