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

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

@@ -1,137 +1,158 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as C, useState as L, useCallback as S } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import R from "../../../../../core/Context/useCoreContext.js";
-import k from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { useMemo as h, useState as k, useCallback as L } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import M from "../../../../../core/Context/useCoreContext.js";
+import R from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import O from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { GRANT_ACTION_CLASS_NAMES as i } from "./constants.js";
 /* empty css                  */
-import { Alert as y } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as v } from "../../../../internal/Alert/types.js";
-import { setTopWindowHref as E, getTopWindowHref as M } from "./utils.js";
-import { ButtonVariant as N } from "../../../../internal/Button/types.js";
-import O from "../../../../../hooks/useMutation/useMutation.js";
-import _ from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as B, TypographyElement as G } from "../../../../internal/Typography/types.js";
-import { DATE_FORMAT_MISSING_ACTION as K } from "../../../../../constants/dateFormats.js";
+import { Alert as v } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as y } from "../../../../internal/Alert/types.js";
+import { setTopWindowHref as _, getTopWindowHref as B } from "./utils.js";
+import { ButtonVariant as w } from "../../../../internal/Button/types.js";
+import G from "../../../../../hooks/useMutation/useMutation.js";
+import K from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as W, TypographyElement as x } from "../../../../internal/Typography/types.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as F } from "../../constants.js";
+import { DATE_FORMAT_MISSING_ACTION as D } from "../../../../../constants/dateFormats.js";
 import b from "../../../../internal/Button/Button.js";
-import { useConfigContext as W } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as F } from "../../../../../utils/value/constants.js";
-const ot = ({
-  missingActions: a = [],
-  offerExpiresAt: c,
-  className: m
+import { useConfigContext as Y } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
+const st = ({
+  missingActions: r = [],
+  offerExpiresAt: m,
+  className: d
 }) => {
-  const { i18n: e, updateCore: h } = R(), { dateFormat: T } = k(), { endpoints: f } = W(), A = C(
+  const { i18n: e, updateCore: I } = M(), { dateFormat: f } = O(), { endpoints: T } = Y(), C = R(), A = h(
     () => ({
       signToS: {
         getTitle: (t) => t ? e.get("capital.overview.grants.item.alerts.signTermsAndConditionsBy", {
           values: { date: t }
         }) : e.get("capital.overview.grants.item.alerts.signTermsAndConditions"),
-        buttonLabelKey: "capital.overview.grants.item.actions.viewTermsAndConditions"
+        buttonLabelKey: "capital.overview.grants.item.actions.viewTermsAndConditions",
+        eventLabel: "Go to terms & conditions button clicked"
       },
       AnaCredit: {
         getTitle: (t) => t ? e.get("capital.overview.grants.item.alerts.actionNeededBy", {
           values: { date: t }
         }) : e.get("capital.overview.grants.item.alerts.actionNeeded"),
-        buttonLabelKey: "capital.overview.grants.item.actions.submitInformation"
+        buttonLabelKey: "capital.overview.grants.item.actions.submitInformation",
+        eventLabel: "Submit information for AnaCredit button"
       }
     }),
     [e]
-  ), [p, l] = L(null), w = S((t) => {
-    t != null && t.url ? E(t.url) : l(null);
-  }, []), s = O({
+  ), [p, a] = k(null), E = L((t) => {
+    t?.url ? _(t.url) : a(null);
+  }, []), l = G({
     queryFn: (t) => {
       let n = null;
       switch (t) {
         case "signToS":
-          n = f.signToSActionDetails;
+          n = T.signToSActionDetails;
           break;
         case "AnaCredit":
-          n = f.anaCreditActionDetails;
+          n = T.anaCreditActionDetails;
           break;
         default:
           break;
       }
-      const r = n, I = {
-        query: { redirectUrl: M(), locale: e.locale }
+      const c = n, S = {
+        query: { redirectUrl: B(), locale: e.locale }
       };
-      return r == null ? void 0 : r(F, I);
+      return c?.(q, S);
     },
     options: {
-      onSuccess: w,
+      onSuccess: E,
       // Reset the loading state when the mutation finishes (success or error)
       onError: () => {
-        l(null);
+        a(null);
       }
     }
-  }), u = C(
-    () => c ? T(c, K) : void 0,
-    [T, c]
+  }), u = h(
+    () => m ? f(m, D) : void 0,
+    [f, m]
+  ), N = L(
+    (t) => {
+      C.addEvent?.("Clicked link", {
+        ...F,
+        subCategory: "Missing action",
+        label: t
+      });
+    },
+    [C]
   );
-  if (s.error)
+  if (l.error)
     return /* @__PURE__ */ o(
-      y,
+      v,
       {
-        className: m,
-        type: v.CRITICAL,
+        className: d,
+        type: y.CRITICAL,
         title: e.get("capital.overview.grants.item.alerts.somethingWentWrong"),
-        description: /* @__PURE__ */ o(b, { className: i.button, onClick: h, children: e.get("common.actions.refresh.labels.default") })
+        description: /* @__PURE__ */ o(b, { className: i.button, onClick: I, children: e.get("common.actions.refresh.labels.default") })
       }
     );
-  if (!a.length)
+  if (!r.length)
     return null;
-  if (a.length > 1)
+  if (r.length > 1)
     return /* @__PURE__ */ o(
-      y,
+      v,
       {
-        className: m,
-        type: v.WARNING,
+        className: d,
+        type: y.WARNING,
         title: e.get("capital.overview.grants.item.alerts.actionNeededMany"),
         description: /* @__PURE__ */ o("div", { className: i.actionsInformation, children: [
-          /* @__PURE__ */ o("ol", { className: i.actionsContainer, children: a.map((t) => {
-            const n = A[t.type], r = p === t.type;
+          /* @__PURE__ */ o("ol", { className: i.actionsContainer, children: r.map((t) => {
+            const n = A[t.type], c = p === t.type;
             return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
               b,
               {
                 className: i.button,
                 onClick: () => {
-                  l(t.type), s.mutate(t.type);
+                  try {
+                    a(t.type), l.mutate(t.type);
+                  } finally {
+                    N(n.eventLabel);
+                  }
                 },
-                disabled: r || s.isLoading,
-                state: r ? "loading" : void 0,
-                variant: N.TERTIARY,
+                disabled: c || l.isLoading,
+                state: c ? "loading" : void 0,
+                variant: w.TERTIARY,
                 "aria-label": e.get(n.buttonLabelKey),
                 children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(n.buttonLabelKey) })
               }
             ) }, t.type);
           }) }),
-          u ? /* @__PURE__ */ o(_, { el: G.SPAN, variant: B.BODY, strongest: !0, children: e.get("capital.overview.grants.item.alerts.offerExpiration", { values: { date: u } }) }) : null
+          u ? /* @__PURE__ */ o(K, { el: x.SPAN, variant: W.BODY, strongest: !0, children: e.get("capital.overview.grants.item.alerts.offerExpiration", { values: { date: u } }) }) : null
         ] })
       }
     );
-  const d = a[0], g = A[d.type];
+  const g = r[0], s = A[g.type];
   return /* @__PURE__ */ o(
-    y,
+    v,
     {
-      className: m,
-      type: v.WARNING,
-      title: g.getTitle(u),
+      className: d,
+      type: y.WARNING,
+      title: s.getTitle(u),
       description: /* @__PURE__ */ o(
         b,
         {
           className: i.button,
           onClick: () => {
-            l(d.type), s.mutate(d.type);
+            try {
+              a(g.type), l.mutate(g.type);
+            } finally {
+              N(s.eventLabel);
+            }
           },
           disabled: !!p,
           state: p ? "loading" : void 0,
-          variant: N.TERTIARY,
-          "aria-label": e.get(g.buttonLabelKey),
-          children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(g.buttonLabelKey) })
+          variant: w.TERTIARY,
+          "aria-label": e.get(s.buttonLabelKey),
+          children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(s.buttonLabelKey) })
         }
       )
     }
   );
 };
 export {
-  ot as GrantActions
+  st as GrantActions
 };

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

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

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

@@ -1,136 +1,145 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as c, useCallback as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import v from "classnames";
+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 s from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as m, TypographyElement as A } from "../../../../internal/Typography/types.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 { GRANT_ITEM_CLASS_NAMES as i } from "./constants.js";
-import { getGrantConfig as N } from "./utils.js";
+import { getGrantConfig as E } from "./utils.js";
 /* empty css               */
-import { GrantDetails as I } from "../GrantDetails/GrantDetails.js";
-import E from "../../../../internal/CopyText/CopyText.js";
+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 S } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as L } from "../../../../internal/Alert/types.js";
-import { ButtonVariant as w } from "../../../../internal/Button/types.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 { Fragment as f } from "../../../../../external/preact/dist/preact.module.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 l } from "../../../../../utils/random/uniqueId.js";
-const st = ({ grant: r, showDetails: n }) => {
-  const { i18n: a } = h(), { dateFormat: d } = C(), e = c(() => N(r), [r]), p = b(() => n == null ? void 0 : n("unscheduledRepayment"), [n]), o = c(
+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(() => {
+    try {
+      return c?.("unscheduledRepayment");
+    } finally {
+      p.addEvent?.("Clicked button", {
+        ...D,
+        subCategory: "Grant active",
+        label: "Send repayment"
+      });
+    }
+  }, [c, p]), o = l(
     () => ({
-      grantAmount: l("elem"),
-      grantAmountLabel: l("elem"),
-      grantStatus: l("elem"),
-      termEnds: l("elem")
+      grantAmount: m("elem"),
+      grantAmountLabel: m("elem"),
+      grantStatus: m("elem"),
+      termEnds: m("elem")
     }),
     []
-  ), T = c(
-    () => {
-      var u, g;
-      return /* @__PURE__ */ t("div", { className: i.cardContent, children: [
-        /* @__PURE__ */ t("div", { className: i.statusContainer, children: [
-          /* @__PURE__ */ t(
-            s,
-            {
-              id: o.grantAmountLabel,
-              variant: m.CAPTION,
-              className: v({ [i.textSecondary]: e.isLabelColorSecondary }),
-              testId: "grant-amount-label",
-              children: a.get(e.amountLabelKey)
-            }
-          ),
-          /* @__PURE__ */ t("div", { id: o.grantStatus, children: r.status === "Active" ? /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(s, { id: o.termEnds, variant: m.CAPTION, el: A.SPAN, children: /* @__PURE__ */ t(
-            G,
-            {
-              translationKey: "capital.overview.grants.item.termEnds",
-              fills: {
-                date: /* @__PURE__ */ t(
-                  "time",
-                  {
-                    "aria-labelledBy": o.termEnds,
-                    dateTime: e.repaymentPeriodEndDate.toISOString(),
-                    children: /* @__PURE__ */ t(s, { variant: m.CAPTION, stronger: !0, el: A.SPAN, children: d(e.repaymentPeriodEndDate, O) })
-                  }
-                )
-              }
-            }
-          ) }) }) : 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 })
-        ] }),
+  ), f = l(
+    () => /* @__PURE__ */ t("div", { className: i.cardContent, children: [
+      /* @__PURE__ */ t("div", { className: i.statusContainer, children: [
         /* @__PURE__ */ t(
-          s,
+          n,
           {
-            id: o.grantAmount,
-            variant: m.TITLE,
-            medium: !0,
-            className: v({
-              [i.textSecondary]: e.isAmountColorSecondary
-            }),
-            children: a.amount(e.amount.value, e.amount.currency)
+            id: o.grantAmountLabel,
+            variant: s.CAPTION,
+            className: g({ [i.textSecondary]: e.isLabelColorSecondary }),
+            testId: "grant-amount-label",
+            children: a.get(e.amountLabelKey)
           }
         ),
-        e.isProgressBarVisible && /* @__PURE__ */ t(
-          R,
+        /* @__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,
           {
-            className: i.progressBar,
-            value: r.repaidTotalAmount.value,
-            max: r.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")
-            },
-            tooltips: {
-              remaining: `${a.amount(r.remainingTotalAmount.value, r.remainingTotalAmount.currency)} ${(u = a.get("capital.overview.grants.item.amounts.remaining")) == null ? void 0 : u.toLowerCase()}`,
-              progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${(g = a.get("capital.overview.grants.item.amounts.repaid")) == null ? void 0 : g.toLowerCase()}`
+            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) })
+                }
+              )
             }
           }
-        ),
-        e.isGrantIdVisible ? /* @__PURE__ */ t("div", { className: i.grantID, children: /* @__PURE__ */ t(
-          E,
-          {
-            textToCopy: r.id,
-            visibleText: a.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(f, { children: r.missingActions && r.missingActions.length ? /* @__PURE__ */ t(
-          P,
-          {
-            missingActions: r.missingActions,
-            className: i.alert,
-            offerExpiresAt: r.offerExpiresAt
-          }
-        ) : /* @__PURE__ */ t(
-          S,
-          {
-            className: i.alert,
-            type: L.HIGHLIGHT,
-            title: a.get("capital.overview.grants.item.alerts.processingRequest")
-          }
-        ) }) : e.hasUnscheduledRepaymentDetails && /* @__PURE__ */ t("div", { className: i.actionsBar, children: /* @__PURE__ */ t(
-          V,
-          {
-            onClick: p,
-            className: i.mainActionBtn,
-            variant: w.SECONDARY,
-            fullWidth: !0,
-            children: a.get("capital.overview.grants.item.actions.sendRepayment")
+        ) }) }) : 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 })
+      ] }),
+      /* @__PURE__ */ t(
+        n,
+        {
+          id: o.grantAmount,
+          variant: s.TITLE,
+          medium: !0,
+          className: g({
+            [i.textSecondary]: e.isAmountColorSecondary
+          }),
+          children: a.amount(e.amount.value, e.amount.currency)
+        }
+      ),
+      e.isProgressBarVisible && /* @__PURE__ */ t(
+        R,
+        {
+          className: i.progressBar,
+          value: r.repaidTotalAmount.value,
+          max: r.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")
+          },
+          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()}`
           }
-        ) })
-      ] });
-    },
-    [a, d, r, e, p]
+        }
+      ),
+      e.isGrantIdVisible ? /* @__PURE__ */ t("div", { className: i.grantID, children: /* @__PURE__ */ t(
+        I,
+        {
+          textToCopy: r.id,
+          visibleText: a.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,
+        {
+          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,
+          className: i.mainActionBtn,
+          variant: L.SECONDARY,
+          fullWidth: !0,
+          children: a.get("capital.overview.grants.item.actions.sendRepayment")
+        }
+      ) })
+    ] }),
+    [a, d, r, e, u]
   );
   return /* @__PURE__ */ t("div", { className: i.base, children: /* @__PURE__ */ t(
     B,
@@ -138,12 +147,12 @@ const st = ({ grant: r, showDetails: n }) => {
       "aria-describedby": `${o.grantAmountLabel} ${o.grantAmount} ${o.grantStatus}`,
       "aria-label": a.get("capital.overview.grants.item.details.a11y.label"),
       filled: e.isBackgroundFilled,
-      renderContent: T,
+      renderContent: f,
       inFlow: !0,
-      children: e.hasDetails && /* @__PURE__ */ t(I, { grant: r })
+      children: e.hasDetails && /* @__PURE__ */ t(N, { grant: r })
     }
   ) });
 };
 export {
-  st as GrantItem
+  ct as GrantItem
 };

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

@@ -1,5 +1,5 @@
 import { TagVariant as a } from "../../../../internal/Tag/types.js";
-const o = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Active" ? "capital.overview.grants.item.amounts.remaining" : "capital.overview.grants.item.amounts.requestedFunds", u = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
+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 }) => {
   switch (e) {
     case "Active":
       return;
@@ -14,12 +14,12 @@ const o = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Ac
     case "WrittenOff":
       return "capital.overview.grants.common.statuses.writtenOff";
   }
-}, l = ({ status: e, missingActions: t }) => {
+}, u = ({ status: e, missingActions: t }) => {
   switch (e) {
     case "Failed":
       return a.ERROR;
     case "Pending":
-      return t != null && t.length ? a.WARNING : a.DEFAULT;
+      return t?.length ? a.WARNING : a.DEFAULT;
     case "Repaid":
       return a.LIGHT;
     case "Revoked":
@@ -28,15 +28,14 @@ const o = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Ac
     default:
       return a.DEFAULT;
   }
-}, m = (e) => {
+}, d = (e) => {
   const t = /* @__PURE__ */ new Date(), s = /* @__PURE__ */ new Date();
   return s.setDate(t.getDate() + e), s;
-}, v = (e) => {
-  var s, n;
-  const t = ((s = e.missingActions) == null ? void 0 : s.some((i) => i.type === "signToS")) || !1;
+}, l = (e) => {
+  const t = e.missingActions?.some((s) => s.type === "signToS") || !1;
   switch (e.status) {
     case "Pending":
-      return (n = e.missingActions) != null && n.length ? t ? "capital.overview.grants.common.statuses.pending.description.signTerms" : void 0 : "capital.overview.grants.common.statuses.pending.description.awaitingFunds";
+      return e.missingActions?.length ? t ? "capital.overview.grants.common.statuses.pending.description.signTerms" : void 0 : "capital.overview.grants.common.statuses.pending.description.awaitingFunds";
     case "Failed":
       return "capital.overview.grants.common.statuses.failed.description";
     case "WrittenOff":
@@ -46,32 +45,31 @@ const o = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Ac
     default:
       return;
   }
-}, g = (e) => {
-  var n;
+}, v = (e) => {
   const t = e.status === "Active", s = e.status === "Pending";
   return {
-    amount: u(e),
-    amountLabelKey: c(e.status),
+    amount: r(e),
+    amountLabelKey: o(e.status),
     hasAlerts: s,
-    hasDetails: o(e.status),
-    hasUnscheduledRepaymentDetails: t && !!((n = e.unscheduledRepaymentAccounts) != null && n.length),
+    hasDetails: n(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.
     // Only then should the following line be uncommented.
     //
     // hasRevocationDetails: isGrantActive && grant.revocationAccount !== undefined,
     isAmountColorSecondary: !t,
-    isBackgroundFilled: r(e.status),
+    isBackgroundFilled: i(e.status),
     isGrantIdVisible: !t,
     isLabelColorSecondary: t,
     isProgressBarVisible: t,
-    repaymentPeriodEndDate: m(e.repaymentPeriodLeft),
-    statusKey: d(e),
-    statusTagVariant: l(e),
-    statusTooltipKey: v(e)
+    repaymentPeriodEndDate: d(e.repaymentPeriodLeft),
+    statusKey: c(e),
+    statusTagVariant: u(e),
+    statusTooltipKey: l(e)
   };
 };
 export {
-  g as getGrantConfig,
-  v as getStatusTooltipKey
+  v as getGrantConfig,
+  l as getStatusTooltipKey
 };