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

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

@@ -1,43 +1,42 @@
 import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import R from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as N, TypographyElement as P } from "../../../../internal/Typography/types.js";
-import _ from "../../../../internal/Button/Button.js";
-import { ButtonVariant as k } from "../../../../internal/Button/types.js";
-import C from "../../../../../core/Context/useCoreContext.js";
-import Y from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import { useDurationEvent as q } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
-import { useMemo as m, useState as L, useCallback as s, useEffect as F } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import D from "../../../../../hooks/useMutation/useMutation.js";
+import E from "../../../../internal/Button/Button.js";
+import { ButtonVariant as _ } from "../../../../internal/Button/types.js";
+import { useMemo as m, useState as k, useCallback as c, useEffect as Y } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import L from "../../../../../hooks/useMutation/useMutation.js";
 /* empty css                           */
-import { sharedCapitalOfferAnalyticsEventProperties as j } from "../CapitalOffer/constants.js";
-import { getExpectedRepaymentDate as G, getPercentage as H } from "../utils/utils.js";
-import { CapitalErrorMessageDisplay as Q } from "../utils/CapitalErrorMessageDisplay.js";
-import { calculateSliderAdjustedMidValue as U } from "../../../../internal/Slider/Slider.js";
-import { CAPITAL_REPAYMENT_FREQUENCY as $ } from "../../../../constants.js";
-import { debounce as z } from "../../../../utils/utils.js";
-import { Fragment as J } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import K from "../../../../internal/CapitalSlider/CapitalSlider.js";
-import W from "../../../../internal/InfoBox/InfoBox.js";
-import X from "../../../../internal/StructuredList/StructuredList.js";
-import { useConfigContext as Z } from "../../../../../core/ConfigContext/context.js";
-const S = {
-  ...j,
+import { sharedCapitalOfferAnalyticsEventProperties as q } from "../CapitalOffer/constants.js";
+import { getExpectedRepaymentDate as F, getPercentage as j } from "../utils/utils.js";
+import { CapitalErrorMessageDisplay as G } from "../utils/CapitalErrorMessageDisplay.js";
+import { calculateSliderAdjustedMidValue as H } from "../../../../internal/Slider/Slider.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as Q } from "../../../../constants.js";
+import { debounce as U } from "../../../../utils/utils.js";
+import C from "../../../../../core/Context/preact/useCoreContext.js";
+import $ from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
+import { Fragment as z } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import J from "../../../../internal/CapitalSlider/CapitalSlider.js";
+import K from "../../../../internal/InfoBox/InfoBox.js";
+import W from "../../../../internal/StructuredList/StructuredList.js";
+import { useConfigContext as X } from "../../../../../core/ConfigContext/preact/context.js";
+const D = {
+  ...q,
   subCategory: "Business financing offer"
-}, O = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-container", children: [...Array(4)].map((e, n) => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-skeleton" }, n)) }), ee = ({ data: e }) => {
-  const { i18n: n } = C(), c = m(() => {
-    const r = e.expectedRepaymentPeriodDays && G(e.expectedRepaymentPeriodDays);
+}, Z = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-container", children: [...Array(4)].map((e, n) => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-skeleton" }, n)) }), O = ({ data: e }) => {
+  const { i18n: n } = C(), u = m(() => {
+    const r = e.expectedRepaymentPeriodDays && F(e.expectedRepaymentPeriodDays);
     return r ? n.date(r, { month: "long" }) : null;
   }, [e, n]);
   return /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__information", children: [
-    /* @__PURE__ */ t(R, { el: P.SPAN, variant: N.BODY, wide: !0, children: c && n.get("capital.offer.common.repaymentInfo", {
+    /* @__PURE__ */ t(R, { el: P.SPAN, variant: N.BODY, wide: !0, children: u && n.get("capital.offer.common.repaymentInfo", {
       values: {
         amount: n.amount(e.thresholdAmount.value, e.thresholdAmount.currency),
-        days: $,
-        date: c
+        days: Q,
+        date: u
       }
     }) }),
     /* @__PURE__ */ t(
-      X,
+      W,
       {
         renderValue: (r) => /* @__PURE__ */ t(R, { el: P.SPAN, stronger: !0, variant: N.CAPTION, children: r }),
         renderLabel: (r) => /* @__PURE__ */ t(R, { el: P.SPAN, variant: N.CAPTION, children: r }),
@@ -46,7 +45,7 @@ const S = {
           {
             key: "capital.common.fields.dailyRepaymentRate",
             value: `${n.get("capital.common.values.percentage", {
-              values: { percentage: H(e.repaymentRate) }
+              values: { percentage: j(e.repaymentRate) }
             })}`
           },
           {
@@ -57,73 +56,73 @@ const S = {
       }
     )
   ] });
-}, Se = ({
+}, Ne = ({
   dynamicOffersConfig: e,
   dynamicOffersConfigError: n,
-  emptyGrantOffer: c,
+  emptyGrantOffer: u,
   onContactSupport: r,
   onOfferDismiss: f,
   onOfferSelect: T,
   requestedAmount: v
 }) => {
-  const { i18n: g } = C(), d = Y(), h = m(() => {
+  const { i18n: g } = C(), d = $(), h = m(() => {
     if (e)
-      return U(
+      return H(
         e.minAmount.value,
         e.maxAmount.value,
         e.step
       );
-  }, [e]), [l, b] = L(void 0), u = m(() => e?.minAmount.currency, [e?.minAmount.currency]), { createGrantOffer: B, getDynamicGrantOffer: I } = Z().endpoints, a = D({
+  }, [e]), [l, S] = k(void 0), s = m(() => e?.minAmount.currency, [e?.minAmount.currency]), { createGrantOffer: B, getDynamicGrantOffer: I } = X().endpoints, a = L({
     queryFn: I,
     options: {
       retry: 1,
-      shouldRetry: s((o) => o.status === 500, []),
-      onSettled: s(() => {
-        E(!1);
+      shouldRetry: c((o) => o.status === 500, []),
+      onSettled: c(() => {
+        b(!1);
       }, [])
     }
-  }), i = D({
+  }), i = L({
     queryFn: B,
     options: {
       onSuccess: (o) => T(o)
     }
-  }), M = s(() => {
+  }), M = c(() => {
     try {
       i.mutate({
         body: {
           amount: a.data?.grantAmount.value || l,
-          currency: a.data?.grantAmount.currency || u
+          currency: a.data?.grantAmount.currency || s
         },
         contentType: "application/json"
       });
     } finally {
-      d.addEvent?.("Clicked button", { ...S, label: "Review offer" });
+      d.addEvent?.("Clicked button", { ...D, label: "Review offer" });
     }
-  }, [u, a.data, l, i, d]), p = s(
-    (o) => a.mutate({}, { query: { amount: o, currency: u } }),
-    [u, a]
-  ), [A, E] = L(!1), y = m(() => z(p, 300), [p]), V = s(
+  }, [s, a.data, l, i, d]), p = c(
+    (o) => a.mutate({}, { query: { amount: o, currency: s } }),
+    [s, a]
+  ), [A, b] = k(!1), y = m(() => U(p, 300), [p]), V = c(
     (o) => {
-      y.cancel(), E(!0), b(o);
+      y.cancel(), b(!0), S(o);
     },
     [y]
-  ), w = s(
+  ), w = c(
     (o) => {
       try {
         return y(o);
       } finally {
         d.addEvent?.("Changed capital offer slider", {
-          ...S,
+          ...D,
           label: "Slider changed",
-          currency: u,
+          currency: s,
           value: o
         });
       }
     },
-    [y, d]
+    [y, d, s]
   );
-  F(() => {
-    e && !a.data && !l && (b(
+  Y(() => {
+    e && !a.data && !l && (S(
       (o) => o || (v ? Number(v) : h || e.minAmount.value)
     ), p(l || h || e.minAmount.value));
   }, [e, a.data, p, h, v, l]);
@@ -131,17 +130,17 @@ const S = {
     () => i.isLoading || a.isLoading || A,
     [a.isLoading, A, i.isLoading]
   );
-  return q(S), /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection", children: i.error || a.error || c || n ? /* @__PURE__ */ t(
-    Q,
+  return /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection", children: i.error || a.error || u || n ? /* @__PURE__ */ t(
+    G,
     {
       error: i.error || a.error || n,
       onBack: f,
       onContactSupport: r,
-      emptyGrantOffer: c
+      emptyGrantOffer: u
     }
-  ) : /* @__PURE__ */ t(J, { children: [
+  ) : /* @__PURE__ */ t(z, { children: [
     e && /* @__PURE__ */ t(
-      K,
+      J,
       {
         value: l,
         dynamicOffersConfig: e,
@@ -149,13 +148,13 @@ const S = {
         onRelease: w
       }
     ),
-    /* @__PURE__ */ t(W, { className: "adyen-pe-capital-offer-selection__details", children: !a.data || a.isLoading || A ? /* @__PURE__ */ t(O, {}) : a.data ? /* @__PURE__ */ t(ee, { data: a.data }) : null }),
+    /* @__PURE__ */ t(K, { className: "adyen-pe-capital-offer-selection__details", children: !a.data || a.isLoading || A ? /* @__PURE__ */ t(Z, {}) : a.data ? /* @__PURE__ */ t(O, { data: a.data }) : null }),
     /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__buttons", children: [
-      f && /* @__PURE__ */ t(_, { variant: k.SECONDARY, onClick: f, children: g.get("capital.common.actions.goBack") }),
+      f && /* @__PURE__ */ t(E, { variant: _.SECONDARY, onClick: f, children: g.get("capital.common.actions.goBack") }),
       /* @__PURE__ */ t(
-        _,
+        E,
         {
-          variant: k.PRIMARY,
+          variant: _.PRIMARY,
           state: x ? "loading" : void 0,
           onClick: M,
           disabled: i.isLoading || !e?.minAmount,
@@ -169,5 +168,5 @@ const S = {
   ] }) });
 };
 export {
-  Se as CapitalOfferSelection
+  Ne as CapitalOfferSelection
 };

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

@@ -1,69 +1,68 @@
 import { jsx as a } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import I from "../../../../../core/Context/useCoreContext.js";
 import { useMemo as p, useCallback as y } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { getExpectedRepaymentDate as q, calculateMaximumRepaymentPeriodInMonths as D, getPercentage as R } from "../utils/utils.js";
+import { getExpectedRepaymentDate as E, calculateMaximumRepaymentPeriodInMonths as q, getPercentage as P } from "../utils/utils.js";
 import i from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as m, TypographyElement as s } from "../../../../internal/Typography/types.js";
 /* empty css                         */
 import f from "../../../../internal/Button/Button.js";
-import { ButtonVariant as C } from "../../../../internal/Button/types.js";
+import { ButtonVariant as R } from "../../../../internal/Button/types.js";
 import M from "../../../../../hooks/useMutation/useMutation.js";
-import B from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import { useDurationEvent as F } from "../../../../../hooks/useAnalytics/useDurationEvent.js";
-import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
-import { AlertTypeOption as L } from "../../../../internal/Alert/types.js";
-import { Alert as S } from "../../../../internal/Alert/Alert.js";
-import { CapitalErrorMessageDisplay as W } from "../utils/CapitalErrorMessageDisplay.js";
-import Y from "classnames";
-import { sharedCapitalOfferAnalyticsEventProperties as w } from "../CapitalOffer/constants.js";
-import { CAPITAL_REPAYMENT_FREQUENCY as _ } from "../../../../constants.js";
-import { CapitalOfferLegalNotice as V } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
-import G from "../../../../internal/InfoBox/InfoBox.js";
-import { Translation as H } from "../../../../internal/Translation/Translation.js";
-import U from "../../../../internal/StructuredList/StructuredList.js";
-import { Icon as j } from "../../../../internal/Icon/Icon.js";
-import { useConfigContext as J } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as K } from "../../../../../utils/value/constants.js";
-const Q = ["30_013"], h = {
-  ...w,
+import { Tooltip as C } from "../../../../internal/Tooltip/Tooltip.js";
+import { AlertTypeOption as B } from "../../../../internal/Alert/types.js";
+import { Alert as D } from "../../../../internal/Alert/Alert.js";
+import { CapitalErrorMessageDisplay as F } from "../utils/CapitalErrorMessageDisplay.js";
+import L from "classnames";
+import { sharedCapitalOfferAnalyticsEventProperties as S } from "../CapitalOffer/constants.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as N } from "../../../../constants.js";
+import { CapitalOfferLegalNotice as W } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
+import Y from "../../../../../core/Context/preact/useCoreContext.js";
+import w from "../../../../../core/Context/analytics/preact/useAnalyticsContext.js";
+import V from "../../../../internal/InfoBox/InfoBox.js";
+import { Translation as G } from "../../../../internal/Translation/Translation.js";
+import H from "../../../../internal/StructuredList/StructuredList.js";
+import { Icon as U } from "../../../../internal/Icon/Icon.js";
+import { useConfigContext as j } from "../../../../../core/ConfigContext/preact/context.js";
+import { EMPTY_OBJECT as J } from "../../../../../utils/value/constants.js";
+const K = ["30_013"], _ = {
+  ...S,
   subCategory: "Business financing summary"
-}, Re = ({
+}, ge = ({
   grantOffer: t,
-  onBack: v,
+  onBack: h,
   onFundsRequest: b,
   onContactSupport: d
 }) => {
-  const { i18n: e } = I(), l = B(), T = p(() => {
-    const o = q(t.expectedRepaymentPeriodDays);
+  const { i18n: e } = Y(), l = w(), T = p(() => {
+    const o = E(t.expectedRepaymentPeriodDays);
     return o ? e.date(o, { month: "long" }) : null;
-  }, [t, e]), { requestFunds: k } = J().endpoints, r = M({
+  }, [t, e]), { requestFunds: k } = j().endpoints, r = M({
     queryFn: k,
     options: {
       onSuccess: (o) => b?.(o)
     }
-  }), A = y(
+  }), v = y(
     (o) => {
-      r.mutate(K, { path: { grantOfferId: o } });
+      r.mutate(J, { path: { grantOfferId: o } });
     },
     [r]
   ), x = y(() => {
     try {
-      t.id && A(t.id);
+      t.id && v(t.id);
     } finally {
-      l.addEvent?.("Clicked button", { ...h, label: "Request funds" });
+      l.addEvent?.("Clicked button", { ..._, label: "Request funds" });
     }
-  }, [t.id, A, l]), g = y(() => {
+  }, [t.id, v, l]), A = y(() => {
     try {
-      return v();
+      return h();
     } finally {
-      l.addEvent?.("Clicked button", { ...h, label: "Back to slider view" });
+      l.addEvent?.("Clicked button", { ..._, label: "Back to slider view" });
     }
-  }, [v, l]), c = p(
-    () => D(t.maximumRepaymentPeriodDays),
+  }, [h, l]), c = p(
+    () => q(t.maximumRepaymentPeriodDays),
     [t.maximumRepaymentPeriodDays]
   ), n = p(() => {
     const o = r.error ? r.error : null;
-    if (o && Q.includes(o.errorCode))
+    if (o && K.includes(o.errorCode))
       switch (o.errorCode) {
         case "30_013":
           return {
@@ -78,7 +77,7 @@ const Q = ["30_013"], h = {
           };
       }
     return null;
-  }, [e, r.error]), E = p(() => {
+  }, [e, r.error]), I = p(() => {
     const o = [
       {
         key: "capital.common.fields.fees",
@@ -94,7 +93,7 @@ const Q = ["30_013"], h = {
       },
       {
         key: "capital.common.fields.dailyRepaymentRate",
-        value: e.get("capital.common.values.percentage", { values: { percentage: R(t.repaymentRate) } })
+        value: e.get("capital.common.values.percentage", { values: { percentage: P(t.repaymentRate) } })
       },
       {
         key: "capital.common.fields.expectedRepaymentPeriod",
@@ -107,13 +106,13 @@ const Q = ["30_013"], h = {
       value: c === 1 ? e.get("capital.common.values.oneMonth") : e.get("capital.common.values.numberOfMonths", { values: { months: c } })
     }), t.aprBasisPoints && o.splice(1, 0, {
       key: "capital.common.fields.annualPercentageRate",
-      value: e.get("capital.common.values.percentage", { values: { percentage: R(t.aprBasisPoints) } })
+      value: e.get("capital.common.values.percentage", { values: { percentage: P(t.aprBasisPoints) } })
     }), o;
   }, [t, e, c]);
-  return F(h), !n && r.error ? /* @__PURE__ */ a(W, { error: r.error, onBack: g, onContactSupport: d }) : /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary", children: [
-    /* @__PURE__ */ a(G, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
+  return !n && r.error ? /* @__PURE__ */ a(F, { error: r.error, onBack: A, onContactSupport: d }) : /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary", children: [
+    /* @__PURE__ */ a(V, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
       /* @__PURE__ */ a(i, { el: s.PARAGRAPH, variant: m.BODY, children: /* @__PURE__ */ a(
-        H,
+        G,
         {
           translationKey: "capital.offer.common.fundingRequestInfo",
           fills: {
@@ -124,21 +123,21 @@ const Q = ["30_013"], h = {
       /* @__PURE__ */ a(i, { el: s.PARAGRAPH, variant: m.CAPTION, children: e.get("capital.offer.common.repaymentInfo", {
         values: {
           amount: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency),
-          days: _,
+          days: N,
           date: T ?? ""
         }
       }) })
     ] }),
     /* @__PURE__ */ a(
-      U,
+      H,
       {
         classNames: "adyen-pe-capital-offer-summary__details",
         renderLabel: (o, u) => u === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ a(
-          N,
+          C,
           {
             isUnderlineVisible: !0,
             content: e.get("capital.common.fields.repaymentThreshold.description", {
-              values: { days: _ }
+              values: { days: N }
             }),
             children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
               i,
@@ -150,7 +149,7 @@ const Q = ["30_013"], h = {
               }
             ) })
           }
-        ) : u === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ a(N, { isUnderlineVisible: !0, content: e.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
+        ) : u === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ a(C, { isUnderlineVisible: !0, content: e.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
           i,
           {
             className: "adyen-pe-capital-offer-summary__list-label",
@@ -168,43 +167,43 @@ const Q = ["30_013"], h = {
           }
         ),
         renderValue: (o, u) => {
-          const P = u === "capital.common.fields.account" && r.error && n && n.errorCode === "30_013";
+          const g = u === "capital.common.fields.account" && r.error && n && n.errorCode === "30_013";
           return /* @__PURE__ */ a(
             i,
             {
-              className: Y({
-                "adyen-pe-capital-offer-summary__details--error": P
+              className: L({
+                "adyen-pe-capital-offer-summary__details--error": g
               }),
               el: s.SPAN,
               variant: m.CAPTION,
               stronger: !0,
               children: [
-                P ? /* @__PURE__ */ a(j, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
+                g ? /* @__PURE__ */ a(U, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
                 o
               ]
             }
           );
         },
-        items: E
+        items: I
       }
     ),
     n && /* @__PURE__ */ a(
-      S,
+      D,
       {
         className: "adyen-pe-capital-offer-summary__error-alert",
-        type: L.WARNING,
+        type: B.WARNING,
         title: n.title,
         description: n.message,
         children: d ? /* @__PURE__ */ a(f, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: d, children: e.get("capital.common.actions.contactSupport") }) : null
       }
     ),
-    /* @__PURE__ */ a(V, {}),
+    /* @__PURE__ */ a(W, {}),
     /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
-      r.error && !n ? null : /* @__PURE__ */ a(f, { variant: C.SECONDARY, onClick: g, children: e.get("capital.common.actions.goBack") }),
+      r.error && !n ? null : /* @__PURE__ */ a(f, { variant: R.SECONDARY, onClick: A, children: e.get("capital.common.actions.goBack") }),
       /* @__PURE__ */ a(
         f,
         {
-          variant: C.PRIMARY,
+          variant: R.PRIMARY,
           state: r.isLoading ? "loading" : void 0,
           onClick: x,
           disabled: r.isLoading || !!r.error || !!r.data,
@@ -218,5 +217,5 @@ const Q = ["30_013"], h = {
   ] });
 };
 export {
-  Re as CapitalOfferSummary
+  ge as CapitalOfferSummary
 };

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

@@ -5,8 +5,8 @@ import { ErrorMessageDisplay as u } from "../../../../internal/ErrorMessageDispl
 import { useCallback as E, useMemo as c } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import g from "../../../../internal/Button/Button.js";
 import { ButtonVariant as C } from "../../../../internal/Button/types.js";
-import R from "../../../../../core/Context/useCoreContext.js";
 import { ErrorTypes as s } from "../../../../../core/Http/utils.js";
+import R from "../../../../../core/Context/preact/useCoreContext.js";
 import { Fragment as d } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const w = ({
   emptyGrantOffer: t,

package/dist/es/components/external/CapitalOverview/components/AccountDetails/AccountDetail.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import y from "../../../../internal/CopyText/CopyText.js";
-import T from "../../../../../core/Context/useCoreContext.js";
 import i from "../../../../internal/Typography/Typography.js";
 import { TypographyVariant as o, TypographyElement as p } from "../../../../internal/Typography/types.js";
-import h from "classnames";
+import T from "classnames";
+import h from "../../../../../core/Context/preact/useCoreContext.js";
 const v = ({
   className: n,
   content: r,
@@ -14,10 +14,10 @@ const v = ({
   label: m,
   labelClassName: d
 }) => {
-  const { i18n: s } = T();
+  const { i18n: s } = h();
   return /* @__PURE__ */ e("div", { className: n, children: [
     /* @__PURE__ */ e("dt", { className: d, children: /* @__PURE__ */ e(i, { el: p.SPAN, variant: o.CAPTION, children: s.get(m) }) }),
-    /* @__PURE__ */ e("dd", { className: h(l, { "adyen-pe-capital-account-details__detail-content--primary": t }), children: a ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e("dd", { className: T(l, { "adyen-pe-capital-account-details__detail-content--primary": t }), children: a ? /* @__PURE__ */ e(
       y,
       {
         copyButtonAriaLabelKey: c,

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

@@ -1,4 +1,4 @@
-import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useMemo as u, useCallback as d, useState as R } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { isCapitalRegionSupported as b } from "../../../../internal/CapitalHeader/helpers.js";
 import { CapitalErrorMessageDisplay as F } from "../../../CapitalOffer/components/utils/CapitalErrorMessageDisplay.js";
@@ -10,9 +10,9 @@ import { PreQualified as Q } from "../PreQualified/PreQualified.js";
 import { GrantList as S } from "../GrantList/GrantList.js";
 import { ErrorMessageDisplay as U } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
 import { getCapitalErrorMessage as w } from "../../../../utils/capital/getCapitalErrorMessage.js";
-import { useConfigContext as A } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as L } from "../../../../../utils/value/constants.js";
-import { CapitalHeader as O } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+import { useConfigContext as A } from "../../../../../core/ConfigContext/preact/context.js";
+import { CapitalHeader as L } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+import { EMPTY_OBJECT as O } from "../../../../../utils/value/constants.js";
 const Z = ({
   hideTitle: o,
   onContactSupport: p,
@@ -23,11 +23,11 @@ const Z = ({
 }) => {
   const C = A()?.extraConfig?.legalEntity, c = u(() => b(C), [C]), { getGrants: s, getDynamicGrantOffersConfiguration: l } = A().endpoints, t = v({
     fetchOptions: { enabled: !!s && c },
-    queryFn: d(async () => s?.(L), [s])
+    queryFn: d(async () => s?.(O), [s])
   }), n = v({
     fetchOptions: { enabled: !!l && c },
-    queryFn: d(async () => l?.(L), [l])
-  }), e = n.data, [f, y] = R(), a = u(
+    queryFn: d(async () => l?.(O), [l])
+  }), r = n.data, [f, y] = R(), a = u(
     () => f ? [f, ...t.data?.data || []] : t.data?.data,
     [t.data?.data, f]
   ), x = d(
@@ -39,35 +39,35 @@ const Z = ({
     if (c) {
       if (h)
         return "Error";
-      if (!s && !l || !e && !a || t.isFetching || n.isFetching)
+      if (!s && !l || !r && !a || t.isFetching || n.isFetching)
         return "Loading";
       if (a?.length)
         return "GrantList";
-      if (e?.maxAmount && e?.minAmount)
+      if (r?.maxAmount && r?.minAmount)
         return "PreQualified";
     } else return "UnsupportedRegion";
     return "Unqualified";
   }, [
     l,
-    e,
+    r,
     n.isFetching,
     a,
     s,
     t.isFetching,
     h,
     c
-  ]), P = u(() => !!(e && e.minAmount && e.maxAmount), [e]);
-  return /* @__PURE__ */ r("div", { className: i.base, children: (() => {
+  ]), P = u(() => !!(r && r.minAmount && r.maxAmount), [r]);
+  return /* @__PURE__ */ e("div", { className: i.base, children: (() => {
     switch (N) {
       case "Loading":
-        return /* @__PURE__ */ r("div", { className: i.skeletonContainer, children: [
-          /* @__PURE__ */ r("div", { className: i.headerSkeleton }),
-          /* @__PURE__ */ r("div", { className: i.skeleton })
+        return /* @__PURE__ */ e("div", { className: i.skeletonContainer, children: [
+          /* @__PURE__ */ e("div", { className: i.headerSkeleton }),
+          /* @__PURE__ */ e("div", { className: i.skeleton })
         ] });
       case "Error":
-        return /* @__PURE__ */ r("div", { className: i.errorContainer, children: [
-          /* @__PURE__ */ r(O, { hideTitle: o, titleKey: "capital.common.title" }),
-          /* @__PURE__ */ r(
+        return /* @__PURE__ */ e("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ e(L, { hideTitle: o, titleKey: "capital.common.title" }),
+          /* @__PURE__ */ e(
             U,
             {
               absolutePosition: !1,
@@ -79,10 +79,10 @@ const Z = ({
           )
         ] });
       case "GrantList":
-        return a && /* @__PURE__ */ r(
+        return a && /* @__PURE__ */ e(
           S,
           {
-            externalDynamicOffersConfig: e,
+            externalDynamicOffersConfig: r,
             grantList: a,
             hideTitle: o,
             newOfferAvailable: P,
@@ -92,23 +92,23 @@ const Z = ({
           }
         );
       case "PreQualified":
-        return /* @__PURE__ */ r(
+        return /* @__PURE__ */ e(
           Q,
           {
             onOfferDismiss: g,
             onOfferOptionsRequest: q,
             skipPreQualifiedIntro: G,
             hideTitle: o,
-            dynamicOffer: e,
+            dynamicOffer: r,
             onFundsRequest: x
           }
         );
       case "Unqualified":
-        return /* @__PURE__ */ r(M, { hideTitle: o });
+        return /* @__PURE__ */ e(M, { hideTitle: o });
       case "UnsupportedRegion":
-        return /* @__PURE__ */ r("div", { className: i.errorContainer, children: [
-          /* @__PURE__ */ r(O, { hideTitle: o, titleKey: "capital.common.title" }),
-          /* @__PURE__ */ r(F, { unsupportedRegion: !0 })
+        return /* @__PURE__ */ e("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ e(L, { hideTitle: o, titleKey: "capital.common.title" }),
+          /* @__PURE__ */ e(F, { unsupportedRegion: !0 })
         ] });
       default:
         return null;