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

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

@@ -1,32 +1,36 @@
-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 {
+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);
-    n(this, "componentToRender", () => /* @__PURE__ */ u(v, { ...this.props, ref: (t) => void (this.componentRef = 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 p;
+    var c, m;
     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)
+    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)
     ]);
-    return { state: r && ((p = r.data) == null ? void 0 : p.length) > 0 ? "hasRequestedGrants" : a && a.minAmount ? "isPreQualified" : "isUnqualified" };
+    let n = "isUnqualified";
+    return p && ((m = p.data) == null ? void 0 : m.length) > 0 ? n = "hasRequestedGrants" : a && a.minAmount && (n = "isPreQualified"), { state: n };
   }
 }
-n(d, "type", "capitalOverview");
-const q = d;
+r(y, "type", "capitalOverview");
 export {
-  d as CapitalOverviewElement,
-  q as default
+  y as CapitalOverviewElement,
+  y as default
 };

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

@@ -1,104 +1,124 @@
 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
+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 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 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 i, v;
-      return d ? [d, ...((i = a.data) == null ? void 0 : i.data) || []] : (v = a.data) == null ? void 0 : v.data;
+      var l, b;
+      return p ? [p, ...((l = n.data) == null ? void 0 : l.data) || []] : (b = n.data) == null ? void 0 : b.data;
     },
-    [(F = a.data) == null ? void 0 : F.data, d]
-  ), A = h(
-    (i) => {
-      c ? c(i) : y(i);
+    [(A = n.data) == null ? void 0 : A.data, p]
+  ), E = d(
+    (l) => {
+      f ? f(l) : S(l);
     },
-    [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", [
+    [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,
-    n.isFetching,
+    a.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) {
+    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: u.skeletonContainer, children: [
-          /* @__PURE__ */ t("div", { className: u.headerSkeleton }),
-          /* @__PURE__ */ t("div", { className: u.skeleton })
+        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: u.errorContainer, children: [
-          /* @__PURE__ */ t(Q, { hideTitle: m, titleKey: "capital.businessFinancing" }),
+        return /* @__PURE__ */ t("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ t(G, { hideTitle: u, titleKey: "capital.businessFinancing" }),
           /* @__PURE__ */ t(
-            P,
+            I,
             {
               absolutePosition: !1,
               outlined: !1,
               withImage: !0,
-              onContactSupport: p,
-              ...S(n.error, p)
+              onContactSupport: g,
+              ...K(a.error, g)
             }
           )
         ] });
       case "GrantList":
         return r && /* @__PURE__ */ t(
-          O,
+          D,
           {
             externalDynamicOffersConfig: e,
             grantList: r,
-            hideTitle: m,
-            newOfferAvailable: x,
-            onFundsRequest: A,
-            onOfferDismiss: g
+            hideTitle: u,
+            newOfferAvailable: O,
+            onFundsRequest: E,
+            onOfferDismiss: h
           }
         );
       case "PreQualified":
         return /* @__PURE__ */ t(
-          M,
+          k,
           {
-            onOfferDismiss: g,
-            onOfferOptionsRequest: b,
-            skipPreQualifiedIntro: f,
-            hideTitle: m,
+            onOfferDismiss: h,
+            onOfferOptionsRequest: M,
+            skipPreQualifiedIntro: C,
+            hideTitle: u,
             dynamicOffer: e,
-            onFundsRequest: A
+            onFundsRequest: E
           }
         );
       case "Unqualified":
-        return /* @__PURE__ */ t(w, { hideTitle: m });
+        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 {
-  W as CapitalOverview
+  te as CapitalOverview
 };

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

@@ -3,46 +3,46 @@ import { useState as h, useCallback as y, useMemo as O, useEffect as R } from ".
 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";
+/* 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 { useAuthContext as N } from "../../../../../core/Auth/context.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: t, updateCore: f } = E(), { dateFormat: T } = F(), { signToSActionDetails: e } = N().endpoints, [i, C] = h(!1), A = y(async () => {
+  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 e == null ? void 0 : e(W, {
+      return t == null ? void 0 : t(W, {
         query: {
           redirectUrl: _(),
-          locale: t.locale
+          locale: e.locale
         }
       });
-  }, [n, t.locale, e]), { data: o, isFetching: a, error: g } = S({
-    fetchOptions: O(() => ({ enabled: !!e && i }), [e, i]),
-    queryFn: A
+  }, [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]), g ? /* @__PURE__ */ r(
+  }, [o, i]), A ? /* @__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") })
+      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: u.WARNING,
-      title: `${t.get("capital.signTermsAndConditionsToReceiveFunds")}${m ? ` ${t.get("capital.thisOfferExpiresOn", {
+      type: f.WARNING,
+      title: `${e.get("capital.signTermsAndConditionsToReceiveFunds")}${m ? ` ${e.get("capital.thisOfferExpiresOn", {
         values: {
           date: T(m, I)
         }
@@ -54,7 +54,7 @@ const D = ({ action: n, className: s, offerExpiresAt: m }) => {
           onClick: () => C(!0),
           disabled: a,
           state: a ? "loading" : void 0,
-          children: t.get("capital.goToTermsAndConditions")
+          children: e.get("capital.goToTermsAndConditions")
         }
       )
     }

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

@@ -2,14 +2,13 @@ import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 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 { TypographyElement as m, TypographyVariant as o } 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";
+/* 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 = [
@@ -23,7 +22,7 @@ const F = ({ grant: e }) => {
       {
         key: "capital.dailyRepaymentRate",
         value: `${t.get("capital.xPercent", {
-          values: { percentage: A(e.repaymentRate) }
+          values: { percentage: d(e.repaymentRate) }
         })}`
       },
       {
@@ -47,33 +46,33 @@ const F = ({ grant: e }) => {
       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: [
+  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: 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(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(
-      P,
+      h,
       {
         renderLabel: (i, c) => c === "capital.repaymentThreshold" ? /* @__PURE__ */ a(
-          v,
+          A,
           {
             isContainerHovered: !0,
             content: t.get("capital.minimumRepaymentToRepayTheFinancingOnTime", {
-              values: { days: h }
+              values: { days: v }
             }),
             children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
               r,
               {
                 className: l.label,
-                el: o.SPAN,
-                variant: m.CAPTION,
+                el: m.SPAN,
+                variant: o.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 }),
+        ) : /* @__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
       }
     )

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

@@ -1,89 +1,91 @@
 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 { useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import u from "classnames";
+import f from "../../../../../core/Context/useCoreContext.js";
+import y 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 { TypographyVariant as n, TypographyElement as d } from "../../../../internal/Typography/types.js";
+import { Tag as A } 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";
+/* empty css               */
 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 { Alert as 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: [
+import E from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
+import S from "../../../../internal/ProgressBar/ProgressBar.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as L } from "../../../../../constants/dateFormats.js";
+const Q = ({ grant: r }) => {
+  const { i18n: a } = f(), { dateFormat: s } = y(), t = c(() => v(r), [r]), g = c(
+    () => {
+      var m, l;
+      return /* @__PURE__ */ e("div", { className: o.cardContent, children: [
+        /* @__PURE__ */ e("div", { className: o.statusContainer, children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              variant: n.CAPTION,
+              className: u({ [o.textSecondary]: t.isLabelColorSecondary }),
+              testId: "grant-amount-label",
+              children: a.get(t.amountLabelKey)
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: r.status === "Active" ? /* @__PURE__ */ e(T, { children: [
+            /* @__PURE__ */ e(i, { variant: n.CAPTION, el: d.SPAN, children: a.get("capital.termEnds") }),
+            /* @__PURE__ */ e(i, { variant: n.CAPTION, stronger: !0, el: d.SPAN, children: s(t.repaymentPeriodEndDate, L) })
+          ] }) : t.statusKey ? t.statusTooltipKey ? /* @__PURE__ */ e(I, { content: a.get(t.statusTooltipKey), children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { label: a.get(t.statusKey), variant: t.statusTagVariant }) }) }) : /* @__PURE__ */ e(A, { label: a.get(t.statusKey), variant: t.statusTagVariant }) : null })
+        ] }),
         /* @__PURE__ */ e(
           i,
           {
-            variant: n.CAPTION,
-            className: c({ [o.textSecondary]: t.isLabelColorSecondary }),
-            testId: "grant-amount-label",
-            children: a.get(t.amountLabelKey)
+            variant: n.TITLE,
+            medium: !0,
+            className: u({
+              [o.textSecondary]: t.isAmountColorSecondary
+            }),
+            children: a.amount(t.amount.value, t.amount.currency)
           }
         ),
-        /* @__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.isProgressBarVisible && /* @__PURE__ */ e(
+          S,
+          {
+            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)} ${(m = a.get("capital.remaining")) == null ? void 0 : m.toLowerCase()}`,
+              progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${(l = a.get("capital.repaid")) == null ? void 0 : l.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.hasAlerts && /* @__PURE__ */ e(T, { children: r.missingActions && r.missingActions.length ? r.missingActions.map((p) => /* @__PURE__ */ e(
+          C,
+          {
+            action: p,
+            className: o.alert,
+            offerExpiresAt: r.offerExpiresAt
+          },
+          p.type
+        )) : /* @__PURE__ */ e(
+          x,
+          {
+            className: o.alert,
+            type: b.HIGHLIGHT,
+            title: a.get("capital.weReceivedYourRequestAndWeAreWorkingOnItNowCheckBackSoon")
           }
-        }
-      ),
-      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")
-      }
-    ) })
-  ] });
+        ) })
+      ] });
+    },
+    [a, s, r, t]
+  );
+  return /* @__PURE__ */ e("div", { className: o.base, children: /* @__PURE__ */ e(E, { renderHeader: g, filled: t.isBackgroundFilled, inFlow: !0, children: t.hasDetails && /* @__PURE__ */ e(h, { grant: r }) }) });
 };
 export {
-  J as GrantItem
+  Q as GrantItem
 };

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

@@ -3,7 +3,6 @@ const e = {
   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"