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

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

@@ -1,66 +1,73 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as o, useCallback as i, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as d, useState as s, useCallback as f } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { isCapitalRegionSupported as N } from "../../../../internal/CapitalHeader/helpers.js";
+import { CapitalErrorMessageDisplay as T } from "../utils/CapitalErrorMessageDisplay.js";
 import { CAPITAL_OFFER_CLASS_NAMES as g } from "./constants.js";
-import { CapitalOfferSelection as q } from "../CapitalOfferSelection/CapitalOfferSelection.js";
-import { useFetch as v } from "../../../../../hooks/useFetch.js";
-import { CapitalOfferSummary as T } from "../CapitalOfferSummary/CapitalOfferSummary.js";
-import { CapitalHeader as _ } from "../../../../internal/CapitalHeader/CapitalHeader.js";
-import { useAuthContext as M } from "../../../../../core/Auth/context.js";
-import { EMPTY_OBJECT as k } from "../../../../../utils/value/constants.js";
-const I = ({
-  externalDynamicOffersConfig: m,
-  hideTitle: l,
-  onContactSupport: a,
-  onFundsRequest: p,
-  onOfferDismiss: O,
-  onOfferSelect: f
+import { CapitalOfferSelection as k } from "../CapitalOfferSelection/CapitalOfferSelection.js";
+import { useFetch as B } from "../../../../../hooks/useFetch.js";
+import { CapitalOfferSummary as H } from "../CapitalOfferSummary/CapitalOfferSummary.js";
+/* empty css                  */
+import { CapitalHeader as C } from "../../../../internal/CapitalHeader/CapitalHeader.js";
+import { useConfigContext as E } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as K } from "../../../../../utils/value/constants.js";
+const V = ({
+  externalDynamicOffersConfig: a,
+  hideTitle: m,
+  onContactSupport: c,
+  onFundsRequest: A,
+  onOfferDismiss: F,
+  onOfferSelect: n
 }) => {
-  const { getDynamicGrantOffersConfiguration: r } = M().endpoints, [S, c] = o(!1), y = i((e) => {
-    c(!e);
-  }, []), { data: d, error: C } = v({
+  var S, y;
+  const { getDynamicGrantOffersConfiguration: t } = E().endpoints, l = (y = (S = E()) == null ? void 0 : S.extraConfig) == null ? void 0 : y.legalEntity, u = d(() => N(l), [l]), [b, p] = s(!1), h = f((e) => {
+    p(!e);
+  }, []), { data: R, error: q } = B({
     fetchOptions: {
-      enabled: !m && !!r,
-      onSuccess: y
+      enabled: !a && !!t && u,
+      onSuccess: h
     },
-    queryFn: i(async () => r == null ? void 0 : r(k), [r])
-  }), A = m || d, [s, u] = o(), [h, E] = o(), F = i(
+    queryFn: f(async () => t == null ? void 0 : t(K), [t])
+  }), v = a || R, [i, O] = s(), [M, _] = s(), x = f(
     (e) => {
-      f ? f(e) : (E(e == null ? void 0 : e.grantAmount.value), u(e));
+      n ? n(e) : (_(e == null ? void 0 : e.grantAmount.value), O(e));
     },
-    [f]
-  ), n = b(() => s ? "OfferSummary" : "OfferSelection", [s]);
-  return /* @__PURE__ */ t("div", { className: g.base, children: [
-    /* @__PURE__ */ t(
-      _,
+    [n]
+  ), o = d(() => i ? "OfferSummary" : "OfferSelection", [i]);
+  return u ? /* @__PURE__ */ r("div", { className: g.base, children: [
+    /* @__PURE__ */ r(
+      C,
       {
         hasDivider: !0,
-        hideTitle: l,
-        titleKey: n === "OfferSummary" ? "capital.businessFinancingSummary" : "capital.businessFinancingOffer"
+        hideTitle: m,
+        titleKey: o === "OfferSummary" ? "capital.businessFinancingSummary" : "capital.businessFinancingOffer"
       }
     ),
-    n === "OfferSelection" && /* @__PURE__ */ t(
-      q,
+    o === "OfferSelection" && /* @__PURE__ */ r(
+      k,
       {
-        requestedAmount: h,
-        dynamicOffersConfig: A,
-        dynamicOffersConfigError: C,
-        onOfferDismiss: O,
-        onOfferSelect: F,
-        emptyGrantOffer: S,
-        onContactSupport: a
+        requestedAmount: M,
+        dynamicOffersConfig: v,
+        dynamicOffersConfigError: q,
+        onOfferDismiss: F,
+        onOfferSelect: x,
+        emptyGrantOffer: b,
+        onContactSupport: c
       }
     ),
-    n === "OfferSummary" && /* @__PURE__ */ t(
-      T,
+    o === "OfferSummary" && /* @__PURE__ */ r(
+      H,
       {
-        grantOffer: s,
-        onBack: () => u(void 0),
-        onFundsRequest: p,
-        onContactSupport: a
+        grantOffer: i,
+        onBack: () => O(void 0),
+        onFundsRequest: A,
+        onContactSupport: c
       }
     )
+  ] }) : /* @__PURE__ */ r("div", { className: g.errorContainer, children: [
+    /* @__PURE__ */ r(C, { hideTitle: m, titleKey: "capital.businessFinancing" }),
+    /* @__PURE__ */ r(T, { unsupportedRegion: !0 })
   ] });
 };
 export {
-  I as CapitalOffer
+  V as CapitalOffer
 };

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

@@ -1,5 +1,6 @@
 const e = {
-  base: "adyen-pe-capital-offer"
+  base: "adyen-pe-capital-offer",
+  errorContainer: "adyen-pe-capital-offer__error-container"
 };
 export {
   e as CAPITAL_OFFER_CLASS_NAMES

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

@@ -0,0 +1,43 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import m from "../../../../internal/AnchorButton/AnchorButton.js";
+import { ButtonVariant as f } from "../../../../internal/Button/types.js";
+import { SupportedLocation as p } from "../../../../internal/CapitalHeader/constants.js";
+import c from "../../../../internal/Card/Card.js";
+import { TypographyVariant as e } from "../../../../internal/Typography/types.js";
+import i from "../../../../internal/Typography/Typography.js";
+import { SUMMARY_TEXT_EMAIL as n } from "../CapitalOfferSummary/constants.js";
+/* empty css                             */
+import { Translation as l } from "../../../../internal/Translation/Translation.js";
+import { Fragment as s } from "../../../../../external/preact/dist/preact.module.js";
+import { useConfigContext as d } from "../../../../../core/ConfigContext/context.js";
+const I = () => {
+  var o, t, a;
+  return ((a = (t = (o = d()) == null ? void 0 : o.extraConfig) == null ? void 0 : t.legalEntity) == null ? void 0 : a.countryCode) === p.US ? /* @__PURE__ */ r(c, { filled: !0, noOutline: !0, children: [
+    /* @__PURE__ */ r(i, { variant: e.CAPTION, className: "adyen-pe-capital-offer-legal-notice--title", children: /* @__PURE__ */ r(l, { translationKey: "capital.offerLegalNoticeTitleUS", fills: { break: /* @__PURE__ */ r("br", {}) } }) }),
+    /* @__PURE__ */ r("br", {}),
+    /* @__PURE__ */ r(i, { variant: e.CAPTION, className: "adyen-pe-capital-offer-legal-notice--description", children: /* @__PURE__ */ r(
+      l,
+      {
+        translationKey: "capital.offerLegalNoticeDescriptionUS",
+        fills: {
+          email: /* @__PURE__ */ r(
+            m,
+            {
+              href: `mailto:${n}`,
+              variant: f.TERTIARY,
+              className: "adyen-pe-capital-offer-summary__info--email",
+              children: n
+            }
+          ),
+          break: /* @__PURE__ */ r(s, { children: [
+            /* @__PURE__ */ r("br", {}),
+            /* @__PURE__ */ r("br", {})
+          ] })
+        }
+      }
+    ) })
+  ] }) : null;
+};
+export {
+  I as CapitalOfferLegalNotice
+};

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

@@ -1,13 +1,13 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import R from "../../../../internal/Typography/Typography.js";
 import { TypographyElement as N, TypographyVariant as P } from "../../../../internal/Typography/types.js";
-import g from "../../../../internal/Button/Button.js";
-import { ButtonVariant as D } from "../../../../internal/Button/types.js";
+import T from "../../../../internal/Button/Button.js";
+import { ButtonVariant as k } from "../../../../internal/Button/types.js";
 import E from "../../../../../core/Context/useCoreContext.js";
-import { useMemo as p, useState as b, useCallback as c, useEffect as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as p, useState as D, useCallback as c, useEffect as q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import "../../../../../external/preact/compat/dist/compat.module.js";
-import k from "../../../../../hooks/useMutation/useMutation.js";
-import "./CapitalOfferSelection.scss.js";
+import b from "../../../../../hooks/useMutation/useMutation.js";
+/* empty css                           */
 import { getExpectedRepaymentDate as w, getPaymentRatePercentage as j, debounce as G } from "../utils/utils.js";
 import { CapitalErrorMessageDisplay as X } from "../utils/CapitalErrorMessageDisplay.js";
 import { calculateSliderAdjustedMidValue as H } from "../../../../internal/Slider/Slider.js";
@@ -16,7 +16,7 @@ import { Fragment as U } from "../../../../../external/preact/dist/preact.module
 import W from "../../../../internal/CapitalSlider/CapitalSlider.js";
 import $ from "../../../../internal/InfoBox/InfoBox.js";
 import z from "../../../../internal/StructuredList/StructuredList.js";
-import { useAuthContext as J } from "../../../../../core/Auth/context.js";
+import { useConfigContext as J } from "../../../../../core/ConfigContext/context.js";
 const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-container", children: [...Array(4)].map((e, r) => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__loading-skeleton" }, r)) }), Z = ({ data: e }) => {
   const { i18n: r } = E(), i = p(() => {
     const n = e.expectedRepaymentPeriodDays && w(e.expectedRepaymentPeriodDays);
@@ -56,9 +56,9 @@ const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
   dynamicOffersConfigError: r,
   emptyGrantOffer: i,
   onContactSupport: n,
-  onOfferDismiss: m,
+  onOfferDismiss: d,
   onOfferSelect: M,
-  requestedAmount: d
+  requestedAmount: m
 }) => {
   const { i18n: x } = E(), v = p(() => {
     if (e)
@@ -67,7 +67,7 @@ const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
         e.maxAmount.value,
         e.step
       );
-  }, [e]), [u, S] = b(void 0), s = p(() => e == null ? void 0 : e.minAmount.currency, [e == null ? void 0 : e.minAmount.currency]), { createGrantOffer: V, getDynamicGrantOffer: I } = J().endpoints, a = k({
+  }, [e]), [u, S] = D(void 0), s = p(() => e == null ? void 0 : e.minAmount.currency, [e == null ? void 0 : e.minAmount.currency]), { createGrantOffer: V, getDynamicGrantOffer: I } = J().endpoints, a = b({
     queryFn: I,
     options: {
       retry: 1,
@@ -76,24 +76,24 @@ const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
         _(!1);
       }, [])
     }
-  }), l = k({
+  }), l = b({
     queryFn: V,
     options: {
       onSuccess: (o) => M(o)
     }
   }), B = c(() => {
-    var o, T;
+    var o, L;
     l.mutate({
       body: {
         amount: ((o = a.data) == null ? void 0 : o.grantAmount.value) || u,
-        currency: ((T = a.data) == null ? void 0 : T.grantAmount.currency) || s
+        currency: ((L = a.data) == null ? void 0 : L.grantAmount.currency) || s
       },
       contentType: "application/json"
     });
   }, [s, a.data, u, l]), y = c(
     (o) => a.mutate({}, { query: { amount: o, currency: s } }),
     [s, a]
-  ), [h, _] = b(!1), A = G(y, 300), F = c(
+  ), [h, _] = D(!1), A = G(y, 300), F = c(
     (o) => {
       A.cancel(), _(!0), S(o);
     },
@@ -101,10 +101,10 @@ const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
   ), Y = (o) => A(o);
   q(() => {
     e && !a.data && !u && (S(
-      (o) => o || (d ? Number(d) : v || e.minAmount.value)
+      (o) => o || (m ? Number(m) : v || e.minAmount.value)
     ), y(u || v || e.minAmount.value));
-  }, [e, a.data, y, v, d, u]);
-  const L = p(
+  }, [e, a.data, y, v, m, u]);
+  const g = p(
     () => l.isLoading || a.isLoading || h,
     [a.isLoading, h, l.isLoading]
   );
@@ -112,7 +112,7 @@ const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
     X,
     {
       error: l.error || a.error || r,
-      onBack: m,
+      onBack: d,
       onContactSupport: n,
       emptyGrantOffer: i
     }
@@ -128,15 +128,15 @@ const K = () => /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-se
     ),
     /* @__PURE__ */ t($, { className: "adyen-pe-capital-offer-selection__details", children: !a.data || a.isLoading || h ? /* @__PURE__ */ t(K, {}) : a.data ? /* @__PURE__ */ t(Z, { data: a.data }) : null }),
     /* @__PURE__ */ t("div", { className: "adyen-pe-capital-offer-selection__buttons", children: [
-      m && /* @__PURE__ */ t(g, { variant: D.SECONDARY, onClick: m, children: x.get("back") }),
+      d && /* @__PURE__ */ t(T, { variant: k.SECONDARY, onClick: d, children: x.get("back") }),
       /* @__PURE__ */ t(
-        g,
+        T,
         {
-          variant: D.PRIMARY,
-          state: L ? "loading" : void 0,
+          variant: k.PRIMARY,
+          state: g ? "loading" : void 0,
           onClick: B,
           disabled: l.isLoading || !(e != null && e.minAmount),
-          children: x.get(L ? "loading" : "capital.reviewOffer")
+          children: x.get(g ? "loading" : "capital.reviewOffer")
         }
       )
     ] })

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

@@ -1,52 +1,53 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import f from "../../../../../core/Context/useCoreContext.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
 import { useMemo as c, useCallback as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { getExpectedRepaymentDate as x, calculateMaximumRepaymentPeriodInMonths as I, getPaymentRatePercentage as M } from "../utils/utils.js";
 import n from "../../../../internal/Typography/Typography.js";
 import { TypographyElement as m, TypographyVariant as l } from "../../../../internal/Typography/types.js";
-import "./CapitalOfferSummary.scss.js";
+/* empty css                         */
 import y from "../../../../internal/Button/Button.js";
-import { ButtonVariant as P } from "../../../../internal/Button/types.js";
+import { ButtonVariant as C } from "../../../../internal/Button/types.js";
 import k from "../../../../../hooks/useMutation/useMutation.js";
 import { Tooltip as D } from "../../../../internal/Tooltip/Tooltip.js";
 import { AlertTypeOption as E } from "../../../../internal/Alert/types.js";
-import b from "../../../../internal/Alert/Alert.js";
+import { Alert as b } from "../../../../internal/Alert/Alert.js";
 import { CapitalErrorMessageDisplay as F } from "../utils/CapitalErrorMessageDisplay.js";
 import L from "classnames";
-import { CAPITAL_REPAYMENT_FREQUENCY as C } from "../../../../constants.js";
-import S from "../../../../internal/InfoBox/InfoBox.js";
-import W from "../../../../internal/StructuredList/StructuredList.js";
-import q from "../../../../internal/Icon/Icon.js";
-import { useAuthContext as Y } from "../../../../../core/Auth/context.js";
-import { EMPTY_OBJECT as w } from "../../../../../utils/value/constants.js";
-const H = ["30_013"], le = ({
+import { CAPITAL_REPAYMENT_FREQUENCY as P } from "../../../../constants.js";
+import { CapitalOfferLegalNotice as S } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
+import W from "../../../../internal/InfoBox/InfoBox.js";
+import q from "../../../../internal/StructuredList/StructuredList.js";
+import { Icon as Y } from "../../../../internal/Icon/Icon.js";
+import { useConfigContext as w } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as H } from "../../../../../utils/value/constants.js";
+const B = ["30_013"], ce = ({
   grantOffer: t,
   onBack: h,
   onFundsRequest: u,
   onContactSupport: p
 }) => {
-  const { i18n: e } = f(), R = c(() => {
-    const a = x(t.expectedRepaymentPeriodDays);
-    return a ? e.date(a, { month: "long" }) : null;
-  }, [t, e]), { requestFunds: N } = Y().endpoints, o = k({
+  const { i18n: e } = _(), f = c(() => {
+    const r = x(t.expectedRepaymentPeriodDays);
+    return r ? e.date(r, { month: "long" }) : null;
+  }, [t, e]), { requestFunds: N } = w().endpoints, o = k({
     queryFn: N,
     options: {
-      onSuccess: (a) => u == null ? void 0 : u(a)
+      onSuccess: (r) => u == null ? void 0 : u(r)
     }
   }), A = v(
-    (a) => {
-      o.mutate(w, { path: { grantOfferId: a } });
+    (r) => {
+      o.mutate(H, { path: { grantOfferId: r } });
     },
     [o]
-  ), T = v(() => {
+  ), R = v(() => {
     t.id && A(t.id);
   }, [t.id, A]), s = c(
     () => I(t.maximumRepaymentPeriodDays),
     [t.maximumRepaymentPeriodDays]
   ), i = c(() => {
-    const a = o.error ? o.error : null;
-    if (a && H.includes(a.errorCode))
-      switch (a.errorCode) {
+    const r = o.error ? o.error : null;
+    if (r && B.includes(r.errorCode))
+      switch (r.errorCode) {
         case "30_013":
           return {
             title: e.get("capital.thereIsNoPrimaryAccountConfigured"),
@@ -60,8 +61,8 @@ const H = ["30_013"], le = ({
           };
       }
     return null;
-  }, [e, o.error]), _ = c(() => {
-    const a = [
+  }, [e, o.error]), T = c(() => {
+    const r = [
       {
         key: "capital.fees",
         value: e.amount(t.feesAmount.value, t.feesAmount.currency)
@@ -84,59 +85,59 @@ const H = ["30_013"], le = ({
       },
       { key: "account", value: e.get("capital.primaryAccount") }
     ];
-    return s && a.splice(4, 0, {
+    return s && r.splice(4, 0, {
       key: "capital.maximumRepaymentPeriod",
       value: s === 1 ? e.get("capital.oneMonth") : e.get("capital.xMonths", { values: { months: s } })
-    }), a;
+    }), r;
   }, [t, e, s]);
-  return !i && o.error ? /* @__PURE__ */ r(F, { error: o.error, onBack: h, onContactSupport: p }) : /* @__PURE__ */ r("div", { className: "adyen-pe-capital-offer-summary", children: [
-    /* @__PURE__ */ r(S, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
-      /* @__PURE__ */ r(n, { el: m.PARAGRAPH, variant: l.BODY, children: [
+  return !i && o.error ? /* @__PURE__ */ a(F, { error: o.error, onBack: h, onContactSupport: p }) : /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary", children: [
+    /* @__PURE__ */ a(W, { className: "adyen-pe-capital-offer-summary__grant-summary", children: [
+      /* @__PURE__ */ a(n, { el: m.PARAGRAPH, variant: l.BODY, children: [
         e.get("capital.youAreRequestingFundingOf"),
         " ",
-        /* @__PURE__ */ r("strong", { children: `${e.amount(t.grantAmount.value, t.grantAmount.currency, { minimumFractionDigits: 0 })}.` })
+        /* @__PURE__ */ a("strong", { children: `${e.amount(t.grantAmount.value, t.grantAmount.currency, { minimumFractionDigits: 0 })}.` })
       ] }),
-      /* @__PURE__ */ r(n, { el: m.PARAGRAPH, variant: l.CAPTION, children: e.get("capital.youWillNeedToRepayAMinimumOfXEveryXDaysToPayOffTheFunds", {
+      /* @__PURE__ */ a(n, { el: m.PARAGRAPH, variant: l.CAPTION, children: e.get("capital.youWillNeedToRepayAMinimumOfXEveryXDaysToPayOffTheFunds", {
         values: {
           amount: e.amount(t.thresholdAmount.value, t.thresholdAmount.currency),
-          days: C,
-          date: R ?? ""
+          days: P,
+          date: f ?? ""
         }
       }) })
     ] }),
-    /* @__PURE__ */ r(
-      W,
+    /* @__PURE__ */ a(
+      q,
       {
         classNames: "adyen-pe-capital-offer-summary__details",
-        renderLabel: (a, d) => d === "capital.repaymentThreshold" ? /* @__PURE__ */ r(
+        renderLabel: (r, d) => d === "capital.repaymentThreshold" ? /* @__PURE__ */ a(
           D,
           {
             isContainerHovered: !0,
             content: e.get("capital.minimumRepaymentToRepayTheFinancingOnTime", {
-              values: { days: C }
+              values: { days: P }
             }),
-            children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(
               n,
               {
                 className: "adyen-pe-capital-offer-summary__list-label",
                 el: m.SPAN,
                 variant: l.CAPTION,
-                children: a
+                children: r
               }
             ) })
           }
-        ) : /* @__PURE__ */ r(
+        ) : /* @__PURE__ */ a(
           n,
           {
             className: "adyen-pe-capital-offer-summary__list-label",
             el: m.SPAN,
             variant: l.CAPTION,
-            children: a
+            children: r
           }
         ),
-        renderValue: (a, d) => {
+        renderValue: (r, d) => {
           const g = d === "account" && o.error && i && i.errorCode === "30_013";
-          return /* @__PURE__ */ r(
+          return /* @__PURE__ */ a(
             n,
             {
               className: L({
@@ -146,33 +147,34 @@ const H = ["30_013"], le = ({
               variant: l.CAPTION,
               stronger: !0,
               children: [
-                g ? /* @__PURE__ */ r(q, { name: "warning-filled" }) : null,
-                a
+                g ? /* @__PURE__ */ a(Y, { name: "warning-filled" }) : null,
+                r
               ]
             }
           );
         },
-        items: _
+        items: T
       }
     ),
-    i && /* @__PURE__ */ r(
+    i && /* @__PURE__ */ a(
       b,
       {
         className: "adyen-pe-capital-offer-summary__error-alert",
         type: E.WARNING,
         title: i.title,
         description: i.message,
-        children: p ? /* @__PURE__ */ r(y, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: p, children: e.get("contactSupport") }) : null
+        children: p ? /* @__PURE__ */ a(y, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: p, children: e.get("contactSupport") }) : null
       }
     ),
-    /* @__PURE__ */ r("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
-      o.error && !i ? null : /* @__PURE__ */ r(y, { variant: P.SECONDARY, onClick: h, children: e.get("back") }),
-      /* @__PURE__ */ r(
+    /* @__PURE__ */ a(S, {}),
+    /* @__PURE__ */ a("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
+      o.error && !i ? null : /* @__PURE__ */ a(y, { variant: C.SECONDARY, onClick: h, children: e.get("back") }),
+      /* @__PURE__ */ a(
         y,
         {
-          variant: P.PRIMARY,
+          variant: C.PRIMARY,
           state: o.isLoading ? "loading" : void 0,
-          onClick: T,
+          onClick: R,
           disabled: o.isLoading || !!o.error,
           children: e.get(o.isLoading ? "capital.requesting" : "capital.requestFunds")
         }
@@ -181,5 +183,5 @@ const H = ["30_013"], le = ({
   ] });
 };
 export {
-  le as CapitalOfferSummary
+  ce as CapitalOfferSummary
 };

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

@@ -0,0 +1,4 @@
+const o = "capital-support@adyen.com";
+export {
+  o as SUMMARY_TEXT_EMAIL
+};

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

@@ -1,34 +1,36 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { getCapitalErrorMessage as s } from "../../../../utils/capital/getCapitalErrorMessage.js";
-import p from "../../../../../core/Errors/AdyenPlatformExperienceError.js";
-import { ErrorMessageDisplay as l } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { useCallback as f, useMemo as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import E from "../../../../internal/Button/Button.js";
-import { ButtonVariant as c } from "../../../../internal/Button/types.js";
-import C from "../../../../../core/Context/useCoreContext.js";
-import { ErrorTypes as g } from "../../../../../core/Http/utils.js";
+import { getCapitalErrorMessage as l } from "../../../../utils/capital/getCapitalErrorMessage.js";
+import s from "../../../../../core/Errors/AdyenPlatformExperienceError.js";
+import { ErrorMessageDisplay as u } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { useCallback as E, useMemo as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import C from "../../../../internal/Button/Button.js";
+import { ButtonVariant as R } from "../../../../internal/Button/types.js";
+import c from "../../../../../core/Context/useCoreContext.js";
+import { ErrorTypes as m } from "../../../../../core/Http/utils.js";
 import { Fragment as d } from "../../../../../external/preact/dist/preact.module.js";
-const A = ({
+const h = ({
   emptyGrantOffer: t,
   error: e,
-  onContactSupport: a,
-  onBack: r
+  onContactSupport: i,
+  onBack: r,
+  unsupportedRegion: n
 }) => {
-  const { i18n: i } = C(), m = f(
-    () => /* @__PURE__ */ o(d, { children: r && /* @__PURE__ */ o(E, { variant: c.SECONDARY, onClick: r, children: i.get("back") }) }),
-    [i, r]
-  ), n = u(() => t ? new p(g.ERROR, "EmptyConfig", "Empty Configuration", "EMPTY_CONFIG") : e, [t, e]);
+  const { i18n: a } = c(), p = E(
+    () => /* @__PURE__ */ o(d, { children: r && /* @__PURE__ */ o(C, { variant: R.SECONDARY, onClick: r, children: a.get("back") }) }),
+    [a, r]
+  ), f = g(() => n ? new s(m.ERROR, "UnsupportedRegion", "Unsupported Region Configuration", "UNSUPPORTED_REGION") : t ? new s(m.ERROR, "EmptyConfig", "Empty Configuration", "EMPTY_CONFIG") : e, [t, n, e]);
   return /* @__PURE__ */ o(
-    l,
+    u,
     {
       absolutePosition: !1,
       withImage: !0,
-      renderSecondaryButton: m,
+      onContactSupport: i,
+      renderSecondaryButton: p,
       outlined: !1,
-      ...s(n, a)
+      ...l(f, i)
     }
   );
 };
 export {
-  A as CapitalErrorMessageDisplay
+  h as CapitalErrorMessageDisplay
 };

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

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