@adyen/kyc-components 4.0.0-beta.1 → 4.0.0-beta.4

package/dist/{ViewVerificationStatusComponent-DtKLcCGI.js → ViewVerificationStatusComponent-_qQmZFDY.js}

@@ -2,16 +2,16 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1112c535-d11c-45ae-983b-7e40af01aca8", e._sentryDebugIdIdentifier = "sentry-dbid-1112c535-d11c-45ae-983b-7e40af01aca8");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "69bed8db-7923-4510-914b-b34eb3a6a4b1", e._sentryDebugIdIdentifier = "sentry-dbid-69bed8db-7923-4510-914b-b34eb3a6a4b1");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useMemo, useCallback, useEffect } from "preact/hooks";
-import { p as useApiContext, bf as useMutation, bh as httpPost, X as createLogger, b as useI18nContext, L as Loader, B as Alert, Z as Button } from "./StoreProvider-BmzY19Td.js";
-import { u as useOnboardingStatus } from "./useOnboardingStatus-Cwba-HzS.js";
-import { O as OnboardingStatus } from "./view-verification-status-DTkA8PtO.js";
+import { a as useApiContext, bp as useMutation, t as httpPost, a0 as createLogger, u as useI18nContext, L as Loader, K as Alert, G as Button } from "./StoreProvider-O9jwxfG8.js";
+import { u as useOnboardingStatus } from "./useOnboardingStatus-DJdV6bAG.js";
+import { O as OnboardingStatuses } from "./view-verification-status-VFcBydkR.js";
 const generateOnboardingLink = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -38,22 +38,22 @@ const coerceError = (err) => {
   return new Error("Unknown error");
 };
 const contentMap = {
-  [OnboardingStatus.AWAITING_DATA]: {
+  [OnboardingStatuses.AWAITING_DATA]: {
     description: ["onboardingRedirectAwaitingDescriptionP1"],
     ctaButton: "onboardingRedirectAwaitingCtaButton"
   },
-  [OnboardingStatus.IN_REVIEW]: {
+  [OnboardingStatuses.IN_REVIEW]: {
     description: ["onboardingRedirectInReviewDescriptionP1"],
     ctaButton: "onboardingRedirectInReviewCtaButton"
   },
-  [OnboardingStatus.UNSUCCESSFUL]: {
+  [OnboardingStatuses.UNSUCCESSFUL]: {
     description: ["onboardingRedirectUnsuccessfulDescriptionP1"],
     ctaButton: "onboardingRedirectUnsuccessfulCtaButton"
   },
-  [OnboardingStatus.REJECTED]: {
+  [OnboardingStatuses.REJECTED]: {
     description: ["onboardingRedirectRejectedDescriptionP1"]
   },
-  [OnboardingStatus.VERIFIED]: {
+  [OnboardingStatuses.VERIFIED]: {
     description: ["onboardingRedirectVerifiedDescriptionP1"]
   }
 };
@@ -66,7 +66,10 @@ const styles = {
   verification,
   verificationDescription
 };
-const FINAL_STATUSES = [OnboardingStatus.VERIFIED, OnboardingStatus.REJECTED];
+const FINAL_STATUSES = [
+  OnboardingStatuses.VERIFIED,
+  OnboardingStatuses.REJECTED
+];
 const logger = createLogger();
 function ViewVerificationStatusComponent({
   legalEntityId,
@@ -99,7 +102,7 @@ function ViewVerificationStatusComponent({
       const error = coerceError(rawError);
       logger.error(error);
       setAlertContent(userMessage);
-      onError == null ? void 0 : onError({
+      onError?.({
         error,
         userMessage: i18n.get(userMessage)
       });
@@ -110,21 +113,20 @@ function ViewVerificationStatusComponent({
     (newStatus) => {
       if (!newStatus) return;
       setOnboardingStatus(newStatus);
-      if (newStatus !== onboardingStatus) onStatusChange == null ? void 0 : onStatusChange(newStatus);
+      if (newStatus !== onboardingStatus) onStatusChange?.(newStatus);
     },
     [onStatusChange, onboardingStatus]
   );
   const { isLoading, data, isError } = useOnboardingStatus({
     refetchInterval: (res) => {
-      var _a;
-      const status = (_a = res.state.data) == null ? void 0 : _a.status;
+      const status = res.state.data?.status;
       setOnboardingStatus(status);
       return status === void 0 || !FINAL_STATUSES.includes(status) ? 3e3 : false;
     }
   });
   useEffect(() => {
     setAlertContent(void 0);
-    updateOnboardingStatus(data == null ? void 0 : data.status);
+    updateOnboardingStatus(data?.status);
   }, [data, updateOnboardingStatus]);
   const generateOnboardingLink2 = useGenerateOnboardingLink({
     onSuccess: ({ redirectUrl }) => {
@@ -144,20 +146,19 @@ function ViewVerificationStatusComponent({
       handleError(new Error("Could not open redirect in new tab"), "onboardingRedirectOpenError");
       return;
     }
-    onRedirect == null ? void 0 : onRedirect({
+    onRedirect?.({
       ...config2,
       onboardingLink: url
     });
   };
   const showAlert = alertContent || isError;
-  const statusesWithoutActions = [OnboardingStatus.REJECTED, OnboardingStatus.VERIFIED];
-  const hideButton = onboardingStatus && statusesWithoutActions.includes(onboardingStatus) || !(content == null ? void 0 : content.ctaButton);
+  const hideButton = onboardingStatus && onboardingStatus === OnboardingStatuses.REJECTED || onboardingStatus === OnboardingStatuses.VERIFIED || !content?.ctaButton;
   if (!showAlert && (isLoading || !content)) {
     return /* @__PURE__ */ jsx(Loader, {});
   }
   return /* @__PURE__ */ jsx("section", { className: styles.verification, children: showAlert ? /* @__PURE__ */ jsx(Alert, { title: i18n.get(alertContent ?? "onboardingRedirectLinkError"), variant: "error" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    !hideExplanation && (content == null ? void 0 : content.description.map((key) => /* @__PURE__ */ jsx("p", { className: styles.verificationDescription, children: i18n.get(key) }, key))),
-    !hideButton && (content == null ? void 0 : content.ctaButton) && /* @__PURE__ */ jsx(
+    !hideExplanation && content?.description.map((key) => /* @__PURE__ */ jsx("p", { className: styles.verificationDescription, children: i18n.get(key) }, key)),
+    !hideButton && content?.ctaButton && /* @__PURE__ */ jsx(
       Button,
       {
         onClick: () => {
@@ -165,7 +166,7 @@ function ViewVerificationStatusComponent({
         },
         variant: "link",
         loading: generateOnboardingLink2.isPending,
-        children: i18n.get(content == null ? void 0 : content.ctaButton)
+        children: i18n.get(content?.ctaButton)
       }
     )
   ] }) });

package/dist/adyen-business-financing.js

@@ -2,15 +2,15 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "63f54aaa-9dd9-4460-8c7e-94e21351491c", e._sentryDebugIdIdentifier = "sentry-dbid-63f54aaa-9dd9-4460-8c7e-94e21351491c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d1e1379b-d726-4dd0-a2bb-b4c1f4003a3c", e._sentryDebugIdIdentifier = "sentry-dbid-d1e1379b-d726-4dd0-a2bb-b4c1f4003a3c");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-Dx0BPNMa.js";
-import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-Bs-poF2d.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DvSgDDo8.js";
+import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-CEIG-4wN.js";
 const AdyenBusinessFinancing = ({
   rootlegalentityid,
   fetchToken,
@@ -18,7 +18,7 @@ const AdyenBusinessFinancing = ({
   locale,
   settings = {},
   experiments = {},
-  onSubmitSuccess
+  onComplete
 }) => /* @__PURE__ */ jsx(
   EmbedShell,
   {
@@ -29,13 +29,7 @@ const AdyenBusinessFinancing = ({
     getSdkToken: fetchToken,
     locale,
     baseUrl: resolveEnvironment(environment),
-    children: /* @__PURE__ */ jsx(
-      BusinessFinancingComponent,
-      {
-        legalEntityId: rootlegalentityid,
-        onSubmitSuccess
-      }
-    )
+    children: /* @__PURE__ */ jsx(BusinessFinancingComponent, { legalEntityId: rootlegalentityid, onSubmitSuccess: onComplete })
   }
 );
 register(
@@ -48,7 +42,9 @@ register(
     "locale",
     "settings",
     "experiments",
-    "onSubmitSuccess"
+    "view",
+    "onComplete",
+    "onClose"
   ],
   { shadow: true, adoptedStyleSheets: stylesheets }
 );

package/dist/adyen-individual.js

@@ -2,15 +2,15 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "adbbe465-124a-4fc8-9585-e647d96faadf", e._sentryDebugIdIdentifier = "sentry-dbid-adbbe465-124a-4fc8-9585-e647d96faadf");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e37a7d7f-9b52-485d-bd09-5d712662333d", e._sentryDebugIdIdentifier = "sentry-dbid-e37a7d7f-9b52-485d-bd09-5d712662333d");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-Dx0BPNMa.js";
-import { C as CreateIndividualComponent } from "./CreateIndividualComponent-D3aXuYRk.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DvSgDDo8.js";
+import { C as CreateIndividualComponent } from "./CreateIndividualComponent-t9eDVjpb.js";
 const AdyenIndividual = ({
   rootlegalentityid,
   fetchToken,
@@ -42,7 +42,9 @@ register(
     "fetchToken",
     "settings",
     "experiments",
-    "view"
+    "view",
+    "onComplete",
+    "onClose"
   ],
   { shadow: true, adoptedStyleSheets: stylesheets }
 );

package/dist/adyen-kyc-components.js

@@ -2,25 +2,42 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "efa07e23-6ee2-4c2a-ba7d-2a2b245f5748", e._sentryDebugIdIdentifier = "sentry-dbid-efa07e23-6ee2-4c2a-ba7d-2a2b245f5748");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "37c9c8a0-90ce-48f4-b1f1-8f8dc5484cfd", e._sentryDebugIdIdentifier = "sentry-dbid-37c9c8a0-90ce-48f4-b1f1-8f8dc5484cfd");
   } catch (e) {
   }
 }
 ;
-import { l as listify, i as isUndefinedOrNull, u as useAllowedCountries, a as useLegalEntity, R as ROOT_LE, b as useI18nContext, c as useDataset, d as datasetIdentifier, L as Loader, g as getLegalEntityCountry, A as AlertIcon, F as FormHeader, e as uuidv4, S as SettingsProvider, Q as QueryClientProvider, f as ApiProvider, E as ExperimentsContextProvider, h as StoreProvider, j as AnalyticsProvider, I as I18nProvider, D as DebugListener, T as ToastContextProvider, k as StateProvider, n as normalizeEnvironment, m as FALLBACK_LOCALE, s as setSdkToken, o as setSdkTokenHandler } from "./StoreProvider-BmzY19Td.js";
-import { AcceptTermsOfServiceComponent } from "./AcceptTermsOfServiceComponent-BQ4Yct7L.js";
-import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-Bs-poF2d.js";
-import { C as CreateIndividualComponent } from "./CreateIndividualComponent-D3aXuYRk.js";
-import { C as CreateTransferInstrumentComponent } from "./CreateTransferInstrumentComponent-C-ncZ-A8.js";
-import { M as ManageIndividualComponent } from "./ManageIndividualComponent-BIMCvcr2.js";
-import { M as ManagePCIComponent } from "./ManagePCIComponent-Blj60xLa.js";
-import { M as ManageTermsOfServiceComponent } from "./ManageTermsOfServiceComponent-CsM23jq3.js";
-import { M as ManageTransferInstrumentComponent } from "./ManageTransferInstrumentComponent-Vut9_bRn.js";
-import { O as OnboardingDropinComponent, D as DropinLayout } from "./OnboardingDropinComponent-BW6er2HU.js";
-import { SignPCIComponent } from "./SignPCIComponent-kHaxhkWa.js";
-import { V as ViewVerificationStatusComponent } from "./ViewVerificationStatusComponent-DtKLcCGI.js";
+import { u as useI18nContext, a as useApiContext, l as listify, i as isUndefinedOrNull, b as useAllowedCountries, c as useTranslation, d as useLegalEntity, R as ROOT_LE, e as useDataset, f as datasetIdentifier, L as Loader, g as getLegalEntityCountry, A as AlertIcon, F as FormHeader, h as uuidv4, S as SettingsProvider, Q as QueryClientProvider, j as ApiProvider, E as ExperimentsContextProvider, k as StoreProvider, m as AnalyticsProvider, I as I18nProvider, D as DebugListener, T as ToastContextProvider, n as StateProvider, o as normalizeEnvironment, p as FALLBACK_LOCALE, s as setSdkToken, q as setSdkTokenHandler } from "./StoreProvider-O9jwxfG8.js";
+import { AcceptTermsOfServiceComponent } from "./AcceptTermsOfServiceComponent-ilX6szf9.js";
+import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-CEIG-4wN.js";
+import { C as CreateIndividualComponent } from "./CreateIndividualComponent-t9eDVjpb.js";
+import { C as CreateTransferInstrumentComponent } from "./CreateTransferInstrumentComponent-D65FAcQz.js";
+import { M as ManageIndividualComponent } from "./ManageIndividualComponent-zCo6mUQx.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { u as useSalesChannelsSettings, a as usePciStatus, O as OnboardingDropinComponent, D as DropinLayout } from "./OnboardingDropinComponent-DYdts9Sh.js";
+import { E as EmbeddedStatus } from "./EmbeddedStatus-DdGnEZzS.js";
+import { M as ManageTermsOfServiceComponent } from "./ManageTermsOfServiceComponent-DpQXgPYk.js";
+import { M as ManageTransferInstrumentComponent } from "./ManageTransferInstrumentComponent-BKERoin1.js";
+import { SignPCIComponent } from "./SignPCIComponent-By4PazmA.js";
+import { V as ViewVerificationStatusComponent } from "./ViewVerificationStatusComponent-_qQmZFDY.js";
 import { render } from "preact";
+function ManagePCIComponent({ legalEntityId, onClick }) {
+  const { i18n } = useI18nContext();
+  const title = i18n.get("pciDssQuestionnaire");
+  const additionalSalesChannels = useSalesChannelsSettings();
+  const { data, isLoading } = usePciStatus({ additionalSalesChannels });
+  const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
+  currentLegalEntityId.value = legalEntityId;
+  return data?.signingRequired ? /* @__PURE__ */ jsx(
+    EmbeddedStatus,
+    {
+      onClick,
+      actionIndicator: { labelKey: "sign" },
+      title,
+      loading: isLoading
+    }
+  ) : /* @__PURE__ */ jsx(EmbeddedStatus, { onClick, title, tagLabel: "complete", loading: isLoading });
+}
 const componentsMap = {
   createTransferInstrumentComponent: CreateTransferInstrumentComponent,
   createIndividualComponent: CreateIndividualComponent,
@@ -215,56 +232,57 @@ const validateForComponent = (componentName, options) => {
   validateComponentOptions(componentName, options);
 };
 const AllowedCountryGate = ({ children }) => {
-  var _a;
   const allowedCountries = useAllowedCountries();
+  const { t } = useTranslation();
   const { data: rootLegalEntity } = useLegalEntity(ROOT_LE);
-  const { i18n } = useI18nContext();
   const { dataset: countries } = useDataset(datasetIdentifier.country);
   if (!rootLegalEntity || !allowedCountries) return /* @__PURE__ */ jsx(Loader, {});
   const country = getLegalEntityCountry(rootLegalEntity);
   const isAllowed = allowedCountries.includes(country);
-  const countryName = ((_a = countries.find(({ id }) => id === country)) == null ? void 0 : _a.name) ?? country;
+  const countryName = countries.find(({ id }) => id === country)?.name ?? country;
   if (!isAllowed)
     return /* @__PURE__ */ jsx(
       DropinLayout,
       {
         content: /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(AlertIcon, { variant: "error" }),
-          /* @__PURE__ */ jsx(FormHeader, { heading: i18n.get("countryNotSupported") }),
-          /* @__PURE__ */ jsx("span", { children: i18n.get("weDontSupportOnboardingInCountry", { values: { country: countryName } }) })
+          /* @__PURE__ */ jsx(FormHeader, { heading: t(($) => $["countryNotSupported"]) }),
+          /* @__PURE__ */ jsx("span", { children: t(($) => $["weDontSupportOnboardingInCountry"], { country: countryName }) })
         ] })
       }
     );
   return /* @__PURE__ */ jsx(Fragment, { children });
 };
 class AbstractEventEmitter {
-  constructor() {
-    this.listeners = {};
-    this.on = (eventName, listener) => {
-      this.getListeners(eventName).push(listener);
-    };
-    this.off = (eventName, toRemove) => {
-      this.listeners[eventName] = this.getListeners(eventName).filter(
-        (listener) => listener !== toRemove
-      );
-    };
-    this.emit = (eventName, ...data) => {
-      this.getListeners(eventName).forEach((listener) => listener(data[0]));
-    };
-  }
+  listeners = {};
   getListeners(eventName) {
     if (!this.listeners[eventName]) {
       this.listeners[eventName] = [];
     }
     return this.listeners[eventName];
   }
+  on = (eventName, listener) => {
+    this.getListeners(eventName).push(listener);
+  };
+  off = (eventName, toRemove) => {
+    this.listeners[eventName] = this.getListeners(eventName).filter(
+      (listener) => listener !== toRemove
+    );
+  };
+  emit = (eventName, ...data) => {
+    this.getListeners(eventName).forEach((listener) => listener(data[0]));
+  };
 }
 class EventEmitter extends AbstractEventEmitter {
 }
 class BaseElement {
+  _id = `${this.constructor.name}-${uuidv4()}`;
+  props;
+  _node;
+  _component;
+  eventEmitter = new EventEmitter();
+  _parentInstance;
   constructor(props) {
-    this._id = `${this.constructor.name}-${uuidv4()}`;
-    this.eventEmitter = new EventEmitter();
     this.props = { ...props };
     this._parentInstance = this.props._parentInstance;
     this.remove = this.remove.bind(this);
@@ -335,96 +353,104 @@ class BaseElement {
   }
 }
 class UIElement extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.render = () => {
-      const UIElement2 = this.props.component;
-      return /* @__PURE__ */ jsx(SettingsProvider, { settings: this.props.settings, children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(
-        ApiProvider,
-        {
-          rootLegalEntityId: this.props.componentProps.legalEntityId,
-          baseUrl: this.props.baseUrl,
-          children: /* @__PURE__ */ jsx(
-            ExperimentsContextProvider,
-            {
-              experiments: this.props.experiments,
-              refreshExperiments: this.props.refreshExperiments,
-              children: /* @__PURE__ */ jsxs(StoreProvider, { children: [
-                /* @__PURE__ */ jsx("span", { className: "adyen-kyc__sdk-version", hidden: true, children: "4.0.0-beta.1" }),
-                /* @__PURE__ */ jsx(
-                  AnalyticsProvider,
-                  {
-                    componentName: this.props.componentName,
-                    rootLegalEntityId: this.props.componentProps.legalEntityId,
-                    children: /* @__PURE__ */ jsx(AllowedCountryGate, { children: /* @__PURE__ */ jsxs(I18nProvider, { locale: this.props.locale, eventEmitter: this.eventEmitter, children: [
-                      /* @__PURE__ */ jsx(DebugListener, {}),
-                      /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(UIElement2, { ...this.props.componentProps, onUnmount: this.remove }) }) }) }) })
-                    ] }) })
-                  }
-                )
-              ] })
-            }
-          )
-        }
-      ) }) });
-    };
-  }
+  render = () => {
+    const UIElement2 = this.props.component;
+    return /* @__PURE__ */ jsx(SettingsProvider, { settings: this.props.settings, children: /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(
+      ApiProvider,
+      {
+        rootLegalEntityId: this.props.componentProps.legalEntityId,
+        baseUrl: this.props.baseUrl,
+        children: /* @__PURE__ */ jsx(
+          ExperimentsContextProvider,
+          {
+            experiments: this.props.experiments,
+            refreshExperiments: this.props.refreshExperiments,
+            children: /* @__PURE__ */ jsxs(StoreProvider, { children: [
+              /* @__PURE__ */ jsx("span", { className: "adyen-kyc__sdk-version", hidden: true, children: "4.0.0-beta.4" }),
+              /* @__PURE__ */ jsx(
+                AnalyticsProvider,
+                {
+                  componentName: this.props.componentName,
+                  rootLegalEntityId: this.props.componentProps.legalEntityId,
+                  children: /* @__PURE__ */ jsx(AllowedCountryGate, { children: /* @__PURE__ */ jsxs(I18nProvider, { locale: this.props.locale, eventEmitter: this.eventEmitter, children: [
+                    /* @__PURE__ */ jsx(DebugListener, {}),
+                    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(UIElement2, { ...this.props.componentProps, onUnmount: this.remove }) }) }) }) })
+                  ] }) })
+                }
+              )
+            ] })
+          }
+        )
+      }
+    ) }) });
+  };
 }
 class Core {
+  options;
+  components = [];
   constructor(coreOptions) {
-    this.components = [];
-    this.create = (componentName, componentOptions) => {
-      validateForComponent(componentName, componentOptions);
-      const component = componentsMap[componentName];
-      const mergedOptions = {
-        ...this.options,
-        ...componentOptions
-      };
-      const uiElement = new UIElement({
-        ...mergedOptions,
-        component,
-        componentProps: mergedOptions,
-        componentName
-      });
-      this.components.push(uiElement);
-      return uiElement;
-    };
-    this.update = (options) => {
-      this.options = this.getUpdatedOptions(options);
-      this.components.forEach((c) => c.update(this.options));
-      return this;
-    };
-    this.updateLocale = ({ locale }) => {
-      this.options = this.getUpdatedOptions({ locale });
-      this.components.forEach((c) => c.updateLocale(this.options));
-      return this;
-    };
-    this.updateExpiry = ({ expiry }) => {
-      this.options = this.getUpdatedOptions({ expiry });
-      this.components.forEach((c) => c.updateExpiry(this.options));
-      return this;
-    };
-    this.remove = (component) => {
-      this.components = this.components.filter((c) => c._id !== component._id);
-      component.unmount();
-      return this;
-    };
-    this.getUpdatedOptions = (options) => {
-      const newOptions = { ...this.options, ...options };
-      validateCoreOptions(newOptions);
-      newOptions.baseUrl = normalizeEnvironment(newOptions.environment);
-      if (!newOptions.locale) newOptions.locale = FALLBACK_LOCALE;
-      return newOptions;
-    };
-    this.initializeSession = () => {
-      if (this.options.sdkToken && this.options.getSdkToken) {
-        setSdkToken(this.options.sdkToken);
-        setSdkTokenHandler(this.options.getSdkToken);
-      }
-    };
     this.options = this.getUpdatedOptions(coreOptions);
     this.initializeSession();
   }
+  create = (componentName, componentOptions) => {
+    validateForComponent(componentName, componentOptions);
+    const component = componentsMap[componentName];
+    const mergedOptions = {
+      ...this.options,
+      ...componentOptions
+    };
+    const uiElement = new UIElement({
+      ...mergedOptions,
+      component,
+      componentProps: mergedOptions,
+      componentName
+    });
+    this.components.push(uiElement);
+    return uiElement;
+  };
+  /**
+   * Updates global configurations, resets the internal state and remounts each element.
+   * @param options - props to update
+   * @returns this - the element instance
+   */
+  update = (options) => {
+    this.options = this.getUpdatedOptions(options);
+    this.components.forEach((c) => c.update(this.options));
+    return this;
+  };
+  updateLocale = ({ locale }) => {
+    this.options = this.getUpdatedOptions({ locale });
+    this.components.forEach((c) => c.updateLocale(this.options));
+    return this;
+  };
+  updateExpiry = ({ expiry }) => {
+    this.options = this.getUpdatedOptions({ expiry });
+    this.components.forEach((c) => c.updateExpiry(this.options));
+    return this;
+  };
+  /**
+   * Remove the reference of a component
+   * @param component - reference to the component to be removed
+   * @returns this - the element instance
+   */
+  remove = (component) => {
+    this.components = this.components.filter((c) => c._id !== component._id);
+    component.unmount();
+    return this;
+  };
+  getUpdatedOptions = (options) => {
+    const newOptions = { ...this.options, ...options };
+    validateCoreOptions(newOptions);
+    newOptions.baseUrl = normalizeEnvironment(newOptions.environment);
+    if (!newOptions.locale) newOptions.locale = FALLBACK_LOCALE;
+    return newOptions;
+  };
+  initializeSession = () => {
+    if (this.options.sdkToken && this.options.getSdkToken) {
+      setSdkToken(this.options.sdkToken);
+      setSdkTokenHandler(this.options.getSdkToken);
+    }
+  };
 }
 if (CSS.supports("container", "foo / inline-size") === false) {
   import("container-query-polyfill");

package/dist/adyen-manage-individual.js

@@ -9,8 +9,8 @@
 ;
 import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-Dx0BPNMa.js";
-import { M as ManageIndividualComponent } from "./ManageIndividualComponent-BIMCvcr2.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DvSgDDo8.js";
+import { M as ManageIndividualComponent } from "./ManageIndividualComponent-zCo6mUQx.js";
 const AdyenManageIndividual = ({
   rootlegalentityid,
   onClick,

package/dist/adyen-manage-terms-of-service.js

@@ -2,15 +2,15 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "285d97f3-9eb1-4981-8671-cae1b4786902", e._sentryDebugIdIdentifier = "sentry-dbid-285d97f3-9eb1-4981-8671-cae1b4786902");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "fbd10d29-3082-4221-b7ab-0efa8735b1d6", e._sentryDebugIdIdentifier = "sentry-dbid-fbd10d29-3082-4221-b7ab-0efa8735b1d6");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-Dx0BPNMa.js";
-import { M as ManageTermsOfServiceComponent } from "./ManageTermsOfServiceComponent-CsM23jq3.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DvSgDDo8.js";
+import { M as ManageTermsOfServiceComponent } from "./ManageTermsOfServiceComponent-DpQXgPYk.js";
 const AdyenManageTermsOfService = ({
   rootlegalentityid,
   fetchToken,

package/dist/adyen-manage-transfer-instruments.js

@@ -2,15 +2,15 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b247b2ec-17b8-4212-b61b-f94895a7b5d7", e._sentryDebugIdIdentifier = "sentry-dbid-b247b2ec-17b8-4212-b61b-f94895a7b5d7");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8efaa4c4-c81b-416e-b577-b405a954ac35", e._sentryDebugIdIdentifier = "sentry-dbid-8efaa4c4-c81b-416e-b577-b405a954ac35");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-Dx0BPNMa.js";
-import { M as ManageTransferInstrumentComponent } from "./ManageTransferInstrumentComponent-Vut9_bRn.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DvSgDDo8.js";
+import { M as ManageTransferInstrumentComponent } from "./ManageTransferInstrumentComponent-BKERoin1.js";
 const AdyenManageTransferInstruments = ({
   rootlegalentityid,
   fetchToken,

package/dist/adyen-onboarding.js

@@ -2,22 +2,23 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bc680da1-6d9d-446a-b336-f59cd555578d", e._sentryDebugIdIdentifier = "sentry-dbid-bc680da1-6d9d-446a-b336-f59cd555578d");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "29a68427-09ba-4f8a-b656-6468a6fd6627", e._sentryDebugIdIdentifier = "sentry-dbid-29a68427-09ba-4f8a-b656-6468a6fd6627");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-Dx0BPNMa.js";
-import { O as OnboardingDropinComponent } from "./OnboardingDropinComponent-BW6er2HU.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DvSgDDo8.js";
+import { O as OnboardingDropinComponent } from "./OnboardingDropinComponent-DYdts9Sh.js";
 const AdyenOnboarding = ({
   rootlegalentityid,
   fetchToken,
   environment,
   locale,
   settings = {},
-  experiments = {}
+  experiments = {},
+  openbankingpartnerconfigid
 }) => /* @__PURE__ */ jsx(
   EmbedShell,
   {
@@ -28,7 +29,13 @@ const AdyenOnboarding = ({
     getSdkToken: fetchToken,
     locale,
     baseUrl: resolveEnvironment(environment),
-    children: /* @__PURE__ */ jsx(OnboardingDropinComponent, { legalEntityId: rootlegalentityid })
+    children: /* @__PURE__ */ jsx(
+      OnboardingDropinComponent,
+      {
+        legalEntityId: rootlegalentityid,
+        openBankingPartnerConfigId: openbankingpartnerconfigid
+      }
+    )
   }
 );
 register(
@@ -40,7 +47,8 @@ register(
     "environment",
     "locale",
     "settings",
-    "experiments"
+    "experiments",
+    "openbankingpartnerconfigid"
   ],
   { shadow: true, adoptedStyleSheets: stylesheets }
 );