@adyen/adyen-platform-experience-web 1.8.1 → 1.10.0

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

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

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

@@ -1,80 +1,94 @@
 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 { GRANT_ACTION_CLASS_NAMES as i } from "./constants.js";
+import { useMemo as h, useState as E, 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 n } 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 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 = ({
+import { AlertTypeOption as b } 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 f from "../../../../internal/Button/Button.js";
+import { useConfigContext as Y } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
+const st = ({
   missingActions: a = [],
-  offerExpiresAt: c,
-  className: m
+  offerExpiresAt: p,
+  className: d
 }) => {
-  const { i18n: e, updateCore: h } = R(), { dateFormat: T } = k(), { endpoints: f } = W(), A = C(
+  const { i18n: e, updateCore: I } = M(), { dateFormat: T } = O(), { endpoints: C } = Y(), l = 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({
+  ), [u, s] = E(null), S = L((t) => {
+    t != null && t.url ? _(t.url) : s(null);
+  }, []), c = G({
     queryFn: (t) => {
-      let n = null;
+      let i = null;
       switch (t) {
         case "signToS":
-          n = f.signToSActionDetails;
+          i = C.signToSActionDetails;
           break;
         case "AnaCredit":
-          n = f.anaCreditActionDetails;
+          i = C.anaCreditActionDetails;
           break;
         default:
           break;
       }
-      const r = n, I = {
-        query: { redirectUrl: M(), locale: e.locale }
+      const r = i, k = {
+        query: { redirectUrl: B(), locale: e.locale }
       };
-      return r == null ? void 0 : r(F, I);
+      return r == null ? void 0 : r(q, k);
     },
     options: {
-      onSuccess: w,
+      onSuccess: S,
       // Reset the loading state when the mutation finishes (success or error)
       onError: () => {
-        l(null);
+        s(null);
       }
     }
-  }), u = C(
-    () => c ? T(c, K) : void 0,
-    [T, c]
+  }), g = h(
+    () => p ? T(p, D) : void 0,
+    [T, p]
+  ), N = L(
+    (t) => {
+      var i;
+      (i = l.addEvent) == null || i.call(l, "Clicked link", {
+        ...F,
+        subCategory: "Missing action",
+        label: t
+      });
+    },
+    [l]
   );
-  if (s.error)
+  if (c.error)
     return /* @__PURE__ */ o(
       y,
       {
-        className: m,
-        type: v.CRITICAL,
+        className: d,
+        type: b.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(f, { className: n.button, onClick: I, children: e.get("common.actions.refresh.labels.default") })
       }
     );
   if (!a.length)
@@ -83,55 +97,63 @@ const ot = ({
     return /* @__PURE__ */ o(
       y,
       {
-        className: m,
-        type: v.WARNING,
+        className: d,
+        type: b.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;
+        description: /* @__PURE__ */ o("div", { className: n.actionsInformation, children: [
+          /* @__PURE__ */ o("ol", { className: n.actionsContainer, children: a.map((t) => {
+            const i = A[t.type], r = u === t.type;
             return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-              b,
+              f,
               {
-                className: i.button,
+                className: n.button,
                 onClick: () => {
-                  l(t.type), s.mutate(t.type);
+                  try {
+                    s(t.type), c.mutate(t.type);
+                  } finally {
+                    N(i.eventLabel);
+                  }
                 },
-                disabled: r || s.isLoading,
+                disabled: r || c.isLoading,
                 state: r ? "loading" : void 0,
-                variant: N.TERTIARY,
-                "aria-label": e.get(n.buttonLabelKey),
-                children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(n.buttonLabelKey) })
+                variant: w.TERTIARY,
+                "aria-label": e.get(i.buttonLabelKey),
+                children: /* @__PURE__ */ o("span", { className: n.buttonLabel, children: e.get(i.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
+          g ? /* @__PURE__ */ o(K, { el: x.SPAN, variant: W.BODY, strongest: !0, children: e.get("capital.overview.grants.item.alerts.offerExpiration", { values: { date: g } }) }) : null
         ] })
       }
     );
-  const d = a[0], g = A[d.type];
+  const v = a[0], m = A[v.type];
   return /* @__PURE__ */ o(
     y,
     {
-      className: m,
-      type: v.WARNING,
-      title: g.getTitle(u),
+      className: d,
+      type: b.WARNING,
+      title: m.getTitle(g),
       description: /* @__PURE__ */ o(
-        b,
+        f,
         {
-          className: i.button,
+          className: n.button,
           onClick: () => {
-            l(d.type), s.mutate(d.type);
+            try {
+              s(v.type), c.mutate(v.type);
+            } finally {
+              N(m.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) })
+          disabled: !!u,
+          state: u ? "loading" : void 0,
+          variant: w.TERTIARY,
+          "aria-label": e.get(m.buttonLabelKey),
+          children: /* @__PURE__ */ o("span", { className: n.buttonLabel, children: e.get(m.buttonLabelKey) })
         }
       )
     }
   );
 };
 export {
-  ot as GrantActions
+  st as GrantActions
 };

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

@@ -1,25 +1,25 @@
 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 i from "../../../../internal/Typography/Typography.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 v } from "../../../../constants.js";
-import { Translation as A } from "../../../../internal/Translation/Translation.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as A } from "../../../../constants.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(), m = u((t) => o.amount(t.value, t.currency), [o]), s = p(() => {
-    const t = e.maximumRepaymentPeriodDays ? Math.ceil(e.maximumRepaymentPeriodDays / 30) : null, c = [
+  const { i18n: o } = d(), 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",
         value: o.amount(e.remainingGrantAmount.value, e.remainingGrantAmount.currency)
       },
-      { key: "capital.common.fields.remainingFees", value: m(e.remainingFeesAmount) },
-      { key: "capital.common.fields.repaidAmount", value: m(e.repaidGrantAmount) },
-      { key: "capital.common.fields.repaidFees", value: m(e.repaidFeesAmount) },
+      { key: "capital.common.fields.remainingFees", value: i(e.remainingFeesAmount) },
+      { key: "capital.common.fields.repaidAmount", value: i(e.repaidGrantAmount) },
+      { key: "capital.common.fields.repaidFees", value: i(e.repaidFeesAmount) },
       {
         key: "capital.common.fields.dailyRepaymentRate",
         value: `${o.get("capital.common.values.percentage", {
@@ -35,40 +35,40 @@ const E = ({ grant: e }) => {
           }
         })
       },
-      { key: "capital.common.fields.totalFees", value: m(e.feesAmount) },
-      { key: "capital.common.fields.totalRepaymentAmount", value: m(e.totalAmount) },
-      { key: "capital.common.fields.repaymentThreshold", value: m(e.thresholdAmount) },
+      { key: "capital.common.fields.totalFees", value: i(e.feesAmount) },
+      { key: "capital.common.fields.totalRepaymentAmount", value: i(e.totalAmount) },
+      { key: "capital.common.fields.repaymentThreshold", value: i(e.thresholdAmount) },
       { key: "capital.common.fields.grantID", value: e.id },
       { key: "capital.common.fields.accountDescription", value: e.balanceAccountDescription },
       { key: "capital.common.fields.accountID", value: e.balanceAccountCode }
     ];
-    return t && c.splice(5, 0, {
+    return t && s.splice(5, 0, {
       key: "capital.common.fields.maximumRepaymentPeriod",
       value: o.get("capital.common.values.numberOfMonths", { values: { months: t } })
-    }), c;
-  }, [e, m, o]);
+    }), s;
+  }, [e, i, o]);
   return /* @__PURE__ */ a("div", { className: r.base, children: /* @__PURE__ */ a("div", { className: r.content, children: [
-    /* @__PURE__ */ a("div", { className: r.header, children: /* @__PURE__ */ a(i, { el: l.SPAN, variant: n.BODY, children: /* @__PURE__ */ a(i, { el: l.PARAGRAPH, variant: n.BODY, children: /* @__PURE__ */ a(
-      A,
+    /* @__PURE__ */ a("div", { className: r.header, children: /* @__PURE__ */ a(m, { el: l.SPAN, variant: n.BODY, children: /* @__PURE__ */ a(m, { el: l.PARAGRAPH, variant: n.BODY, children: /* @__PURE__ */ a(
+      v,
       {
         translationKey: "capital.overview.grants.item.details.requestedFunds",
         fills: {
-          amount: /* @__PURE__ */ a(i, { el: l.SPAN, variant: n.BODY, strongest: !0, children: o.amount(e.grantAmount.value, e.grantAmount.currency) })
+          amount: /* @__PURE__ */ a(m, { el: l.SPAN, variant: n.BODY, strongest: !0, children: o.amount(e.grantAmount.value, e.grantAmount.currency) })
         }
       }
     ) }) }) }),
     /* @__PURE__ */ a(
       h,
       {
-        renderLabel: (t, c) => c === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
+        renderLabel: (t, s) => s === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
           f,
           {
-            isContainerHovered: !0,
+            isUnderlineVisible: !0,
             content: o.get("capital.common.fields.repaymentThreshold.description", {
-              values: { days: v }
+              values: { days: A }
             }),
             children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
-              i,
+              m,
               {
                 className: r.label,
                 el: l.SPAN,
@@ -77,9 +77,9 @@ const E = ({ grant: e }) => {
               }
             ) })
           }
-        ) : /* @__PURE__ */ a(i, { className: r.label, el: l.SPAN, variant: n.CAPTION, children: t }),
-        renderValue: (t) => /* @__PURE__ */ a(i, { el: l.SPAN, stronger: !0, variant: n.CAPTION, children: t }),
-        items: s
+        ) : /* @__PURE__ */ a(m, { className: r.label, el: l.SPAN, variant: n.CAPTION, children: t }),
+        renderValue: (t) => /* @__PURE__ */ a(m, { el: l.SPAN, stronger: !0, variant: n.CAPTION, children: t }),
+        items: c
       }
     )
   ] }) });

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

@@ -1,83 +1,96 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as c, useCallback as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import v from "classnames";
-import b from "../../../../../core/Context/useCoreContext.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 { Tag as y } from "../../../../internal/Tag/Tag.js";
+import { useMemo as p, useCallback as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import y from "classnames";
+import h from "../../../../../core/Context/useCoreContext.js";
+import N from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import E from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import l from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as c, 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 N } from "./utils.js";
+import { getGrantConfig as I } from "./utils.js";
 /* empty css               */
-import { GrantDetails as I } from "../GrantDetails/GrantDetails.js";
-import E 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 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 { 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 K from "../../../../internal/Button/Button.js";
-import { uniqueId as l } from "../../../../../utils/random/uniqueId.js";
-const st = ({ grant: r, showDetails: n }) => {
-  const { i18n: a } = b(), { dateFormat: d } = C(), e = c(() => N(r), [r]), p = h(() => n == null ? void 0 : n("unscheduledRepayment"), [n]), o = c(
+import { GrantDetails as x } from "../GrantDetails/GrantDetails.js";
+import S from "../../../../internal/CopyText/CopyText.js";
+import { Tooltip as L } from "../../../../internal/Tooltip/Tooltip.js";
+import { Alert as w } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as B } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as P } from "../../../../internal/Button/types.js";
+import G from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { GrantActions as O } from "../GrantActions/GrantActions.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as R } from "../../constants.js";
+import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
+import { Translation as V } from "../../../../internal/Translation/Translation.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as K } from "../../../../../constants/dateFormats.js";
+import $ from "../../../../internal/ProgressBar/ProgressBar.js";
+import D from "../../../../internal/Button/Button.js";
+import { uniqueId as d } from "../../../../../utils/random/uniqueId.js";
+const pt = ({ grant: r, showDetails: s }) => {
+  const { i18n: a } = h(), { dateFormat: u } = E(), m = N(), e = p(() => I(r), [r]), g = C(() => {
+    var o;
+    try {
+      return s == null ? void 0 : s("unscheduledRepayment");
+    } finally {
+      (o = m.addEvent) == null || o.call(m, "Clicked button", {
+        ...R,
+        subCategory: "Grant active",
+        label: "Send repayment"
+      });
+    }
+  }, [s, m]), n = p(
     () => ({
-      grantAmount: l("elem"),
-      grantAmountLabel: l("elem"),
-      grantStatus: l("elem"),
-      termEnds: l("elem")
+      grantAmount: d("elem"),
+      grantAmountLabel: d("elem"),
+      grantStatus: d("elem"),
+      termEnds: d("elem")
     }),
     []
-  ), T = c(
+  ), b = p(
     () => {
-      var u, g;
+      var o, v;
       return /* @__PURE__ */ t("div", { className: i.cardContent, children: [
         /* @__PURE__ */ t("div", { className: i.statusContainer, children: [
           /* @__PURE__ */ t(
-            s,
+            l,
             {
-              id: o.grantAmountLabel,
-              variant: m.CAPTION,
-              className: v({ [i.textSecondary]: e.isLabelColorSecondary }),
+              id: n.grantAmountLabel,
+              variant: c.CAPTION,
+              className: y({ [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,
+          /* @__PURE__ */ t("div", { id: n.grantStatus, children: r.status === "Active" ? /* @__PURE__ */ t(T, { children: /* @__PURE__ */ t(l, { id: n.termEnds, variant: c.CAPTION, el: A.SPAN, children: /* @__PURE__ */ t(
+            V,
             {
               translationKey: "capital.overview.grants.item.termEnds",
               fills: {
                 date: /* @__PURE__ */ t(
                   "time",
                   {
-                    "aria-labelledBy": o.termEnds,
+                    "aria-labelledBy": n.termEnds,
                     dateTime: e.repaymentPeriodEndDate.toISOString(),
-                    children: /* @__PURE__ */ t(s, { variant: m.CAPTION, stronger: !0, el: A.SPAN, children: d(e.repaymentPeriodEndDate, O) })
+                    children: /* @__PURE__ */ t(l, { variant: c.CAPTION, stronger: !0, el: A.SPAN, children: u(e.repaymentPeriodEndDate, K) })
                   }
                 )
               }
             }
-          ) }) }) : 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(L, { content: a.get(e.statusTooltipKey), children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(f, { label: a.get(e.statusKey), variant: e.statusTagVariant }) }) }) : /* @__PURE__ */ t(f, { label: a.get(e.statusKey), variant: e.statusTagVariant }) : null })
         ] }),
         /* @__PURE__ */ t(
-          s,
+          l,
           {
-            id: o.grantAmount,
-            variant: m.TITLE,
+            id: n.grantAmount,
+            variant: c.TITLE,
             medium: !0,
-            className: v({
+            className: y({
               [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,
@@ -88,62 +101,62 @@ const st = ({ grant: r, showDetails: n }) => {
               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()}`
+              remaining: `${a.amount(r.remainingTotalAmount.value, r.remainingTotalAmount.currency)} ${(o = a.get("capital.overview.grants.item.amounts.remaining")) == null ? void 0 : o.toLowerCase()}`,
+              progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${(v = a.get("capital.overview.grants.item.amounts.repaid")) == null ? void 0 : v.toLowerCase()}`
             }
           }
         ),
         e.isGrantIdVisible ? /* @__PURE__ */ t("div", { className: i.grantID, children: /* @__PURE__ */ t(
-          E,
+          S,
           {
             textToCopy: r.id,
             visibleText: a.get("capital.common.fields.grantID"),
             copyButtonAriaLabelKey: "capital.overview.grants.item.actions.copyGrantID",
-            isHovered: !0,
+            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,
+        e.hasAlerts ? /* @__PURE__ */ t(T, { children: r.missingActions && r.missingActions.length ? /* @__PURE__ */ t(
+          O,
           {
             missingActions: r.missingActions,
             className: i.alert,
             offerExpiresAt: r.offerExpiresAt
           }
         ) : /* @__PURE__ */ t(
-          S,
+          w,
           {
             className: i.alert,
-            type: L.HIGHLIGHT,
+            type: B.HIGHLIGHT,
             title: a.get("capital.overview.grants.item.alerts.processingRequest")
           }
         ) }) : e.hasUnscheduledRepaymentDetails && /* @__PURE__ */ t("div", { className: i.actionsBar, children: /* @__PURE__ */ t(
-          K,
+          D,
           {
-            onClick: p,
+            onClick: g,
             className: i.mainActionBtn,
-            variant: w.SECONDARY,
+            variant: P.SECONDARY,
             fullWidth: !0,
             children: a.get("capital.overview.grants.item.actions.sendRepayment")
           }
         ) })
       ] });
     },
-    [a, d, r, e, p]
+    [a, u, r, e, g]
   );
   return /* @__PURE__ */ t("div", { className: i.base, children: /* @__PURE__ */ t(
-    B,
+    G,
     {
-      "aria-describedby": `${o.grantAmountLabel} ${o.grantAmount} ${o.grantStatus}`,
+      "aria-describedby": `${n.grantAmountLabel} ${n.grantAmount} ${n.grantStatus}`,
       "aria-label": a.get("capital.overview.grants.item.details.a11y.label"),
       filled: e.isBackgroundFilled,
-      renderContent: T,
+      renderContent: b,
       inFlow: !0,
-      children: e.hasDetails && /* @__PURE__ */ t(I, { grant: r })
+      children: e.hasDetails && /* @__PURE__ */ t(x, { grant: r })
     }
   ) });
 };
 export {
-  st as GrantItem
+  pt as GrantItem
 };