@adyen/adyen-platform-experience-web 1.12.0 → 1.12.2-beta.0

package/dist/es/packages/domains/capital/preact/src/CapitalOffer/components/CapitalOfferSummary/CapitalOfferSummary.js

@@ -0,0 +1,221 @@
+import { jsx as e } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import S from "../../../../../../../shared/core/src/preact/useCoreContext.js";
+import { useConfigContext as L } from "../../../../../../../shared/core/src/preact/ConfigContext.js";
+import q from "../../../../../../../shared/core/src/preact/useEventDispatcherContext.js";
+import { useMemo as d, useCallback as y } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DATE_FORMAT_CAPITAL_OVERVIEW as B } from "../../../../../../../shared/utils/src/datetime/formats.js";
+import { EMPTY_OBJECT as M } from "../../../../../../../shared/utils/src/value/constants.js";
+import V from "../../../../../../../shared/hooks-preact/src/useTimezoneAwareDateFormatting.js";
+import { getMaximumRepaymentDate as W, getPercentage as T } from "../utils/utils.js";
+import i from "../../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
+import { TypographyVariant as m, TypographyElement as s } from "../../../../../../../shared/ui-components-preact/src/Typography/types.js";
+import w from "../../../../../../../shared/ui-components-preact/src/StructuredList/StructuredList.js";
+import f from "../../../../../../../shared/ui-components-preact/src/Button/Button.js";
+import Y from "../../../../../../../shared/core/src/preact/useMutation/useMutation.js";
+import { Tooltip as R } from "../../../../../../../shared/ui-components-preact/src/Tooltip/Tooltip.js";
+import { AlertTypeOption as U } from "../../../../../../../shared/ui-components-preact/src/Alert/types.js";
+import { Alert as j } from "../../../../../../../shared/ui-components-preact/src/Alert/Alert.js";
+import { Icon as z } from "../../../../../../../shared/ui-components-preact/src/Icon/Icon.js";
+import { CapitalErrorMessageDisplay as G } from "../utils/CapitalErrorMessageDisplay.js";
+import H from "../../../../../../../../_virtual/index.js";
+import { sharedCapitalOfferAnalyticsEventProperties as J } from "../CapitalOffer/constants.js";
+import { CAPITAL_REPAYMENT_FREQUENCY as Q } from "../../../../../domain/src/constants.js";
+import { CapitalOfferLegalNotice as K } from "../CapitalOfferLegalNotice/CapitalOfferLegalNotice.js";
+import { useFormatTermLabel as X } from "../hooks/useFormatTermLabel.js";
+/* empty css                         */
+import { ButtonVariant as b } from "../../../../../../../shared/types/src/uiComponents/button.js";
+const Z = ["30_013"], g = { minimumFractionDigits: 0 }, E = {
+  ...J,
+  subCategory: "Business financing summary"
+}, Te = ({
+  grantOffer: t,
+  onBack: A,
+  onFundsRequest: k,
+  onContactSupport: u
+}) => {
+  const { i18n: a } = S(), c = q(), { dateFormat: h } = V(), v = X(), p = d(() => {
+    const r = t.maximumRepaymentPeriodDays, n = r && W(r);
+    return n && h(n, B);
+  }, [t.maximumRepaymentPeriodDays, h]), { requestFunds: I } = L().endpoints, o = Y({
+    queryFn: I,
+    options: {
+      onSuccess: (r) => k?.(r)
+    }
+  }), _ = y(
+    (r) => {
+      o.mutate(M, { path: { grantOfferId: r } });
+    },
+    [o]
+  ), x = y(() => {
+    try {
+      t.id && _(t.id);
+    } finally {
+      c.addEvent?.("Clicked button", { ...E, label: "Request funds" });
+    }
+  }, [t.id, _, c]), C = y(() => {
+    try {
+      return A();
+    } finally {
+      c.addEvent?.("Clicked button", { ...E, label: "Back to slider view" });
+    }
+  }, [A, c]), l = d(() => {
+    const r = o.error ? o.error : null;
+    return r && Z.includes(r.errorCode) ? r.errorCode === "30_013" ? {
+      title: a.get("capital.offer.common.errors.noPrimaryAccount"),
+      message: a.get("capital.offer.common.errors.cannotContinueSupport"),
+      errorCode: "30_013"
+    } : {
+      title: a.get("common.errors.somethingWentWrong"),
+      message: a.get("capital.offer.common.errors.unavailable")
+    } : null;
+  }, [a, o.error]), N = a.amount(t.grantAmount.value, t.grantAmount.currency, g), D = [
+    {
+      label: a.get("capital.common.fields.financing"),
+      value: N
+    },
+    {
+      value: a.amount(t.feesAmount.value, t.feesAmount.currency, g),
+      label: a.get("capital.common.fields.fees")
+    },
+    {
+      value: a.amount(t.totalAmount.value, t.totalAmount.currency, g),
+      label: a.get("capital.common.fields.totalRepaymentAmount")
+    }
+  ], F = d(
+    () => [
+      {
+        key: "capital.common.fields.dailyRepaymentRate",
+        value: a.get("capital.common.values.percentage", { values: { percentage: T(t.repaymentRate) } })
+      },
+      ...t.aprBasisPoints ? [
+        {
+          key: "capital.common.fields.annualPercentageRate",
+          value: a.get("capital.common.values.percentage", {
+            values: { percentage: T(t.aprBasisPoints) }
+          })
+        }
+      ] : [],
+      {
+        key: "capital.common.fields.repaymentThreshold",
+        value: a.amount(t.thresholdAmount.value, t.thresholdAmount.currency)
+      },
+      {
+        key: "capital.common.fields.expectedRepaymentPeriod",
+        value: v(t.expectedRepaymentPeriodDays)
+      },
+      ...p ? [
+        {
+          key: "capital.common.fields.maximumRepaymentDate",
+          value: p
+        }
+      ] : [],
+      { key: "capital.common.fields.account", value: a.get("capital.common.values.primaryAccount") }
+    ],
+    [v, t, a, p]
+  );
+  return !l && o.error ? /* @__PURE__ */ e(G, { error: o.error, onBack: C, onContactSupport: u }) : /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-summary", children: [
+    /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-summary__grant-summary", children: D.map(({ value: r, label: n }) => /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-summary__grant-summary-item", children: [
+      /* @__PURE__ */ e(i, { el: s.SPAN, variant: m.BODY, stronger: !0, children: r }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          className: "adyen-pe-capital-offer-summary__grant-summary-label",
+          el: s.SPAN,
+          variant: m.CAPTION,
+          children: n
+        }
+      )
+    ] }, n)) }),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-summary__terms", children: [
+      /* @__PURE__ */ e(i, { el: s.SPAN, variant: m.CAPTION, stronger: !0, children: a.get("capital.common.termsTitle") }),
+      /* @__PURE__ */ e(
+        w,
+        {
+          classNames: "adyen-pe-capital-offer-summary__details",
+          renderLabel: (r, n) => n === "capital.common.fields.repaymentThreshold" ? /* @__PURE__ */ e(
+            R,
+            {
+              isUnderlineVisible: !0,
+              content: a.get("capital.common.fields.repaymentThreshold.description", {
+                values: { days: Q }
+              }),
+              children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+                i,
+                {
+                  className: "adyen-pe-capital-offer-summary__list-label",
+                  el: s.SPAN,
+                  variant: m.CAPTION,
+                  children: r
+                }
+              ) })
+            }
+          ) : n === "capital.common.fields.annualPercentageRate" ? /* @__PURE__ */ e(R, { isUnderlineVisible: !0, content: a.get("capital.common.fields.annualPercentageRate.description"), children: /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
+            i,
+            {
+              className: "adyen-pe-capital-offer-summary__list-label",
+              el: s.SPAN,
+              variant: m.CAPTION,
+              children: r
+            }
+          ) }) }) : /* @__PURE__ */ e(
+            i,
+            {
+              className: "adyen-pe-capital-offer-summary__list-label",
+              el: s.SPAN,
+              variant: m.CAPTION,
+              children: r
+            }
+          ),
+          renderValue: (r, n) => {
+            const P = n === "capital.common.fields.account" && o.error && l && l.errorCode === "30_013";
+            return /* @__PURE__ */ e(
+              i,
+              {
+                className: H({
+                  "adyen-pe-capital-offer-summary__details--error": P
+                }),
+                el: s.SPAN,
+                variant: m.CAPTION,
+                stronger: !0,
+                children: [
+                  P ? /* @__PURE__ */ e(z, { name: "warning-filled", "data-testid": "primary-account-warning-icon" }) : null,
+                  r
+                ]
+              }
+            );
+          },
+          items: F
+        }
+      )
+    ] }),
+    l && /* @__PURE__ */ e(
+      j,
+      {
+        className: "adyen-pe-capital-offer-summary__error-alert",
+        type: U.WARNING,
+        title: l.title,
+        description: l.message,
+        children: u ? /* @__PURE__ */ e(f, { className: "adyen-pe-capital-offer-summary__error-alert-button", onClick: u, children: a.get("capital.common.actions.contactSupport") }) : null
+      }
+    ),
+    /* @__PURE__ */ e(K, {}),
+    /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-summary__buttons", children: [
+      /* @__PURE__ */ e(f, { variant: b.SECONDARY, onClick: C, children: a.get("capital.common.actions.goBack") }),
+      /* @__PURE__ */ e(
+        f,
+        {
+          variant: b.PRIMARY,
+          state: o.isLoading ? "loading" : void 0,
+          onClick: x,
+          disabled: o.isLoading || !!o.error || !!o.data,
+          children: o.isLoading ? a.get("capital.offer.summary.actions.requestFunds.states.loading") : a.get("capital.offer.summary.actions.requestFunds", {
+            values: { amount: N }
+          })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Te as CapitalOfferSummary
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOffer/components/TermSelector.js

@@ -0,0 +1,66 @@
+import { jsx as e } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
+import { TypographyVariant as n, TypographyElement as l } from "../../../../../../shared/ui-components-preact/src/Typography/types.js";
+import g from "../../../../../../shared/ui-components-preact/src/Card/Card.js";
+import u from "../../../../../../shared/core/src/preact/useCoreContext.js";
+import { getPercentage as h } from "./utils/utils.js";
+import { useFormatTermLabel as v } from "./hooks/useFormatTermLabel.js";
+const A = ({
+  allTerms: s,
+  availableTerms: p,
+  selectedTerm: d,
+  termOfferMap: m,
+  isLoadingIndicatorVisible: f,
+  onTermSelect: y
+}) => {
+  const { i18n: r } = u(), _ = v();
+  return /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-selection__terms-container", children: [
+    /* @__PURE__ */ e(o, { el: l.SPAN, variant: n.BODY, stronger: !0, children: r.get("capital.offer.selection.termOptions.title") }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "adyen-pe-capital-offer-selection__terms",
+        role: "radiogroup",
+        "aria-label": r.get("capital.offer.selection.termOptions.title"),
+        children: s.map((t) => {
+          const a = !p.includes(t), i = t === d, c = m[t];
+          return /* @__PURE__ */ e(
+            g,
+            {
+              noOutline: !0,
+              noPadding: !0,
+              role: "radio",
+              ariaChecked: i,
+              ariaDisabled: a,
+              onClick: a ? void 0 : () => y(t),
+              classNameModifiers: [
+                "adyen-pe-capital-offer-selection__term",
+                ...i ? ["adyen-pe-capital-offer-selection__term--selected"] : [],
+                ...a ? ["adyen-pe-capital-offer-selection__term--disabled"] : []
+              ],
+              children: /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-selection__term-content", children: [
+                /* @__PURE__ */ e(
+                  o,
+                  {
+                    el: l.SPAN,
+                    variant: n.BODY,
+                    stronger: i,
+                    className: a ? "adyen-pe-capital-offer-selection__term-content--disabled" : void 0,
+                    children: _(t)
+                  }
+                ),
+                f ? /* @__PURE__ */ e("div", { className: "adyen-pe-capital-offer-selection__loading-skeleton" }) : !a && c && /* @__PURE__ */ e(o, { el: l.SPAN, variant: n.CAPTION, children: r.get("capital.offer.selection.termOptions.dailyRatePercentage", {
+                  values: { percentage: h(c.repaymentRate) }
+                }) })
+              ] })
+            },
+            t
+          );
+        })
+      }
+    )
+  ] });
+};
+export {
+  A as TermSelector
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOffer/components/hooks/useFormatTermLabel.js

@@ -0,0 +1,16 @@
+import { useCallback as s } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import r from "../../../../../../../shared/core/src/preact/useCoreContext.js";
+import { getTermMonthsAndRemainingDays as i } from "../utils/utils.js";
+const g = () => {
+  const { i18n: o } = r();
+  return s(
+    (n) => {
+      const { months: e, remainingDays: a } = i(n), t = e === 1 ? o.get("capital.common.values.oneMonth") : o.get("capital.common.values.numberOfMonths", { values: { months: e } }), m = a === 0 ? void 0 : a === 1 ? o.get("capital.common.values.oneDay") : o.get("capital.common.values.numberOfDays", { values: { days: a } });
+      return [t, m].filter(Boolean).join(", ");
+    },
+    [o]
+  );
+};
+export {
+  g as useFormatTermLabel
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOffer/components/utils/CapitalErrorMessageDisplay.js

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

package/dist/es/packages/domains/capital/preact/src/CapitalOffer/components/utils/utils.js

@@ -0,0 +1,11 @@
+import { DAY_MS as o } from "../../../../../../../shared/ui-components-preact/src/Calendar/calendar/constants.js";
+import { parseDate as a } from "../../../../../../../shared/utils/src/datetime/main.js";
+const s = (t, e = 0) => new Date(new Date(t).setUTCHours(0, 0, 0, 0) + Math.floor(e) * o), c = (t) => a(s(/* @__PURE__ */ new Date(), t)), i = (t) => t / 100, n = 30, f = (t) => {
+  const e = Math.floor(t / n), r = t % n;
+  return { months: e, remainingDays: r };
+};
+export {
+  c as getMaximumRepaymentDate,
+  i as getPercentage,
+  f as getTermMonthsAndRemainingDays
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOverview/CapitalOverviewElement.js

@@ -0,0 +1,31 @@
+import { jsx as m } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { isCapitalRegionSupported as c } from "../internal/CapitalHeader/helpers.js";
+import { UIElement as l } from "../../../../../shared/core/src/preact/UIElement.js";
+import { CapitalOverview as f } from "./components/CapitalOverview/CapitalOverview.js";
+import { noop as s } from "../../../../../shared/utils/src/common.js";
+import { EMPTY_OBJECT as o } from "../../../../../shared/utils/src/value/constants.js";
+import u from "../../../../../shared/core/src/session/utils/sessionReady.js";
+class x extends l {
+  static type = "capitalOverview";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this), this.customClassNames = "adyen-pe-capital-overview-component";
+  }
+  componentToRender = () => /* @__PURE__ */ m(f, { ...this.props });
+  async getState() {
+    const { session: t } = this.props.core;
+    await u(t);
+    const { getDynamicGrantOffersConfiguration: r, getGrants: a } = t.context.endpoints, p = t.context.extraConfig?.legalEntity;
+    if (!c(p))
+      return { state: "isInUnsupportedRegion" };
+    const [i, n] = await Promise.all([
+      r?.(o, { query: o }).catch(s),
+      a?.(o).catch(s)
+    ]);
+    let e = "isUnqualified";
+    return n && n.data?.length > 0 ? e = "hasRequestedGrants" : i && i.minAmount && (e = "isPreQualified"), { state: e };
+  }
+}
+export {
+  x as CapitalOverviewElement,
+  x as default
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOverview/components/AccountDetails/AccountDetail.js

@@ -0,0 +1,42 @@
+import { jsx as e } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import y from "../../../../../../../shared/ui-components-preact/src/CopyText/CopyText.js";
+import T from "../../../../../../../shared/core/src/preact/useCoreContext.js";
+import i from "../../../../../../../shared/ui-components-preact/src/Typography/Typography.js";
+import { TypographyVariant as o, TypographyElement as p } from "../../../../../../../shared/ui-components-preact/src/Typography/types.js";
+import h from "../../../../../../../../_virtual/index.js";
+const v = ({
+  className: n,
+  content: r,
+  contentClassName: l,
+  copyButtonLabel: c,
+  isPrimary: t,
+  textToCopy: a,
+  label: m,
+  labelClassName: d
+}) => {
+  const { i18n: s } = T();
+  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(
+      y,
+      {
+        copyButtonAriaLabelKey: c,
+        visibleText: r,
+        textToCopy: a,
+        showCopyTextTooltip: !1,
+        type: "Text"
+      }
+    ) : /* @__PURE__ */ e(
+      i,
+      {
+        el: p.SPAN,
+        variant: t ? o.SUBTITLE : o.BODY,
+        stronger: t,
+        children: r
+      }
+    ) })
+  ] });
+};
+export {
+  v as AccountDetail
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOverview/components/AccountDetails/AccountDetails.js

@@ -0,0 +1,36 @@
+import { jsx as n } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import A from "../../../../../../../../_virtual/index.js";
+import { Fragment as F } from "../../../../../../../../external/preact/dist/preact.module.js";
+import { useMemo as C } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { AccountDetail as b } from "./AccountDetail.js";
+import { getAccountFieldTextToCopy as S, getAccountFieldFormattedValue as _, getAccountFieldCopyButtonLabelKey as g, getAccountFieldTranslationKey as L, isAccountFieldPrimary as N } from "./utils.js";
+/* empty css                    */
+const o = "adyen-pe-capital-account-details", r = {
+  detail: `${o}__detail`,
+  detailContent: `${o}__detail-content`,
+  detailLabel: `${o}__detail-label`
+}, j = ({ bankAccount: a, className: i, ...s }) => {
+  const d = C(() => {
+    const { accountNumber: t, iban: e, order: l, region: m, ...u } = a, c = Object.keys({ iban: e, accountNumber: t, ...u, region: m }), p = Array.isArray(l) ? l.filter((y) => c.includes(y)) : c;
+    return [...new Set(p)];
+  }, [a]);
+  return /* @__PURE__ */ n("dl", { className: A(o, i), ...s, children: d.map((t) => {
+    const e = a[t];
+    return e ? /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(
+      b,
+      {
+        className: r.detail,
+        contentClassName: r.detailContent,
+        isPrimary: N(t),
+        labelClassName: r.detailLabel,
+        label: L(t),
+        copyButtonLabel: g(t),
+        content: _(t, e),
+        textToCopy: S(t, e)
+      }
+    ) }, t) : null;
+  }) });
+};
+export {
+  j as AccountDetails
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOverview/components/CapitalOverview/CapitalOverview.js

@@ -0,0 +1,123 @@
+import { jsx as e } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as u, useCallback as p, useState as F } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { isCapitalRegionSupported as M } from "../../../internal/CapitalHeader/helpers.js";
+import { useConfigContext as A } from "../../../../../../../shared/core/src/preact/ConfigContext.js";
+import { EMPTY_OBJECT as g } from "../../../../../../../shared/utils/src/value/constants.js";
+import { CapitalErrorMessageDisplay as Q } from "../../../CapitalOffer/components/utils/CapitalErrorMessageDisplay.js";
+import { CAPITAL_OVERVIEW_CLASS_NAMES as i } from "../../constants.js";
+/* empty css                     */
+import S from "../Unqualified.js";
+import { PreQualified as U } from "../PreQualified/PreQualified.js";
+import { GrantList as w } from "../GrantList/GrantList.js";
+import { ErrorMessageDisplay as k } from "../../../../../../../shared/ui-components-preact/src/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getCapitalErrorMessage as _ } from "../../../utils/capital/getCapitalErrorMessage.js";
+import { useFetch as O } from "../../../../../../../shared/core/src/preact/useFetch.js";
+import { CapitalHeader as q } from "../../../internal/CapitalHeader/CapitalHeader.js";
+const ee = ({
+  hideTitle: o,
+  onContactSupport: C,
+  onFundsRequest: m,
+  onOfferDismiss: y,
+  onOfferOptionsRequest: G,
+  skipPreQualifiedIntro: L
+}) => {
+  const h = A()?.extraConfig?.legalEntity, c = u(() => M(h), [h]), { getGrants: s, getDynamicGrantOffersConfiguration: l } = A().endpoints, n = O({
+    fetchOptions: { enabled: !!s && c },
+    queryFn: p(async () => s?.(g), [s])
+  }), a = O({
+    fetchOptions: { enabled: !!l && c },
+    queryFn: p(async () => l?.(g, { query: g }), [l])
+  }), r = a.data, [d, E] = F(), t = u(
+    () => d ? [d, ...n.data?.data || []] : n.data?.data,
+    [n.data?.data, d]
+  ), x = p(
+    (f) => {
+      m ? m(f) : E(f);
+    },
+    [m]
+  ), v = u(() => !!(a.error && n.error || a.error && !t?.length), [a.error, t?.length, n.error]), N = u(() => {
+    if (c) {
+      if (v)
+        return "Error";
+      if (!s && !l || !r && !t || n.isFetching || a.isFetching)
+        return "Loading";
+      if (t?.length)
+        return "GrantList";
+      if (r?.maxAmount && r?.minAmount)
+        return "PreQualified";
+    } else return "UnsupportedRegion";
+    return "Unqualified";
+  }, [
+    l,
+    r,
+    a.isFetching,
+    t,
+    s,
+    n.isFetching,
+    v,
+    c
+  ]), P = u(() => {
+    const f = !!(r?.minAmount && r?.maxAmount), R = t?.some((b) => b.status === "Active") ?? !1;
+    return f && !R;
+  }, [r, t]);
+  return /* @__PURE__ */ e("div", { className: i.base, children: (() => {
+    switch (N) {
+      case "Loading":
+        return /* @__PURE__ */ e("div", { className: i.skeletonContainer, children: [
+          /* @__PURE__ */ e("div", { className: i.headerSkeleton }),
+          /* @__PURE__ */ e("div", { className: i.skeleton })
+        ] });
+      case "Error":
+        return /* @__PURE__ */ e("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ e(q, { hideTitle: o, titleKey: "capital.common.title" }),
+          /* @__PURE__ */ e(
+            k,
+            {
+              absolutePosition: !1,
+              outlined: !1,
+              withImage: !0,
+              onContactSupport: C,
+              ..._(a.error, C)
+            }
+          )
+        ] });
+      case "GrantList":
+        return t && /* @__PURE__ */ e(
+          w,
+          {
+            externalDynamicOffersConfig: r,
+            grantList: t,
+            hideTitle: o,
+            newOfferAvailable: P,
+            onFundsRequest: m,
+            onGrantListUpdateRequest: E,
+            onOfferDismiss: y
+          }
+        );
+      case "PreQualified":
+        return /* @__PURE__ */ e(
+          U,
+          {
+            onOfferDismiss: y,
+            onOfferOptionsRequest: G,
+            skipPreQualifiedIntro: L,
+            hideTitle: o,
+            dynamicOffer: r,
+            onFundsRequest: x
+          }
+        );
+      case "Unqualified":
+        return /* @__PURE__ */ e(S, { hideTitle: o });
+      case "UnsupportedRegion":
+        return /* @__PURE__ */ e("div", { className: i.errorContainer, children: [
+          /* @__PURE__ */ e(q, { hideTitle: o, titleKey: "capital.common.title" }),
+          /* @__PURE__ */ e(Q, { unsupportedRegion: !0 })
+        ] });
+      default:
+        return null;
+    }
+  })() });
+};
+export {
+  ee as CapitalOverview
+};

package/dist/es/packages/domains/capital/preact/src/CapitalOverview/components/GrantActions/GrantActions.js

@@ -0,0 +1,50 @@
+import { jsx as t } from "../../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as g } from "../../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useConfigContext as d } from "../../../../../../../shared/core/src/preact/ConfigContext.js";
+import { EMPTY_OBJECT as f } from "../../../../../../../shared/utils/src/value/constants.js";
+import { GrantActionsEmbedded as u } from "../GrantActionsEmbedded/GrantActionsEmbedded.js";
+import { GrantActionsHosted as A } from "../GrantActionsHosted/GrantActionsHosted.js";
+import { AlertTypeOption as y } from "../../../../../../../shared/ui-components-preact/src/Alert/types.js";
+import { Alert as C } from "../../../../../../../shared/ui-components-preact/src/Alert/Alert.js";
+/* empty css                  */
+import { useMissingActionsPolling as k } from "./hooks/useMissingActionsPolling.js";
+import { useFetch as S } from "../../../../../../../shared/core/src/preact/useFetch.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 { getOnboardingConfiguration: r } = d().endpoints, { missingActions: o, isPollingComplete: s, forcePollingComplete: p } = k({ grantId: l, initialMissingActions: c }), i = S({
+    fetchOptions: {
+      enabled: s && !!o.length,
+      onError: p
+    },
+    queryFn: g(async () => r?.(f), [r])
+  });
+  return o.length ? !s || i.isFetching ? /* @__PURE__ */ t(
+    C,
+    {
+      className: n,
+      type: y.WARNING,
+      title: /* @__PURE__ */ t("div", { className: a.actionsTitleSkeleton }),
+      description: /* @__PURE__ */ t("div", { className: a.actionsDescriptionSkeleton })
+    }
+  ) : i.data ? /* @__PURE__ */ t(
+    u,
+    {
+      className: n,
+      expirationDate: e,
+      legalEntityId: i.data.legalEntityId,
+      missingActions: o,
+      onComplete: m
+    }
+  ) : /* @__PURE__ */ t(A, { missingActions: o, expirationDate: e, className: n }) : null;
+};
+export {
+  I as GrantActions
+};