@adyen/kyc-components 3.86.0 → 3.87.0-beta.0

package/dist/{PayoutDetailsDropin-kdkNvTHM.js → PayoutDetailsDropin-BzqbUVzH.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] = "7fcf74fb-0eb6-4de2-ab68-e220e822bf18", e._sentryDebugIdIdentifier = "sentry-dbid-7fcf74fb-0eb6-4de2-ab68-e220e822bf18");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7de49be3-fd71-4540-93fe-3721372c1d5f", e._sentryDebugIdIdentifier = "sentry-dbid-7de49be3-fd71-4540-93fe-3721372c1d5f");
   } catch (e) {
   }
 }
@@ -10,37 +10,39 @@
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { signal } from "@preact/signals";
 import { useState, useEffect, useRef, useMemo, useCallback, useContext } from "preact/hooks";
-import { b as useApiContext, j as useQuery, k as httpPost, o as httpGet, a2 as useMutation, a3 as useQueryClient, P as createLogger, V as CountryCodes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, z as LegalEntityTypes, a as addResourceBundles, L as Loader, M as EntityTypes, _ as __variableDynamicImportRuntimeHelper, a1 as useAnalyticsContext, a4 as Icon, y as Typography, B as Button, ao as objectsDeepEqual, a_ as doArraysMatch, X as isEmpty, $ as useExperimentsContext, bj as getSdkToken, H as hasOwnEntityAssociationOfType, K as useAccountHolder, m as useSettingsContext, bk as EEA_Countries, g as getLegalEntityCountry, ak as Trans, bl as isAccountIdentifierObscured, bm as hasEmptyFields, bn as extractFieldName, bo as concatenateFieldNames, av as keysOf, aF as getCapabilityProblems, O as TaskTypes, aG as cloneObject, r as skipToken } from "./StoreProvider-Cvqvt7fn.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-l-kGyc4S.js";
-import { a as useForm, F as Field, S as Select, L as LoaderWrapper } from "./trackNavigation-DYYVv6_y.js";
-import { E as ExperimentNames } from "./types-DQVZ5BSQ.js";
-import { I as InputText, S as SettingNames } from "./InputText-BIySwrmu.js";
-import { c as useUnincorporatedPartnershipMembers, u as useGlobalDataSlice, a as useGlobalData, e as useResetGlobalData, b as useStateContext } from "./useUnincorporatedPartnershipMembers-BVLE8Ovp.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-lvmkWAhW.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-Dt6THVwE.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DFscjCzE.js";
-import { A as AdyenKycSdkError, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, u as useScenarioConfiguration, b as useUnifyLoadingStatus } from "./mapExistingFile-lDnF81cv.js";
-import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-CKGFlO8U.js";
-import { c as currencyByCountry, C as Currencies } from "./types-Db4qB5S5.js";
-import { F as FormWrapper } from "./FormWrapper-CZhSGUa3.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-C0UYDiYL.js";
-import { a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./documentUtils-DahfSV2D.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-B1o2b2LX.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-DtoLjCYK.js";
+import { b as useApiContext, j as useQuery, k as httpPost, m as httpGet, a1 as useMutation, a2 as useQueryClient, U as createLogger, C as CountryCodes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, t as LegalEntityTypes, a as addResourceBundles, L as Loader, N as EntityTypes, _ as __variableDynamicImportRuntimeHelper, a0 as useAnalyticsContext, a3 as Icon, H as Typography, B as Button, aj as objectsDeepEqual, aU as doArraysMatch, X as isEmpty, p as useExperimentsContext, bf as getSdkToken, J as hasOwnEntityAssociationOfType, M as useAccountHolder, o as useSettingsContext, g as getLegalEntityCountry, an as Trans, bg as EEA_Countries, bh as isAccountIdentifierObscured, bi as hasEmptyFields, bj as extractFieldName, bk as concatenateFieldNames, ap as keysOf, az as getCapabilityProblems, P as TaskTypes, aA as cloneObject, x as skipToken } from "./StoreProvider-_QQynxk0.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-Bvh9p_HS.js";
+import { u as useForm, F as Field, S as Select, L as LoaderWrapper } from "./useForm-SCWu19rh.js";
+import { E as ExperimentNames } from "./types-B93Ai-fO.js";
+import { I as InputText, S as SettingNames } from "./InputText-DJn5nzG0.js";
+import { u as useGlobalDataSlice, a as useGlobalData, c as useResetGlobalData, b as useStateContext } from "./useGlobalData-C2odacHA.js";
+import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-BGkxz2AI.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-C41JKZZ6.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-L0ggRI0e.js";
+import { A as AdyenKycSdkError, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, u as useScenarioConfiguration, b as useUnifyLoadingStatus } from "./mapExistingFile-lCDb_PhK.js";
+import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-BHoDL5D6.js";
+import { c as currencyByCountry, C as Currencies } from "./types-E18sv3fQ.js";
+import { F as FormWrapper } from "./FormWrapper-DzAkc4KF.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-BY8rwcKJ.js";
+import { f as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./documentUtils-feD3RgJ6.js";
+import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-DftHbR4I.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-C8wyKuCq.js";
 import { Show } from "@preact/signals/utils";
-import { M as Modal } from "./Modal-GSjDUwX-.js";
-import { c as createFormUtils, H as Header, E as ErrorPanel, k as isNotEmptyValidator, m as mergeFieldMetadataIntoProps, d as getFieldProps, C as CountryField, a as Link, g as getFormProps, f as summaryStep, s as summaryItem } from "./CountryField-mxgVAmFp.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-D9WaVhuE.js";
-import { i as useCapabilityProblems, k as getProblemsForEntity, D as DropzoneFile, q as bytesToSize, o as defaultFileValidationOptions, p as fileValidationRules, S as StateContextSetter, t as DocumentGuidance, T as TextArea, m as makeMask, n as numericInputs, c as nonInputs, s as spacer, l as customInputs, v as validatePatternOnBlur, r as resolveFieldMetadata, M as MaskedInput, b as alphanumericInputs, u as uppercase, d as alphaInputs, I as Image, R as RadioGroupCard, C as ContextGuidance, x as createFormRules } from "./fieldConfigurations-BCj1wotL.js";
+import { M as Modal } from "./Modal-C89D3p56.js";
+import { s as summaryStep } from "./Summary-jCIFPrTE.js";
+import { c as createFormUtils, H as Header, E as ErrorPanel, e as isNotEmptyValidator, m as mergeFieldMetadataIntoProps, d as getFieldProps, C as CountryField, a as Link, g as getFormProps, s as summaryItem } from "./CountryField-B79la7c-.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CDCwVlgp.js";
+import { i as useCapabilityProblems, j as getProblemsForEntity, D as DropzoneFile, p as bytesToSize, l as defaultFileValidationOptions, o as fileValidationRules, S as StateContextSetter, q as DocumentGuidance, t as TextArea, m as makeMask, n as numericInputs, c as nonInputs, s as spacer, k as customInputs, v as validatePatternOnBlur, r as resolveFieldMetadata, M as MaskedInput, b as alphanumericInputs, u as uppercase, d as alphaInputs, I as Image, R as RadioGroupCard, C as ContextGuidance, x as createFormRules } from "./fieldConfigurations-Bor1NtgA.js";
 import cx from "classnames";
-import { memo, lazy } from "preact/compat";
+import { memo, useRef as useRef$1, useState as useState$1, useMemo as useMemo$1, useEffect as useEffect$1, lazy } from "preact/compat";
+import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-CTtyjp6h.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
 import { createContext } from "preact";
-import { a as Alert } from "./Alert-B9R4X_XM.js";
-import { A as ActionBar } from "./FormNavigation-C2KywHXa.js";
+import { a as Alert } from "./Alert-CzqTssej.js";
+import { A as ActionBar } from "./ActionBar-CVuUP-mY.js";
 import OpenBankingSDK from "@adyen/openbankingsdk";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { C as Card } from "./Card-TkGAmjC5.js";
+import { C as Card } from "./Card-Cka2XXoj.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -331,7 +333,7 @@ function PayoutDetailsPage({
   );
   const capabilityProblems = useCapabilityProblems();
   addResourceBundles(i18n, i18n.language, [
-    { ns: "banking", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-D8qq7TQJ.js"), "../language/cs-CZ.json": () => import("./cs-CZ-ChGeQ9s0.js"), "../language/da-DK.json": () => import("./da-DK-CyHH8kX3.js"), "../language/de-DE.json": () => import("./de-DE-DL6SrIBE.js"), "../language/el-GR.json": () => import("./el-GR-l0JeDNPy.js"), "../language/en-US.json": () => import("./en-US-BxEW5N6f.js"), "../language/es-ES.json": () => import("./es-ES-C1ClJ2XE.js"), "../language/et-EE.json": () => import("./et-EE-BG_Y29oV.js"), "../language/fi-FI.json": () => import("./fi-FI-bIhXiQPL.js"), "../language/fr-FR.json": () => import("./fr-FR-Bj275MRb.js"), "../language/hr-HR.json": () => import("./hr-HR-CL0q_D2U.js"), "../language/hu-HU.json": () => import("./hu-HU-cLqGFTTR.js"), "../language/it-IT.json": () => import("./it-IT-C0Qk47kh.js"), "../language/ja-JP.json": () => import("./ja-JP-DSdZj-it.js"), "../language/lt-LT.json": () => import("./lt-LT-C-dKiExL.js"), "../language/lv-LV.json": () => import("./lv-LV-UkEOuqFz.js"), "../language/nl-NL.json": () => import("./nl-NL-Cfr5hMtI.js"), "../language/no-NO.json": () => import("./no-NO-ASO8Je2l.js"), "../language/pl-PL.json": () => import("./pl-PL-CG4rvgUo.js"), "../language/pt-BR.json": () => import("./pt-BR-IWTcYKu9.js"), "../language/pt-PT.json": () => import("./pt-PT-LZZYQKaC.js"), "../language/ro-RO.json": () => import("./ro-RO-nVSeNtIQ.js"), "../language/sk-SK.json": () => import("./sk-SK-BX0wsQH4.js"), "../language/sl-SI.json": () => import("./sl-SI-Dt7rovIT.js"), "../language/sv-SE.json": () => import("./sv-SE-DqzH809e.js") }), `../language/${i18n.language}.json`, 3) }
+    { ns: "banking", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-D26PyOmu.js"), "../language/cs-CZ.json": () => import("./cs-CZ-C3WsXodG.js"), "../language/da-DK.json": () => import("./da-DK-BRCRHbdD.js"), "../language/de-DE.json": () => import("./de-DE-DhwZpGcF.js"), "../language/el-GR.json": () => import("./el-GR-CPvcb2_O.js"), "../language/en-US.json": () => import("./en-US-DwpcyeTb.js"), "../language/es-ES.json": () => import("./es-ES-p03wSF0j.js"), "../language/et-EE.json": () => import("./et-EE-DwU9PpSw.js"), "../language/fi-FI.json": () => import("./fi-FI-D6UZTiLe.js"), "../language/fr-FR.json": () => import("./fr-FR-jXToKR-E.js"), "../language/hr-HR.json": () => import("./hr-HR-Dcv0VrbJ.js"), "../language/hu-HU.json": () => import("./hu-HU-KqfViqRG.js"), "../language/it-IT.json": () => import("./it-IT-DgGk7YK7.js"), "../language/ja-JP.json": () => import("./ja-JP-CY2oljJM.js"), "../language/lt-LT.json": () => import("./lt-LT-D8cex0eq.js"), "../language/lv-LV.json": () => import("./lv-LV-BUGQrsDw.js"), "../language/nl-NL.json": () => import("./nl-NL-CagNun1T.js"), "../language/no-NO.json": () => import("./no-NO-D4q0sOO5.js"), "../language/pl-PL.json": () => import("./pl-PL-LSqjGZHp.js"), "../language/pt-BR.json": () => import("./pt-BR-FCK1QNOs.js"), "../language/pt-PT.json": () => import("./pt-PT-U2s6koli.js"), "../language/ro-RO.json": () => import("./ro-RO-BvP4CrrF.js"), "../language/sk-SK.json": () => import("./sk-SK-DFvk5ao5.js"), "../language/sl-SI.json": () => import("./sl-SI-Bj-INVFz.js"), "../language/sv-SE.json": () => import("./sv-SE-Dg9DC29v.js") }), `../language/${i18n.language}.json`, 3) }
   ]);
   if (!rootLe || associatedLeIsLoading) {
     return /* @__PURE__ */ jsx(Loader, {});
@@ -369,6 +371,7 @@ function FilePicker({
   iconPrefix = "generic-document",
   enableTracking = false,
   id,
+  loading,
   // file validation options
   allowedFileTypes,
   maxSize,
@@ -436,7 +439,8 @@ function FilePicker({
         file,
         onDelete: () => handleFileDelete(file),
         errorMessage,
-        iconPrefix
+        iconPrefix,
+        loading
       },
       file
     )),
@@ -487,14 +491,14 @@ function FilePicker({
 const bankDocument = "adyen-kyc-bank-document";
 const bankDocumentDocumentUpload = "adyen-kyc-bank-document-document-upload";
 const bankDocumentDocumentDescription = "adyen-kyc-bank-document-document-description";
-const styles$3 = {
+const styles$5 = {
   bankDocument,
   bankDocumentDocumentUpload,
   bankDocumentDocumentDescription
 };
 const documentRequirements = "adyen-kyc-document-requirements";
 const documentRequirementsSubtitle = "adyen-kyc-document-requirements-subtitle";
-const styles$2 = {
+const styles$4 = {
   documentRequirements,
   documentRequirementsSubtitle
 };
@@ -679,19 +683,33 @@ const BankDocumentRequirements = ({
     documentType,
     documentModifiers
   );
-  return /* @__PURE__ */ jsxs("div", { className: styles$2.documentRequirements, children: [
-    /* @__PURE__ */ jsx("strong", { className: styles$2.documentRequirementsSubtitle, children: commonT(($) => $["documentRequirements"]) }),
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.documentRequirements, children: [
+    /* @__PURE__ */ jsx("strong", { className: styles$4.documentRequirementsSubtitle, children: commonT(($) => $["documentRequirements"]) }),
     /* @__PURE__ */ jsx("ul", { children: documentRequirements2.map(({ key, options }, i) => /* @__PURE__ */ jsx("li", { "data-testid": key, children: t(($) => $[key], options?.values) }, i)) })
   ] });
 };
 const bankDocumentValidationRules = {
   description: {
     modes: ["blur"],
-    validate: (description) => description ? bankStatementDescriptionPattern.test(description) : true,
+    validate: (description2) => description2 ? bankStatementDescriptionPattern.test(description2) : true,
     errorMessage: "invalidFormatBankStatementDescription"
   }
 };
-const CHARACTERS_LIMIT = 200;
+const getValidationIssuesKeys = (validationResponse) => {
+  const issues2 = [];
+  const { blurryOrLowQuality, documentType } = validationResponse;
+  if (blurryOrLowQuality) {
+    issues2.push("documentIsntReadable");
+  }
+  if (documentType === "other" || documentType !== "bankDocument") {
+    issues2.push("documentIsNotBankDocument");
+  }
+  if (!documentType || documentType === "other") {
+    issues2.push("documentNameMissing");
+  }
+  return issues2;
+};
+const CHARACTERS_LIMIT$1 = 200;
 const bankDocumentFields = [
   "documentType",
   "bankStatementDocument",
@@ -706,7 +724,7 @@ function BankDocument(props) {
     validators,
     data: bankData,
     id,
-    description,
+    description: description2,
     heading,
     formIsActive,
     fieldValidationErrors,
@@ -789,9 +807,9 @@ function BankDocument(props) {
     }),
     [legalEntity, associatedLegalArrangement, unincorporatedPartnershipMembers]
   );
-  return /* @__PURE__ */ jsxs("form", { className: styles$3.bankDocument, children: [
+  return /* @__PURE__ */ jsxs("form", { className: styles$5.bankDocument, children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    heading && /* @__PURE__ */ jsx(Header, { title: heading, description }),
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, description: description2 }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -836,7 +854,7 @@ function BankDocument(props) {
       data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
         Field,
         {
-          className: cx(styles$3.bankDocumentDocumentUpload, "adyen-kyc-upload-field"),
+          className: cx(styles$5.bankDocumentDocumentUpload, "adyen-kyc-upload-field"),
           name: "bankStatementDocument",
           isValid: valid.bankStatementDocument,
           children: (childProps) => /* @__PURE__ */ jsx(
@@ -857,7 +875,7 @@ function BankDocument(props) {
     data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
       Field,
       {
-        className: cx(styles$3.bankDocumentDocumentDescription),
+        className: cx(styles$5.bankDocumentDocumentDescription),
         name: "description",
         label: formUtils.getLabel("bankDocumentFileDescription"),
         errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
@@ -868,7 +886,7 @@ function BankDocument(props) {
             ...childProps,
             name: "description",
             value: data.description,
-            maxLength: CHARACTERS_LIMIT,
+            maxLength: CHARACTERS_LIMIT$1,
             onInput: handleChangeFor("description"),
             "aria-invalid": !valid.description
           }
@@ -881,6 +899,307 @@ const MemoizedBankDocument = memo(
   BankDocument,
   (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.heading === nextProps.heading && prevProps.formIsActive === nextProps.formIsActive
 );
+const validateDocument = async (context, document2) => {
+  const { baseUrl, rootLegalEntityId } = context;
+  return httpPost(
+    {
+      baseUrl,
+      path: `legalEntities/${rootLegalEntityId}/genai/classify`
+    },
+    document2
+  );
+};
+const useValidateDocument = (options) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useMutation({
+    mutationFn: (payload) => validateDocument(
+      { rootLegalEntityId: rootLegalEntityId.value, baseUrl: baseUrl.value },
+      payload
+    ),
+    retry: 0,
+    ...options
+  });
+};
+const bankDocumentPage = "adyen-kyc-bank-document-page";
+const bankDocumentClassification = "adyen-kyc-bank-document-classification";
+const requirementsList = "adyen-kyc-requirements-list";
+const filePickerDisabled = "adyen-kyc-file-picker-disabled";
+const reviewModal = "adyen-kyc-review-modal";
+const preview = "adyen-kyc-preview";
+const previewImage = "adyen-kyc-preview-image";
+const content = "adyen-kyc-content";
+const title$1 = "adyen-kyc-title";
+const description = "adyen-kyc-description";
+const issues = "adyen-kyc-issues";
+const actions = "adyen-kyc-actions";
+const confirmationModal = "adyen-kyc-confirmation-modal";
+const styles$3 = {
+  bankDocumentPage,
+  bankDocumentClassification,
+  requirementsList,
+  filePickerDisabled,
+  reviewModal,
+  preview,
+  previewImage,
+  content,
+  title: title$1,
+  description,
+  issues,
+  actions,
+  confirmationModal
+};
+const CHARACTERS_LIMIT = 200;
+const bankDocumentClassificationFields = [
+  "bankStatementDocument",
+  "description"
+];
+function BankDocumentClassification(props) {
+  const {
+    legalEntity,
+    optionalFields,
+    validators,
+    data: bankData,
+    id,
+    description: description2,
+    heading,
+    formIsActive,
+    fieldValidationErrors,
+    formVerificationErrors,
+    shouldValidate
+  } = props;
+  const { t } = useTranslation("banking");
+  const { t: commonT } = useTranslation("common");
+  const stateRef = useRef$1({ setState: null });
+  const [showReviewModal, setShowReviewModal] = useState$1(false);
+  const [showConfirmationModal, setShowConfirmationModal] = useState$1(false);
+  const [validationResponse, setValidationResponse] = useState$1(
+    null
+  );
+  const logger2 = createLogger();
+  const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
+  const formUtils = createFormUtils(props, commonT);
+  const bankStatementValidationOptions = useMemo$1(
+    () => ({
+      ...defaultFileValidationOptions,
+      isOptional: isBankStatementOptional
+    }),
+    [isBankStatementOptional]
+  );
+  const rules2 = useMemo$1(
+    () => ({
+      ...validators || bankDocumentValidationRules,
+      bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
+    }),
+    [bankStatementValidationOptions, validators]
+  );
+  const { handleChangeFor, data, setData, valid, fieldProblems, errors, triggerValidation } = useForm({
+    ...props,
+    schema: bankDocumentClassificationFields,
+    defaultData: bankData,
+    rules: rules2,
+    fieldProblems: fieldValidationErrors,
+    shouldValidate
+  });
+  const validateDocumentMutation = useValidateDocument({
+    onSuccess: (response) => {
+      setValidationResponse(response);
+      if (response?.blurryOrLowQuality || response?.documentType === "other" || response?.documentType !== "bankDocument") {
+        setShowReviewModal(true);
+      }
+    },
+    onError: (error) => {
+      console.error("Document validation failed:", error);
+    }
+  });
+  const handleDocumentUpload = async (files) => {
+    setData("bankStatementDocument", files);
+    if (files.length > 0) {
+      const file = files[0];
+      if (file && file instanceof File) {
+        try {
+          const base64Content = await fileToBase64(file);
+          const document2 = {
+            documentType: "bankStatement",
+            fileName: file.name,
+            attachments: [
+              {
+                content: base64Content,
+                pageName: file.name
+              }
+            ]
+          };
+          validateDocumentMutation.mutate(document2);
+        } catch (error) {
+          logger2.error("Error processing document:", error);
+        }
+      }
+    }
+  };
+  useEffect$1(() => {
+    if (formIsActive) {
+      triggerValidation();
+    }
+  }, [formIsActive, triggerValidation]);
+  const alreadyUploadedDocuments = useMemo$1(
+    () => bankData?.bankStatementDocument ?? [],
+    [bankData?.bankStatementDocument]
+  );
+  useEffect$1(() => {
+    if (alreadyUploadedDocuments.length > 0) {
+      setData("bankStatementDocument", alreadyUploadedDocuments);
+      if (bankData?.description) setData("description", bankData.description);
+      triggerValidation();
+    }
+  }, [alreadyUploadedDocuments, bankData?.description, setData, triggerValidation]);
+  useEffect$1(() => {
+    stateRef.current?.setState?.({
+      type: "addToState",
+      value: {
+        data,
+        valid,
+        errors,
+        fieldProblems,
+        dataStoreId: id,
+        schema: bankDocumentClassificationFields
+      }
+    });
+  }, [data, valid, errors, fieldProblems, id]);
+  const documentsModifiers = useMemo$1(
+    () => ({
+      rootEntityType: legalEntity.type,
+      rootEntityLegalName: getLegalEntityNameBasedOnType(legalEntity)
+    }),
+    [legalEntity]
+  );
+  const handleUploadNewDocument = () => {
+    setShowReviewModal(false);
+    setData("bankStatementDocument", []);
+    setValidationResponse(null);
+  };
+  const handleContinueAnyway = () => {
+    setShowConfirmationModal(true);
+  };
+  const handleConfirmationCancel = () => {
+    setShowConfirmationModal(false);
+  };
+  const handleUseDocument = () => {
+    setShowConfirmationModal(false);
+    setShowReviewModal(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles$3.bankDocumentPage, children: [
+    /* @__PURE__ */ jsxs("form", { className: styles$3.bankDocumentClassification, children: [
+      /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
+      heading && /* @__PURE__ */ jsx(Header, { title: heading, description: description2 }),
+      /* @__PURE__ */ jsx(
+        ErrorPanel,
+        {
+          verificationErrors: formVerificationErrors,
+          validationErrors: fieldValidationErrors,
+          formUtils,
+          id: "ariaErrorField"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: styles$3.requirementsList, children: t(($) => $["documentRequirements"]) }),
+        /* @__PURE__ */ jsxs("ul", { className: styles$3.requirementsList, children: [
+          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementNameOrBusiness"], {
+            businessName: documentsModifiers.rootEntityLegalName
+          }) }),
+          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementAccountNumber"]) }),
+          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementBankInfo"]) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          className: cx("adyen-kyc-upload-field"),
+          name: "bankStatementDocument",
+          isValid: valid.bankStatementDocument,
+          children: (childProps) => /* @__PURE__ */ jsx("div", { className: validateDocumentMutation.isPending ? styles$3.filePickerDisabled : "", children: /* @__PURE__ */ jsx(
+            FilePicker,
+            {
+              ...childProps,
+              name: "bankStatementDocument",
+              files: data.bankStatementDocument ?? [],
+              setFiles: handleDocumentUpload,
+              isValid: valid.bankStatementDocument ?? isBankStatementOptional,
+              errorMessage: errors.bankStatementDocument?.errorMessage,
+              loading: validateDocumentMutation.isPending,
+              ...bankStatementValidationOptions
+            }
+          ) })
+        }
+      ),
+      data.bankStatementDocument?.length ? /* @__PURE__ */ jsx(
+        Field,
+        {
+          className: "adyen-kyc-document-description",
+          name: "description",
+          label: formUtils.getLabel("bankDocumentFileDescription"),
+          errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
+          isValid: valid.description,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            TextArea,
+            {
+              ...childProps,
+              name: "description",
+              value: data.description,
+              maxLength: CHARACTERS_LIMIT,
+              onInput: handleChangeFor("description"),
+              "aria-invalid": !valid.description
+            }
+          )
+        }
+      ) : void 0
+    ] }),
+    showReviewModal && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        ariaLabel: t(($) => $["reviewDocument"]),
+        size: "large",
+        onClose: () => setShowReviewModal(false),
+        children: /* @__PURE__ */ jsxs("div", { className: styles$3.reviewModal, children: [
+          /* @__PURE__ */ jsx("div", { className: styles$3.preview, children: /* @__PURE__ */ jsx("div", { className: styles$3.previewImage, children: data.bankStatementDocument?.[0] ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: URL.createObjectURL(data.bankStatementDocument[0]),
+              alt: t(($) => $["reviewDocument"])
+            }
+          ) : void 0 }) }),
+          /* @__PURE__ */ jsxs("div", { className: styles$3.content, children: [
+            /* @__PURE__ */ jsx("h2", { className: styles$3.title, children: t(($) => $["reviewDocument"]) }),
+            /* @__PURE__ */ jsx("p", { className: styles$3.description, children: t(($) => $["reviewDocumentDescription"]) }),
+            /* @__PURE__ */ jsx("ul", { className: styles$3.issues, children: validationResponse && getValidationIssuesKeys(validationResponse).map((issue, index) => /* @__PURE__ */ jsx("li", { children: t(($) => $[issue]) }, index)) }),
+            /* @__PURE__ */ jsxs("div", { className: styles$3.actions, children: [
+              /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleUploadNewDocument, children: t(($) => $["uploadNewDocument"]) }),
+              /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleContinueAnyway, children: commonT(($) => $["continue"]) })
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    showConfirmationModal && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        ariaLabel: t(($) => $["useThisDocument"]),
+        size: "small",
+        onClose: handleConfirmationCancel,
+        children: /* @__PURE__ */ jsxs("div", { className: styles$3.confirmationModal, children: [
+          /* @__PURE__ */ jsx("h2", { className: styles$3.title, children: t(($) => $["useThisDocument"]) }),
+          /* @__PURE__ */ jsx("p", { className: styles$3.description, children: t(($) => $["thisDocumentNeedstoBeReviewedManually"]) }),
+          /* @__PURE__ */ jsxs("div", { className: styles$3.actions, children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleConfirmationCancel, children: commonT(($) => $["cancel"]) }),
+            /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleUseDocument, children: t(($) => $["useDocument"]) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+const MemoizedBankDocumentClassification = memo(
+  BankDocumentClassification,
+  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.heading === nextProps.heading && prevProps.formIsActive === nextProps.formIsActive
+);
 const bankVerificationValidationRules = {
   verifiedAccountHolder: {
     modes: ["blur"],
@@ -2296,7 +2615,7 @@ const checkGuidance = "adyen-kyc-check-guidance";
 const checkGuidanceImage = "adyen-kyc-check-guidance-image";
 const checkGuidanceAnnotated = "adyen-kyc-check-guidance-annotated";
 const checkGuidanceInactive = "adyen-kyc-check-guidance-inactive";
-const styles$1 = {
+const styles$2 = {
   checkGuidance,
   checkGuidanceImage,
   checkGuidanceAnnotated,
@@ -2306,13 +2625,13 @@ const usCheckAccount = lazy(() => import("./us-check-account-number-C7KE5YzX.js"
 const usCheckRouting = lazy(() => import("./us-check-routing-number-DUbhsYAR.js"));
 const usCheck = lazy(() => import("./us-check-CYY6Crhr.js"));
 const CheckGuidance = ({ annotated }) => {
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.checkGuidance, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$2.checkGuidance, children: [
     /* @__PURE__ */ jsx(
       Image,
       {
         lazyLoadedImage: usCheckAccount,
-        className: cx(styles$1.checkGuidanceImage, styles$1.checkGuidanceAnnotated, {
-          [styles$1.checkGuidanceInactive]: annotated !== "account"
+        className: cx(styles$2.checkGuidanceImage, styles$2.checkGuidanceAnnotated, {
+          [styles$2.checkGuidanceInactive]: annotated !== "account"
         })
       }
     ),
@@ -2320,12 +2639,12 @@ const CheckGuidance = ({ annotated }) => {
       Image,
       {
         lazyLoadedImage: usCheckRouting,
-        className: cx(styles$1.checkGuidanceImage, styles$1.checkGuidanceAnnotated, {
-          [styles$1.checkGuidanceInactive]: annotated !== "routing"
+        className: cx(styles$2.checkGuidanceImage, styles$2.checkGuidanceAnnotated, {
+          [styles$2.checkGuidanceInactive]: annotated !== "routing"
         })
       }
     ),
-    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: usCheck, className: styles$1.checkGuidanceImage })
+    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: usCheck, className: styles$2.checkGuidanceImage })
   ] });
 };
 const payoutAccountFields = [
@@ -2380,11 +2699,12 @@ function PayoutAccount(props) {
     payoutAccountFormat.value = accountFormat2;
   };
   const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
+  const isEUR = preferredCurrencyCode === "EUR";
   useEffect(() => {
     if (!isCrossBorderPayoutsEnabled) {
       return;
     }
-    if (preferredCurrencyCode === "EUR") {
+    if (isEUR && localCurrency) {
       handleAccountFormatChange?.("iban");
       return;
     }
@@ -2410,7 +2730,7 @@ function PayoutAccount(props) {
       }
     ),
     showCheckGuidance ? /* @__PURE__ */ jsx(CheckGuidance, { annotated: checkAnnotation }) : void 0,
-    bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && localCurrency && /* @__PURE__ */ jsx(
+    bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && localCurrency && !isEUR && /* @__PURE__ */ jsx(
       BankAccountFormat,
       {
         bankAccountFormat: accountFormat,
@@ -2492,8 +2812,8 @@ const PreferredCurrency = (props) => {
         disabled: true
       };
     }
-    const description = currencyDescriptionByCode.get(currency);
-    const label = description ? `${description} (${currency})` : currency;
+    const description2 = currencyDescriptionByCode.get(currency);
+    const label = description2 ? `${description2} (${currency})` : currency;
     return {
       id: currency,
       name: label
@@ -2528,18 +2848,84 @@ const PreferredCurrency = (props) => {
     }
   );
 };
-const regions = {
-  europe: [
-    ...EEA_Countries,
-    CountryCodes.Switzerland,
-    CountryCodes.UnitedKingdom,
-    CountryCodes.Gibraltar
-  ],
-  apac: [CountryCodes.NewZealand, CountryCodes.Australia]
+const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
+  switch (legalEntityType) {
+    case "individual":
+    case "soleProprietorship":
+      return "theBankAccountHolderMustBeInYourName";
+    case "organization":
+    case "trust":
+    case "unincorporatedPartnership":
+      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+    default:
+      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+  }
 };
-const getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [
-  country
-];
+const payoutModalContent = "adyen-kyc-payout-modal-content";
+const title = "adyen-kyc-title";
+const section = "adyen-kyc-section";
+const sectionTitle = "adyen-kyc-section-title";
+const sectionText = "adyen-kyc-section-text";
+const simplerTermsBox = "adyen-kyc-simpler-terms-box";
+const simplerTermsTitle = "adyen-kyc-simpler-terms-title";
+const bulletList = "adyen-kyc-bullet-list";
+const styles$1 = {
+  payoutModalContent,
+  title,
+  section,
+  sectionTitle,
+  sectionText,
+  simplerTermsBox,
+  simplerTermsTitle,
+  bulletList
+};
+function PayoutRequirementsModal({
+  isOpen,
+  onClose,
+  provider
+}) {
+  const { t } = useTranslation("banking");
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      ariaLabel: t(($) => $["aboutPayoutBankAccounts"]),
+      onClose,
+      size: "medium",
+      showCloseButton: true,
+      inset: true,
+      children: /* @__PURE__ */ jsxs("div", { className: styles$1.payoutModalContent, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "title-m", el: "h1", className: styles$1.title, children: t(($) => $["aboutPayoutBankAccounts"]) }),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["doesMyBankAccountNeedToBeInSameCountry"]) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", className: styles$1.sectionText, children: t(($) => $["countryDependsExplanation"]) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["whichPayoutCurrencyShouldIChoose"]) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", className: styles$1.sectionText, children: t(($) => $["currencyRecommendation"]) }),
+          /* @__PURE__ */ jsxs("div", { className: styles$1.simplerTermsBox, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: styles$1.simplerTermsTitle, children: t(($) => $["inSimplerTerms"]) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["currencySimplerTerms"]) })
+          ] })
+        ] }),
+        provider && /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["howDoesVerificationWithOurPartnerWork"], {
+            provider: provider?.name
+          }) }),
+          /* @__PURE__ */ jsx(Typography, { className: styles$1.sectionText, children: t(($) => $["isOurTrustedPartnerHelpingSpeedUpSetup"], {
+            provider: provider?.name
+          }) }),
+          /* @__PURE__ */ jsxs("ul", { className: styles$1.bulletList, children: [
+            /* @__PURE__ */ jsx("li", { children: t(($) => $["selectTheBankToReceivePayouts"]) }),
+            /* @__PURE__ */ jsx("li", { children: t(($) => $["loginIntoYourBankingEnvironment"]) }),
+            /* @__PURE__ */ jsx("li", { children: t(($) => $["yourBankWillConfirmYourAccountDetails"]) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { children: t(($) => $["adyenWillOnlyGetTemporaryAccess"]) })
+        ] })
+      ] })
+    }
+  );
+}
 const payoutCountryDetailsFields = [
   "bankCountry",
   "preferredCurrency"
@@ -2548,11 +2934,12 @@ const DEFAULT_CURRENCY_FALLBACK = "USD";
 const getDefaultCurrencyForCountry = (country) => currencyByCountry[country]?.[0] ?? DEFAULT_CURRENCY_FALLBACK;
 const getCountryCodeFromEvent = (event) => event?.target?.value;
 function PayoutCountryDetails(props) {
-  const { legalEntityResponse, data: propData } = props;
+  const { legalEntityResponse, data: propData, provider } = props;
   const { t: commonT } = useTranslation("common");
   const { t } = useTranslation("banking");
   const { isSettingEnabled } = useSettingsContext();
   const country = getLegalEntityCountry(legalEntityResponse);
+  const [isModalOpen, setIsModalOpen] = useState(false);
   const legalEntityType = legalEntityResponse.type;
   const defaultCurrency = getDefaultCurrencyForCountry(country);
   const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
@@ -2565,15 +2952,48 @@ function PayoutCountryDetails(props) {
     shouldValidate: true
   });
   const formUtils = createFormUtils(props, commonT);
-  const allowedBankCountries = getAllowedBankCountries(country);
-  const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
-    SettingNames.AllowIntraRegionCrossBorderPayout
-  );
+  const allowedBankCountries = Object.keys(currencyByCountry);
   const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
-  const helperTextCountry = !intraRegionCrossBorderPayoutsAllowed ? t(
-    ($) => $[legalEntityType === "individual" ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"]
-  ) : void 0;
-  const description = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsx(Typography, { children: t(($) => $["linkAndVerifyBankAccount"]) }) });
+  const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
+  const description2 = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
+    t(($) => $["forYouToReceiveYourPayouts"]),
+    " ",
+    /* @__PURE__ */ jsx(
+      Trans,
+      {
+        t,
+        ns: "banking",
+        i18nKey: ($) => $[getMustHaveSameAccountHolderNameTransKey(legalEntityType)],
+        values: { name: accountHolder, companyName: accountHolder }
+      }
+    )
+  ] });
+  const descriptionExtra = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: /* @__PURE__ */ jsx(
+    Trans,
+    {
+      t,
+      ns: "banking",
+      i18nKey: ($) => $["payoutAccountsMustMeetSomeRequirements"],
+      components: {
+        requirementsLink: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsModalOpen(true),
+            style: {
+              background: "none",
+              border: "none",
+              color: "inherit",
+              textDecoration: "underline",
+              cursor: "pointer",
+              padding: 0,
+              font: "inherit"
+            }
+          }
+        )
+      }
+    }
+  ) });
   const { updateStateSlice } = useGlobalDataSlice(
     "payoutCountryDetails"
   );
@@ -2585,33 +3005,55 @@ function PayoutCountryDetails(props) {
     handleChangeFor("bankCountry", "input")(updatedCountry);
     handleChangeFor("preferredCurrency", "input")(getDefaultCurrencyForCountry(updatedCountry));
   };
-  return /* @__PURE__ */ jsxs("form", { style: { minHeight: "480px" }, children: [
-    /* @__PURE__ */ jsx(Header, { title: t(($) => $["payoutBankAccount"]), children: /* @__PURE__ */ jsx("div", { slot: "description", className: "adyen-kyc-form-header__description", children: description }) }),
-    /* @__PURE__ */ jsx(
-      CountryField,
-      {
-        data: { country: data.bankCountry },
-        valid: { country: valid?.bankCountry },
-        errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
-        labels: { country: t(($) => $["bankAccountCountryRegion"]) },
-        readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1,
-        allowedCountries: allowedBankCountries,
-        handleChangeFor: () => updateCountryField,
-        helperText: {
-          country: helperTextCountry
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("form", { style: { minHeight: "480px" }, children: [
+      /* @__PURE__ */ jsx(Header, { title: t(($) => $["payoutBankAccount"]), children: /* @__PURE__ */ jsxs("div", { slot: "description", className: "adyen-kyc-form-header__description", children: [
+        description2,
+        descriptionExtra
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        CountryField,
+        {
+          data: { country: data.bankCountry },
+          valid: { country: valid?.bankCountry },
+          errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
+          labels: { country: t(($) => $["bankAccountCountryRegion"]) },
+          readonly: false,
+          allowedCountries: allowedBankCountries,
+          handleChangeFor: () => updateCountryField
         }
-      }
-    ),
+      ),
+      /* @__PURE__ */ jsx(
+        PreferredCurrency,
+        {
+          country: data.bankCountry,
+          preferredCurrency: data.preferredCurrency ?? defaultCurrency,
+          handleChangeFor
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(
-      PreferredCurrency,
+      PayoutRequirementsModal,
       {
-        country: data.bankCountry,
-        preferredCurrency: data.preferredCurrency ?? defaultCurrency,
-        handleChangeFor
+        isOpen: isModalOpen,
+        onClose: () => setIsModalOpen(false),
+        provider
       }
     )
   ] });
 }
+const regions = {
+  europe: [
+    ...EEA_Countries,
+    CountryCodes.Switzerland,
+    CountryCodes.UnitedKingdom,
+    CountryCodes.Gibraltar
+  ],
+  apac: [CountryCodes.NewZealand, CountryCodes.Australia]
+};
+const getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [
+  country
+];
 const tinkLogo = lazy(() => import("./tink-logo-BcIv93ND.js"));
 const plaidLogo = lazy(() => import("./plaid-logo-CtActXTN.js"));
 const yapilyLogo = lazy(() => import("./yapily-logo-CZ4ywjwA.js"));
@@ -2625,7 +3067,7 @@ const instantVerificationImageNew = lazy(
   () => import("./payout-verification-instant-5u-wvFKv.js")
 );
 const manualVerificationImageNew = lazy(
-  () => import("./payout-verification-manual-BJsf7QPE.js")
+  () => import("./payout-verification-manual-BH2mu0UW.js")
 );
 const getProviderIconName = (providerName) => {
   switch (providerName?.toLowerCase()) {
@@ -2658,26 +3100,18 @@ const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName,
   }
 });
 const payoutVerificationMethods = ["instantVerification", "manualVerification"];
-const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
-  switch (legalEntityType) {
-    case "individual":
-    case "soleProprietorship":
-      return "theBankAccountHolderMustBeInYourName";
-    case "organization":
-    case "trust":
-    case "unincorporatedPartnership":
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-    default:
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-  }
-};
 const fieldVerificationMethods = "adyen-kyc-field-verification-methods";
 const fieldVerificationMethodsCard = "adyen-kyc-field-verification-methods-card";
 const fieldVerificationMethodsFooter = "adyen-kyc-field-verification-methods-footer";
 const fieldVerificationMethodsLogo = "adyen-kyc-field-verification-methods-logo";
+const radioGroupCardIllustration = "adyen-kyc-radio-group-card-illustration";
 const instantVerificationError = "adyen-kyc-instant-verification-error";
 const payoutVerificationMethodCard = "adyen-kyc-payout-verification-method-card";
+const payoutVerificationMethodCardDisabled = "adyen-kyc-payout-verification-method-card-disabled";
 const payoutVerificationMethodCardImage = "adyen-kyc-payout-verification-method-card-image";
+const payoutVerificationMethodCardContent = "adyen-kyc-payout-verification-method-card-content";
+const payoutVerificationMethodCardTitle = "adyen-kyc-payout-verification-method-card-title";
+const payoutVerificationMethodCardSubtitle = "adyen-kyc-payout-verification-method-card-subtitle";
 const payoutVerificationMethodCardBody = "adyen-kyc-payout-verification-method-card-body";
 const payoutVerificationMethodCardImageContainer = "adyen-kyc-payout-verification-method-card-image-container";
 const styles = {
@@ -2685,9 +3119,14 @@ const styles = {
   fieldVerificationMethodsCard,
   fieldVerificationMethodsFooter,
   fieldVerificationMethodsLogo,
+  radioGroupCardIllustration,
   instantVerificationError,
   payoutVerificationMethodCard,
+  payoutVerificationMethodCardDisabled,
   payoutVerificationMethodCardImage,
+  payoutVerificationMethodCardContent,
+  payoutVerificationMethodCardTitle,
+  payoutVerificationMethodCardSubtitle,
   payoutVerificationMethodCardBody,
   payoutVerificationMethodCardImageContainer
 };
@@ -2698,6 +3137,66 @@ const PayoutVerificationMethodOptionIcon = ({
   const { svgImport } = methodsMetadata[method];
   return /* @__PURE__ */ jsx(Image, { className: styles.payoutVerificationMethodCardImage, lazyLoadedImage: svgImport });
 };
+const PayoutVerificationMethodOptionCard = ({
+  payoutMethod,
+  title: title2,
+  subtitle,
+  tag,
+  selectVerificationMethod,
+  payoutVerificationMethod,
+  methodsMetadata,
+  bankInfoValidated,
+  instantVerificationAvailable
+}) => {
+  const isInstantVerificationCard = payoutMethod === "instantVerification";
+  const isCardDisabled = bankInfoValidated || isInstantVerificationCard && !instantVerificationAvailable;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cx(styles.payoutVerificationMethodCard, {
+        "adyen-kyc-u-margin-bottom-8": isInstantVerificationCard,
+        [styles.payoutVerificationMethodCardDisabled]: isCardDisabled
+      }),
+      bodyClassName: styles.payoutVerificationMethodCardBody,
+      onClick: () => selectVerificationMethod(payoutMethod),
+      stateful: true,
+      active: payoutMethod === payoutVerificationMethod,
+      disabled: isCardDisabled,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: styles.payoutVerificationMethodCardImageContainer, children: /* @__PURE__ */ jsx(
+          PayoutVerificationMethodOptionIcon,
+          {
+            method: payoutMethod,
+            methodsMetadata
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: styles.payoutVerificationMethodCardContent, children: [
+          tag,
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              el: "h4",
+              variant: "body-strongest",
+              className: styles.payoutVerificationMethodCardTitle,
+              children: title2
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              el: "p",
+              variant: "body",
+              color: "secondary",
+              className: styles.payoutVerificationMethodCardSubtitle,
+              children: subtitle
+            }
+          )
+        ] })
+      ]
+    },
+    payoutMethod
+  );
+};
 const payoutVerificationMethodFields = ["payoutVerificationMethod", "bankCountry", ...accountVerificationFields];
 function PayoutVerificationMethod(props) {
   const {
@@ -2782,13 +3281,11 @@ function PayoutVerificationMethod(props) {
   };
   useEffect(() => {
     if (bankInfoValidated || enabledUnbiasedVerificationMethod) return;
-    if (!isExperimentEnabled(ExperimentNames.EnablePayoutVerificationMethodPageRedesign)) {
-      if (!hasSelectedMethod && instantVerificationAvailable && data.payoutVerificationMethod !== "instantVerification") {
-        handleChangeFor("payoutVerificationMethod")("instantVerification");
-      }
-      if (!instantVerificationAvailable && data.payoutVerificationMethod !== "manualVerification") {
-        handleChangeFor("payoutVerificationMethod")("manualVerification");
-      }
+    if (!hasSelectedMethod && instantVerificationAvailable && data.payoutVerificationMethod !== "instantVerification") {
+      handleChangeFor("payoutVerificationMethod")("instantVerification");
+    }
+    if (!instantVerificationAvailable && data.payoutVerificationMethod !== "manualVerification") {
+      handleChangeFor("payoutVerificationMethod")("manualVerification");
     }
   }, [
     data.payoutVerificationMethod,
@@ -2820,7 +3317,7 @@ function PayoutVerificationMethod(props) {
       }
     }
   );
-  const description = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
+  const description2 = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
     t(($) => $["forYouToReceiveYourPayouts"]),
     " ",
     /* @__PURE__ */ jsx(
@@ -2833,40 +3330,8 @@ function PayoutVerificationMethod(props) {
       }
     )
   ] });
-  const PayoutVerificationMethodOptionCard = ({
-    payoutMethod,
-    title,
-    subtitle,
-    tag
-  }) => /* @__PURE__ */ jsxs(
-    Card,
-    {
-      className: cx(styles.payoutVerificationMethodCard, {
-        "adyen-kyc-u-margin-bottom-8": payoutMethod === "instantVerification"
-      }),
-      bodyClassName: styles.payoutVerificationMethodCardBody,
-      onClick: () => selectVerificationMethod(payoutMethod),
-      stateful: true,
-      active: payoutMethod === data.payoutVerificationMethod,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: styles.payoutVerificationMethodCardImageContainer, children: /* @__PURE__ */ jsx(
-          PayoutVerificationMethodOptionIcon,
-          {
-            method: payoutMethod,
-            methodsMetadata
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-u-margin-16", children: [
-          tag,
-          /* @__PURE__ */ jsx(Typography, { el: "h4", variant: "body-strongest", className: "adyen-kyc-u-margin-bottom-8", children: title }),
-          /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: subtitle })
-        ] })
-      ]
-    },
-    payoutMethod
-  );
   return /* @__PURE__ */ jsxs("form", { className: styles.payoutVerificationMethod, children: [
-    heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx("template", { slot: "description", children: description }) }),
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx("template", { slot: "description", children: description2 }) }),
     instantVerificationError2 && /* @__PURE__ */ jsx(
       Alert,
       {
@@ -2892,17 +3357,25 @@ function PayoutVerificationMethod(props) {
             PayoutVerificationMethodOptionCard,
             {
               payoutMethod: "instantVerification",
-              title: t(($) => $["verifyViaMobileBankingAppOrWebsite"]),
-              subtitle: t(($) => $["instantVerificationDescription"]),
-              tag: /* @__PURE__ */ jsx(Tag, { variant: "blue", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["recommended"]) })
+              title: t(($) => $["logInWithYourBank"]),
+              subtitle: t(($) => $["theFastestWayToVerifyYourAccount"]),
+              tag: /* @__PURE__ */ jsx(Tag, { variant: "blue", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["recommended"]) }),
+              selectVerificationMethod,
+              methodsMetadata,
+              payoutVerificationMethod: data.payoutVerificationMethod,
+              instantVerificationAvailable,
+              bankInfoValidated
             }
           ),
           /* @__PURE__ */ jsx(
             PayoutVerificationMethodOptionCard,
             {
               payoutMethod: "manualVerification",
-              title: t(($) => $["uploadABankStatement"]),
-              subtitle: t(($) => $["mayTakeAFewDays"])
+              title: t(($) => $["verifyManually"]),
+              subtitle: t(($) => $["enterYourAccountsDetailsOnYourOwn"]),
+              selectVerificationMethod,
+              methodsMetadata,
+              payoutVerificationMethod: data.payoutVerificationMethod
             }
           )
         ] }) : /* @__PURE__ */ jsx(
@@ -2922,13 +3395,13 @@ function PayoutVerificationMethod(props) {
               label: styles.fieldVerificationMethodsCard
             }),
             isOptionDisabled: (option) => bankInfoValidated || option === "instantVerification" && !instantVerificationAvailable,
-            renderOptionIcon: (method) => /* @__PURE__ */ jsx(
+            renderOptionIcon: (method) => /* @__PURE__ */ jsx("div", { className: styles.radioGroupCardIllustration, children: /* @__PURE__ */ jsx(
               PayoutVerificationMethodOptionIcon,
               {
                 method,
                 methodsMetadata
               }
-            ),
+            ) }),
             renderOptionFooter: (method) => /* @__PURE__ */ jsx(
               PayoutVerificationMethodOptionFooter,
               {
@@ -3088,7 +3561,8 @@ function PayoutDetails(props) {
           PayoutCountryDetails,
           {
             ...payoutCountryDetailsFormProps,
-            legalEntityResponse
+            legalEntityResponse,
+            provider
           }
         )
       }
@@ -3160,7 +3634,23 @@ function PayoutDetails(props) {
         "div",
         {
           className: activeForm?.formId !== PayoutAccountDocumentsFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
-          children: /* @__PURE__ */ jsx(
+          children: isExperimentEnabled(ExperimentNames.EnableBankDocumentGenAi) ? /* @__PURE__ */ jsx(
+            MemoizedBankDocumentClassification,
+            {
+              ...bankDocumentFormProps,
+              heading: t(
+                ($) => $[isBankStatementDocumentOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
+              ),
+              description: t(
+                ($) => $[legalEntityResponse.type === "individual" ? "toHelpVerifyYourBankDetailsIndividual" : "toHelpVerifyYourBankDetailsBusiness"]
+              ),
+              id: PayoutAccountDocumentsFormID,
+              legalEntity: legalEntityResponse,
+              associatedLegalArrangement,
+              country: bankCountry,
+              formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
+            }
+          ) : /* @__PURE__ */ jsx(
             MemoizedBankDocument,
             {
               ...bankDocumentFormProps,
@@ -3282,7 +3772,7 @@ const mapPayoutDetailsToTransferInstrument = ({
   };
 };
 const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
-  const { bankStatementDocument, description } = data.payoutAccountDocuments ?? {};
+  const { bankStatementDocument, description: description2 } = data.payoutAccountDocuments ?? {};
   if (!bankStatementDocument) {
     throw new Error("Bank statement document missing");
   }
@@ -3296,7 +3786,7 @@ const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
     entityType: "bankAccount",
     documentType: "bankStatement",
     page1,
-    description,
+    description: description2,
     existingDocument
   });
 };
@@ -3724,7 +4214,7 @@ function PayoutDetailsDropin({
               actionType: "upload",
               documentType: dataSubmitted.payoutAccountDocuments?.documentType ?? document2.type,
               // tracks BankDocumentTypes
-              fileExtention: document2.attachments?.map((item) => getFileExtention(item.pageName ?? "")).filter((item) => item !== void 0) ?? null
+              fileExtention: document2.attachments?.map((item) => getFileExtention(item.pageName ?? "")).filter((item) => item !== void 0) ?? void 0
             });
           });
         } catch {
@@ -3882,7 +4372,24 @@ function PayoutDetailsDropin({
     navigationTrackingParams: {
       ...checkAsAServiceAnalyticsProps
     },
-    onSubmit: skipSubmit ? () => {
+    onSubmit: skipSubmit ? async () => {
+      if (enabledCrossBorderPayouts && trustedTransferInstrumentId) {
+        try {
+          await handleUpdateTransferInstrument({
+            transferInstrument: {
+              legalEntityId: rootLegalEntityId.value,
+              bankAccount: {
+                preferredCurrencyCode: data.payoutCountryDetails?.preferredCurrency,
+                trustedSource: true
+              },
+              type: "bankAccount"
+            },
+            transferInstrumentId: trustedTransferInstrumentId
+          });
+        } catch {
+          showToast({ label: commonT(($) => $["failedToUpdateDetails"]), variant: "error" });
+        }
+      }
       if (trustedTransferInstrumentId) {
         externalOnSubmit?.({ ...data, id: trustedTransferInstrumentId });
       }