@adyen/kyc-components 4.0.0-beta.0 → 4.0.0-beta.3

package/dist/{ViewVerificationStatusComponent-CRefu327.js → ViewVerificationStatusComponent-DDtXG_pM.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] = "afc815e4-3a82-4658-a1ff-00d9238076ef", e._sentryDebugIdIdentifier = "sentry-dbid-afc815e4-3a82-4658-a1ff-00d9238076ef");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ad6b4c42-2b19-4866-af41-85e107b89ec4", e._sentryDebugIdIdentifier = "sentry-dbid-ad6b4c42-2b19-4866-af41-85e107b89ec4");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useMemo, useCallback, useEffect } from "preact/hooks";
-import { q as useApiContext, b5 as useMutation, b7 as httpPost, aJ as createLogger, b as useI18nContext, L as Loader, C as Alert, Z as Button } from "./StoreProvider-COHi02bX.js";
-import { u as useOnboardingStatus } from "./useOnboardingStatus-D1ym3MHp.js";
+import { p as useApiContext, bi as useMutation, bk as httpPost, Y as createLogger, ap as useI18nContext, L as Loader, B as Alert, _ as Button } from "./StoreProvider-ClKLaHzy.js";
+import { u as useOnboardingStatus } from "./useOnboardingStatus-BMyj9Pwn.js";
 import { O as OnboardingStatus } from "./view-verification-status-DTkA8PtO.js";
 const generateOnboardingLink = async (legalEntityId, baseUrl, data) => {
   return httpPost(
@@ -99,7 +99,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 +110,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 +143,20 @@ 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 && statusesWithoutActions.includes(onboardingStatus) || !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 +164,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] = "2c26f5b8-005c-47d5-95d7-dd4554b1e01a", e._sentryDebugIdIdentifier = "sentry-dbid-2c26f5b8-005c-47d5-95d7-dd4554b1e01a");
+    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 { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { S as ShadowStylesRoot, i as injectCss, E as EmbedShell, r as resolveEnvironment } from "./ShadowStylesRoot-D4KvocCc.js";
-import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-B0vW7r62.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DQH1ab0S.js";
+import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-DC3jzBrq.js";
 const AdyenBusinessFinancing = ({
   rootlegalentityid,
   fetchToken,
@@ -18,29 +18,20 @@ const AdyenBusinessFinancing = ({
   locale,
   settings = {},
   experiments = {},
-  onSubmitSuccess
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(ShadowStylesRoot, { injectCss }),
-  /* @__PURE__ */ jsx(
-    EmbedShell,
-    {
-      componentName: "adyen-business-financing",
-      rootLegalEntityId: rootlegalentityid,
-      settings,
-      experiments,
-      getSdkToken: fetchToken,
-      locale,
-      baseUrl: resolveEnvironment(environment),
-      children: /* @__PURE__ */ jsx(
-        BusinessFinancingComponent,
-        {
-          legalEntityId: rootlegalentityid,
-          onSubmitSuccess
-        }
-      )
-    }
-  )
-] });
+  onComplete
+}) => /* @__PURE__ */ jsx(
+  EmbedShell,
+  {
+    componentName: "adyen-business-financing",
+    rootLegalEntityId: rootlegalentityid,
+    settings,
+    experiments,
+    getSdkToken: fetchToken,
+    locale,
+    baseUrl: resolveEnvironment(environment),
+    children: /* @__PURE__ */ jsx(BusinessFinancingComponent, { legalEntityId: rootlegalentityid, onSubmitSuccess: onComplete })
+  }
+);
 register(
   AdyenBusinessFinancing,
   "adyen-business-financing",
@@ -51,7 +42,9 @@ register(
     "locale",
     "settings",
     "experiments",
-    "onSubmitSuccess"
+    "view",
+    "onComplete",
+    "onClose"
   ],
-  { shadow: true }
+  { 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] = "fca20afd-f4aa-4100-b180-554429414ab5", e._sentryDebugIdIdentifier = "sentry-dbid-fca20afd-f4aa-4100-b180-554429414ab5");
+    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 { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { S as ShadowStylesRoot, i as injectCss, E as EmbedShell, r as resolveEnvironment } from "./ShadowStylesRoot-D4KvocCc.js";
-import { C as CreateIndividualComponent } from "./CreateIndividualComponent-i-QNCzp0.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DQH1ab0S.js";
+import { C as CreateIndividualComponent } from "./CreateIndividualComponent-D9wnexv4.js";
 const AdyenIndividual = ({
   rootlegalentityid,
   fetchToken,
@@ -19,22 +19,19 @@ const AdyenIndividual = ({
   settings = {},
   experiments = {},
   view
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(ShadowStylesRoot, { injectCss }),
-  /* @__PURE__ */ jsx(
-    EmbedShell,
-    {
-      componentName: "adyen-individual",
-      rootLegalEntityId: rootlegalentityid,
-      settings,
-      experiments,
-      getSdkToken: fetchToken,
-      locale,
-      baseUrl: resolveEnvironment(environment),
-      children: /* @__PURE__ */ jsx(CreateIndividualComponent, { legalEntityId: rootlegalentityid, modalView: view === "modal" })
-    }
-  )
-] });
+}) => /* @__PURE__ */ jsx(
+  EmbedShell,
+  {
+    componentName: "adyen-individual",
+    rootLegalEntityId: rootlegalentityid,
+    settings,
+    experiments,
+    getSdkToken: fetchToken,
+    locale,
+    baseUrl: resolveEnvironment(environment),
+    children: /* @__PURE__ */ jsx(CreateIndividualComponent, { legalEntityId: rootlegalentityid, modalView: view === "modal" })
+  }
+);
 register(
   AdyenIndividual,
   "adyen-individual",
@@ -45,7 +42,9 @@ register(
     "fetchToken",
     "settings",
     "experiments",
-    "view"
+    "view",
+    "onComplete",
+    "onClose"
   ],
-  { shadow: true }
+  { shadow: true, adoptedStyleSheets: stylesheets }
 );

package/dist/adyen-kyc-components.js

@@ -2,23 +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] = "c4ac394d-08a7-452d-8ba4-1030798bcb92", e._sentryDebugIdIdentifier = "sentry-dbid-c4ac394d-08a7-452d-8ba4-1030798bcb92");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6ca831d5-bb04-4cc9-bd46-94743f1e97fc", e._sentryDebugIdIdentifier = "sentry-dbid-6ca831d5-bb04-4cc9-bd46-94743f1e97fc");
   } 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, m as ReactQueryDevtools2, n as normalizeEnvironment, o as FALLBACK_LOCALE, s as setSdkToken, p as setSdkTokenHandler } from "./StoreProvider-COHi02bX.js";
-import { AcceptTermsOfServiceComponent } from "./AcceptTermsOfServiceComponent-Dh7RSJoE.js";
-import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-B0vW7r62.js";
-import { C as CreateIndividualComponent } from "./CreateIndividualComponent-i-QNCzp0.js";
-import { C as CreateTransferInstrumentComponent } from "./CreateTransferInstrumentComponent-8n3tjBYK.js";
-import { M as ManageIndividualComponent } from "./ManageIndividualComponent-DJoEsE2m.js";
-import { M as ManagePCIComponent } from "./ManagePCIComponent-BGESFWL6.js";
-import { M as ManageTermsOfServiceComponent } from "./ManageTermsOfServiceComponent-_wTZrjqd.js";
-import { M as ManageTransferInstrumentComponent } from "./ManageTransferInstrumentComponent-Cvc3kk94.js";
-import { O as OnboardingDropinComponent, D as DropinLayout } from "./OnboardingDropinComponent-CocnpjvA.js";
-import { SignPCIComponent } from "./SignPCIComponent-D35913wJ.js";
-import { V as ViewVerificationStatusComponent } from "./ViewVerificationStatusComponent-CRefu327.js";
+import { l as listify, i as isUndefinedOrNull, u as useAllowedCountries, a as useTranslation, b as useLegalEntity, R as ROOT_LE, 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-ClKLaHzy.js";
+import { AcceptTermsOfServiceComponent } from "./AcceptTermsOfServiceComponent-i222mdxX.js";
+import { B as BusinessFinancingComponent } from "./BusinessFinancingComponent-DC3jzBrq.js";
+import { C as CreateIndividualComponent } from "./CreateIndividualComponent-D9wnexv4.js";
+import { C as CreateTransferInstrumentComponent } from "./CreateTransferInstrumentComponent-COzPdQjC.js";
+import { M as ManageIndividualComponent } from "./ManageIndividualComponent-BEzE5lkX.js";
+import { M as ManagePCIComponent } from "./ManagePCIComponent-BgdGfAuT.js";
+import { M as ManageTermsOfServiceComponent } from "./ManageTermsOfServiceComponent-BWkwy6YC.js";
+import { M as ManageTransferInstrumentComponent } from "./ManageTransferInstrumentComponent-B8kRNftW.js";
+import { O as OnboardingDropinComponent, D as DropinLayout } from "./OnboardingDropinComponent-DBW5N3Dr.js";
+import { SignPCIComponent } from "./SignPCIComponent-cqRNhGdl.js";
+import { V as ViewVerificationStatusComponent } from "./ViewVerificationStatusComponent-DDtXG_pM.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { render } from "preact";
 const componentsMap = {
@@ -150,7 +150,8 @@ const validateOptionsSchema = ({
   received,
   schemaParentsPaths
 }) => {
-  Object.entries(expected).forEach(([propKey, validations]) => {
+  Object.entries(expected).forEach((entry) => {
+    const [propKey, validations] = entry;
     const { type, required } = validations;
     const receivedValue = received[propKey];
     if (required && isUndefinedOrNull(receivedValue)) {
@@ -214,56 +215,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);
@@ -334,99 +336,112 @@ 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__ */ jsxs(
-            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.0" }),
-                  /* @__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 }) }) }) }) })
-                      ] }) })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx(ReactQueryDevtools2, {})
-              ]
-            }
-          )
-        }
-      ) }) });
-    };
-  }
+  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.3" }),
+              /* @__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 }) }) }) }) })
+                  ] }) })
+                }
+              )
+            ] })
+          }
+        )
+      }
+    ) }) });
+  };
+}
+if (process.env.NODE_ENV === "development") {
+  console.error("User-agent error::process exited with HTTP code 666", {
+    stackTrace: ["<div></div> cannot be centered", "flex aborted, reverting to jQuery"]
+  });
+  setTimeout(() => {
+    console.warn("undefined or properties read cannot");
+  }, 3e3);
 }
 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

@@ -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] = "f291e25d-786c-48ff-8242-af0124d5c5d3", e._sentryDebugIdIdentifier = "sentry-dbid-f291e25d-786c-48ff-8242-af0124d5c5d3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "32d446ff-d080-4f3b-848b-8a85181e39cf", e._sentryDebugIdIdentifier = "sentry-dbid-32d446ff-d080-4f3b-848b-8a85181e39cf");
   } catch (e) {
   }
 }
 ;
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { jsx } from "preact/jsx-runtime";
 import register from "preact-custom-element";
-import { S as ShadowStylesRoot, i as injectCss, E as EmbedShell, r as resolveEnvironment } from "./ShadowStylesRoot-D4KvocCc.js";
-import { M as ManageIndividualComponent } from "./ManageIndividualComponent-DJoEsE2m.js";
+import { s as stylesheets, E as EmbedShell, r as resolveEnvironment } from "./resolveEnvironment-DQH1ab0S.js";
+import { M as ManageIndividualComponent } from "./ManageIndividualComponent-BEzE5lkX.js";
 const AdyenManageIndividual = ({
   rootlegalentityid,
   onClick,
@@ -19,22 +19,19 @@ const AdyenManageIndividual = ({
   locale,
   settings = {},
   experiments = {}
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(ShadowStylesRoot, { injectCss }),
-  /* @__PURE__ */ jsx(
-    EmbedShell,
-    {
-      componentName: "adyen-manage-individual",
-      rootLegalEntityId: rootlegalentityid,
-      settings,
-      experiments,
-      getSdkToken: fetchToken,
-      locale,
-      baseUrl: resolveEnvironment(environment),
-      children: /* @__PURE__ */ jsx(ManageIndividualComponent, { legalEntityId: rootlegalentityid, onClick })
-    }
-  )
-] });
+}) => /* @__PURE__ */ jsx(
+  EmbedShell,
+  {
+    componentName: "adyen-manage-individual",
+    rootLegalEntityId: rootlegalentityid,
+    settings,
+    experiments,
+    getSdkToken: fetchToken,
+    locale,
+    baseUrl: resolveEnvironment(environment),
+    children: /* @__PURE__ */ jsx(ManageIndividualComponent, { legalEntityId: rootlegalentityid, onClick })
+  }
+);
 register(
   AdyenManageIndividual,
   "adyen-manage-individual",
@@ -47,5 +44,5 @@ register(
     "experiments",
     "onClick"
   ],
-  { shadow: true }
+  { shadow: true, adoptedStyleSheets: stylesheets }
 );