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

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/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 b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import v from "classnames";
+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 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 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 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 { 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,13 +101,13 @@ 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"),
@@ -104,46 +117,46 @@ const st = ({ grant: r, showDetails: n }) => {
             "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(
-          V,
+          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
 };

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

@@ -1,59 +1,72 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { BaseList as C } from "../../../../internal/BaseList/BaseList.js";
-import { GrantItem as N } from "../GrantItem/GrantItem.js";
-import { getGrantConfig as _ } from "../GrantItem/utils.js";
-import { GRANT_ADJUSTMENT_DETAILS as R } from "../GrantAdjustmentDetails/constants.js";
-import { GrantRepaymentDetails as T } from "../GrantRepaymentDetails/GrantRepaymentDetails.js";
-import A from "../../../../internal/SegmentedControl/SegmentedControl.js";
-import B from "../../../../../core/Context/useCoreContext.js";
-import { useState as G, useMemo as l, useCallback as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import E from "../../../../internal/Button/Button.js";
-import { ButtonVariant as U } from "../../../../internal/Button/types.js";
-import { CapitalHeader as k } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-const h = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(C, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(N, { grant: a, showDetails: c.bind(null, a) }) }, a.id)) }), z = ({ grantList: t, hideTitle: c, newOfferAvailable: a, onNewOfferRequest: g }) => {
-  const [b, u] = G(), [n, w] = G(), { i18n: f } = B(), [i, m] = l(() => {
-    const s = [], r = [];
-    return t == null || t.forEach((o) => {
-      o.status === "Active" || o.status === "Pending" ? s.push(o) : r.push(o);
-    }), [s, r];
-  }, [t]), v = l(() => t.length > 1 && i.length && m.length ? "SegmentedGrants" : "UnifiedGrants", [i.length, t.length, m.length]), y = l(() => a && !i.some((s) => s.status === "Pending"), [i, a]), d = l(() => n && _(n), [n]), S = D(() => u(void 0), []), p = D((s, r) => {
-    u(r), w(s);
+import { BaseList as A } from "../../../../internal/BaseList/BaseList.js";
+import { GrantItem as E } from "../GrantItem/GrantItem.js";
+import { getGrantConfig as P } from "../GrantItem/utils.js";
+import { GRANT_ADJUSTMENT_DETAILS as T } from "../GrantAdjustmentDetails/constants.js";
+import { GrantRepaymentDetails as k } from "../GrantRepaymentDetails/GrantRepaymentDetails.js";
+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 b, useMemo as c, useCallback as f } 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 { CapitalHeader as j } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+const w = {
+  ...R,
+  subCategory: "Grants overview"
+}, h = ({ grants: t, showDetails: m }) => /* @__PURE__ */ e(A, { classNames: "adyen-pe-grant-list__items", children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(E, { grant: s, showDetails: m.bind(null, s) }) }, s.id)) }), te = ({ grantList: t, hideTitle: m, newOfferAvailable: s, onNewOfferRequest: v }) => {
+  const [D, g] = b(), [n, C] = b(), { i18n: y } = I(), r = U(), [i, d] = c(() => {
+    const a = [], o = [];
+    return t == null || t.forEach((l) => {
+      l.status === "Active" || l.status === "Pending" ? a.push(l) : o.push(l);
+    }), [a, o];
+  }, [t]), G = c(() => t.length > 1 && i.length && d.length ? "SegmentedGrants" : "UnifiedGrants", [i.length, t.length, d.length]), S = c(() => s && !i.some((a) => a.status === "Pending"), [i, s]), N = f(() => {
+    var a;
+    try {
+      return v();
+    } finally {
+      (a = r.addEvent) == null || a.call(r, "Clicked button", { ...w, label: "See new offer" });
+    }
+  }, [v, r]), p = c(() => n && P(n), [n]), _ = f(() => g(void 0), []), u = f((a, o) => {
+    g(o), C(a);
   }, []);
-  if (n)
-    switch (b) {
-      case R.unscheduledRepayment: {
-        if (d != null && d.hasUnscheduledRepaymentDetails)
-          return /* @__PURE__ */ e(T, { grant: n, onDetailsClose: S });
+  if (x({ ...w, label: "Capital overview" }), n)
+    switch (D) {
+      case T.unscheduledRepayment: {
+        if (p != null && p.hasUnscheduledRepaymentDetails)
+          return /* @__PURE__ */ e(k, { grant: n, onDetailsClose: _ });
         break;
       }
     }
   return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
-      /* @__PURE__ */ e(k, { hideTitle: c, titleKey: "capital.common.title" }),
-      y ? /* @__PURE__ */ e(E, { onClick: g, className: "adyen-pe-grant-list__offer-button", variant: U.SECONDARY, children: f.get("capital.overview.grants.list.actions.newOffer") }) : null
+      /* @__PURE__ */ e(j, { hideTitle: m, titleKey: "capital.common.title" }),
+      S ? /* @__PURE__ */ e(M, { onClick: N, className: "adyen-pe-grant-list__offer-button", variant: O.SECONDARY, children: y.get("capital.overview.grants.list.actions.newOffer") }) : null
     ] }),
-    v === "UnifiedGrants" && /* @__PURE__ */ e(h, { grants: t, showDetails: p }),
-    v === "SegmentedGrants" && /* @__PURE__ */ e(
-      A,
+    G === "UnifiedGrants" && /* @__PURE__ */ e(h, { grants: t, showDetails: u }),
+    G === "SegmentedGrants" && /* @__PURE__ */ e(
+      B,
       {
         items: [
           {
             label: "capital.overview.grants.list.tabs.labels.inProgress",
-            content: /* @__PURE__ */ e(h, { grants: i, showDetails: p }),
+            content: /* @__PURE__ */ e(h, { grants: i, showDetails: u }),
             id: "active"
           },
           {
             label: "capital.overview.grants.list.tabs.labels.closed",
-            content: /* @__PURE__ */ e(h, { grants: m, showDetails: p }),
+            content: /* @__PURE__ */ e(h, { grants: d, showDetails: u }),
             id: "inactive"
           }
         ],
         activeItem: "active",
-        "aria-label": f.get("capital.overview.grants.list.tabs.a11y.label")
+        "aria-label": y.get("capital.overview.grants.list.tabs.a11y.label")
       }
     )
   ] });
 };
 export {
-  z as GrantsDisplay
+  te as GrantsDisplay
 };

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

@@ -1,35 +1,48 @@
-import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { CAPITAL_OVERVIEW_CLASS_NAMES as t } from "../constants.js";
-import n from "../../../internal/Button/Button.js";
-import m from "../../../../core/Context/useCoreContext.js";
-import l from "../../../internal/Typography/Typography.js";
-import { TypographyVariant as p } from "../../../internal/Typography/types.js";
-import u from "../../../internal/InfoBox/InfoBox.js";
-import { Fragment as c } from "../../../../external/preact/dist/preact.module.js";
-import { CapitalHeader as f } from "../../../internal/CapitalHeader/CapitalHeader.js";
-const C = ({
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { sharedCapitalOverviewAnalyticsEventProperties as c, CAPITAL_OVERVIEW_CLASS_NAMES as n } from "../constants.js";
+import { useLandedPageEvent as u } from "../../../../hooks/useAnalytics/useLandedPageEvent.js";
+import d from "../../../internal/Button/Button.js";
+import f from "../../../../core/Context/analytics/useAnalyticsContext.js";
+import v from "../../../../core/Context/useCoreContext.js";
+import y from "../../../internal/Typography/Typography.js";
+import { TypographyVariant as h } from "../../../internal/Typography/types.js";
+import C from "../../../internal/InfoBox/InfoBox.js";
+import { Fragment as g } from "../../../../external/preact/dist/preact.module.js";
+import { CapitalHeader as A } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const l = {
+  ...c,
+  subCategory: "Prequalified"
+}, L = ({
   dynamicOfferConfig: a,
-  hideTitle: e,
-  onOfferOptionsRequest: o
+  hideTitle: m,
+  onOfferOptionsRequest: i
 }) => {
-  const { i18n: i } = m();
-  return /* @__PURE__ */ r(c, { children: [
-    /* @__PURE__ */ r(f, { hideTitle: e, titleKey: "capital.overview.common.titles.qualificationIntro" }),
-    /* @__PURE__ */ r("div", { className: t.preQualifiedGrant, children: [
-      /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { variant: p.BODY, children: [
-        i.get("capital.overview.prequalified.alreadyQualifyInfo.part1"),
-        /* @__PURE__ */ r("strong", { children: i.get("capital.overview.prequalified.alreadyQualifyInfo.part2", {
+  const { i18n: t } = v(), r = f(), p = s(() => {
+    var o;
+    try {
+      return i();
+    } finally {
+      (o = r.addEvent) == null || o.call(r, "Clicked button", { ...l, label: "See options" });
+    }
+  }, [i, r]);
+  return u({ ...l, label: "Capital overview" }), /* @__PURE__ */ e(g, { children: [
+    /* @__PURE__ */ e(A, { hideTitle: m, titleKey: "capital.overview.common.titles.qualificationIntro" }),
+    /* @__PURE__ */ e("div", { className: n.preQualifiedGrant, children: [
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(y, { variant: h.BODY, children: [
+        t.get("capital.overview.prequalified.alreadyQualifyInfo.part1"),
+        /* @__PURE__ */ e("strong", { children: t.get("capital.overview.prequalified.alreadyQualifyInfo.part2", {
           values: {
-            amount: i.amount(a.maxAmount.value, a.maxAmount.currency, {
+            amount: t.amount(a.maxAmount.value, a.maxAmount.currency, {
               minimumFractionDigits: 0
             })
           }
         }) })
       ] }) }),
-      /* @__PURE__ */ r(n, { className: t.preQualifiedGrantButton, onClick: o, children: i.get("capital.overview.prequalified.actions.seeOptions") })
+      /* @__PURE__ */ e(d, { className: n.preQualifiedGrantButton, onClick: p, children: t.get("capital.overview.prequalified.actions.seeOptions") })
     ] })
   ] });
 };
 export {
-  C as default
+  L as default
 };