@adyen/kyc-components 4.0.0-compact.8 → 4.0.0-compact.9

package/README.md

@@ -1,59 +1,47 @@
-# Adyen KYC Components (Onboarding Components)
+# Quick start
 
-`adyen-kyc-components` provides the required pieces to build an onboarding flow based on a legal entity. To onboard and verify users, you need to create a user interface (UI) to collect user data. To speed up building your integration, Adyen offers onboarding components. You can integrate these components into your UI to let your users enter their data. The component then uses the entered data to create the relevant resource. This means you don't need to implement the API call to create the resource yourself.
+This guide assumes that you have already an account with Adyen. A legalEntity needs to be created, and you need to have a `legalEntityId` to instatiate a Component.
 
-## Setup
+## Installing
 
-1. Install and import the npm package
+Install the library
 
-   - Install the node package
+```sh
+npm install @adyen/kyc-components
+```
 
-   ```
-    npm install @adyen/kyc-components --save
-   ```
+## Available Adyen Components
 
-   - Import the package and the style sheet in your application
+- [Transfer Instrument Configuration](https://docs.adyen.com/platforms/onboard-users/components?component=Transfer+Instrument&integration=components&version=4.0.x#transfer-instrument-configuration-component) for adding, editing and linking bank accounts.
+- [Transfer Instrument Management](https://docs.adyen.com/platforms/onboard-users/components?component=Transfer+Instrument&integration=components&version=4.0.x#transfer-instrument-management-component), a UI for the above.
 
-   ```
-    import AdyenKyc from '@adyen/kyc-components';
-    import '@adyen/kyc-components/styles.css';
-   ```
+## Usage
 
-2. Initializing the sdk
+Import the component you need, and use it as a custom-element.
 
-   ```js
-   const adyenKycHandler = new AdyenKyc({
-     locale: 'en-US',
-     country: 'US',
-     environment: 'https://test.adyen.com',
-     sdkToken: token,
-     getSdkToken,
-   });
-   ```
+Check [component properties](https://docs.adyen.com/platforms/onboard-users/components?component=Transfer+Instrument&integration=components&version=4.0.x#configure-component-properties) for details on what the properties are.
 
-3. Including createTransferInstrument component
+```jsx
+import "@adyen/kyc-components/transfer-instrument-configuration";
 
-   ```js
-   const createTransferInstrumentComponent = adyenKycHandler
-     .create('createTransferInstrumentComponent', {
-       legalEntityId,
-       transferInstrumentId, // Optional
-       openBankingPartnerConfigId: 'YourBrandOBConfigId',
-       settings: {
-         allowIntraRegionCrossBorderPayout: true, // Optional
-         allowBankAccountFormatSelection: true, // Optional
-       },
-       onSubmitSuccess: (submittedData) => {},
-     })
-     .mount('#create-transfer-instrument-container'); // Mount to the container you created
-   ```
+// in your HTML (or JSX, templating, etc.)
 
-See our [Onboarding components documentation](https://docs.adyen.com/platforms/onboard-users/onboarding-components/) for more details.
+<adyen-transfer-instrument-configuration
+  locale="en-US"
+  environment="test"
+  rootlegalentityid="myLegalEntityId"
+  transferinstrumentid="testTransferInstrumentId"
+  fetchToken="fetchToken"
+></adyen-transfer-instrument-configuration>
+```
 
-## Supported countries/regions
+> [!WARNING]
+> Custom elements need closing tags, which means you need to have the closing `</adyen-transfer-instrument-configuration>`
 
-You can use the Onboarding components to onboard users operating in countries listed [here](https://docs.adyen.com/platforms/onboard-users/onboarding-components/#supported-countries-regions).
+## FetchToken and Authentication
 
-## Supported languages
+The [fetchToken](https://docs.adyen.com/platforms/onboard-users/components?component=Transfer+Instrument&integration=components&version=4.0.x#id732020335) function needs to return a token. You will need to have an endpoint set up in your backend that returns `{ token: 'adyenValidToken' }`. An endpoint is needed on your side in order to not expose your Adyen credentials in the frontend, and to be able to get a token with more granular permissions.
 
-You can localize the Onboarding components by setting `locale` parameter to one of the supported languages listed [here](https://docs.adyen.com/platforms/onboard-users/onboarding-components/#supported-languages).
+## Done
+
+This is all you need to get started. After integrating successful with the first Components, integrating others will be much easier, since the instantiation process is the same.

package/dist/{AcceptTermsOfServiceComponent-kRAMcIqz.js → AcceptTermsOfServiceComponent-Y5aYfW8R.js}

@@ -2,30 +2,30 @@
 {
   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] = "9fd3f85b-ed28-46c8-b327-e7f9eaa036c1", e._sentryDebugIdIdentifier = "sentry-dbid-9fd3f85b-ed28-46c8-b327-e7f9eaa036c1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d1a4eeb8-bdc4-47ac-9a92-322028e0ea4a", e._sentryDebugIdIdentifier = "sentry-dbid-d1a4eeb8-bdc4-47ac-9a92-322028e0ea4a");
   } catch (e) {
   }
 }
 ;
-import { b as useApiContext, $ as httpPost, k as httpGet, a3 as createLogger, u as useTranslation, p as useAnalyticsContext, v as useExperimentsContext, ah as getLanguageCode, V as Button, o as LegalEntityTypes, P as getOwnSignatories, N as doesLegalEntityRequiresLegalRepresentative, O as getLegalRepresentative, a as addResourceBundles, c as useLegalEntity, L as Loader, j as TaskTypes, R as ROOT_LE, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DwuHWsNs.js";
+import { b as useApiContext, h as httpPost, j as httpGet, m as createLogger, u as useTranslation, z as useAnalyticsContext, J as useExperimentsContext, aw as getLanguageCode, G as Alert, W as Button, L as LegalEntityTypes, a3 as getOwnSignatories, a1 as doesLegalEntityRequiresLegalRepresentative, a2 as getLegalRepresentative, a as addResourceBundles, R as useLegalEntity, U as ROOT_LE, V as Loader, y as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-CBB99upB.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { useState, useEffect, useCallback } from "preact/hooks";
+import { useState, useEffect, useMemo, useCallback } from "preact/hooks";
 import { useMutation, useQuery, skipToken } from "@tanstack/preact-query";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-B1vl-x5N.js";
-import { u as useTermsOfServiceStatus, a as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-uSdmiCT3.js";
-import { C as Checkbox } from "./Checkbox-CQQWg0dg.js";
-import { F as Field } from "./Field-GFhXhBL7.js";
-import { L as LoaderWrapper } from "./LoaderWrapper-Brwtj1ws.js";
-import { M as MaybeModal } from "./MaybeModal-D1Kv1uXL.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-C2BAjZxO.js";
+import { u as useTermsOfServiceStatus, a as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-CABu0vXO.js";
+import { C as Card } from "./Card-OQuFzmxm.js";
+import { C as Checkbox } from "./Checkbox-DmYVTVOD.js";
+import { F as Field } from "./Field-CPoHG0G-.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-BL7Hc_DC.js";
+import { M as MaybeModal } from "./MaybeModal-7NGTfxO6.js";
 import { P as ProgressBar } from "./ProgressBar-B7gTQncy.js";
-import { S as Select } from "./Select-_jyQwO_g.js";
-import { u as useForm } from "./useForm-De1DLL-w.js";
-import { E as EndStateLayout } from "./EndStateLayout-CNBH6HSv.js";
-import { a as Alert } from "./Alert-_9nVl6uE.js";
-import { F as FormNavigation } from "./FormNavigation-CuO_QOlJ.js";
+import { S as Select } from "./Select-seF9rM5K.js";
+import { u as useForm } from "./useForm-BQDytQRR.js";
+import { E as EndStateLayout } from "./EndStateLayout-DVisdSEd.js";
+import { F as FormNavigation } from "./FormNavigation-yD8USwyG.js";
 import { d as downloadFile } from "./file-CiG1D0zy.js";
-import { g as getLegalEntityNameBasedOnType } from "./getName-DAC824XH.js";
-import { l as localizeDateString } from "./localizeDateString-rX5kfMAS.js";
+import { g as getLegalEntityNameBasedOnType } from "./getName-CdgtxRvu.js";
+import { l as localizeDateString } from "./localizeDateString-D2nDwdFu.js";
 import { C as ContractViewer } from "./ContractViewer-DcQHIGMU.js";
 const acceptTermsOfService = async (legalEntityId, baseUrl, termsOfServiceDocumentId, data) => {
   return httpPost(
@@ -95,11 +95,13 @@ const useTermsOfService = (data, options) => {
 const tosSignedAlert = "adyen-kyc-tos-signed-alert";
 const tosContainer = "adyen-kyc-tos-container";
 const tosContent = "adyen-kyc-tos-content";
+const tosSignerField = "adyen-kyc-tos-signer-field";
 const tosActions = "adyen-kyc-tos-actions";
 const styles = {
   tosSignedAlert,
   tosContainer,
   tosContent,
+  tosSignerField,
   tosActions
 };
 const logger$1 = createLogger();
@@ -130,7 +132,7 @@ const useServiceAgreement = ({
     { enabled: !acceptanceId }
   );
   const { data: acceptedServiceAgreement, isSuccess: isAcceptedServiceAgreementSuccess } = useAcceptedTermsOfService(acceptanceId, "JSON");
-  if (isUnAcceptedServiceAgreementSuccess || isAcceptedServiceAgreementSuccess) {
+  const fetchedServiceAgreement = useMemo(() => {
     const termsOfService = unAcceptedServiceAgreement ?? acceptedServiceAgreement;
     const documentId = unAcceptedServiceAgreement?.termsOfServiceDocumentId ?? acceptedServiceAgreement?.termsOfServiceAcceptanceReference;
     if (termsOfService?.document && documentId) {
@@ -145,6 +147,9 @@ const useServiceAgreement = ({
         }
       };
     }
+  }, [acceptedServiceAgreement, unAcceptedServiceAgreement]);
+  if ((isUnAcceptedServiceAgreementSuccess || isAcceptedServiceAgreementSuccess) && fetchedServiceAgreement) {
+    return fetchedServiceAgreement;
   }
   if (isError) {
     if (agreementLanguage !== FALLBACK_LANGUAGE_CODE$1) {
@@ -438,15 +443,15 @@ function ServiceAgreementDropin({
             showSpinner: false,
             children: [
               serviceAgreement && /* @__PURE__ */ jsxs(Fragment, { children: [
-                signedAlert,
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-16", children: signedAlert }),
+                /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(
                   ContractViewer,
                   {
                     contract: serviceAgreement.contract,
                     onExpandSection: handleExpandSection,
                     showSectionNumbering: true
                   }
-                ),
+                ) }),
                 /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-top-16", children: signedAlert }),
                 /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-y-16", children: /* @__PURE__ */ jsx(
                   Button,
@@ -468,7 +473,7 @@ function ServiceAgreementDropin({
             {
               name: "signer",
               label: t(($) => $["signer"]),
-              className: "adyen-kyc-u-margin-top-32 adyen-kyc-u-width-half",
+              className: styles.tosSignerField,
               errorMessage: errors.signer?.errorMessage,
               isValid: valid.signer,
               dataTestId: "signer",
@@ -533,7 +538,7 @@ function ServiceAgreementDropin({
   );
   const progress = Math.floor(currentStep / (totalSteps - 1) * 100);
   return /* @__PURE__ */ jsx(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: /* @__PURE__ */ jsxs("div", { className: styles.tosContainer, children: [
-    /* @__PURE__ */ jsxs("article", { className: styles.tosContent, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.tosContent, children: [
       !asEmbedded && sidebar,
       endScreen || content
     ] }),
@@ -557,7 +562,7 @@ function ServiceAgreementDropin({
             children: t(($) => $["back"], { ns: "common" })
           }
         ),
-        /* @__PURE__ */ jsx(Button, { variant: canSign ? "primary" : "secondary", onClick: handleClick, children: canSign ? t(($) => $["signAndContinue"]) : t(($) => $["continue"], { ns: "common" }) })
+        /* @__PURE__ */ jsx(Button, { variant: canSign ? "primary" : "secondary", onClick: handleClick, children: canSign ? t(($) => $["sign"], { ns: "common" }) : t(($) => $["continue"], { ns: "common" }) })
       ] })
     ] })
   ] }) });
@@ -579,9 +584,9 @@ function AcceptTermsOfServiceComponent({
   }
   const { i18n } = useTranslation();
   addResourceBundles(i18n, [
-    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-DzcTI92X.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-dPfrbCii.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-DwuHWsNs.js").then((n) => n.bF), "../../../language/locales/es-ES.json": () => import("./es-ES--IvNed_Q.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-BUixKfXH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-BM-qNLci.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-D63gRTDc.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-DL0IjTzn.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-KQ6bciOb.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Ds3VioxT.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Ct4s4jXV.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-hxwQIw_i.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-0PQ-U1u6.js") }), `../../../language/locales/${lang}.json`, 6) },
-    { ns: "contract", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Contract/language/da-DK.json": () => import("./da-DK-CGWvmdkq.js"), "../../Contract/language/de-DE.json": () => import("./de-DE-DHDJhahG.js"), "../../Contract/language/en-US.json": () => import("./en-US-DoiQhi0j.js"), "../../Contract/language/es-ES.json": () => import("./es-ES-CxnsKEh4.js"), "../../Contract/language/fi-FI.json": () => import("./fi-FI-57-xkioo.js"), "../../Contract/language/fr-FR.json": () => import("./fr-FR-BxiX8Zfi.js"), "../../Contract/language/it-IT.json": () => import("./it-IT-masgjk9F.js"), "../../Contract/language/ja-JP.json": () => import("./ja-JP-vv3-YsHU.js"), "../../Contract/language/nl-NL.json": () => import("./nl-NL-D1b5RUJ0.js"), "../../Contract/language/no-NO.json": () => import("./no-NO-Dkh4SWbB.js"), "../../Contract/language/pt-BR.json": () => import("./pt-BR-BRdIEO2O.js"), "../../Contract/language/sl-SI.json": () => import("./sl-SI-CvUzNn9Z.js"), "../../Contract/language/sv-SE.json": () => import("./sv-SE-BsLkPEzn.js") }), `../../Contract/language/${lang}.json`, 5) },
-    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-DQ4ZYSea.js"), "../../ui/language/de-DE.json": () => import("./de-DE-CkbOZ6S_.js"), "../../ui/language/en-US.json": () => import("./en-US-CjjPhkB5.js"), "../../ui/language/es-ES.json": () => import("./es-ES-BAolMrZ0.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-D8WrLxxq.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-Beljeilc.js"), "../../ui/language/it-IT.json": () => import("./it-IT-5a7NHVFo.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-DSvZhFNY.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-CmURERx_.js"), "../../ui/language/no-NO.json": () => import("./no-NO-qyqWODMp.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-BxoOF8jB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DTvJT7fC.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-N-Hqwcjq.js") }), `../../ui/language/${lang}.json`, 5) }
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-Cv6XUSoW.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-BplDsJEb.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-CfIM2SRF.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-CBB99upB.js").then((n) => n.bT), "../../../language/locales/es-ES.json": () => import("./es-ES-DRsix_Xn.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-BftTiz0c.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-C6jxjXAI.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-CXlaZNIj.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-A6ArIIZ8.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-BwWFlBOs.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-JWsSd7iY.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-BJOww8U1.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-BfO3xEJx.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-CMLKzwtj.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "contract", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Contract/language/da-DK.json": () => import("./da-DK-CLdNh9JT.js"), "../../Contract/language/de-DE.json": () => import("./de-DE-BT5g7ZXC.js"), "../../Contract/language/en-US.json": () => import("./en-US-CgakND3H.js"), "../../Contract/language/es-ES.json": () => import("./es-ES-4FS7NoE7.js"), "../../Contract/language/fi-FI.json": () => import("./fi-FI-XpnJRPgt.js"), "../../Contract/language/fr-FR.json": () => import("./fr-FR-TqAhPvzz.js"), "../../Contract/language/it-IT.json": () => import("./it-IT-D-jYXj6V.js"), "../../Contract/language/ja-JP.json": () => import("./ja-JP-8yMqZqF2.js"), "../../Contract/language/nl-NL.json": () => import("./nl-NL-Jhr-ICkK.js"), "../../Contract/language/no-NO.json": () => import("./no-NO-BH6DId3q.js"), "../../Contract/language/pt-BR.json": () => import("./pt-BR-4Iozxvfr.js"), "../../Contract/language/sl-SI.json": () => import("./sl-SI-Y9h1ht45.js"), "../../Contract/language/sv-SE.json": () => import("./sv-SE-DFSm22oQ.js") }), `../../Contract/language/${lang}.json`, 5) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-DQ4ZYSea.js"), "../../ui/language/de-DE.json": () => import("./de-DE-CkbOZ6S_.js"), "../../ui/language/en-US.json": () => import("./en-US-B-qSAb-7.js"), "../../ui/language/es-ES.json": () => import("./es-ES-BAolMrZ0.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-D8WrLxxq.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-Beljeilc.js"), "../../ui/language/it-IT.json": () => import("./it-IT-5a7NHVFo.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-DSvZhFNY.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-CmURERx_.js"), "../../ui/language/no-NO.json": () => import("./no-NO-qyqWODMp.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-BxoOF8jB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DTvJT7fC.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-N-Hqwcjq.js") }), `../../ui/language/${lang}.json`, 5) }
   ]);
   const [stepsData, setStepsData] = useState({
     unAcceptedTermsOfServiceTypes: [],

package/dist/{AccountSetupRejected-WvT8wynP.js → AccountSetupRejected-BBPH8zsy.js}

@@ -2,16 +2,13 @@
 {
   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] = "c1008c74-ad13-4590-9a0d-a2bc44e75b4c", e._sentryDebugIdIdentifier = "sentry-dbid-c1008c74-ad13-4590-9a0d-a2bc44e75b4c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e8fee038-8636-4265-8421-ff252f764ee0", e._sentryDebugIdIdentifier = "sentry-dbid-e8fee038-8636-4265-8421-ff252f764ee0");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { H as Header } from "./Header-B9Tv_mvA.js";
-import { A as AlertIcon } from "./Alert-_9nVl6uE.js";
-import { u as useTranslation } from "./StoreProvider-DwuHWsNs.js";
-import { D as DropinLayout } from "./DropinLayout-CBP_cHLC.js";
+import { u as useTranslation, bD as AlertIcon, aB as Header, bE as DropinLayout } from "./StoreProvider-CBB99upB.js";
 function AccountSetupRejected() {
   const { t } = useTranslation("common");
   const content = /* @__PURE__ */ jsxs("div", { children: [

package/dist/{ActionBar-BOto3kIR.js → ActionBar-CFMobUf9.js}

@@ -2,13 +2,13 @@
 {
   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] = "b4d07c3b-d5b5-41f4-a2ab-84b6e9e11a78", e._sentryDebugIdIdentifier = "sentry-dbid-b4d07c3b-d5b5-41f4-a2ab-84b6e9e11a78");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6ae827bf-9096-429a-bada-326db1720129", e._sentryDebugIdIdentifier = "sentry-dbid-6ae827bf-9096-429a-bada-326db1720129");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { V as Button } from "./StoreProvider-DwuHWsNs.js";
+import { W as Button } from "./StoreProvider-CBB99upB.js";
 const ActionBar = ({
   onNext,
   onBack,

package/dist/{Address-DfQEZqfV.js → Address-DaePmCRZ.js}

@@ -2,7 +2,7 @@
 {
   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] = "df8f3fc4-3620-4038-8c4a-5ff4126ef225", e._sentryDebugIdIdentifier = "sentry-dbid-df8f3fc4-3620-4038-8c4a-5ff4126ef225");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "11176880-7281-41b7-80f3-9353ddebf0f1", e._sentryDebugIdIdentifier = "sentry-dbid-11176880-7281-41b7-80f3-9353ddebf0f1");
   } catch (e) {
   }
 }
@@ -10,18 +10,16 @@
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { useCallback, useState, useMemo, useEffect } from "preact/hooks";
 import { useQuery } from "@tanstack/preact-query";
-import { b as useApiContext, $ as httpPost, k as httpGet, u as useTranslation, r as Icon, p as useAnalyticsContext, a2 as translateStringOrObject, a0 as CountryCodes, aZ as getFormattingRegEx, a_ as SPECIAL_CHARS, a$ as trimValWithOneSpace, a3 as createLogger, au as hasText, am as matchesRegex, aq as isInvalidName, ap as hasRepeatedCharacters, b0 as isValidMinLength, b1 as chomeAndBanchiValidator, an as NO_ALPHABET_REGEX, ao as EMOJI_REGEX, b2 as ADDRESS_VALID_CHAR_REGEX, aa as useI18nContext, v as useExperimentsContext, ac as entriesOf, b3 as getMaxLengthByFieldAndCountry } from "./StoreProvider-DwuHWsNs.js";
-import { u as useForm } from "./useForm-De1DLL-w.js";
-import { c as createFormUtils } from "./formUtils-Dg7QeiCj.js";
-import { F as Field } from "./Field-GFhXhBL7.js";
-import { I as InputText } from "./InputText-BstgOD1h.js";
-import { S as Select } from "./Select-_jyQwO_g.js";
+import { b as useApiContext, h as httpPost, j as httpGet, u as useTranslation, B as Icon, z as useAnalyticsContext, ac as translateTranslatable, aa as CountryCodes, ap as useDataset, aq as datasetIdentifier, bd as getFormattingRegEx, be as SPECIAL_CHARS, bf as trimValWithOneSpace, m as createLogger, aK as hasText, aC as matchesRegex, aG as isInvalidName, aF as hasRepeatedCharacters, bg as isValidMinLength, bh as chomeAndBanchiValidator, aD as NO_ALPHABET_REGEX, aE as EMOJI_REGEX, bi as ADDRESS_VALID_CHAR_REGEX, bj as NO_ALPHABET_UNICODE_REGEX, J as useExperimentsContext, ao as entriesOf, bk as getMaxLengthByFieldAndCountry } from "./StoreProvider-CBB99upB.js";
+import { u as useForm } from "./useForm-BQDytQRR.js";
+import { c as createFormUtils } from "./formUtils-BEcbGHkz.js";
+import { F as Field } from "./Field-CPoHG0G-.js";
+import { I as InputText } from "./InputText-C55stM8O.js";
+import { S as Select } from "./Select-seF9rM5K.js";
 import { u as useDebouncedCallback } from "./debouncedInputEvent-Cv2S512Y.js";
-import { C as CountryField } from "./CountryField-61GLcHq3.js";
-import { u as useDataset } from "./useDataset-CDtTEXqi.js";
-import { d as datasetIdentifier } from "./datasetUtil-BHQp0-xL.js";
-import { C as COUNTRIES_WITH_STATES_DATASET, c as getKeyForField, d as COUNTRIES_WITH_HOUSE_NUMBER_FIRST, g as getAddressSchemaForCountry, e as CONDENSED_ADDRESS_FIELDS } from "./utils-CHdXRuoO.js";
-import { a as validateNotEmptyOnBlur } from "./patternValidators-EfBVKdNn.js";
+import { C as CountryField } from "./CountryField-C7SjQFv_.js";
+import { C as COUNTRIES_WITH_STATES_DATASET, c as getKeyForField, d as COUNTRIES_WITH_HOUSE_NUMBER_FIRST, g as getAddressSchemaForCountry, e as CONDENSED_ADDRESS_FIELDS } from "./utils-BvFIL5qs.js";
+import { a as validateNotEmptyOnBlur } from "./patternValidators-BkY5yvNa.js";
 const getNestedTrustedFields = (field, data, trustedFields) => {
   if (trustedFields && data?.[field] && typeof data[field] === "object") {
     return trustedFields.reduce(
@@ -41,7 +39,7 @@ const mapAddressData = (verifiedBusiness) => ({
   address: verifiedBusiness.street ?? "",
   otherAddressInformation: verifiedBusiness.street2 ?? "",
   city: verifiedBusiness.city ?? "",
-  postalCode: verifiedBusiness.zipCode ?? "",
+  postalCode: verifiedBusiness.zipCode ?? verifiedBusiness.postalCode ?? "",
   stateOrProvince: verifiedBusiness.state ?? ""
 });
 const isDateOlderThanAYear = (dateString) => {
@@ -274,7 +272,7 @@ const SearchAddress = ({
     Field,
     {
       name: "address",
-      label: translateStringOrObject(t, labelKey),
+      label: translateTranslatable(t, labelKey),
       errorMessage,
       isValid,
       optional,
@@ -800,7 +798,7 @@ const countrySpecificOtherAddressInformationValidators = (country) => {
       return void 0;
   }
 };
-const addressValidationRulesV4 = (country, i18n) => {
+const addressValidationRulesV4 = (country, t) => {
   const postalCodeFormat = country ? countrySpecificFormatters[country]?.postalCode?.format : void 0;
   const MIN_LENGTH_3 = 3;
   const MIN_LENGTH_2 = 2;
@@ -814,7 +812,7 @@ const addressValidationRulesV4 = (country, i18n) => {
       },
       {
         modes: ["blur"],
-        validate: (input) => !matchesRegex(NO_ALPHABET_REGEX, input),
+        validate: (input) => !matchesRegex(NO_ALPHABET_UNICODE_REGEX, input),
         errorMessage: "nameMustContainLetters"
       },
       {
@@ -828,7 +826,7 @@ const addressValidationRulesV4 = (country, i18n) => {
         errorMessage: {
           key: "fieldMustContainAtLeast",
           values: {
-            fieldName: i18n.get("address"),
+            fieldName: t(($) => $["address"]),
             minLength: String(MIN_LENGTH_3)
           }
         }
@@ -855,7 +853,7 @@ const addressValidationRulesV4 = (country, i18n) => {
       },
       {
         modes: ["blur"],
-        validate: (input) => !matchesRegex(NO_ALPHABET_REGEX, input),
+        validate: (input) => !matchesRegex(NO_ALPHABET_UNICODE_REGEX, input),
         errorMessage: "nameMustContainLetters"
       },
       {
@@ -869,7 +867,7 @@ const addressValidationRulesV4 = (country, i18n) => {
         errorMessage: {
           key: "fieldMustContainAtLeast",
           values: {
-            fieldName: i18n.get("city"),
+            fieldName: t(($) => $["city"]),
             minLength: String(MIN_LENGTH_2)
           }
         }
@@ -883,7 +881,7 @@ const addressValidationRulesV4 = (country, i18n) => {
       },
       {
         modes: ["blur"],
-        validate: (input) => !matchesRegex(NO_ALPHABET_REGEX, input),
+        validate: (input) => !matchesRegex(NO_ALPHABET_UNICODE_REGEX, input),
         errorMessage: "nameMustContainLetters"
       },
       {
@@ -915,9 +913,9 @@ const addressValidationRulesV4 = (country, i18n) => {
 const addressValidators = ({
   isExperimentEnabled = () => false,
   country,
-  i18n
+  t
 }) => ({
-  ...isExperimentEnabled?.("StrictNameAndAddressValidationV4") ? addressValidationRulesV4(country, i18n) : addressValidationRules(country)
+  ...isExperimentEnabled?.("StrictNameAndAddressValidationV4") ? addressValidationRulesV4(country, t) : addressValidationRules(country)
 });
 const preventPoBoxValidation = (cleanseAddress2) => ({
   address: {
@@ -963,7 +961,6 @@ function Address({
   valid: validProp,
   addressType
 }) {
-  const { i18n } = useI18nContext();
   const { t } = useTranslation("common");
   const { isExperimentEnabled } = useExperimentsContext();
   const isStrictNameAndAddressValidationEnabled = isExperimentEnabled(
@@ -978,8 +975,8 @@ function Address({
   }, [dataProp?.country, requiredFields]);
   const rules = useMemo(() => addressValidationRules(dataProp?.country), [dataProp?.country]);
   const rulesV4 = useMemo(
-    () => addressValidationRulesV4(dataProp?.country, i18n),
-    [dataProp?.country, i18n]
+    () => addressValidationRulesV4(dataProp?.country, t),
+    [dataProp?.country, t]
   );
   const cleanseAddress2 = useAddressCleanseImperatively();
   const asyncRules = useMemo(

package/dist/{Avatar-B1FMn4jz.js → Avatar-CbD3nP3P.js}

@@ -2,14 +2,14 @@
 {
   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] = "116f13f2-f12f-422a-8163-6cee1a4212dc", e._sentryDebugIdIdentifier = "sentry-dbid-116f13f2-f12f-422a-8163-6cee1a4212dc");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8e4e9beb-9c79-43ab-97aa-788ee8fef311", e._sentryDebugIdIdentifier = "sentry-dbid-8e4e9beb-9c79-43ab-97aa-788ee8fef311");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { r as Icon } from "./StoreProvider-DwuHWsNs.js";
+import { B as Icon } from "./StoreProvider-CBB99upB.js";
 const avatar = "adyen-kyc-avatar";
 const avatarLabel = "adyen-kyc-avatar-label";
 const avatarPrimary = "adyen-kyc-avatar-primary";

package/dist/{BusinessFinancingComponent-DgeP0WtS.js → BusinessFinancingComponent-BfmzIskz.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] = "bfec0256-cdff-4b46-87af-4035f397f3ba", e._sentryDebugIdIdentifier = "sentry-dbid-bfec0256-cdff-4b46-87af-4035f397f3ba");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6912f44a-a7f1-45c6-b357-414a94875a11", e._sentryDebugIdIdentifier = "sentry-dbid-6912f44a-a7f1-45c6-b357-414a94875a11");
   } catch (e) {
   }
 }
 ;
-import { u as useTranslation, c as useLegalEntity, g as getLegalEntityCountry, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader } from "./StoreProvider-DwuHWsNs.js";
+import { u as useTranslation, R as useLegalEntity, a9 as getLegalEntityCountry, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, V as Loader } from "./StoreProvider-CBB99upB.js";
 import { jsx } from "preact/jsx-runtime";
 import { useMemo } from "preact/hooks";
-import { M as MaybeModal } from "./MaybeModal-D1Kv1uXL.js";
-import { B as BusinessFinancingDropin } from "./BusinessFinancingDropin-BpaTs3Tb.js";
+import { M as MaybeModal } from "./MaybeModal-7NGTfxO6.js";
+import { B as BusinessFinancingDropin } from "./BusinessFinancingDropin-CLD8LAhP.js";
 function BusinessFinancingComponent({
   legalEntityId,
   onSubmitSuccess,
@@ -25,11 +25,11 @@ function BusinessFinancingComponent({
     [rootLegalEntity]
   );
   addResourceBundles(i18n, [
-    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-DzcTI92X.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-dPfrbCii.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-DwuHWsNs.js").then((n) => n.bF), "../../../language/locales/es-ES.json": () => import("./es-ES--IvNed_Q.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-BUixKfXH.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-BM-qNLci.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-D63gRTDc.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-DL0IjTzn.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-KQ6bciOb.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Ds3VioxT.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Ct4s4jXV.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-hxwQIw_i.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-0PQ-U1u6.js") }), `../../../language/locales/${lang}.json`, 6) },
-    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-DQ4ZYSea.js"), "../../ui/language/de-DE.json": () => import("./de-DE-CkbOZ6S_.js"), "../../ui/language/en-US.json": () => import("./en-US-CjjPhkB5.js"), "../../ui/language/es-ES.json": () => import("./es-ES-BAolMrZ0.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-D8WrLxxq.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-Beljeilc.js"), "../../ui/language/it-IT.json": () => import("./it-IT-5a7NHVFo.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-DSvZhFNY.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-CmURERx_.js"), "../../ui/language/no-NO.json": () => import("./no-NO-qyqWODMp.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-BxoOF8jB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DTvJT7fC.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-N-Hqwcjq.js") }), `../../ui/language/${lang}.json`, 5) },
+    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/da-DK.json": () => import("./da-DK-Cv6XUSoW.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-BplDsJEb.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-CfIM2SRF.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-CBB99upB.js").then((n) => n.bT), "../../../language/locales/es-ES.json": () => import("./es-ES-DRsix_Xn.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-BftTiz0c.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-C6jxjXAI.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-CXlaZNIj.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-A6ArIIZ8.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-BwWFlBOs.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-JWsSd7iY.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-BJOww8U1.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-BfO3xEJx.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-CMLKzwtj.js") }), `../../../language/locales/${lang}.json`, 6) },
+    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/da-DK.json": () => import("./da-DK-DQ4ZYSea.js"), "../../ui/language/de-DE.json": () => import("./de-DE-CkbOZ6S_.js"), "../../ui/language/en-US.json": () => import("./en-US-B-qSAb-7.js"), "../../ui/language/es-ES.json": () => import("./es-ES-BAolMrZ0.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-D8WrLxxq.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-Beljeilc.js"), "../../ui/language/it-IT.json": () => import("./it-IT-5a7NHVFo.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-DSvZhFNY.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-CmURERx_.js"), "../../ui/language/no-NO.json": () => import("./no-NO-qyqWODMp.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-BxoOF8jB.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DTvJT7fC.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-N-Hqwcjq.js") }), `../../ui/language/${lang}.json`, 5) },
     {
       ns: "businessFinancing",
-      importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../EFP/tasks/BusinessFinancingDropin/language/da-DK.json": () => import("./da-DK-JHZnsI59.js"), "../../EFP/tasks/BusinessFinancingDropin/language/de-DE.json": () => import("./de-DE-VGGEkxUT.js"), "../../EFP/tasks/BusinessFinancingDropin/language/en-US.json": () => import("./en-US-D1sB335h.js"), "../../EFP/tasks/BusinessFinancingDropin/language/es-ES.json": () => import("./es-ES-Bn9_0wK0.js"), "../../EFP/tasks/BusinessFinancingDropin/language/fi-FI.json": () => import("./fi-FI-PVFqd5Ra.js"), "../../EFP/tasks/BusinessFinancingDropin/language/fr-FR.json": () => import("./fr-FR-mJK4hjwD.js"), "../../EFP/tasks/BusinessFinancingDropin/language/it-IT.json": () => import("./it-IT-BTWkWSJq.js"), "../../EFP/tasks/BusinessFinancingDropin/language/ja-JP.json": () => import("./ja-JP-CceCDXLB.js"), "../../EFP/tasks/BusinessFinancingDropin/language/nl-NL.json": () => import("./nl-NL-CTf7zH4M.js"), "../../EFP/tasks/BusinessFinancingDropin/language/no-NO.json": () => import("./no-NO-RfTK9KAV.js"), "../../EFP/tasks/BusinessFinancingDropin/language/pt-BR.json": () => import("./pt-BR-BbFJsIVX.js"), "../../EFP/tasks/BusinessFinancingDropin/language/sl-SI.json": () => import("./sl-SI-D8dDckrW.js"), "../../EFP/tasks/BusinessFinancingDropin/language/sv-SE.json": () => import("./sv-SE-DGpvVvWj.js") }), `../../EFP/tasks/BusinessFinancingDropin/language/${lang}.json`, 7)
+      importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../EFP/tasks/BusinessFinancingDropin/language/da-DK.json": () => import("./da-DK-BfsYpvel.js"), "../../EFP/tasks/BusinessFinancingDropin/language/de-DE.json": () => import("./de-DE-CEsDXBn-.js"), "../../EFP/tasks/BusinessFinancingDropin/language/en-US.json": () => import("./en-US-DIlZD5Wh.js"), "../../EFP/tasks/BusinessFinancingDropin/language/es-ES.json": () => import("./es-ES-BWFP5itn.js"), "../../EFP/tasks/BusinessFinancingDropin/language/fi-FI.json": () => import("./fi-FI-DenK0WPz.js"), "../../EFP/tasks/BusinessFinancingDropin/language/fr-FR.json": () => import("./fr-FR-BmTswZU5.js"), "../../EFP/tasks/BusinessFinancingDropin/language/it-IT.json": () => import("./it-IT-DJe5OflH.js"), "../../EFP/tasks/BusinessFinancingDropin/language/ja-JP.json": () => import("./ja-JP-GGV_-V6p.js"), "../../EFP/tasks/BusinessFinancingDropin/language/nl-NL.json": () => import("./nl-NL-4Mv4rnYy.js"), "../../EFP/tasks/BusinessFinancingDropin/language/no-NO.json": () => import("./no-NO-ByCZ3mhz.js"), "../../EFP/tasks/BusinessFinancingDropin/language/pt-BR.json": () => import("./pt-BR-DRz5cG4o.js"), "../../EFP/tasks/BusinessFinancingDropin/language/sl-SI.json": () => import("./sl-SI-DKSu25rO.js"), "../../EFP/tasks/BusinessFinancingDropin/language/sv-SE.json": () => import("./sv-SE-Co7Nkd06.js") }), `../../EFP/tasks/BusinessFinancingDropin/language/${lang}.json`, 7)
     }
   ]);
   const handleFinishClick = (data) => {