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

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

@@ -1,91 +1,111 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import u from "classnames";
-import f from "../../../../../core/Context/useCoreContext.js";
-import y from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import i from "../../../../internal/Typography/Typography.js";
-import { TypographyVariant as n, TypographyElement as d } from "../../../../internal/Typography/types.js";
-import { Tag as A } from "../../../../internal/Tag/Tag.js";
+import { useMemo as u, useCallback as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import A from "classnames";
+import h from "../../../../../core/Context/useCoreContext.js";
+import C from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import n from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as m, TypographyElement as y } from "../../../../internal/Typography/types.js";
+import { Tag as T } from "../../../../internal/Tag/Tag.js";
 import { GRANT_ITEM_CLASS_NAMES as o } from "./constants.js";
-import { getGrantConfig as v } from "./utils.js";
+import { getGrantConfig as N } from "./utils.js";
 /* empty css               */
-import { GrantDetails as h } from "../GrantDetails/GrantDetails.js";
-import { GrantAction as C } from "../GrantAction/GrantAction.js";
-import N from "../../../../internal/CopyText/CopyText.js";
-import { Tooltip as I } from "../../../../internal/Tooltip/Tooltip.js";
-import { Alert as x } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as b } from "../../../../internal/Alert/types.js";
-import E from "../../../../internal/ExpandableCard/ExpandableCard.js";
-import { Fragment as T } from "../../../../../external/preact/dist/preact.module.js";
-import S from "../../../../internal/ProgressBar/ProgressBar.js";
-import { DATE_FORMAT_CAPITAL_OVERVIEW as L } from "../../../../../constants/dateFormats.js";
-const Q = ({ grant: r }) => {
-  const { i18n: a } = f(), { dateFormat: s } = y(), t = c(() => v(r), [r]), g = c(
+import { GrantDetails as x } from "../GrantDetails/GrantDetails.js";
+import { GrantAction as I } from "../GrantAction/GrantAction.js";
+import b from "../../../../internal/CopyText/CopyText.js";
+import { Tooltip as E } from "../../../../internal/Tooltip/Tooltip.js";
+import { Alert as S } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as R } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as B } from "../../../../internal/Button/types.js";
+import L from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { Fragment as f } from "../../../../../external/preact/dist/preact.module.js";
+import O from "../../../../internal/ProgressBar/ProgressBar.js";
+import P from "../../../../internal/Button/Button.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as G } from "../../../../../constants/dateFormats.js";
+const re = ({ grant: a, showDetails: i }) => {
+  const { i18n: r } = h(), { dateFormat: s } = C(), t = u(() => N(a), [a]), l = v(() => i == null ? void 0 : i("unscheduledRepayment"), [i]), g = u(
     () => {
-      var m, l;
+      var c, p;
       return /* @__PURE__ */ e("div", { className: o.cardContent, children: [
         /* @__PURE__ */ e("div", { className: o.statusContainer, children: [
           /* @__PURE__ */ e(
-            i,
+            n,
             {
-              variant: n.CAPTION,
-              className: u({ [o.textSecondary]: t.isLabelColorSecondary }),
+              variant: m.CAPTION,
+              className: A({ [o.textSecondary]: t.isLabelColorSecondary }),
               testId: "grant-amount-label",
-              children: a.get(t.amountLabelKey)
+              children: r.get(t.amountLabelKey)
             }
           ),
-          /* @__PURE__ */ e("div", { children: r.status === "Active" ? /* @__PURE__ */ e(T, { children: [
-            /* @__PURE__ */ e(i, { variant: n.CAPTION, el: d.SPAN, children: a.get("capital.termEnds") }),
-            /* @__PURE__ */ e(i, { variant: n.CAPTION, stronger: !0, el: d.SPAN, children: s(t.repaymentPeriodEndDate, L) })
-          ] }) : t.statusKey ? t.statusTooltipKey ? /* @__PURE__ */ e(I, { content: a.get(t.statusTooltipKey), children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { label: a.get(t.statusKey), variant: t.statusTagVariant }) }) }) : /* @__PURE__ */ e(A, { label: a.get(t.statusKey), variant: t.statusTagVariant }) : null })
+          /* @__PURE__ */ e("div", { children: a.status === "Active" ? /* @__PURE__ */ e(f, { children: [
+            /* @__PURE__ */ e(n, { variant: m.CAPTION, el: y.SPAN, children: r.get("capital.termEnds") }),
+            /* @__PURE__ */ e(n, { variant: m.CAPTION, stronger: !0, el: y.SPAN, children: s(t.repaymentPeriodEndDate, G) })
+          ] }) : t.statusKey ? t.statusTooltipKey ? /* @__PURE__ */ e(E, { content: r.get(t.statusTooltipKey), children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(T, { label: r.get(t.statusKey), variant: t.statusTagVariant }) }) }) : /* @__PURE__ */ e(T, { label: r.get(t.statusKey), variant: t.statusTagVariant }) : null })
         ] }),
         /* @__PURE__ */ e(
-          i,
+          n,
           {
-            variant: n.TITLE,
+            variant: m.TITLE,
             medium: !0,
-            className: u({
+            className: A({
               [o.textSecondary]: t.isAmountColorSecondary
             }),
-            children: a.amount(t.amount.value, t.amount.currency)
+            children: r.amount(t.amount.value, t.amount.currency)
           }
         ),
         t.isProgressBarVisible && /* @__PURE__ */ e(
-          S,
+          O,
           {
             className: o.progressBar,
-            value: r.repaidTotalAmount.value,
-            max: r.totalAmount.value,
-            labels: { current: a.get("capital.repaid"), max: a.get("capital.remaining") },
+            value: a.repaidTotalAmount.value,
+            max: a.totalAmount.value,
+            labels: { current: r.get("capital.repaid"), max: r.get("capital.remaining") },
             tooltips: {
-              remaining: `${a.amount(r.remainingTotalAmount.value, r.remainingTotalAmount.currency)} ${(m = a.get("capital.remaining")) == null ? void 0 : m.toLowerCase()}`,
-              progress: `${a.amount(r.repaidTotalAmount.value, r.repaidTotalAmount.currency)} ${(l = a.get("capital.repaid")) == null ? void 0 : l.toLowerCase()}`
+              remaining: `${r.amount(a.remainingTotalAmount.value, a.remainingTotalAmount.currency)} ${(c = r.get("capital.remaining")) == null ? void 0 : c.toLowerCase()}`,
+              progress: `${r.amount(a.repaidTotalAmount.value, a.repaidTotalAmount.currency)} ${(p = r.get("capital.repaid")) == null ? void 0 : p.toLowerCase()}`
             }
           }
         ),
-        t.isGrantIdVisible ? /* @__PURE__ */ e("div", { className: o.grantID, children: /* @__PURE__ */ e(N, { textToCopy: r.id, buttonLabel: a.get("capital.grantID"), isHovered: !0, type: "Text" }) }) : null,
-        t.hasAlerts && /* @__PURE__ */ e(T, { children: r.missingActions && r.missingActions.length ? r.missingActions.map((p) => /* @__PURE__ */ e(
-          C,
+        t.isGrantIdVisible ? /* @__PURE__ */ e("div", { className: o.grantID, children: /* @__PURE__ */ e(
+          b,
+          {
+            textToCopy: a.id,
+            buttonLabel: r.get("capital.grantID"),
+            isHovered: !0,
+            type: "Text",
+            "data-testid": "grant-id-copy-text"
+          }
+        ) }) : null,
+        t.hasAlerts ? /* @__PURE__ */ e(f, { children: a.missingActions && a.missingActions.length ? a.missingActions.map((d) => /* @__PURE__ */ e(
+          I,
           {
-            action: p,
+            action: d,
             className: o.alert,
-            offerExpiresAt: r.offerExpiresAt
+            offerExpiresAt: a.offerExpiresAt
           },
-          p.type
+          d.type
         )) : /* @__PURE__ */ e(
-          x,
+          S,
           {
             className: o.alert,
-            type: b.HIGHLIGHT,
-            title: a.get("capital.weReceivedYourRequestAndWeAreWorkingOnItNowCheckBackSoon")
+            type: R.HIGHLIGHT,
+            title: r.get("capital.weReceivedYourRequestAndWeAreWorkingOnItNowCheckBackSoon")
+          }
+        ) }) : t.hasUnscheduledRepaymentDetails && /* @__PURE__ */ e("div", { className: o.actionsBar, children: /* @__PURE__ */ e(
+          P,
+          {
+            onClick: l,
+            className: o.mainActionBtn,
+            variant: B.SECONDARY,
+            fullWidth: !0,
+            children: r.get("capital.sendRepayment")
           }
         ) })
       ] });
     },
-    [a, s, r, t]
+    [r, s, a, t, l]
   );
-  return /* @__PURE__ */ e("div", { className: o.base, children: /* @__PURE__ */ e(E, { renderHeader: g, filled: t.isBackgroundFilled, inFlow: !0, children: t.hasDetails && /* @__PURE__ */ e(h, { grant: r }) }) });
+  return /* @__PURE__ */ e("div", { className: o.base, children: /* @__PURE__ */ e(L, { renderHeader: g, filled: t.isBackgroundFilled, inFlow: !0, children: t.hasDetails && /* @__PURE__ */ e(x, { grant: a }) }) });
 };
 export {
-  Q as GrantItem
+  re as GrantItem
 };

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

@@ -1,12 +1,14 @@
-const e = {
+const t = {
   base: "adyen-pe-grant-item",
+  actionsBar: "adyen-pe-grant-item__actions-bar",
   alert: "adyen-pe-grant-item__alert",
   cardContent: "adyen-pe-grant-item__card-content",
   grantID: "adyen-pe-grant-item__grant-id",
+  mainActionBtn: "adyen-pe-grant-item__main-action-button",
   progressBar: "adyen-pe-grant-item__progress-bar",
   statusContainer: "adyen-pe-grant-item__status-container",
   textSecondary: "adyen-pe-grant-item__text--secondary"
 };
 export {
-  e as GRANT_ITEM_CLASS_NAMES
+  t as GRANT_ITEM_CLASS_NAMES
 };

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

@@ -1,5 +1,5 @@
 import { TagVariant as n } from "../../../../internal/Tag/types.js";
-const u = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", o = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, d = ({ status: e, missingActions: t }) => {
+const u = (e) => e === "Active", c = (e) => e === "Repaid", r = (e) => e === "Active" ? "capital.remaining" : "capital.requestedFunds", d = (e) => e.status === "Active" ? e.remainingTotalAmount : e.grantAmount, o = ({ status: e, missingActions: t }) => {
   switch (e) {
     case "Active":
       return;
@@ -31,7 +31,7 @@ const u = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Ac
 }, p = (e) => {
   const t = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
   return a.setDate(t.getDate() + e), a;
-}, T = (e) => {
+}, y = (e) => {
   var a, s;
   const t = ((a = e.missingActions) == null ? void 0 : a.some((i) => i.type === "signToS")) || !1;
   switch (e.status) {
@@ -46,25 +46,32 @@ const u = (e) => e === "Active", r = (e) => e === "Repaid", c = (e) => e === "Ac
     default:
       return;
   }
-}, f = (e) => {
+}, T = (e) => {
+  var s;
   const t = e.status === "Active", a = e.status === "Pending";
   return {
-    amount: o(e),
-    amountLabelKey: c(e.status),
+    amount: d(e),
+    amountLabelKey: r(e.status),
     hasAlerts: a,
     hasDetails: u(e.status),
+    hasUnscheduledRepaymentDetails: t && !!((s = e.unscheduledRepaymentAccounts) != null && s.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: c(e.status),
     isGrantIdVisible: !t,
     isLabelColorSecondary: t,
     isProgressBarVisible: t,
     repaymentPeriodEndDate: p(e.repaymentPeriodLeft),
-    statusKey: d(e),
+    statusKey: o(e),
     statusTagVariant: l(e),
-    statusTooltipKey: T(e)
+    statusTooltipKey: y(e)
   };
 };
 export {
-  f as getGrantConfig,
-  T as getStatusTooltipKey
+  T as getGrantConfig,
+  y as getStatusTooltipKey
 };

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

@@ -1,33 +1,34 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css               */
-import { useState as g, useCallback as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { CapitalOffer as k } from "../../../CapitalOffer/components/CapitalOffer/CapitalOffer.js";
-import { GrantsDisplay as S } from "./GrantsDisplay.js";
-import { Fragment as O } from "../../../../../external/preact/dist/preact.module.js";
-const L = ({
-  externalDynamicOffersConfig: n,
-  grantList: i,
-  newOfferAvailable: c,
-  onFundsRequest: s,
+import { useState as k, useCallback as t } from "../../../../../external/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 h } from "../../../../../external/preact/dist/preact.module.js";
+const V = ({
+  externalDynamicOffersConfig: l,
+  grantList: p,
+  newOfferAvailable: m,
+  onFundsRequest: e,
+  onGrantListUpdateRequest: i,
   onOfferDismiss: o
 }) => {
-  const [f, e] = g(!1), a = t(() => e(!1), []), p = t(() => e(!0), []), l = t(() => {
-    o ? o(a) : a();
-  }, [a, o]), m = t(
-    (u) => {
-      s(u), e(!1);
+  const [c, s] = k(!1), r = t(() => s(!1), []), n = t(() => s(!0), []), u = t(() => {
+    o ? o(r) : r();
+  }, [r, o]), g = t(
+    (f) => {
+      e ? e(f) : (i(f), s(!1));
     },
-    [s]
+    [e, i]
   );
-  return /* @__PURE__ */ r(O, { children: f ? /* @__PURE__ */ r(
-    k,
+  return /* @__PURE__ */ a(h, { children: c ? /* @__PURE__ */ a(
+    C,
     {
-      externalDynamicOffersConfig: n,
-      onFundsRequest: m,
-      onOfferDismiss: l
+      externalDynamicOffersConfig: l,
+      onFundsRequest: g,
+      onOfferDismiss: u
     }
-  ) : /* @__PURE__ */ r(S, { grantList: i, newOfferAvailable: c, onNewOfferRequest: p }) });
+  ) : /* @__PURE__ */ a(b, { grantList: p, newOfferAvailable: m, onNewOfferRequest: n }) });
 };
 export {
-  L as GrantList
+  V as GrantList
 };

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

@@ -1,37 +1,50 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { BaseList as h } from "../../../../internal/BaseList/BaseList.js";
-import { GrantItem as v } from "../GrantItem/GrantItem.js";
-import b from "../../../../../core/Context/useCoreContext.js";
-import { useMemo as o } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import g from "../../../../internal/Button/Button.js";
-import { ButtonVariant as y } from "../../../../internal/Button/types.js";
-import N from "../../../../internal/Tabs/Tabs.js";
-import { CapitalHeader as G } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-const l = ({ grants: t }) => /* @__PURE__ */ e(h, { classNames: "adyen-pe-grant-list__items", children: t.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(v, { grant: a }) }, a.id)) }), D = ({ grantList: t, hideTitle: a, newOfferAvailable: c, onNewOfferRequest: d }) => {
-  const { i18n: u } = b(), [n, r] = o(() => {
-    const i = [], p = [];
-    return t == null || t.forEach((s) => {
-      s.status === "Active" || s.status === "Pending" ? i.push(s) : p.push(s);
-    }), [i, p];
-  }, [t]), m = o(() => t.length > 1 && n.length && r.length ? "Tabs" : "SingleGrant", [n.length, t.length, r.length]), f = o(() => c && !n.some((i) => i.status === "Pending"), [n, c]);
+import { BaseList as w } from "../../../../internal/BaseList/BaseList.js";
+import { GrantItem as S } from "../GrantItem/GrantItem.js";
+import { getGrantConfig as _ } from "../GrantItem/utils.js";
+import { GRANT_ADJUSTMENT_DETAILS as C } from "../GrantAdjustmentDetails/constants.js";
+import { GrantRepaymentDetails as A } from "../GrantRepaymentDetails/GrantRepaymentDetails.js";
+import R from "../../../../../core/Context/useCoreContext.js";
+import { useState as D, useMemo as l, useCallback as G } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import B from "../../../../internal/Button/Button.js";
+import { ButtonVariant as E } from "../../../../internal/Button/types.js";
+import k from "../../../../internal/Tabs/Tabs.js";
+import { CapitalHeader as x } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+const u = ({ grants: t, showDetails: c }) => /* @__PURE__ */ e(w, { classNames: "adyen-pe-grant-list__items", children: t.map((s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(S, { grant: s, showDetails: c.bind(null, s) }) }, s.id)) }), Y = ({ grantList: t, hideTitle: c, newOfferAvailable: s, onNewOfferRequest: b }) => {
+  const [v, h] = D(), [n, y] = D(), { i18n: g } = R(), [i, m] = l(() => {
+    const a = [], r = [];
+    return t == null || t.forEach((o) => {
+      o.status === "Active" || o.status === "Pending" ? a.push(o) : r.push(o);
+    }), [a, r];
+  }, [t]), f = l(() => t.length > 1 && i.length && m.length ? "Tabs" : "SingleGrant", [i.length, t.length, m.length]), N = l(() => s && !i.some((a) => a.status === "Pending"), [i, s]), d = l(() => n && _(n), [n]), T = G(() => h(void 0), []), p = G((a, r) => {
+    h(r), y(a);
+  }, []);
+  if (n)
+    switch (v) {
+      case C.unscheduledRepayment: {
+        if (d != null && d.hasUnscheduledRepaymentDetails)
+          return /* @__PURE__ */ e(A, { grant: n, onDetailsClose: T });
+        break;
+      }
+    }
   return /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-grant-list__header-container", children: [
-      /* @__PURE__ */ e(G, { hideTitle: a, titleKey: "capital.businessFinancing" }),
-      f ? /* @__PURE__ */ e(g, { onClick: d, className: "adyen-pe-grant-list__offer-button", variant: y.SECONDARY, children: u.get("capital.seeNewOffer") }) : null
+      /* @__PURE__ */ e(x, { hideTitle: c, titleKey: "capital.businessFinancing" }),
+      N ? /* @__PURE__ */ e(B, { onClick: b, className: "adyen-pe-grant-list__offer-button", variant: E.SECONDARY, children: g.get("capital.seeNewOffer") }) : null
     ] }),
-    m === "SingleGrant" && /* @__PURE__ */ e(l, { grants: t }),
-    m === "Tabs" && /* @__PURE__ */ e(
-      N,
+    f === "SingleGrant" && /* @__PURE__ */ e(u, { grants: t, showDetails: p }),
+    f === "Tabs" && /* @__PURE__ */ e(
+      k,
       {
         tabs: [
           {
             label: "capital.inProgress",
-            content: /* @__PURE__ */ e(l, { grants: n }),
+            content: /* @__PURE__ */ e(u, { grants: i, showDetails: p }),
             id: "active"
           },
           {
             label: "capital.closed",
-            content: /* @__PURE__ */ e(l, { grants: r }),
+            content: /* @__PURE__ */ e(u, { grants: m, showDetails: p }),
             id: "inactive"
           }
         ],
@@ -41,5 +54,5 @@ const l = ({ grants: t }) => /* @__PURE__ */ e(h, { classNames: "adyen-pe-grant-
   ] });
 };
 export {
-  D as GrantsDisplay
+  Y as GrantsDisplay
 };

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

@@ -0,0 +1,54 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../../../../core/Context/useCoreContext.js";
+import o from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as m, TypographyVariant as c } from "../../../../internal/Typography/types.js";
+import { AccountDetails as A } from "../AccountDetails/AccountDetails.js";
+import { GrantAdjustmentDetails as f } from "../GrantAdjustmentDetails/GrantAdjustmentDetails.js";
+/* empty css                           */
+import h from "../../../../internal/InfoBox/InfoBox.js";
+import { Translation as N } from "../../../../internal/Translation/Translation.js";
+const t = "adyen-pe-grant-repayment-details", i = {
+  balanceInfo: `${t}__balance-info`,
+  repaymentInfo: `${t}__repayment-info`,
+  repaymentAccount: `${t}__repayment-account`,
+  repaymentNotice: `${t}__repayment-notice`
+}, C = ({ grant: n, onDetailsClose: p }) => {
+  const { i18n: a } = d(), l = s(() => {
+    var r;
+    return (r = n.unscheduledRepaymentAccounts) == null ? void 0 : r[0];
+  }, [n.unscheduledRepaymentAccounts]), u = s(() => {
+    const { currency: r, value: y } = n.remainingTotalAmount;
+    return a.amount(y, r);
+  }, [a, n.remainingTotalAmount]);
+  return l ? /* @__PURE__ */ e(
+    f,
+    {
+      className: t,
+      onDetailsClose: p,
+      headerTitleKey: "capital.sendRepayment",
+      headerSubtitleKey: "capital.sendRepaymentSubtitle",
+      children: [
+        /* @__PURE__ */ e("div", { className: i.repaymentInfo, children: [
+          /* @__PURE__ */ e("section", { className: i.repaymentAccount, children: [
+            /* @__PURE__ */ e(o, { el: m.SPAN, variant: c.BODY, stronger: !0, children: a.get("capital.bankAccountDetails") }),
+            /* @__PURE__ */ e(A, { bankAccount: l })
+          ] }),
+          /* @__PURE__ */ e("section", { className: i.repaymentNotice, children: /* @__PURE__ */ e(o, { el: m.PARAGRAPH, variant: c.CAPTION, children: a.get("capital.sendRepaymentNotice") }) })
+        ] }),
+        /* @__PURE__ */ e(h, { className: i.balanceInfo, children: /* @__PURE__ */ e(o, { variant: c.BODY, children: /* @__PURE__ */ e(
+          N,
+          {
+            translationKey: "capital.repaymentBalanceInfo",
+            fills: {
+              amount: /* @__PURE__ */ e(o, { el: m.SPAN, variant: c.BODY, strongest: !0, children: u })
+            }
+          }
+        ) }) })
+      ]
+    }
+  ) : null;
+};
+export {
+  C as GrantRepaymentDetails
+};