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

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

@@ -1,158 +1,50 @@
-import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as h, useState as k, useCallback as L } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/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";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as g } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useFetch as d } from "../../../../../hooks/useFetch.js";
+import { GrantActionsEmbedded as f } from "../GrantActionsEmbedded/GrantActionsEmbedded.js";
+import { GrantActionsHosted as u } from "../GrantActionsHosted/GrantActionsHosted.js";
+import { AlertTypeOption as A } from "../../../../internal/Alert/types.js";
+import { Alert as y } from "../../../../internal/Alert/Alert.js";
 /* empty css                  */
-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 Y } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
-const st = ({
-  missingActions: r = [],
-  offerExpiresAt: m,
-  className: d
+import { useMissingActionsPolling as C } from "./hooks/useMissingActionsPolling.js";
+import { useConfigContext as k } from "../../../../../core/ConfigContext/preact/context.js";
+import { EMPTY_OBJECT as S } from "../../../../../utils/value/constants.js";
+const a = {
+  actionsTitleSkeleton: "adyen-pe-grant-actions__actions-title-skeleton",
+  actionsDescriptionSkeleton: "adyen-pe-grant-actions__actions-description-skeleton"
+}, I = ({
+  grantId: l,
+  missingActions: c,
+  offerExpiresAt: e,
+  className: n,
+  onComplete: m
 }) => {
-  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",
-        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",
-        eventLabel: "Submit information for AnaCredit button"
-      }
-    }),
-    [e]
-  ), [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 = T.signToSActionDetails;
-          break;
-        case "AnaCredit":
-          n = T.anaCreditActionDetails;
-          break;
-        default:
-          break;
-      }
-      const c = n, S = {
-        query: { redirectUrl: B(), locale: e.locale }
-      };
-      return c?.(q, S);
+  const { getOnboardingConfiguration: r } = k().endpoints, { missingActions: o, isPollingComplete: s, forcePollingComplete: p } = C({ grantId: l, initialMissingActions: c }), i = d({
+    fetchOptions: {
+      enabled: s && !!o.length,
+      onError: p
     },
-    options: {
-      onSuccess: E,
-      // Reset the loading state when the mutation finishes (success or error)
-      onError: () => {
-        a(null);
-      }
+    queryFn: g(async () => r?.(S), [r])
+  });
+  return o.length ? !s || i.isFetching ? /* @__PURE__ */ t(
+    y,
+    {
+      className: n,
+      type: A.WARNING,
+      title: /* @__PURE__ */ t("div", { className: a.actionsTitleSkeleton }),
+      description: /* @__PURE__ */ t("div", { className: a.actionsDescriptionSkeleton })
     }
-  }), 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 (l.error)
-    return /* @__PURE__ */ o(
-      v,
-      {
-        className: d,
-        type: y.CRITICAL,
-        title: e.get("capital.overview.grants.item.alerts.somethingWentWrong"),
-        description: /* @__PURE__ */ o(b, { className: i.button, onClick: I, children: e.get("common.actions.refresh.labels.default") })
-      }
-    );
-  if (!r.length)
-    return null;
-  if (r.length > 1)
-    return /* @__PURE__ */ o(
-      v,
-      {
-        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: r.map((t) => {
-            const n = A[t.type], c = p === t.type;
-            return /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
-              b,
-              {
-                className: i.button,
-                onClick: () => {
-                  try {
-                    a(t.type), l.mutate(t.type);
-                  } finally {
-                    N(n.eventLabel);
-                  }
-                },
-                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(K, { el: x.SPAN, variant: W.BODY, strongest: !0, children: e.get("capital.overview.grants.item.alerts.offerExpiration", { values: { date: u } }) }) : null
-        ] })
-      }
-    );
-  const g = r[0], s = A[g.type];
-  return /* @__PURE__ */ o(
-    v,
+  ) : i.data ? /* @__PURE__ */ t(
+    f,
     {
-      className: d,
-      type: y.WARNING,
-      title: s.getTitle(u),
-      description: /* @__PURE__ */ o(
-        b,
-        {
-          className: i.button,
-          onClick: () => {
-            try {
-              a(g.type), l.mutate(g.type);
-            } finally {
-              N(s.eventLabel);
-            }
-          },
-          disabled: !!p,
-          state: p ? "loading" : void 0,
-          variant: w.TERTIARY,
-          "aria-label": e.get(s.buttonLabelKey),
-          children: /* @__PURE__ */ o("span", { className: i.buttonLabel, children: e.get(s.buttonLabelKey) })
-        }
-      )
+      className: n,
+      expirationDate: e,
+      legalEntityId: i.data.legalEntityId,
+      missingActions: o,
+      onComplete: m
     }
-  );
+  ) : /* @__PURE__ */ t(u, { missingActions: o, expirationDate: e, className: n }) : null;
 };
 export {
-  st as GrantActions
+  I as GrantActions
 };

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

@@ -0,0 +1,53 @@
+import { useFetch as b } from "../../../../../../hooks/useFetch.js";
+import { useRef as T, useState as x, useCallback as l, useEffect as P } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { usePollingConfig as y } from "./usePollingConfig.js";
+import { useConfigContext as F } from "../../../../../../core/ConfigContext/preact/context.js";
+import { EMPTY_OBJECT as R } from "../../../../../../utils/value/constants.js";
+const Y = ({ grantId: n, initialMissingActions: t }) => {
+  const { getGrants: u } = F().endpoints, {
+    pollingConfig: {
+      missingActions: { initialIntervalMs: i, maxDurationMs: a, backoffMultiplier: m }
+    }
+  } = y(), e = t.length <= 1, s = T(0), o = T(0), [r, c] = x(!e), [E, f] = x(t), { data: p, isFetching: g, refetch: d } = b({
+    fetchOptions: {
+      enabled: !1,
+      onSuccess: l(() => {
+        s.current += 1;
+      }, [])
+    },
+    queryFn: l(async () => u?.(R), [u])
+  });
+  P(() => {
+    s.current = 0, o.current = 0, c(!e), f(t);
+  }, [n, t, e]), P(() => {
+    if (!e || r || g) return;
+    o.current === 0 && (o.current = Date.now());
+    const h = p?.data?.find((D) => D.id === n)?.missingActions ?? t;
+    f(h);
+    const C = i * Math.pow(m, Math.max(0, s.current)), w = Date.now() - o.current + C >= a;
+    if (h.length > 1 || w) {
+      c(!0);
+      return;
+    }
+    const A = setTimeout(() => {
+      d();
+    }, C);
+    return () => clearTimeout(A);
+  }, [
+    p,
+    g,
+    d,
+    n,
+    r,
+    e,
+    t,
+    i,
+    m,
+    a
+  ]);
+  const M = l(() => c(!0), []);
+  return { missingActions: E, isPollingComplete: r, forcePollingComplete: M };
+};
+export {
+  Y as useMissingActionsPolling
+};

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

@@ -0,0 +1,22 @@
+import { useState as s, useCallback as a, useEffect as e } from "../../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import f from "../../../../../../config/capital/pollingConfig.json.js";
+import c from "../../../../../../core/Context/preact/useCoreContext.js";
+const p = () => {
+  const { getCdnConfig: l } = c(), o = f, [i, t] = s(o), n = a(async () => {
+    const g = await l?.({
+      subFolder: "capital",
+      name: "pollingConfig",
+      fallback: o
+    });
+    t(g ?? o);
+  }, [l, o]);
+  return e(() => {
+    n();
+  }, [n]), {
+    pollingConfig: i,
+    getPollingConfig: n
+  };
+};
+export {
+  p as usePollingConfig
+};

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

@@ -0,0 +1,184 @@
+import { jsx as i } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { Fragment as U } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { useRef as w, useCallback as e, useState as v, useMemo as M, useEffect as R } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { Alert as X } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as x } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as G } from "../../../../internal/Button/types.js";
+import { GRANT_ACTION_CONFIGS as Y, sharedCapitalOverviewAnalyticsEventProperties as F } from "../../constants.js";
+import { useActionsAlertTitles as Z } from "../../hooks.js";
+/* empty css                          */
+import $ from "../../../../../core/Context/preact/useCoreContext.js";
+import tt from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
+import { Icon as et } from "../../../../internal/Icon/Icon.js";
+import nt from "../../../../internal/Button/Button.js";
+import ot from "../../../../internal/Modal/Modal.js";
+import { useConfigContext as it } from "../../../../../core/ConfigContext/preact/context.js";
+import { EMPTY_OBJECT as st } from "../../../../../utils/value/constants.js";
+const D = {
+  actionButtonsContainer: "adyen-pe-grant-actions-embedded__action-buttons-container",
+  actionButton: "adyen-pe-grant-actions-embedded__action-button"
+}, rt = 50, b = {
+  ...F,
+  category: "Missing action modal"
+}, Et = ({
+  className: K,
+  expirationDate: P,
+  legalEntityId: y,
+  missingActions: s,
+  onComplete: S
+}) => {
+  const { i18n: r, environment: E } = $(), n = tt(), { getOnboardingConfiguration: T } = it().endpoints, u = w(/* @__PURE__ */ new Set()), p = w(/* @__PURE__ */ new Map()), k = e(async () => ({ token: (await T?.(st))?.token || "" }), [T]), [B, W] = v([]), [c, I] = v(void 0), [l, H] = v([]), d = M(() => l.length === s.length, [l.length, s.length]);
+  R(() => {
+    d && S();
+  }, [d, S]), R(() => {
+    const t = p.current;
+    return () => {
+      t.forEach((o) => clearTimeout(o)), t.clear();
+    };
+  }, []);
+  const L = e(
+    async (t) => {
+      if (!B.includes(t)) {
+        switch (t) {
+          case "AnaCredit":
+            await import("../../../../../external/.pnpm/@adyen_kyc-components@4.0.0-compact.9_react@19.2.0_typescript@5.8.3/node_modules/@adyen/kyc-components/dist/adyen-business-financing.js");
+            break;
+          case "signToS":
+            await import("../../../../../external/.pnpm/@adyen_kyc-components@4.0.0-compact.9_react@19.2.0_typescript@5.8.3/node_modules/@adyen/kyc-components/dist/adyen-terms-of-service-management.js");
+            break;
+        }
+        W((o) => [...o, t]);
+      }
+    },
+    [B]
+  ), N = e(
+    async (t) => {
+      await L(t), I(t), n.addEvent?.("Clicked button", {
+        ...F,
+        subCategory: "Missing action",
+        label: Y[t].eventLabel
+      });
+    },
+    [L, n]
+  ), O = e(
+    (t) => s.find((a) => !l.includes(a.type))?.type === t ? G.PRIMARY : G.SECONDARY,
+    [l, s]
+  ), A = e(
+    (t) => {
+      const o = l.includes(t), a = Y[t];
+      return /* @__PURE__ */ i(
+        nt,
+        {
+          className: D.actionButton,
+          onClick: () => N(t),
+          variant: O(t),
+          "aria-label": r.get(a.buttonLabelKey),
+          iconLeft: o ? /* @__PURE__ */ i(et, { name: "checkmark-circle-fill" }) : void 0,
+          children: o ? r.get(a.successButtonLabelKey) : r.get(a.buttonLabelKey)
+        }
+      );
+    },
+    [l, O, N, r]
+  ), C = Z(P), h = e(
+    (t) => d ? r.get("capital.overview.grants.item.alerts.actionsCompleted") : t,
+    [d, r]
+  ), _ = M(() => {
+    if (s.length > 1)
+      return {
+        title: h(C.multiple),
+        description: /* @__PURE__ */ i("div", { className: D.actionButtonsContainer, children: s.map((t) => /* @__PURE__ */ i(U, { children: A(t.type) }, t.type)) })
+      };
+    {
+      const t = s[0].type;
+      return {
+        title: h(C.single),
+        description: A(t)
+      };
+    }
+  }, [C.multiple, C.single, s, h, A]), m = e(() => {
+    I(void 0);
+  }, []), f = e(() => {
+    c && H((t) => t.includes(c) ? t : [...t, c]), m();
+  }, [c, m]), g = e(
+    (t, o) => {
+      m();
+      const a = p.current.get(t);
+      a !== void 0 && clearTimeout(a);
+      const Q = setTimeout(() => {
+        u.current.has(t) || n.addEvent?.("Clicked button", {
+          ...b,
+          ...o
+        }), u.current.delete(t), p.current.delete(t);
+      }, rt);
+      p.current.set(t, Q);
+    },
+    [m, n]
+  ), V = e(() => {
+    g("AnaCredit", {
+      subCategory: "Information",
+      label: "Dismissed AnaCredit information"
+    });
+  }, [g]), j = e(() => {
+    u.current.add("AnaCredit"), f(), n.addEvent?.("Clicked button", {
+      ...b,
+      subCategory: "Information",
+      label: "Submitted AnaCredit information"
+    });
+  }, [f, n]), q = e(() => {
+    g("signToS", {
+      subCategory: "Terms & conditions",
+      label: "Dismissed terms & conditions"
+    });
+  }, [g]), z = e(() => {
+    n.addEvent?.("Clicked button", {
+      ...b,
+      subCategory: "Terms & conditions",
+      label: "Signed terms & conditions"
+    });
+  }, [n]), J = e(() => {
+    u.current.add("signToS"), f(), n.addEvent?.("Clicked button", {
+      ...b,
+      subCategory: "Terms & conditions",
+      label: "Finished terms & conditions"
+    });
+  }, [f, n]);
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i(
+      X,
+      {
+        className: K,
+        type: d ? x.HIGHLIGHT : x.WARNING,
+        title: _.title,
+        description: _.description
+      }
+    ),
+    /* @__PURE__ */ i(ot, { isOpen: !!c, onClose: m, isDismissible: !1, headerWithBorder: !1, size: "large", children: [
+      c === "AnaCredit" && /* @__PURE__ */ i(
+        "adyen-business-financing",
+        {
+          locale: r.locale,
+          environment: E,
+          fetchToken: k,
+          rootlegalentityid: y,
+          oncomplete: j,
+          onclose: V
+        }
+      ),
+      c === "signToS" && /* @__PURE__ */ i(
+        "adyen-terms-of-service-management",
+        {
+          locale: r.locale,
+          environment: E,
+          fetchToken: k,
+          rootlegalentityid: y,
+          onaccept: z,
+          oncomplete: J,
+          onclose: q
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Et as GrantActionsEmbedded
+};

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

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

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

@@ -3,7 +3,7 @@ import n from "classnames";
 /* empty css                            */
 import a from "../../../../internal/Button/Button.js";
 import { ButtonVariant as c } from "../../../../internal/Button/types.js";
-import l from "../../../../../core/Context/useCoreContext.js";
+import l from "../../../../../core/Context/preact/useCoreContext.js";
 import { Icon as d } from "../../../../internal/Icon/Icon.js";
 import { Header as p } from "../../../../internal/Header/Header.js";
 const C = ({

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

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