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

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

@@ -0,0 +1,98 @@
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as S, useCallback as c, useMemo as A } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { Alert as y } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as h } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as M } from "../../../../internal/Button/types.js";
+import k from "../../../../../hooks/useMutation/useMutation.js";
+import { useActionsAlertTitles as I } from "../../hooks.js";
+import { setTopWindowHref as R, getTopWindowHref as x } from "../GrantActions/utils.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as B, GRANT_ACTION_CONFIGS as u } from "../../constants.js";
+/* empty css                        */
+import O from "../../../../../core/Context/preact/useCoreContext.js";
+import W from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
+import v from "../../../../internal/Button/Button.js";
+import { useConfigContext as w } from "../../../../../core/ConfigContext/preact/context.js";
+import { EMPTY_OBJECT as G } from "../../../../../utils/value/constants.js";
+const s = {
+  button: "adyen-pe-grant-actions-hosted__button",
+  buttonLabel: "adyen-pe-grant-actions-hosted__button-label",
+  actionsContainer: "adyen-pe-grant-actions-hosted__actions-container"
+}, $ = ({ className: d, expirationDate: T, missingActions: n }) => {
+  const { i18n: o, updateCore: E } = O(), p = W(), { anaCreditActionDetails: m, signToSActionDetails: f } = w().endpoints, [g, l] = S(null), L = c((t) => {
+    t?.url ? R(t.url) : l(null);
+  }, []), N = A(
+    () => ({
+      signToS: f,
+      AnaCredit: m
+    }),
+    [m, f]
+  ), r = k({
+    queryFn: (t) => {
+      const _ = {
+        query: { redirectUrl: x(), locale: o.locale }
+      };
+      return N[t]?.(G, _);
+    },
+    options: {
+      onSuccess: L,
+      // Reset the loading state when the mutation finishes (success or error)
+      onError: () => {
+        l(null);
+      }
+    }
+  }), C = c(
+    (t) => {
+      p.addEvent?.("Clicked link", {
+        ...B,
+        subCategory: "Missing action",
+        label: t
+      });
+    },
+    [p]
+  ), a = c(
+    (t) => /* @__PURE__ */ e(
+      v,
+      {
+        className: s.button,
+        onClick: () => {
+          try {
+            l(t), r.mutate(t);
+          } finally {
+            C(u[t].eventLabel);
+          }
+        },
+        variant: M.TERTIARY,
+        "aria-label": o.get(u[t].buttonLabelKey),
+        disabled: r.isLoading,
+        state: g === t ? "loading" : void 0,
+        children: /* @__PURE__ */ e("span", { className: s.buttonLabel, children: o.get(u[t].buttonLabelKey) })
+      }
+    ),
+    [r, o, g, C]
+  ), i = I(T), b = A(() => {
+    if (n.length > 1)
+      return {
+        title: i.multiple,
+        description: /* @__PURE__ */ e("ol", { className: s.actionsContainer, children: n.map((t) => /* @__PURE__ */ e("li", { children: a(t.type) }, t.type)) })
+      };
+    {
+      const t = n[0].type;
+      return {
+        title: i.single,
+        description: a(t)
+      };
+    }
+  }, [i.multiple, i.single, n, a]);
+  return r.error ? /* @__PURE__ */ e(
+    y,
+    {
+      className: d,
+      type: h.CRITICAL,
+      title: o.get("capital.overview.grants.item.alerts.somethingWentWrong"),
+      description: /* @__PURE__ */ e(v, { className: s.button, onClick: E, children: o.get("common.actions.refresh.labels.default") })
+    }
+  ) : /* @__PURE__ */ e(y, { className: d, type: h.WARNING, title: b.title, description: b.description });
+};
+export {
+  $ as GrantActionsHosted
+};

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

@@ -1,9 +1,9 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import n from "classnames";
 /* empty css                            */
 import a from "../../../../internal/Button/Button.js";
 import { ButtonVariant as c } from "../../../../internal/Button/types.js";
-import l from "../../../../../core/Context/useCoreContext.js";
+import l from "../../../../../core/Context/preact/useCoreContext.js";
 import { Icon as d } from "../../../../internal/Icon/Icon.js";
 import { Header as p } from "../../../../internal/Header/Header.js";
 const C = ({

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

@@ -1,17 +1,17 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as u, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import d from "../../../../../core/Context/useCoreContext.js";
+import { jsx as a } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as u, useMemo as p } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import m from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as n, TypographyElement as l } from "../../../../internal/Typography/types.js";
 import { GRANT_DETAILS_CLASS_NAMES as r } from "./constants.js";
 /* empty css                  */
-import { getPercentage as y } from "../../../CapitalOffer/components/utils/utils.js";
-import { Tooltip as f } from "../../../../internal/Tooltip/Tooltip.js";
-import { CAPITAL_REPAYMENT_FREQUENCY as A } from "../../../../constants.js";
+import { getPercentage as d } from "../../../CapitalOffer/components/utils/utils.js";
+import { Tooltip as y } from "../../../../internal/Tooltip/Tooltip.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as f } from "../../../../constants.js";
+import A from "../../../../../core/Context/preact/useCoreContext.js";
 import { Translation as v } from "../../../../internal/Translation/Translation.js";
 import h from "../../../../internal/StructuredList/StructuredList.js";
 const E = ({ grant: e }) => {
-  const { i18n: o } = d(), i = u((t) => o.amount(t.value, t.currency), [o]), c = p(() => {
+  const { i18n: o } = A(), i = u((t) => o.amount(t.value, t.currency), [o]), c = p(() => {
     const t = e.maximumRepaymentPeriodDays ? Math.ceil(e.maximumRepaymentPeriodDays / 30) : null, s = [
       {
         key: "capital.common.fields.remainingAmount",
@@ -23,7 +23,7 @@ const E = ({ grant: e }) => {
       {
         key: "capital.common.fields.dailyRepaymentRate",
         value: `${o.get("capital.common.values.percentage", {
-          values: { percentage: y(e.repaymentRate) }
+          values: { percentage: d(e.repaymentRate) }
         })}`
       },
       {
@@ -61,11 +61,11 @@ const E = ({ grant: e }) => {
       h,
       {
         renderLabel: (t, s) => s === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
-          f,
+          y,
           {
             isUnderlineVisible: !0,
             content: o.get("capital.common.fields.repaymentThreshold.description", {
-              values: { days: A }
+              values: { days: f }
             }),
             children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
               m,

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

@@ -1,50 +1,50 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as l, useCallback as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import g from "classnames";
-import h from "../../../../../core/Context/useCoreContext.js";
-import b from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import C from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as E, useMemo as m, useCallback as v } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import y from "classnames";
+import I from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import n from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as s, TypographyElement as v } from "../../../../internal/Typography/types.js";
-import { Tag as y } from "../../../../internal/Tag/Tag.js";
+import { TypographyVariant as s, TypographyElement as A } from "../../../../internal/Typography/types.js";
+import { Tag as f } from "../../../../internal/Tag/Tag.js";
 import { GRANT_ITEM_CLASS_NAMES as i } from "./constants.js";
-import { getGrantConfig as E } from "./utils.js";
+import { getGrantConfig as N } from "./utils.js";
 /* empty css               */
-import { GrantDetails as N } from "../GrantDetails/GrantDetails.js";
-import I from "../../../../internal/CopyText/CopyText.js";
-import { Tooltip as x } from "../../../../internal/Tooltip/Tooltip.js";
-import { Alert as w } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as S } from "../../../../internal/Alert/types.js";
-import { ButtonVariant as L } from "../../../../internal/Button/types.js";
-import B from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { GrantActions as P } from "../GrantActions/GrantActions.js";
-import { sharedCapitalOverviewAnalyticsEventProperties as D } from "../../constants.js";
-import { Fragment as A } from "../../../../../external/preact/dist/preact.module.js";
-import { Translation as G } from "../../../../internal/Translation/Translation.js";
-import { DATE_FORMAT_CAPITAL_OVERVIEW as O } from "../../../../../constants/dateFormats.js";
-import R from "../../../../internal/ProgressBar/ProgressBar.js";
-import V from "../../../../internal/Button/Button.js";
-import { uniqueId as m } from "../../../../../utils/random/uniqueId.js";
-const ct = ({ grant: r, showDetails: c }) => {
-  const { i18n: a } = h(), { dateFormat: d } = C(), p = b(), e = l(() => E(r), [r]), u = T(() => {
+import { GrantDetails as x } from "../GrantDetails/GrantDetails.js";
+import S from "../../../../internal/CopyText/CopyText.js";
+import { Tooltip as w } from "../../../../internal/Tooltip/Tooltip.js";
+import { Alert as L } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as P } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as B } from "../../../../internal/Button/types.js";
+import D from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { GrantActions as G } from "../GrantActions/GrantActions.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as O } from "../../constants.js";
+import R from "../../../../../core/Context/preact/useCoreContext.js";
+import V from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
+import { Fragment as T } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { Translation as K } from "../../../../internal/Translation/Translation.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as $ } from "../../../../../constants/dateFormats.js";
+import F from "../../../../internal/ProgressBar/ProgressBar.js";
+import _ from "../../../../internal/Button/Button.js";
+import l from "../../../../../utils/random/uniqueId.js";
+const gt = ({ grant: a, showDetails: c }) => {
+  const { i18n: r } = R(), { dateFormat: d } = I(), p = V(), [u, h] = E(!1), e = m(() => N(a, u), [a, u]), g = v(() => {
     try {
       return c?.("unscheduledRepayment");
     } finally {
       p.addEvent?.("Clicked button", {
-        ...D,
+        ...O,
         subCategory: "Grant active",
         label: "Send repayment"
       });
     }
-  }, [c, p]), o = l(
+  }, [c, p]), o = m(
     () => ({
-      grantAmount: m("elem"),
-      grantAmountLabel: m("elem"),
-      grantStatus: m("elem"),
-      termEnds: m("elem")
+      grantAmount: l("elem"),
+      grantAmountLabel: l("elem"),
+      grantStatus: l("elem"),
+      termEnds: l("elem")
     }),
     []
-  ), f = l(
+  ), C = m(
     () => /* @__PURE__ */ t("div", { className: i.cardContent, children: [
       /* @__PURE__ */ t("div", { className: i.statusContainer, children: [
         /* @__PURE__ */ t(
@@ -52,27 +52,36 @@ const ct = ({ grant: r, showDetails: c }) => {
           {
             id: o.grantAmountLabel,
             variant: s.CAPTION,
-            className: g({ [i.textSecondary]: e.isLabelColorSecondary }),
+            className: y({ [i.textSecondary]: e.isLabelColorSecondary }),
             testId: "grant-amount-label",
-            children: a.get(e.amountLabelKey)
+            children: r.get(e.amountLabelKey)
           }
         ),
-        /* @__PURE__ */ t("div", { id: o.grantStatus, children: r.status === "Active" ? /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(n, { id: o.termEnds, variant: s.CAPTION, el: v.SPAN, children: /* @__PURE__ */ t(
-          G,
+        /* @__PURE__ */ t("div", { id: o.grantStatus, children: a.status === "Active" ? /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(
+          n,
           {
-            translationKey: "capital.overview.grants.item.termEnds",
-            fills: {
-              date: /* @__PURE__ */ t(
-                "time",
-                {
-                  "aria-labelledBy": o.termEnds,
-                  dateTime: e.repaymentPeriodEndDate.toISOString(),
-                  children: /* @__PURE__ */ t(n, { variant: s.CAPTION, stronger: !0, el: v.SPAN, children: d(e.repaymentPeriodEndDate, O) })
+            id: o.termEnds,
+            variant: s.CAPTION,
+            el: A.SPAN,
+            "aria-hidden": !0,
+            children: /* @__PURE__ */ t(
+              K,
+              {
+                translationKey: "capital.overview.grants.item.termEnds",
+                fills: {
+                  date: /* @__PURE__ */ t(
+                    "time",
+                    {
+                      "aria-labelledby": o.termEnds,
+                      dateTime: e.repaymentPeriodEndDate.toISOString(),
+                      children: /* @__PURE__ */ t(n, { variant: s.CAPTION, stronger: !0, el: A.SPAN, children: d(e.repaymentPeriodEndDate, $) })
+                    }
+                  )
                 }
-              )
-            }
+              }
+            )
           }
-        ) }) }) : e.statusKey ? e.statusTooltipKey ? /* @__PURE__ */ t(x, { content: a.get(e.statusTooltipKey), children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(y, { label: a.get(e.statusKey), variant: e.statusTagVariant }) }) }) : /* @__PURE__ */ t(y, { label: a.get(e.statusKey), variant: e.statusTagVariant }) : null })
+        ) }) : e.statusKey ? e.statusTooltipKey ? /* @__PURE__ */ t(w, { content: r.get(e.statusTooltipKey), children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(f, { label: r.get(e.statusKey), variant: e.statusTagVariant }) }) }) : /* @__PURE__ */ t(f, { label: r.get(e.statusKey), variant: e.statusTagVariant }) : null })
       ] }),
       /* @__PURE__ */ t(
         n,
@@ -80,79 +89,86 @@ const ct = ({ grant: r, showDetails: c }) => {
           id: o.grantAmount,
           variant: s.TITLE,
           medium: !0,
-          className: g({
+          className: y({
             [i.textSecondary]: e.isAmountColorSecondary
           }),
-          children: a.amount(e.amount.value, e.amount.currency)
+          children: r.amount(e.amount.value, e.amount.currency)
         }
       ),
       e.isProgressBarVisible && /* @__PURE__ */ t(
-        R,
+        F,
         {
           className: i.progressBar,
-          value: r.repaidTotalAmount.value,
-          max: r.totalAmount.value,
+          value: a.repaidTotalAmount.value,
+          max: a.totalAmount.value,
           labels: {
-            ariaLabel: a.get("capital.overview.grants.item.progressBar.a11y.label"),
-            current: a.get("capital.overview.grants.item.amounts.repaid"),
-            max: a.get("capital.overview.grants.item.amounts.remaining")
+            ariaLabel: r.get("capital.overview.grants.item.progressBar.a11y.label"),
+            current: r.get("capital.overview.grants.item.amounts.repaid"),
+            max: r.get("capital.overview.grants.item.amounts.remaining")
           },
           tooltips: {
-            remaining: `${a.amount(r.remainingTotalAmount.value, r.remainingTotalAmount.currency)} ${a.get("capital.overview.grants.item.amounts.remaining")?.toLowerCase()}`,
-            progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${a.get("capital.overview.grants.item.amounts.repaid")?.toLowerCase()}`
+            remaining: `${r.amount(a.remainingTotalAmount.value, a.remainingTotalAmount.currency)} ${r.get("capital.overview.grants.item.amounts.remaining")?.toLowerCase()}`,
+            progress: `${r.amount(a.repaidTotalAmount.value, a.repaidTotalAmount.currency)} ${r.get("capital.overview.grants.item.amounts.repaid")?.toLowerCase()}`
           }
         }
       ),
       e.isGrantIdVisible ? /* @__PURE__ */ t("div", { className: i.grantID, children: /* @__PURE__ */ t(
-        I,
+        S,
         {
-          textToCopy: r.id,
-          visibleText: a.get("capital.common.fields.grantID"),
+          textToCopy: a.id,
+          visibleText: r.get("capital.common.fields.grantID"),
           copyButtonAriaLabelKey: "capital.overview.grants.item.actions.copyGrantID",
           isUnderlineVisible: !0,
           type: "Text",
           "data-testid": "grant-id-copy-text"
         }
       ) }) : null,
-      e.hasAlerts ? /* @__PURE__ */ t(A, { children: r.missingActions && r.missingActions.length ? /* @__PURE__ */ t(
-        P,
-        {
-          missingActions: r.missingActions,
-          className: i.alert,
-          offerExpiresAt: r.offerExpiresAt
-        }
-      ) : /* @__PURE__ */ t(
-        w,
+      e.hasUnscheduledRepaymentDetails && /* @__PURE__ */ t("div", { className: i.actionsBar, children: /* @__PURE__ */ t(
+        _,
         {
-          className: i.alert,
-          type: S.HIGHLIGHT,
-          title: a.get("capital.overview.grants.item.alerts.processingRequest")
-        }
-      ) }) : e.hasUnscheduledRepaymentDetails && /* @__PURE__ */ t("div", { className: i.actionsBar, children: /* @__PURE__ */ t(
-        V,
-        {
-          onClick: u,
+          onClick: g,
           className: i.mainActionBtn,
-          variant: L.SECONDARY,
+          variant: B.SECONDARY,
           fullWidth: !0,
-          children: a.get("capital.overview.grants.item.actions.sendRepayment")
+          children: r.get("capital.overview.grants.item.actions.sendRepayment")
         }
       ) })
     ] }),
-    [a, d, r, e, u]
-  );
-  return /* @__PURE__ */ t("div", { className: i.base, children: /* @__PURE__ */ t(
-    B,
-    {
-      "aria-describedby": `${o.grantAmountLabel} ${o.grantAmount} ${o.grantStatus}`,
-      "aria-label": a.get("capital.overview.grants.item.details.a11y.label"),
-      filled: e.isBackgroundFilled,
-      renderContent: f,
-      inFlow: !0,
-      children: e.hasDetails && /* @__PURE__ */ t(N, { grant: r })
-    }
-  ) });
+    [o, e, r, a, d, g]
+  ), b = v(() => {
+    h(!0);
+  }, []);
+  return /* @__PURE__ */ t("div", { className: i.base, children: [
+    /* @__PURE__ */ t(
+      D,
+      {
+        "aria-describedby": `${o.grantAmountLabel} ${o.grantAmount} ${o.grantStatus}`,
+        "aria-label": r.get("capital.overview.grants.item.details.a11y.label"),
+        filled: e.isBackgroundFilled,
+        renderContent: C,
+        inFlow: !0,
+        children: e.hasDetails && /* @__PURE__ */ t(x, { grant: a })
+      }
+    ),
+    e.hasAlerts && /* @__PURE__ */ t(T, { children: a.missingActions && a.missingActions.length ? /* @__PURE__ */ t(
+      G,
+      {
+        grantId: a.id,
+        missingActions: a.missingActions,
+        className: i.alert,
+        offerExpiresAt: a.offerExpiresAt,
+        onComplete: b
+      }
+    ) : /* @__PURE__ */ t(
+      L,
+      {
+        className: i.alert,
+        type: P.HIGHLIGHT,
+        title: r.get("capital.overview.grants.item.alerts.processingRequest")
+      }
+    ) })
+  ] });
 };
 export {
-  ct as GrantItem
+  gt as GrantItem
 };

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

@@ -1,12 +1,12 @@
 import { TagVariant as a } from "../../../../internal/Tag/types.js";
-const n = (e) => e === "Active", i = (e) => e === "Repaid", o = (e) => e === "Active" ? "capital.overview.grants.item.amounts.remaining" : "capital.overview.grants.item.amounts.requestedFunds", r = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, c = ({ status: e, missingActions: t }) => {
+const i = (e) => e === "Active", r = (e) => e === "Repaid", o = (e) => e === "Active" ? "capital.overview.grants.item.amounts.remaining" : "capital.overview.grants.item.amounts.requestedFunds", c = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, u = ({ status: e, missingActions: s }, t) => {
   switch (e) {
     case "Active":
       return;
     case "Failed":
       return "capital.overview.grants.common.statuses.failed";
     case "Pending":
-      return t && t.length ? "capital.overview.grants.common.statuses.actionNeeded" : "capital.overview.grants.common.statuses.pending";
+      return !t && s?.length ? "capital.overview.grants.common.statuses.actionNeeded" : "capital.overview.grants.common.statuses.pending";
     case "Repaid":
       return "capital.overview.grants.common.statuses.fullyRepaid";
     case "Revoked":
@@ -14,12 +14,12 @@ const n = (e) => e === "Active", i = (e) => e === "Repaid", o = (e) => e === "Ac
     case "WrittenOff":
       return "capital.overview.grants.common.statuses.writtenOff";
   }
-}, u = ({ status: e, missingActions: t }) => {
+}, d = ({ status: e, missingActions: s }, t) => {
   switch (e) {
     case "Failed":
       return a.ERROR;
     case "Pending":
-      return t?.length ? a.WARNING : a.DEFAULT;
+      return !t && s?.length ? a.WARNING : a.DEFAULT;
     case "Repaid":
       return a.LIGHT;
     case "Revoked":
@@ -28,14 +28,13 @@ const n = (e) => e === "Active", i = (e) => e === "Repaid", o = (e) => e === "Ac
     default:
       return a.DEFAULT;
   }
-}, d = (e) => {
-  const t = /* @__PURE__ */ new Date(), s = /* @__PURE__ */ new Date();
-  return s.setDate(t.getDate() + e), s;
 }, l = (e) => {
-  const t = e.missingActions?.some((s) => s.type === "signToS") || !1;
-  switch (e.status) {
+  const s = /* @__PURE__ */ new Date(), t = /* @__PURE__ */ new Date();
+  return t.setDate(s.getDate() + e), t;
+}, m = ({ status: e, missingActions: s }, t) => {
+  switch (e) {
     case "Pending":
-      return e.missingActions?.length ? t ? "capital.overview.grants.common.statuses.pending.description.signTerms" : void 0 : "capital.overview.grants.common.statuses.pending.description.awaitingFunds";
+      return !t && s?.length ? void 0 : "capital.overview.grants.common.statuses.pending.description.awaitingFunds";
     case "Failed":
       return "capital.overview.grants.common.statuses.failed.description";
     case "WrittenOff":
@@ -45,13 +44,13 @@ const n = (e) => e === "Active", i = (e) => e === "Repaid", o = (e) => e === "Ac
     default:
       return;
   }
-}, v = (e) => {
-  const t = e.status === "Active", s = e.status === "Pending";
+}, g = (e, s) => {
+  const t = e.status === "Active", n = e.status === "Pending";
   return {
-    amount: r(e),
+    amount: c(e),
     amountLabelKey: o(e.status),
-    hasAlerts: s,
-    hasDetails: n(e.status),
+    hasAlerts: n,
+    hasDetails: i(e.status),
     hasUnscheduledRepaymentDetails: t && !!e.unscheduledRepaymentAccounts?.length,
     // The grant revocation account details is currently not ready to be rendered.
     // A future iteration of this component might include revocation account details.
@@ -59,17 +58,17 @@ const n = (e) => e === "Active", i = (e) => e === "Repaid", o = (e) => e === "Ac
     //
     // hasRevocationDetails: isGrantActive && grant.revocationAccount !== undefined,
     isAmountColorSecondary: !t,
-    isBackgroundFilled: i(e.status),
+    isBackgroundFilled: r(e.status),
     isGrantIdVisible: !t,
     isLabelColorSecondary: t,
     isProgressBarVisible: t,
-    repaymentPeriodEndDate: d(e.repaymentPeriodLeft),
-    statusKey: c(e),
-    statusTagVariant: u(e),
-    statusTooltipKey: l(e)
+    repaymentPeriodEndDate: l(e.repaymentPeriodLeft),
+    statusKey: u(e, s),
+    statusTagVariant: d(e, s),
+    statusTooltipKey: m(e, s)
   };
 };
 export {
-  v as getGrantConfig,
-  l as getStatusTooltipKey
+  g as getGrantConfig,
+  m as getStatusTooltipKey
 };

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

@@ -1,24 +1,24 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css               */
-import { useState as k, useCallback as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as k, useCallback as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { CapitalOffer as C } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
 import { GrantsDisplay as b } from "./GrantsDisplay.js";
-import { Fragment as x } from "../../../../../external/preact/dist/preact.module.js";
+import { Fragment as x } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const V = ({
   externalDynamicOffersConfig: l,
   grantList: p,
   newOfferAvailable: m,
-  onFundsRequest: e,
+  onFundsRequest: t,
   onGrantListUpdateRequest: i,
-  onOfferDismiss: o
+  onOfferDismiss: s
 }) => {
-  const [c, s] = k(!1), r = t(() => s(!1), []), n = t(() => s(!0), []), u = t(() => {
-    o ? o(r) : r();
-  }, [r, o]), g = t(
+  const [c, o] = k(!1), r = e(() => o(!1), []), n = e(() => o(!0), []), u = e(() => {
+    s ? s(r) : r();
+  }, [r, s]), g = e(
     (f) => {
-      e ? e(f) : (i(f), s(!1));
+      t ? t(f) : (i(f), o(!1));
     },
-    [e, i]
+    [t, i]
   );
   return /* @__PURE__ */ a(x, { children: c ? /* @__PURE__ */ a(
     C,

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

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { BaseList as _ } from "../../../../internal/BaseList/BaseList.js";
 import { GrantItem as A } from "../GrantItem/GrantItem.js";
 import { getGrantConfig as P } from "../GrantItem/utils.js";
@@ -7,17 +7,17 @@ import { GrantRepaymentDetails as k } from "../GrantRepaymentDetails/GrantRepaym
 import { sharedCapitalOverviewAnalyticsEventProperties as R } from "../../constants.js";
 import { useLandedPageEvent as x } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
 import B from "../../../../internal/SegmentedControl/SegmentedControl.js";
-import U from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import I from "../../../../../core/Context/useCoreContext.js";
-import { useState as y, useMemo as l, useCallback as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import M from "../../../../internal/Button/Button.js";
-import { ButtonVariant as O } from "../../../../internal/Button/types.js";
+import { useState as y, useMemo as l, useCallback as p } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import U from "../../../../internal/Button/Button.js";
+import { ButtonVariant as I } from "../../../../internal/Button/types.js";
+import M from "../../../../../core/Context/preact/useCoreContext.js";
+import O from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
 import { CapitalHeader as j } from "../../../../internal/CapitalHeader/CapitalHeader.js";
 const b = {
   ...R,
   subCategory: "Grants overview"
 }, u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(_, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(A, { grant: a, showDetails: c.bind(null, a) }) }, a.id)) }), te = ({ grantList: t, hideTitle: c, newOfferAvailable: a, onNewOfferRequest: f }) => {
-  const [w, v] = y(), [n, C] = y(), { i18n: h } = I(), g = U(), [i, m] = l(() => {
+  const [w, v] = y(), [n, C] = y(), { i18n: h } = M(), g = O(), [i, m] = l(() => {
     const s = [], r = [];
     return t?.forEach((o) => {
       o.status === "Active" || o.status === "Pending" ? s.push(o) : r.push(o);
@@ -42,7 +42,7 @@ const b = {
   return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
       /* @__PURE__ */ e(j, { hideTitle: c, titleKey: "capital.common.title" }),
-      D ? /* @__PURE__ */ e(M, { onClick: S, className: "adyen-pe-grant-list__offer-button", variant: O.SECONDARY, children: h.get("capital.overview.grants.list.actions.newOffer") }) : null
+      D ? /* @__PURE__ */ e(U, { onClick: S, className: "adyen-pe-grant-list__offer-button", variant: I.SECONDARY, children: h.get("capital.overview.grants.list.actions.newOffer") }) : null
     ] }),
     G === "UnifiedGrants" && /* @__PURE__ */ e(u, { grants: t, showDetails: d }),
     G === "SegmentedGrants" && /* @__PURE__ */ e(