@adyen/kyc-components 4.0.0-compact.1 → 4.0.0-compact.2

package/dist/{PayoutDetailsDropin-Ba4z1H8Y.js → PayoutDetailsDropin-CElcAZkT.js}

@@ -2,48 +2,48 @@
 {
   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] = "743cc952-87a2-4737-8336-8e437ec1e02e", e._sentryDebugIdIdentifier = "sentry-dbid-743cc952-87a2-4737-8336-8e437ec1e02e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "69d90c0e-4c77-421f-a21f-a81bf86c211b", e._sentryDebugIdIdentifier = "sentry-dbid-69d90c0e-4c77-421f-a21f-a81bf86c211b");
   } catch (e) {
   }
 }
 ;
 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, aA as useMutation, aC as useQueryClient, N as createLogger, a8 as CountryCodes, a as useTranslation, c as useLegalEntity, R as ROOT_LE, y as LegalEntityTypes, L as Loader, J as EntityTypes, U as useAnalyticsContext, V as Icon, x as Typography, B as Button, u as useI18nContext, af as objectsDeepEqual, aG as doArraysMatch, a9 as isEmpty, bj as getSdkToken, G as hasOwnEntityAssociationOfType, m as useSettingsContext, bk as EEA_Countries, X as useExperimentsContext, bl as isAccountIdentifierObscured, bm as hasEmptyFields, bn as extractFieldName, bo as concatenateFieldNames, aD as keysOf, g as getLegalEntityCountry, am as getCapabilityProblems, M as TaskTypes, ay as cloneObject, q as skipToken } from "./StoreProvider-D4cRWOo4.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-BdPUh-FT.js";
-import { a as useForm, F as Field, c as Select, L as LoaderWrapper } from "./useForm-Bikkn7wR.js";
-import { E as ExperimentNames } from "./types-CAznNNSI.js";
-import { I as InputText, S as SettingNames } from "./InputText-CnEQJihB.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext, F as FormWrapper } from "./useGlobalData-TJeJM5fq.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-kLS15CCB.js";
-import { D as DropzoneFile, h as bytesToSize, i as defaultFileValidationOptions, j as fileValidationRules, S as StateContextSetter, a as getDocument, c as createDocumentRequest, k as augmentWithCountryConfigs, d as documentApiUtils, b as getPropsFromConfigurations, f as getFileExtention } from "./validate-Dz7xvgxq.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-CXnvPFZN.js";
-import { D as DocumentGuidance, A as AdyenKycSdkError, u as uppercase, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, b as useScenarioConfiguration, c as useUnifyLoadingStatus } from "./mapExistingFile-B1UL2lZR.js";
-import { C as Confirm } from "./Confirm-DyWhqxmU.js";
-import { c as currencyByCountry } from "./types-BZdZSp82.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-CpKFQv28.js";
-import { u as useDataset, d as datasetIdentifier, a as datasetUtilities } from "./useDataset-B8uRm9G9.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-BsaU8Hqr.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-BPBJSJJt.js";
+import { b as useApiContext, j as useQuery, k as httpPost, m as httpGet, $ as useMutation, a1 as useQueryClient, P as createLogger, C as CountryCodes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, r as LegalEntityTypes, a as addResourceBundles, L as Loader, M as EntityTypes, _ as __variableDynamicImportRuntimeHelper, a2 as useAnalyticsContext, a3 as Icon, G as Typography, B as Button, aj as objectsDeepEqual, aV as doArraysMatch, W as isEmpty, X as useExperimentsContext, bg as getSdkToken, H as hasOwnEntityAssociationOfType, K as useAccountHolder, o as useSettingsContext, g as getLegalEntityCountry, an as Trans, bh as EEA_Countries, bi as isAccountIdentifierObscured, bj as hasEmptyFields, bk as extractFieldName, bl as concatenateFieldNames, ap as keysOf, aA as getCapabilityProblems, O as TaskTypes, aB as cloneObject, w as skipToken } from "./StoreProvider-D0o_745u.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-CrO59de3.js";
+import { u as useForm, F as Field, S as Select, L as LoaderWrapper } from "./useForm-BkgSiM1i.js";
+import { E as ExperimentNames } from "./types-Dk94b8kx.js";
+import { I as InputText, S as SettingNames } from "./InputText-DXkZ7fwq.js";
+import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext } from "./useGlobalData-BeYozqdQ.js";
+import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-CbM0O-ZH.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-IsZZTbcC.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-D0iun-Wp.js";
+import { A as AdyenKycSdkError, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, u as useScenarioConfiguration, b as useUnifyLoadingStatus } from "./mapExistingFile-DGRyOBjp.js";
+import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-CLPw5wNd.js";
+import { c as currencyByCountry, C as Currencies } from "./types-BXl6V78E.js";
+import { F as FormWrapper } from "./FormWrapper-CCyMspMC.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-BVdpr3ww.js";
+import { f as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./documentUtils-Cc83Q1S6.js";
+import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-DhbqyTuj.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-DhidmNAp.js";
 import { Show } from "@preact/signals/utils";
-import { c as createFormUtils, F as FormHeader, E as ErrorPanel, m as mergeFieldMetadataIntoProps, g as getFieldProps, C as CountryField, f as getFormProps, d as summaryStep, s as summaryItem } from "./CountryField-50Iboayh.js";
-import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, T as Trans } from "./translation-RPPT5Bll.js";
-import { signal } from "@preact/signals";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-DD2ldSE1.js";
-import { b as useCapabilityProblems, g as getProblemsForEntity, T as TextArea, f as validatePatternOnBlur, r as resolveFieldMetadata, a as useAccountHolder, I as Image, R as RadioGroupCard, C as ContextGuidance } from "./fieldConfigurations-kDKvJ6je.js";
-import { c as createFormRules } from "./form-rules-DhbF2mY4.js";
-import { memo, lazy } from "preact/compat";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-pxytkrwW.js";
+import { s as summaryStep } from "./Summary-DfChUS-N.js";
+import { c as createFormUtils, H as Header, E as ErrorPanel, S as StackLayout, e as isNotEmptyValidator, m as mergeFieldMetadataIntoProps, d as getFieldProps, C as CountryField, a as Link, g as getFormProps, s as summaryItem } from "./CountryField-BKLmbhSX.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-BXXTCq2H.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, d as nonInputs, s as spacer, k as customInputs, v as validatePatternOnBlur, r as resolveFieldMetadata, M as MaskedInput, b as alphanumericInputs, u as uppercase, c as alphaInputs, I as Image, R as RadioGroupCard, C as ContextGuidance, x as createFormRules } from "./Spacer-BcPESwGJ.js";
 import cx from "classnames";
+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-BpDu4QKJ.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
+import { M as Modal } from "./Modal-qvqrnkl9.js";
+import { E as EndStateLayout } from "./EndStateLayout-Dyji8Wu9.js";
 import { createContext } from "preact";
-import { a as Alert } from "./Alert-C_-UwoDE.js";
-import { A as ActionBar } from "./FormNavigation-29vpexO6.js";
+import { a as Alert } from "./Alert-BjepSgqS.js";
+import { A as ActionBar } from "./ActionBar-_ItKVS6X.js";
 import OpenBankingSDK from "@adyen/openbankingsdk";
-import { m as makeMask, n as numericInputs, a as nonInputs, s as spacer, c as customInputs, M as MaskedInput, d as alphanumericInputs, b as alphaInputs } from "./MaskedInput-Cr4BEARC.js";
-import { a as isNotEmptyValidator } from "./commonValidators-cnXbus2a.js";
-import { C as Currencies } from "./currency-BGwQyxBo.js";
-import { L as Link } from "./Link-Bn9pt52z.js";
+import { T as Tag } from "./Tag-DdkVScyr.js";
+import { C as Card } from "./Card-DTRTgvkU.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -135,13 +135,21 @@ const useUpdateTransferInstrument = (options) => {
     ...options
   });
 };
-const accountFormatsImports = /* @__PURE__ */ Object.assign({ "../accountFormats/AD.json": () => import("./AD-CyP5INSp.js"), "../accountFormats/AE.json": () => import("./AE-mIZ12t47.js"), "../accountFormats/AI.json": () => import("./AI-CYOqGKk2.js"), "../accountFormats/AL.json": () => import("./AL-BX1fEo1A.js"), "../accountFormats/AR.json": () => import("./AR-C9kMRnHG.js"), "../accountFormats/AS.json": () => import("./AS-B0TMZQ6o.js"), "../accountFormats/AT.json": () => import("./AT-DJLlevck.js"), "../accountFormats/AU.json": () => import("./AU-B5LSe4bo.js"), "../accountFormats/AX.json": () => import("./AX-Z6f6EnJc.js"), "../accountFormats/AZ.json": () => import("./AZ-BqrKjWMH.js"), "../accountFormats/BA.json": () => import("./BA-BbP72Tn6.js"), "../accountFormats/BE.json": () => import("./BE-B-m_4F41.js"), "../accountFormats/BG.json": () => import("./BG-BVR5ytc-.js"), "../accountFormats/BH.json": () => import("./BH-Ded1Eyrc.js"), "../accountFormats/BM.json": () => import("./BM-CBl-UQUl.js"), "../accountFormats/BR.json": () => import("./BR-DsY9PZVZ.js"), "../accountFormats/BS.json": () => import("./BS-dBfArxRw.js"), "../accountFormats/BV.json": () => import("./BV-D0QBsH7-.js"), "../accountFormats/BY.json": () => import("./BY-BsQUo3fM.js"), "../accountFormats/CA.json": () => import("./CA-DT4cmOOe.js"), "../accountFormats/CH.json": () => import("./CH-CesIKOYy.js"), "../accountFormats/CN.json": () => import("./CN-BV-5PSpq.js"), "../accountFormats/CR.json": () => import("./CR-Dtv-rXg9.js"), "../accountFormats/CY.json": () => import("./CY-BnJ7k_mN.js"), "../accountFormats/CZ.json": () => import("./CZ-BiPeoA9G.js"), "../accountFormats/DE.json": () => import("./DE-DdcbG-CC.js"), "../accountFormats/DK.json": () => import("./DK-DA8qRrzq.js"), "../accountFormats/DO.json": () => import("./DO-B1BWc3Iy.js"), "../accountFormats/EC.json": () => import("./EC-DbNXe71-.js"), "../accountFormats/EE.json": () => import("./EE-CaXoPgZz.js"), "../accountFormats/ES.json": () => import("./ES-Bt_oaIaf.js"), "../accountFormats/FI.json": () => import("./FI-C5V3lLuN.js"), "../accountFormats/FJ.json": () => import("./FJ-CBdbPf5l.js"), "../accountFormats/FO.json": () => import("./FO-1pD1p939.js"), "../accountFormats/FR.json": () => import("./FR-Bc1tLIC4.js"), "../accountFormats/GB.json": () => import("./GB-CCYHTagl.js"), "../accountFormats/GE.json": () => import("./GE-Deog1a3Z.js"), "../accountFormats/GF.json": () => import("./GF-Cda8N7A4.js"), "../accountFormats/GG.json": () => import("./GG-BGuqxplU.js"), "../accountFormats/GI.json": () => import("./GI-CROkpYrU.js"), "../accountFormats/GL.json": () => import("./GL-0vO9Of9c.js"), "../accountFormats/GP.json": () => import("./GP-za-3opp-.js"), "../accountFormats/GR.json": () => import("./GR-B9c2boG8.js"), "../accountFormats/GT.json": () => import("./GT-C1jhs-Dx.js"), "../accountFormats/GU.json": () => import("./GU-CALV5vh1.js"), "../accountFormats/HK.json": () => import("./HK-BB3PIq-Z.js"), "../accountFormats/HR.json": () => import("./HR-p4luVYpu.js"), "../accountFormats/HU.json": () => import("./HU-D8vJYkDH.js"), "../accountFormats/ID.json": () => import("./ID-BcOv4SXj.js"), "../accountFormats/IE.json": () => import("./IE-Cli_j7Al.js"), "../accountFormats/IL.json": () => import("./IL-CQ0yHRRe.js"), "../accountFormats/IM.json": () => import("./IM-mpIyBn16.js"), "../accountFormats/IN.json": () => import("./IN-BhEI9o7G.js"), "../accountFormats/IS.json": () => import("./IS-02zCAdvq.js"), "../accountFormats/IT.json": () => import("./IT-CzURFhrK.js"), "../accountFormats/JE.json": () => import("./JE-MFwIYti7.js"), "../accountFormats/JM.json": () => import("./JM-BMGgBK6y.js"), "../accountFormats/JO.json": () => import("./JO-rY8A8f9C.js"), "../accountFormats/JP.json": () => import("./JP-BQG5dF1Y.js"), "../accountFormats/KR.json": () => import("./KR-74SwXHka.js"), "../accountFormats/KW.json": () => import("./KW-CcVPOJ8B.js"), "../accountFormats/KY.json": () => import("./KY-DXCeltYA.js"), "../accountFormats/KZ.json": () => import("./KZ-CZNjdp22.js"), "../accountFormats/LB.json": () => import("./LB-DZ5YfAsO.js"), "../accountFormats/LI.json": () => import("./LI-DA06W10W.js"), "../accountFormats/LT.json": () => import("./LT-DuU6E2Ct.js"), "../accountFormats/LU.json": () => import("./LU-BQHhNpDy.js"), "../accountFormats/LV.json": () => import("./LV-DN7wckbP.js"), "../accountFormats/MC.json": () => import("./MC-DtSWC4jS.js"), "../accountFormats/MD.json": () => import("./MD-DVc0183a.js"), "../accountFormats/ME.json": () => import("./ME-DiJhSuli.js"), "../accountFormats/MK.json": () => import("./MK-BZxslBTS.js"), "../accountFormats/MP.json": () => import("./MP-7IpnbfCj.js"), "../accountFormats/MQ.json": () => import("./MQ-DusG_no1.js"), "../accountFormats/MR.json": () => import("./MR-DaBVNHqN.js"), "../accountFormats/MT.json": () => import("./MT-DeDMQ1f_.js"), "../accountFormats/MU.json": () => import("./MU-D3gGVu1R.js"), "../accountFormats/MX.json": () => import("./MX-CZVOFg3D.js"), "../accountFormats/MY.json": () => import("./MY-ym71svTa.js"), "../accountFormats/NC.json": () => import("./NC-xzMvjp9-.js"), "../accountFormats/NL.json": () => import("./NL-aVL0NAp-.js"), "../accountFormats/NO.json": () => import("./NO-D7EOiQA1.js"), "../accountFormats/NZ.json": () => import("./NZ-BP7_Q9Om.js"), "../accountFormats/PE.json": () => import("./PE-CdxgPh3v.js"), "../accountFormats/PF.json": () => import("./PF-CstaOd9Z.js"), "../accountFormats/PH.json": () => import("./PH-BYgMDYIH.js"), "../accountFormats/PK.json": () => import("./PK-bLhtgsEk.js"), "../accountFormats/PL.json": () => import("./PL-Bg7axKQA.js"), "../accountFormats/PM.json": () => import("./PM-BWbxAh4u.js"), "../accountFormats/PR.json": () => import("./PR-CFPKXEXp.js"), "../accountFormats/PS.json": () => import("./PS-B8obOOWY.js"), "../accountFormats/PT.json": () => import("./PT-hB1HnBM2.js"), "../accountFormats/QA.json": () => import("./QA-CSfx-mvb.js"), "../accountFormats/RE.json": () => import("./RE-BApq1FJ6.js"), "../accountFormats/RO.json": () => import("./RO-BLlC4CKq.js"), "../accountFormats/RS.json": () => import("./RS-BCenke-W.js"), "../accountFormats/RU.json": () => import("./RU-D27RC7dq.js"), "../accountFormats/SA.json": () => import("./SA-C9VgxCgm.js"), "../accountFormats/SE.json": () => import("./SE-q25Qt85B.js"), "../accountFormats/SG.json": () => import("./SG-DoCqjlFi.js"), "../accountFormats/SI.json": () => import("./SI-BzA-ozn6.js"), "../accountFormats/SJ.json": () => import("./SJ-Z9jwQQlz.js"), "../accountFormats/SK.json": () => import("./SK-DOTdLJPw.js"), "../accountFormats/SM.json": () => import("./SM-B4BIgmhk.js"), "../accountFormats/TF.json": () => import("./TF-BOWng-Dz.js"), "../accountFormats/TH.json": () => import("./TH-CvyXLcZK.js"), "../accountFormats/TL.json": () => import("./TL-BWslydRz.js"), "../accountFormats/TN.json": () => import("./TN-Cjd3bM_V.js"), "../accountFormats/TR.json": () => import("./TR-BBx5CuWS.js"), "../accountFormats/TT.json": () => import("./TT-D4-z5BA-.js"), "../accountFormats/TW.json": () => import("./TW-BC8YpnMr.js"), "../accountFormats/UA.json": () => import("./UA-DrXUnAe6.js"), "../accountFormats/US.json": () => import("./US-D8dI5_i1.js"), "../accountFormats/UY.json": () => import("./UY-DEHqLXhX.js"), "../accountFormats/VA.json": () => import("./VA-bPXdCnwD.js"), "../accountFormats/VG.json": () => import("./VG-DnKAVCsi.js"), "../accountFormats/VI.json": () => import("./VI-CU9MA9ux.js"), "../accountFormats/VN.json": () => import("./VN-CTSqsmB6.js"), "../accountFormats/WF.json": () => import("./WF-CwHbsjtJ.js"), "../accountFormats/YT.json": () => import("./YT-BCyAAbo7.js"), "../accountFormats/ZA.json": () => import("./ZA-NU7slima.js") });
+const accountFormatsImports = /* @__PURE__ */ Object.assign({ "../accountFormats/AD.json": () => import("./AD-BQAadLyG.js"), "../accountFormats/AE.json": () => import("./AE-mIZ12t47.js"), "../accountFormats/AI.json": () => import("./AI-CYOqGKk2.js"), "../accountFormats/AL.json": () => import("./AL-BX1fEo1A.js"), "../accountFormats/AR.json": () => import("./AR-C9kMRnHG.js"), "../accountFormats/AS.json": () => import("./AS-B0TMZQ6o.js"), "../accountFormats/AT.json": () => import("./AT-BI8ju2NH.js"), "../accountFormats/AU.json": () => import("./AU-B5LSe4bo.js"), "../accountFormats/AX.json": () => import("./AX-Z6f6EnJc.js"), "../accountFormats/AZ.json": () => import("./AZ-BqrKjWMH.js"), "../accountFormats/BA.json": () => import("./BA-BbP72Tn6.js"), "../accountFormats/BE.json": () => import("./BE-nWHKW0xQ.js"), "../accountFormats/BG.json": () => import("./BG-HKzabLqZ.js"), "../accountFormats/BH.json": () => import("./BH-Ded1Eyrc.js"), "../accountFormats/BM.json": () => import("./BM-CBl-UQUl.js"), "../accountFormats/BR.json": () => import("./BR-DsY9PZVZ.js"), "../accountFormats/BS.json": () => import("./BS-dBfArxRw.js"), "../accountFormats/BV.json": () => import("./BV-D0QBsH7-.js"), "../accountFormats/BY.json": () => import("./BY-BsQUo3fM.js"), "../accountFormats/CA.json": () => import("./CA-DT4cmOOe.js"), "../accountFormats/CH.json": () => import("./CH-TX4BTE2y.js"), "../accountFormats/CN.json": () => import("./CN-BV-5PSpq.js"), "../accountFormats/CR.json": () => import("./CR-Dtv-rXg9.js"), "../accountFormats/CY.json": () => import("./CY-D59Nypl7.js"), "../accountFormats/CZ.json": () => import("./CZ-B6iI1GbE.js"), "../accountFormats/DE.json": () => import("./DE-CsuX_tSL.js"), "../accountFormats/DK.json": () => import("./DK-oQEFrF6o.js"), "../accountFormats/DO.json": () => import("./DO-B1BWc3Iy.js"), "../accountFormats/EC.json": () => import("./EC-DbNXe71-.js"), "../accountFormats/EE.json": () => import("./EE-3WZV5Ejt.js"), "../accountFormats/ES.json": () => import("./ES-NfxpqbC2.js"), "../accountFormats/FI.json": () => import("./FI-CHQIvHa-.js"), "../accountFormats/FJ.json": () => import("./FJ-CBdbPf5l.js"), "../accountFormats/FO.json": () => import("./FO-1pD1p939.js"), "../accountFormats/FR.json": () => import("./FR-MWZyWX3x.js"), "../accountFormats/GB.json": () => import("./GB-CCYHTagl.js"), "../accountFormats/GE.json": () => import("./GE-Deog1a3Z.js"), "../accountFormats/GF.json": () => import("./GF-Cda8N7A4.js"), "../accountFormats/GG.json": () => import("./GG-CPoMVQPc.js"), "../accountFormats/GI.json": () => import("./GI-DxmBwVD_.js"), "../accountFormats/GL.json": () => import("./GL-0vO9Of9c.js"), "../accountFormats/GP.json": () => import("./GP-za-3opp-.js"), "../accountFormats/GR.json": () => import("./GR-Rk0pXlNw.js"), "../accountFormats/GT.json": () => import("./GT-C1jhs-Dx.js"), "../accountFormats/GU.json": () => import("./GU-CALV5vh1.js"), "../accountFormats/HK.json": () => import("./HK-BB3PIq-Z.js"), "../accountFormats/HR.json": () => import("./HR-WapHW2fw.js"), "../accountFormats/HU.json": () => import("./HU-DCOMuOhe.js"), "../accountFormats/ID.json": () => import("./ID-BcOv4SXj.js"), "../accountFormats/IE.json": () => import("./IE-BkgtVgDi.js"), "../accountFormats/IL.json": () => import("./IL-CQ0yHRRe.js"), "../accountFormats/IM.json": () => import("./IM-Wr4iDT94.js"), "../accountFormats/IN.json": () => import("./IN-BhEI9o7G.js"), "../accountFormats/IS.json": () => import("./IS-C-Cgc6zp.js"), "../accountFormats/IT.json": () => import("./IT-CXekiddL.js"), "../accountFormats/JE.json": () => import("./JE-B4gj54Hg.js"), "../accountFormats/JM.json": () => import("./JM-BMGgBK6y.js"), "../accountFormats/JO.json": () => import("./JO-rY8A8f9C.js"), "../accountFormats/JP.json": () => import("./JP-BQG5dF1Y.js"), "../accountFormats/KR.json": () => import("./KR-74SwXHka.js"), "../accountFormats/KW.json": () => import("./KW-CcVPOJ8B.js"), "../accountFormats/KY.json": () => import("./KY-DXCeltYA.js"), "../accountFormats/KZ.json": () => import("./KZ-CZNjdp22.js"), "../accountFormats/LB.json": () => import("./LB-DZ5YfAsO.js"), "../accountFormats/LI.json": () => import("./LI-L0ZAALRT.js"), "../accountFormats/LT.json": () => import("./LT-Ao2uagV9.js"), "../accountFormats/LU.json": () => import("./LU-B7LRUuc6.js"), "../accountFormats/LV.json": () => import("./LV-DZeGjA2G.js"), "../accountFormats/MC.json": () => import("./MC-EDVNGWhy.js"), "../accountFormats/MD.json": () => import("./MD-DVc0183a.js"), "../accountFormats/ME.json": () => import("./ME-DiJhSuli.js"), "../accountFormats/MK.json": () => import("./MK-BZxslBTS.js"), "../accountFormats/MP.json": () => import("./MP-7IpnbfCj.js"), "../accountFormats/MQ.json": () => import("./MQ-DusG_no1.js"), "../accountFormats/MR.json": () => import("./MR-DaBVNHqN.js"), "../accountFormats/MT.json": () => import("./MT-B9my7RlP.js"), "../accountFormats/MU.json": () => import("./MU-D3gGVu1R.js"), "../accountFormats/MX.json": () => import("./MX-CZVOFg3D.js"), "../accountFormats/MY.json": () => import("./MY-ym71svTa.js"), "../accountFormats/NC.json": () => import("./NC-xzMvjp9-.js"), "../accountFormats/NL.json": () => import("./NL-VXAFOhV5.js"), "../accountFormats/NO.json": () => import("./NO-Cx1VSh2W.js"), "../accountFormats/NZ.json": () => import("./NZ-BP7_Q9Om.js"), "../accountFormats/PE.json": () => import("./PE-CdxgPh3v.js"), "../accountFormats/PF.json": () => import("./PF-CstaOd9Z.js"), "../accountFormats/PH.json": () => import("./PH-BYgMDYIH.js"), "../accountFormats/PK.json": () => import("./PK-bLhtgsEk.js"), "../accountFormats/PL.json": () => import("./PL-BZW1hGvD.js"), "../accountFormats/PM.json": () => import("./PM-BWbxAh4u.js"), "../accountFormats/PR.json": () => import("./PR-CFPKXEXp.js"), "../accountFormats/PS.json": () => import("./PS-B8obOOWY.js"), "../accountFormats/PT.json": () => import("./PT-OpU4MU3L.js"), "../accountFormats/QA.json": () => import("./QA-CSfx-mvb.js"), "../accountFormats/RE.json": () => import("./RE-BApq1FJ6.js"), "../accountFormats/RO.json": () => import("./RO-Cz6Sh0ls.js"), "../accountFormats/RS.json": () => import("./RS-BCenke-W.js"), "../accountFormats/RU.json": () => import("./RU-D27RC7dq.js"), "../accountFormats/SA.json": () => import("./SA-C9VgxCgm.js"), "../accountFormats/SE.json": () => import("./SE-B5K-FkQd.js"), "../accountFormats/SG.json": () => import("./SG-DoCqjlFi.js"), "../accountFormats/SI.json": () => import("./SI-BOGTNLPa.js"), "../accountFormats/SJ.json": () => import("./SJ-Z9jwQQlz.js"), "../accountFormats/SK.json": () => import("./SK-BOVrp_Av.js"), "../accountFormats/SM.json": () => import("./SM-meowwILA.js"), "../accountFormats/TF.json": () => import("./TF-BOWng-Dz.js"), "../accountFormats/TH.json": () => import("./TH-CvyXLcZK.js"), "../accountFormats/TL.json": () => import("./TL-BWslydRz.js"), "../accountFormats/TN.json": () => import("./TN-Cjd3bM_V.js"), "../accountFormats/TR.json": () => import("./TR-BBx5CuWS.js"), "../accountFormats/TT.json": () => import("./TT-D4-z5BA-.js"), "../accountFormats/TW.json": () => import("./TW-BC8YpnMr.js"), "../accountFormats/UA.json": () => import("./UA-DrXUnAe6.js"), "../accountFormats/US.json": () => import("./US-D8dI5_i1.js"), "../accountFormats/UY.json": () => import("./UY-DEHqLXhX.js"), "../accountFormats/VA.json": () => import("./VA-DXsYTCoh.js"), "../accountFormats/VG.json": () => import("./VG-DnKAVCsi.js"), "../accountFormats/VI.json": () => import("./VI-CU9MA9ux.js"), "../accountFormats/VN.json": () => import("./VN-CTSqsmB6.js"), "../accountFormats/WF.json": () => import("./WF-CwHbsjtJ.js"), "../accountFormats/YT.json": () => import("./YT-BCyAAbo7.js"), "../accountFormats/ZA.json": () => import("./ZA-NU7slima.js") });
 const getAccountFormatsForCountry = async (country) => {
   const importForCountry = accountFormatsImports[`../accountFormats/${country}.json`];
   if (!importForCountry) {
     throw Error(`No account formats available for ${country}`);
   }
-  return (await importForCountry()).default;
+  const countryBankFormats = (await importForCountry()).default;
+  const expandedBankFormats = {
+    ...countryBankFormats,
+    numberAndBic: {
+      bankStatementRequirement: "OPTIONAL",
+      fields: ["bankAccountNumber", "swiftCode"]
+    }
+  };
+  return expandedBankFormats;
 };
 const validateAccountIdentification = async (baseUrl, data) => {
   return httpPost(
@@ -194,12 +202,20 @@ const useAsyncAccountDetailsValidationRules = (payload, hasEmptyFields2, isAccou
   return accountValidationData;
 };
 const logger = createLogger();
-const getAccountIdentificationFromPayoutAccountSchema = (payoutAccount, bankCountry) => {
-  if ("iban" in payoutAccount && payoutAccount.iban)
+const getAccountIdentificationFromPayoutAccountSchema = (payoutAccount, bankCountry, enabledCrossBorderPayouts) => {
+  if ("iban" in payoutAccount && payoutAccount.iban) {
     return {
       type: "iban",
       iban: payoutAccount.iban
     };
+  }
+  if (enabledCrossBorderPayouts && "bankAccountNumber" in payoutAccount && payoutAccount.bankAccountNumber && "swiftCode" in payoutAccount && payoutAccount.swiftCode) {
+    return {
+      type: "numberAndBic",
+      bic: payoutAccount.swiftCode,
+      accountNumber: payoutAccount.bankAccountNumber
+    };
+  }
   switch (bankCountry) {
     case CountryCodes.Australia:
       return {
@@ -287,11 +303,13 @@ const getAccountIdentificationFromPayoutAccountSchema = (payoutAccount, bankCoun
       };
   }
 };
-const mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry) => ({
+const mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry, preferredCurrency, enabledCrossBorderPayouts) => ({
   accountIdentification: getAccountIdentificationFromPayoutAccountSchema(
     payoutAccount,
-    bankCountry
+    bankCountry,
+    enabledCrossBorderPayouts
   ),
+  preferredCurrencyCode: preferredCurrency,
   countryCode: bankCountry,
   bankName: payoutAccount.bankName
 });
@@ -315,8 +333,8 @@ function PayoutDetailsPage({
     ]
   );
   const capabilityProblems = useCapabilityProblems();
-  addResourceBundles(i18n, i18n.language, [
-    { ns: "banking", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-q2b_1elr.js"), "../language/de-DE.json": () => import("./de-DE-D2ByeIZs.js"), "../language/en-US.json": () => import("./en-US-BQpgt41j.js"), "../language/es-ES.json": () => import("./es-ES-WWftn3JX.js"), "../language/fi-FI.json": () => import("./fi-FI-D9E_KaJi.js"), "../language/fr-FR.json": () => import("./fr-FR-Cv0k-3Xc.js"), "../language/it-IT.json": () => import("./it-IT-C_fNHhjE.js"), "../language/nl-NL.json": () => import("./nl-NL-DLedC3mO.js"), "../language/no-NO.json": () => import("./no-NO-CpVal4cV.js"), "../language/pt-PT.json": () => import("./pt-PT-BkvMsoK4.js"), "../language/sl-SI.json": () => import("./sl-SI-Cth2Qa5T.js"), "../language/sv-SE.json": () => import("./sv-SE-OPOHtqtP.js") }), `../language/${i18n.language}.json`, 3) }
+  addResourceBundles(i18n, [
+    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../language/pt-PT.json": () => import("./pt-PT-CFY1O_K0.js"), "../language/sl-SI.json": () => import("./sl-SI-59OQIZ3f.js"), "../language/sv-SE.json": () => import("./sv-SE-CQWBP7n1.js") }), `../language/${lang}.json`, 3) }
   ]);
   if (!rootLe || associatedLeIsLoading) {
     return /* @__PURE__ */ jsx(Loader, {});
@@ -354,6 +372,7 @@ function FilePicker({
   iconPrefix = "generic-document",
   enableTracking = false,
   id,
+  loading,
   // file validation options
   allowedFileTypes,
   maxSize,
@@ -363,7 +382,7 @@ function FilePicker({
   "aria-describedby": ariaDescribedBy,
   "aria-labelledby": ariaLabelledBy
 }) {
-  const { t } = useTranslation("common");
+  const { t } = useTranslation("ui");
   const userEvents = useAnalyticsContext();
   const fileInput = useRef(null);
   const [dragged, setDragged] = useState(false);
@@ -392,7 +411,7 @@ function FilePicker({
     setDragged(false);
   };
   const handleFilesChosen = (e) => {
-    const fileInput2 = e.target;
+    const fileInput2 = e.currentTarget;
     if (fileInput2.files) addFiles(fileInput2.files);
   };
   const addFiles = (newFiles) => {
@@ -421,7 +440,8 @@ function FilePicker({
         file,
         onDelete: () => handleFileDelete(file),
         errorMessage,
-        iconPrefix
+        iconPrefix,
+        loading
       },
       file
     )),
@@ -470,13 +490,17 @@ function FilePicker({
   ] });
 }
 const bankDocument = "adyen-kyc-bank-document";
-const styles$2 = {
-  bankDocument
+const bankDocumentDocumentUpload = "adyen-kyc-bank-document-document-upload";
+const bankDocumentDocumentDescription = "adyen-kyc-bank-document-document-description";
+const styles$5 = {
+  bankDocument,
+  bankDocumentDocumentUpload,
+  bankDocumentDocumentDescription
 };
-const documentRequirements = "adyen-kyc-document-requirements";
+const documentRequirements$1 = "adyen-kyc-document-requirements";
 const documentRequirementsSubtitle = "adyen-kyc-document-requirements-subtitle";
-const styles$1 = {
-  documentRequirements,
+const styles$4 = {
+  documentRequirements: documentRequirements$1,
   documentRequirementsSubtitle
 };
 const BankDocumentTypes = {
@@ -560,7 +584,7 @@ const applyNamedModifiers = (country, documentModifiers) => {
       switch (documentModifiers.associatedEntityType) {
         case LegalEntityTypes.TRUST:
           return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.TRUST]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.TRUST]?.default,
+            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.TRUST]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.TRUST].default,
             options: {
               values: {
                 trusteeName: documentModifiers.rootEntityLegalName,
@@ -571,7 +595,7 @@ const applyNamedModifiers = (country, documentModifiers) => {
           };
         case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
           return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.default,
+            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP].default,
             options: {
               values: {
                 partnerNames: documentModifiers.unincorporatedPartnershipMembers || "",
@@ -582,7 +606,7 @@ const applyNamedModifiers = (country, documentModifiers) => {
         case LegalEntityTypes.SOLE_PROPRIETORSHIP:
         default:
           return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.SOLE_PROPRIETORSHIP]?.default,
+            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.SOLE_PROPRIETORSHIP].default,
             options: {
               values: {
                 individualLegalName: documentModifiers.rootEntityLegalName,
@@ -596,7 +620,7 @@ const applyNamedModifiers = (country, documentModifiers) => {
       switch (documentModifiers.associatedEntityType) {
         case LegalEntityTypes.TRUST:
           return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.TRUST]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.TRUST]?.default,
+            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.TRUST]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.TRUST].default,
             options: {
               values: {
                 trusteeName: documentModifiers.rootEntityLegalName,
@@ -607,7 +631,7 @@ const applyNamedModifiers = (country, documentModifiers) => {
           };
         case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
           return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.default,
+            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP].default,
             options: {
               values: {
                 partnerNames: documentModifiers.unincorporatedPartnershipMembers || "",
@@ -653,25 +677,40 @@ const BankDocumentRequirements = ({
   documentType,
   documentModifiers
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("banking");
+  const { t: commonT } = useTranslation("common");
   const documentRequirements2 = getBankDocumentRequirements(
     country,
     documentType,
     documentModifiers
   );
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.documentRequirements, children: [
-    /* @__PURE__ */ jsx("strong", { className: styles$1.documentRequirementsSubtitle, children: i18n.get("documentRequirements") }),
-    /* @__PURE__ */ jsx("ul", { children: documentRequirements2.map(({ key, options }, i) => /* @__PURE__ */ jsx("li", { "data-testid": key, children: i18n.get(key, options) }, i)) })
+  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",
@@ -686,16 +725,17 @@ function BankDocument(props) {
     validators,
     data: bankData,
     id,
-    description,
+    description: description2,
     heading,
     formIsActive,
     fieldValidationErrors,
     shouldValidate
   } = props;
-  const { t } = useTranslation("common");
+  const { t } = useTranslation("banking");
+  const { t: commonT } = useTranslation("common");
   const stateRef = useRef({ setState: null });
   const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
-  const formUtils = createFormUtils(props, t);
+  const formUtils = createFormUtils(props, commonT);
   const bankStatementValidationOptions = useMemo(
     () => ({
       ...defaultFileValidationOptions,
@@ -768,9 +808,9 @@ function BankDocument(props) {
     }),
     [legalEntity, associatedLegalArrangement, unincorporatedPartnershipMembers]
   );
-  return /* @__PURE__ */ jsxs("form", { className: styles$2.bankDocument, children: [
+  return /* @__PURE__ */ jsxs("form", { className: styles$5.bankDocument, children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    /* @__PURE__ */ jsx(FormHeader, { heading, description }),
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, description: description2 }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -793,7 +833,7 @@ function BankDocument(props) {
               ...childProps,
               onChange: handleChangeFor("documentType"),
               name: "documentType",
-              placeholder: t(($) => $["selectDocument"]),
+              placeholder: commonT(($) => $["selectDocument"]),
               isInvalid: false,
               items: getBankDocumentOptions(),
               selected: data.documentType
@@ -815,7 +855,7 @@ function BankDocument(props) {
       data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
         Field,
         {
-          className: "adyen-kyc-bank-document__document-upload adyen-kyc-upload-field",
+          className: cx(styles$5.bankDocumentDocumentUpload, "adyen-kyc-upload-field"),
           name: "bankStatementDocument",
           isValid: valid.bankStatementDocument,
           children: (childProps) => /* @__PURE__ */ jsx(
@@ -836,7 +876,7 @@ function BankDocument(props) {
     data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
       Field,
       {
-        className: "adyen-kyc-bank-document__document-description",
+        className: cx(styles$5.bankDocumentDocumentDescription),
         name: "description",
         label: formUtils.getLabel("bankDocumentFileDescription"),
         errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
@@ -847,7 +887,7 @@ function BankDocument(props) {
             ...childProps,
             name: "description",
             value: data.description,
-            maxLength: CHARACTERS_LIMIT,
+            maxLength: CHARACTERS_LIMIT$1,
             onInput: handleChangeFor("description"),
             "aria-invalid": !valid.description
           }
@@ -860,6 +900,456 @@ 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 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 actions = "adyen-kyc-actions";
+const title$1 = "adyen-kyc-title";
+const description = "adyen-kyc-description";
+const issues = "adyen-kyc-issues";
+const confirmationModal = "adyen-kyc-confirmation-modal";
+const styles$3 = {
+  bankDocumentClassification,
+  requirementsList,
+  filePickerDisabled,
+  reviewModal,
+  preview,
+  previewImage,
+  content,
+  actions,
+  title: title$1,
+  description,
+  issues,
+  confirmationModal
+};
+function RequirementsSection({ titleKey, requirementKeys }) {
+  const { t } = useTranslation("banking");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h4", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $[titleKey]) }),
+    /* @__PURE__ */ jsx("ul", { children: requirementKeys.map((key) => /* @__PURE__ */ jsx("li", { children: t(($) => $[key]) }, key)) })
+  ] });
+}
+const commonRequirementsKeys = [
+  "bankAccountInYourName",
+  "includesFullOrPartialAccountNumber",
+  "includesBankLogoOrName"
+];
+const documentRequirements = [
+  {
+    titleKey: "bankStatements",
+    additionalKeys: ["datedInLast12Months"]
+  },
+  {
+    titleKey: "depositSlips"
+  },
+  {
+    titleKey: "onlineBankingScreenshots"
+  },
+  {
+    titleKey: "lettersFromBank",
+    additionalKeys: ["datedInLast12Months"]
+  },
+  {
+    titleKey: "checks",
+    additionalKeys: ["highResolutionImageFullCheck"]
+  }
+];
+function BankDocumentRequirementsModal({
+  isOpen,
+  onClose
+}) {
+  const { t } = useTranslation("banking");
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(Modal, { ariaLabel: t(($) => $["moreAboutBankDocuments"]), onClose, size: "medium", inset: true, children: /* @__PURE__ */ jsxs(StackLayout, { gap: "large", children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h1", children: t(($) => $["moreAboutBankDocuments"]) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h3", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["whyDoIHaveToUploadBankDocument"]) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["bankDocumentFraudPrevention"]) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h3", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["whatAreDocumentRequirements"]) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["bankDocumentRequirementsIntro"]) })
+    ] }),
+    documentRequirements.map(({ titleKey, additionalKeys }) => /* @__PURE__ */ jsx(
+      RequirementsSection,
+      {
+        titleKey,
+        requirementKeys: commonRequirementsKeys.concat(additionalKeys || [])
+      },
+      titleKey
+    ))
+  ] }) });
+}
+const CHARACTERS_LIMIT = 200;
+const bankDocumentClassificationFields = [
+  "bankStatementDocument",
+  "description"
+];
+function BankDocumentClassification(props) {
+  const {
+    legalEntity,
+    optionalFields,
+    validators,
+    data: bankData,
+    id,
+    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 [showRequirementsModal, setShowRequirementsModal] = useState$1(false);
+  const [validationResponse, setValidationResponse] = useState$1(
+    null
+  );
+  const [showEndState, setShowEndState] = useState$1(false);
+  const inputRef = useRef$1(null);
+  const logger2 = createLogger();
+  const userEvents = useAnalyticsContext();
+  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") {
+        userEvents.addEvent("Opened modal", {
+          actionType: "open",
+          actionLevel: "journey",
+          label: "bankDocumentClassification"
+        });
+        setShowReviewModal(true);
+      } else {
+        setShowEndState(true);
+        userEvents.addEvent("Success", {
+          actionType: "upload",
+          actionLevel: "journey",
+          label: "bankDocumentClassification"
+        });
+        setTimeout(() => {
+          setShowEndState(false);
+          setShowReviewModal(false);
+        }, 2e3);
+      }
+    },
+    onError: (error) => {
+      userEvents.addEvent("Encountered error", {
+        actionType: "upload",
+        actionLevel: "journey",
+        label: "bankDocumentClassification"
+      });
+      logger2.error("Document validation failed:", error);
+      setShowReviewModal(false);
+      setValidationResponse(null);
+    }
+  });
+  const handleDocumentUpload = async (files) => {
+    setData("bankStatementDocument", files);
+    triggerValidation();
+    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,
+            sessionId: legalEntity.id,
+            attachments: [
+              {
+                content: base64Content,
+                pageName: file.name
+              }
+            ]
+          };
+          validateDocumentMutation.mutate(document2);
+        } catch (error) {
+          logger2.error("Error processing document:", error);
+        }
+      }
+    }
+  };
+  useEffect$1(() => {
+    if (formIsActive && isBankStatementOptional) {
+      triggerValidation();
+    }
+  }, [formIsActive, isBankStatementOptional, 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 = () => {
+    userEvents.addEvent("Clicked button", {
+      actionType: "next",
+      actionLevel: "journey",
+      label: "bankDocumentClassificationUploadNewDocument"
+    });
+    inputRef.current?.click();
+  };
+  const handleContinueAnyway = () => {
+    setShowConfirmationModal(true);
+  };
+  const handleConfirmationCancel = () => {
+    setShowConfirmationModal(false);
+  };
+  const handleUseDocument = () => {
+    setShowConfirmationModal(false);
+    setShowReviewModal(false);
+    userEvents.addEvent("Clicked button", {
+      actionType: "next",
+      actionLevel: "journey",
+      label: "bankDocumentClassificationContinueAnyway"
+    });
+  };
+  const documentPreview = useMemo$1(() => {
+    if (!data.bankStatementDocument?.[0] || !showReviewModal) return null;
+    const file = data.bankStatementDocument?.[0];
+    return file.type === "application/pdf" || file.name.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ jsx(
+      "object",
+      {
+        width: "100%",
+        height: "100%",
+        data: URL.createObjectURL(file),
+        type: "application/pdf",
+        "aria-label": t(($) => $["reviewDocument"]),
+        "data-testid": "pdf-preview"
+      }
+    ) : /* @__PURE__ */ jsx("img", { src: URL.createObjectURL(file), alt: t(($) => $["reviewDocument"]) });
+  }, [data?.bankStatementDocument, showReviewModal, t]);
+  return /* @__PURE__ */ jsxs("div", { className: styles$3.bankDocumentPage, children: [
+    /* @__PURE__ */ jsxs("form", { className: styles$3.bankDocumentClassification, children: [
+      /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
+      /* @__PURE__ */ jsx(
+        Header,
+        {
+          title: t(
+            ($) => $[isBankStatementOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
+          ),
+          description: t(($) => $["toVerifyYourBankAccountDetails"]),
+          children: /* @__PURE__ */ jsx(Button, { slot: "actions", variant: "link", onClick: () => setShowRequirementsModal(true), children: commonT(($) => $["learnMore"]) })
+        }
+      ),
+      /* @__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: showEndState ? "small" : "medium",
+        inset: showEndState,
+        showCloseButton: !showEndState,
+        onClose: !showEndState ? handleContinueAnyway : void 0,
+        children: showEndState ? /* @__PURE__ */ jsx(EndStateLayout, { title: t(($) => $["documentUploaded"]) }) : /* @__PURE__ */ jsxs("div", { className: styles$3.reviewModal, children: [
+          /* @__PURE__ */ jsx("div", { className: styles$3.preview, children: /* @__PURE__ */ jsx("div", { className: styles$3.previewImage, children: documentPreview }) }),
+          /* @__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(Button, { variant: "link", onClick: () => setShowRequirementsModal(true), children: commonT(($) => $["learnMore"]) }),
+            /* @__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: "secondary",
+                  disabled: validateDocumentMutation.isPending,
+                  onClick: handleContinueAnyway,
+                  children: commonT(($) => $["continue"])
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  loading: validateDocumentMutation.isPending,
+                  variant: "primary",
+                  onClick: handleUploadNewDocument,
+                  children: t(($) => $["uploadNewDocument"])
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    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"]) })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      BankDocumentRequirementsModal,
+      {
+        isOpen: showRequirementsModal,
+        onClose: () => setShowRequirementsModal(false)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        ref: inputRef,
+        className: "adyen-kyc-dropzone__input",
+        onChange: (e) => {
+          const fileInput = e.currentTarget;
+          if (fileInput?.files?.length) handleDocumentUpload([...fileInput.files]);
+        },
+        type: "file",
+        accept: defaultFileValidationOptions.allowedFileTypes.join(", ")
+      }
+    )
+  ] });
+}
+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"],
@@ -903,21 +1393,149 @@ const useHandleBankVerificationError = (options) => {
     ...options
   });
 };
-const addAnimationStartListener = (element, listener) => {
-  element.addEventListener("animationstart", listener, false);
-};
-const removeAnimationStartListener = (element, listener) => {
-  element.removeEventListener("animationstart", listener, false);
-};
 const VerificationWidgetCallbackActions = {
   HANDLE_EXCEPTION: "handle_exception",
   VERIFICATION_SUCCESS: "verification_success",
   RETRY_VERIFICATION: "retry_verification",
   HANDLE_EVENT: "handle_event"
 };
+const WIDGET_CONTAINER_CLASS$1 = `adyen-kyc-bank-verification-widget-container`;
+function BankVerificationOverlay({
+  url,
+  setBankVerificationError,
+  onBack,
+  retrieveBankAccountInfo,
+  createTrustedTransferInstrument: createTrustedTransferInstrument2
+}) {
+  const { t } = useTranslation("banking");
+  const userEvents = useAnalyticsContext();
+  const widgetContainerRef = useRef(null);
+  const { mutateAsync: handleBankVerificationError2 } = useHandleBankVerificationError();
+  const trackVerificationError = (returnValue) => {
+    userEvents.addPageEvent("Encountered error", {
+      actionType: "add",
+      returnType: "sdk error",
+      returnValue
+    });
+  };
+  const DEFAULT_ERROR = {
+    error: "UNKNOWN_ERROR",
+    message: t(($) => $["weCouldntCompleteTheAccountCheck"])
+  };
+  useEffect(() => {
+    setBankVerificationError(null);
+  }, [setBankVerificationError]);
+  const widgetCallback = useCallback(
+    (payload) => {
+      const errorContent = t(($) => $["tryAgainOrManualAccountDetails"]);
+      switch (payload.action) {
+        case VerificationWidgetCallbackActions.HANDLE_EXCEPTION: {
+          let errorTitle;
+          const { err } = payload;
+          switch (!(err instanceof Error) && err?.error) {
+            case "USER_CANCELLED":
+              errorTitle = "";
+              break;
+            case "CONNECTION_ERROR":
+              errorTitle = t(($) => $["couldNotEstablishBankConnection"]);
+              break;
+            case "GENERIC_ERROR":
+              errorTitle = t(($) => $["ranIntoTechnicalError"]);
+              break;
+            case "UNKNOWN_ERROR":
+            default: {
+              errorTitle = t(($) => $["couldNotCompleteAccountCheck"]);
+              break;
+            }
+          }
+          if (errorTitle) {
+            setBankVerificationError({ title: errorTitle, content: errorContent });
+          }
+          showInstantVerificationPayoutModal.value = false;
+          onBack?.();
+          break;
+        }
+        case VerificationWidgetCallbackActions.RETRY_VERIFICATION:
+          setBankVerificationError({
+            title: t(($) => $["failedInitializeInstantVerification"]),
+            content: errorContent
+          });
+          onBack?.();
+          break;
+        case VerificationWidgetCallbackActions.HANDLE_EVENT: {
+          const { name, provider } = payload.event;
+          if (name === "institution_selected" && provider === "plaid") {
+            widgetContainerRef.current?.classList.add(`${WIDGET_CONTAINER_CLASS$1}--plaid-modal`);
+          }
+          break;
+        }
+        case VerificationWidgetCallbackActions.VERIFICATION_SUCCESS: {
+          const { accounts } = payload.result;
+          if (accounts) retrieveBankAccountInfo(accounts[0]);
+        }
+      }
+    },
+    [t, retrieveBankAccountInfo, onBack, setBankVerificationError]
+  );
+  useEffect(() => {
+    const container = widgetContainerRef.current;
+    if (!container) return;
+    const openBanking = OpenBankingSDK.create({
+      divElement: container,
+      link: url,
+      successHandler: (code, state) => {
+        createTrustedTransferInstrument2?.(code, state).then((res) => {
+          userEvents.addPageEvent("Success", { actionType: "add" });
+          if (res) {
+            widgetCallback({
+              action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
+              result: res
+            });
+          }
+        }).catch(() => {
+          trackVerificationError(DEFAULT_ERROR.error);
+          widgetCallback({
+            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+            err: DEFAULT_ERROR
+          });
+        });
+      },
+      errorHandler: (errorCode, errorMessage, state, metadata) => {
+        trackVerificationError(errorCode);
+        handleBankVerificationError2?.({
+          errorCode,
+          errorMessage,
+          state,
+          metadata: metadata && Object.fromEntries(metadata)
+        }).then(
+          (error) => widgetCallback({
+            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+            err: error
+          })
+        ).catch(
+          () => widgetCallback({
+            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+            err: DEFAULT_ERROR
+          })
+        );
+      },
+      eventHandler: (eventName, provider) => {
+        widgetCallback({
+          action: VerificationWidgetCallbackActions.HANDLE_EVENT,
+          event: { name: eventName, provider }
+        });
+      }
+    });
+    openBanking.open();
+    container.classList.add(WIDGET_CONTAINER_CLASS$1, `${WIDGET_CONTAINER_CLASS$1}--fullscreen`);
+    return () => {
+      openBanking?.destroy();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx("div", { ref: widgetContainerRef });
+}
 const WIDGET_IFRAME_CLASS = "adyen-kyc-bank-verification-widget";
 const WIDGET_CONTAINER_CLASS = `${WIDGET_IFRAME_CLASS}-container`;
-const EMPTY_WIDGET_CONTAINER_ANIMATION = "adyen-kyc-empty-bank-verification-widget-container";
 function BankVerificationWidget({
   url,
   vendor,
@@ -928,8 +1546,9 @@ function BankVerificationWidget({
   createTrustedTransferInstrument: createTrustedTransferInstrument2,
   fullscreen
 }) {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("banking");
   const userEvents = useAnalyticsContext();
+  const { isExperimentEnabled } = useExperimentsContext();
   const widgetContainerRef = useRef(null);
   const sdkToken = getSdkToken();
   const { mutateAsync: handleBankVerificationError2 } = useHandleBankVerificationError();
@@ -942,12 +1561,12 @@ function BankVerificationWidget({
   };
   const DEFAULT_ERROR = {
     error: "UNKNOWN_ERROR",
-    message: i18n.get("weCouldntCompleteTheAccountCheck")
+    message: t(($) => $["weCouldntCompleteTheAccountCheck"])
   };
   setBankVerificationError(null);
   const widgetCallback = useCallback(
     (payload) => {
-      const errorContent = i18n.get("tryAgainOrManualAccountDetails");
+      const errorContent = t(($) => $["tryAgainOrManualAccountDetails"]);
       switch (payload.action) {
         case VerificationWidgetCallbackActions.HANDLE_EXCEPTION: {
           let errorTitle;
@@ -957,14 +1576,14 @@ function BankVerificationWidget({
               errorTitle = "";
               break;
             case "CONNECTION_ERROR":
-              errorTitle = i18n.get("couldNotEstablishBankConnection");
+              errorTitle = t(($) => $["couldNotEstablishBankConnection"]);
               break;
             case "GENERIC_ERROR":
-              errorTitle = i18n.get("ranIntoTechnicalError");
+              errorTitle = t(($) => $["ranIntoTechnicalError"]);
               break;
             case "UNKNOWN_ERROR":
             default: {
-              errorTitle = i18n.get("couldNotCompleteAccountCheck");
+              errorTitle = t(($) => $["couldNotCompleteAccountCheck"]);
               break;
             }
           }
@@ -972,12 +1591,15 @@ function BankVerificationWidget({
             setBankVerificationError({ title: errorTitle, content: errorContent });
           }
           setHideVerificationWidget(true);
+          if (isExperimentEnabled(ExperimentNames.EnablePayoutVerificationMethodPageRedesign)) {
+            showInstantVerificationPayoutModal.value = false;
+          }
           onBack?.();
           break;
         }
         case VerificationWidgetCallbackActions.RETRY_VERIFICATION:
           setBankVerificationError({
-            title: i18n.get("failedInitializeInstantVerification"),
+            title: t(($) => $["failedInitializeInstantVerification"]),
             content: errorContent
           });
           setHideVerificationWidget(true);
@@ -997,117 +1619,109 @@ function BankVerificationWidget({
         }
       }
     },
-    [i18n, retrieveBankAccountInfo, onBack, setBankVerificationError, setHideVerificationWidget]
+    [t, retrieveBankAccountInfo, onBack, setBankVerificationError, setHideVerificationWidget]
   );
   useEffect(
     () => {
       const container = widgetContainerRef.current;
-      if (!container) {
-        return;
-      }
+      if (!container) return;
       let iFrame;
       let iFrameWidget;
       let openBanking;
-      addAnimationStartListener(container, function refreshWidgetIframe(evt) {
-        if (evt.animationName !== EMPTY_WIDGET_CONTAINER_ANIMATION) return;
-        requestAnimationFrame(async () => {
-          if (createTrustedTransferInstrument2) {
-            openBanking = OpenBankingSDK.create({
-              divElement: container,
-              link: url,
-              successHandler: (code, state) => {
-                createTrustedTransferInstrument2(code, state).then((res) => {
-                  userEvents.addPageEvent("Success", { actionType: "add" });
-                  if (res) {
-                    widgetCallback({
-                      action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
-                      result: res
-                    });
-                  }
-                }).catch(() => {
-                  trackVerificationError(DEFAULT_ERROR.error);
-                  widgetCallback({
-                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                    err: DEFAULT_ERROR
-                  });
-                });
-              },
-              errorHandler: (errorCode, errorMessage, state, metadata) => {
-                trackVerificationError(errorCode);
-                handleBankVerificationError2?.({
-                  errorCode,
-                  errorMessage,
-                  state,
-                  metadata: metadata && Object.fromEntries(metadata)
-                }).then(
-                  (error) => widgetCallback({
-                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                    err: error
-                  })
-                ).catch(
-                  () => widgetCallback({
-                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                    err: DEFAULT_ERROR
-                  })
-                );
-              },
-              eventHandler: (eventName, provider) => {
+      if (createTrustedTransferInstrument2) {
+        openBanking = OpenBankingSDK.create({
+          divElement: container,
+          link: url,
+          successHandler: (code, state) => {
+            createTrustedTransferInstrument2(code, state).then((res) => {
+              userEvents.addPageEvent("Success", { actionType: "add" });
+              if (res) {
                 widgetCallback({
-                  action: VerificationWidgetCallbackActions.HANDLE_EVENT,
-                  event: { name: eventName, provider }
+                  action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
+                  result: res
                 });
               }
+            }).catch(() => {
+              trackVerificationError(DEFAULT_ERROR.error);
+              widgetCallback({
+                action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+                err: DEFAULT_ERROR
+              });
             });
-            openBanking.open();
-          } else {
-            removeAnimationStartListener(container, refreshWidgetIframe);
-            iFrame = document.createElement("iframe");
-            iFrame.setAttribute("allowFullscreen", "true");
-            iFrame.classList.add(WIDGET_IFRAME_CLASS);
-            evt.target.appendChild(iFrame);
-            requestAnimationFrame(async () => {
-              try {
-                iFrameWidget = new IFrameWidget(iFrame, url, vendor, sdkToken);
-                const result = await iFrameWidget.mountAndWaitForResponse();
-                widgetCallback({
-                  action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
-                  result
-                });
-                userEvents.addPageEvent("Success", { actionType: "add" });
-              } catch (err) {
-                if (err instanceof AdyenKycSdkError) {
-                  switch (err.message) {
-                    case "WIDGET_ACCOUNT_COMMIT_FAILURE":
-                      return widgetCallback({
-                        action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                        err: err.sourceError
-                      });
-                    case "WIDGET_LAUNCH_FAILED":
-                    case "WIDGET_URL_MALFORMED":
-                    case "WIDGET_TIMEOUT":
-                      return widgetCallback({
-                        action: VerificationWidgetCallbackActions.RETRY_VERIFICATION
-                      });
-                    default:
-                      return widgetCallback({
-                        action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                        err: {
-                          error: err?.name ?? VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                          message: err.sourceError?.message ?? VerificationWidgetCallbackActions.HANDLE_EXCEPTION
-                        }
-                      });
-                  }
-                }
-                trackVerificationError(err instanceof AdyenKycSdkError ? err.message : "sdk error");
-                return widgetCallback({
-                  action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                  err
-                });
+          },
+          errorHandler: (errorCode, errorMessage, state, metadata) => {
+            trackVerificationError(errorCode);
+            handleBankVerificationError2?.({
+              errorCode,
+              errorMessage,
+              state,
+              metadata: metadata && Object.fromEntries(metadata)
+            }).then(
+              (error) => widgetCallback({
+                action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+                err: error
+              })
+            ).catch(
+              () => widgetCallback({
+                action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+                err: DEFAULT_ERROR
+              })
+            );
+          },
+          eventHandler: (eventName, provider) => {
+            widgetCallback({
+              action: VerificationWidgetCallbackActions.HANDLE_EVENT,
+              event: { name: eventName, provider }
+            });
+          }
+        });
+        openBanking.open();
+      } else {
+        iFrame = document.createElement("iframe");
+        iFrame.setAttribute("allowFullscreen", "true");
+        iFrame.classList.add(WIDGET_IFRAME_CLASS);
+        container.appendChild(iFrame);
+        requestAnimationFrame(async () => {
+          try {
+            iFrameWidget = new IFrameWidget(iFrame, url, vendor, sdkToken);
+            const result = await iFrameWidget.mountAndWaitForResponse();
+            widgetCallback({
+              action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
+              result
+            });
+            userEvents.addPageEvent("Success", { actionType: "add" });
+          } catch (err) {
+            if (err instanceof AdyenKycSdkError) {
+              switch (err.message) {
+                case "WIDGET_ACCOUNT_COMMIT_FAILURE":
+                  return widgetCallback({
+                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+                    err: err.sourceError
+                  });
+                case "WIDGET_LAUNCH_FAILED":
+                case "WIDGET_URL_MALFORMED":
+                case "WIDGET_TIMEOUT":
+                  return widgetCallback({
+                    action: VerificationWidgetCallbackActions.RETRY_VERIFICATION
+                  });
+                default:
+                  return widgetCallback({
+                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+                    err: {
+                      error: err?.name ?? VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+                      message: err.sourceError?.message ?? VerificationWidgetCallbackActions.HANDLE_EXCEPTION
+                    }
+                  });
               }
+            }
+            trackVerificationError(err instanceof AdyenKycSdkError ? err.message : "sdk error");
+            return widgetCallback({
+              action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
+              err
             });
           }
         });
-      });
+      }
       container.classList.add(WIDGET_CONTAINER_CLASS);
       if (fullscreen) {
         container.classList.add(`${WIDGET_CONTAINER_CLASS}--fullscreen`);
@@ -1171,11 +1785,16 @@ function BankVerification(props) {
     id,
     fieldValidationErrors
   } = props;
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("banking");
+  const { t: commonT } = useTranslation("common");
+  const { isExperimentEnabled } = useExperimentsContext();
   const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
   const schema = accountVerificationFields;
   const stateRef = useRef({ setState: null });
   const [hideVerificationWidget, setHideVerificationWidget] = useState(false);
+  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
+    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
+  );
   const { handleChangeFor, data, valid, errors, isValid, triggerValidation, fieldProblems } = useForm({
     ...props,
     schema,
@@ -1199,6 +1818,9 @@ function BankVerification(props) {
     hideSidebar?.(false);
     triggerValidation();
     await invalidateRootLegalEntity();
+    if (isPayoutVerificationMethodPageRedesignEnabled) {
+      showInstantVerificationPayoutModal.value = false;
+    }
   };
   const handleOnBack = () => {
     setHideVerificationWidget(false);
@@ -1218,14 +1840,34 @@ function BankVerification(props) {
     });
   }, [data, valid, errors, isValid]);
   useEffect(() => {
-    hideSidebar?.(formIsActive && !bankInfoValidated);
-    return () => hideSidebar?.(false);
+    if (!isPayoutVerificationMethodPageRedesignEnabled) {
+      hideSidebar?.(formIsActive && !bankInfoValidated);
+      return () => hideSidebar?.(false);
+    }
   }, [bankInfoValidated, formIsActive]);
+  if (isPayoutVerificationMethodPageRedesignEnabled && provider) {
+    if (bankInfoValidated) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
+      /* @__PURE__ */ jsx(
+        BankVerificationOverlay,
+        {
+          url: provider.redirectUrl,
+          setBankVerificationError,
+          onBack: handleOnBack,
+          retrieveBankAccountInfo,
+          createTrustedTransferInstrument: createTrustedTransferInstrument2
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
     bankInfoValidated && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(FormHeader, { heading }),
-      /* @__PURE__ */ jsx(Alert, { title: i18n.get("youSuccessfullyVerifiedAccount"), variant: "success" })
+      heading && /* @__PURE__ */ jsx(Header, { title: heading }),
+      /* @__PURE__ */ jsx(Alert, { title: t(($) => $["youSuccessfullyVerifiedAccount"]), variant: "success" })
     ] }),
     provider && formIsActive && !bankInfoValidated && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-bank-verification-container", children: /* @__PURE__ */ jsx("form", { className: "adyen-kyc-bank-verification", children: !hideVerificationWidget ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -1240,30 +1882,30 @@ function BankVerification(props) {
           createTrustedTransferInstrument: createTrustedTransferInstrument2
         }
       ),
-      /* @__PURE__ */ jsx(ActionBar, { onBack: handleOnBack, backButtonLabel: i18n.get("goBack") })
+      /* @__PURE__ */ jsx(ActionBar, { onBack: handleOnBack, backButtonLabel: commonT(($) => $["goBack"]) })
     ] }) : void 0 }) })
   ] });
 }
 function BankAccountFormat(props) {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["banking"]);
   const { bankAccountFormat, handleAccountFormatChange } = props;
   const bankFormatOptions = [
     {
       id: "iban",
-      name: i18n.get("ibanFormat")
+      name: t(($) => $["ibanFormat"])
     },
     {
       id: "local",
-      name: i18n.get("localFormat")
+      name: t(($) => $["localFormat"])
     }
   ];
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { name: "bankAccountFormat", label: i18n.get("bankAccountFormat"), children: (childProps) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Field, { name: "bankAccountFormat", label: t(($) => $["bankAccountFormat"]), children: (childProps) => /* @__PURE__ */ jsx(
     Select,
     {
       ...childProps,
       onChange: (e) => handleAccountFormatChange?.(e?.target?.value),
       name: "bankAccountFormat",
-      placeholder: i18n.get("localFormat"),
+      placeholder: t(($) => $["localFormat"]),
       selected: bankAccountFormat,
       items: bankFormatOptions
     }
@@ -2120,7 +2762,7 @@ function SwiftCode(props) {
     }
   );
 }
-const countriesWithMultipleCurrencies = /* @__PURE__ */ new Set([
+const countriesWithMultiplePayoutCurrencies = /* @__PURE__ */ new Set([
   CountryCodes.Bulgaria,
   CountryCodes.Canada,
   CountryCodes.Croatia,
@@ -2150,8 +2792,8 @@ const payoutCurrencySupport = {
 };
 const shouldShowCheckGuidance = (country) => country === "US";
 const shouldShowPayoutAccountFormatSelector = (country) => countriesWithLocalFormat.has(country);
-const shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultipleCurrencies.has(country);
-const getSupportedCurrencyGuidance = (i18n, country, requiredFields) => {
+const shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultiplePayoutCurrencies.has(country);
+const getSupportedCurrencyGuidance = (t, country, requiredFields) => {
   const format = requiredFields.includes("iban") ? "iban" : "local";
   if (!shouldShowPayoutAlert(country)) {
     return;
@@ -2160,11 +2802,10 @@ const getSupportedCurrencyGuidance = (i18n, country, requiredFields) => {
   if (!supportedCurrencies) {
     return;
   }
-  return supportedCurrencies.length > 1 ? i18n.get("payoutIn_Or_", {
-    values: { currencyOne: supportedCurrencies[0], currencyTwo: supportedCurrencies[1] }
-  }) : i18n.get("payoutInOnly_", {
-    values: { currency: supportedCurrencies[0] }
-  });
+  return supportedCurrencies.length > 1 ? t(($) => $["payoutIn_Or_"], {
+    currencyOne: supportedCurrencies[0],
+    currencyTwo: supportedCurrencies[1]
+  }) : t(($) => $["payoutInOnly_"], { currency: supportedCurrencies[0] });
 };
 const getSupportedCurrenciesPerFormat = (country, format) => {
   const supportedCurrencies = payoutCurrencySupport[country];
@@ -2173,14 +2814,25 @@ const getSupportedCurrenciesPerFormat = (country, format) => {
     if (!defaultCurrency) {
       return;
     }
-    return format === "iban" ? [Currencies.EUR, defaultCurrency] : [defaultCurrency];
+    if (format === "iban" && defaultCurrency !== Currencies.EUR) {
+      return [Currencies.EUR, defaultCurrency];
+    } else {
+      return [defaultCurrency];
+    }
   }
   return supportedCurrencies[format];
 };
+const isLocalCurrency = (country, currency) => {
+  if (!country || !currency) {
+    return false;
+  }
+  const supportedCurrencies = currencyByCountry[country];
+  return supportedCurrencies?.includes(currency) ?? false;
+};
 const AccountHolderDescriptionFragment = ({
   legalEntityResponse
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("banking");
   const hasSolePropEntityAssociations = hasOwnEntityAssociationOfType(
     LegalEntityTypes.SOLE_PROPRIETORSHIP,
     legalEntityResponse.entityAssociations,
@@ -2194,7 +2846,7 @@ const AccountHolderDescriptionFragment = ({
     );
     const { individual: individual2 } = legalEntityResponse;
     return /* @__PURE__ */ jsxs(Typography, { children: [
-      `${i18n.get("bankAccountHasToBeInYourName")} `,
+      `${t(($) => $["bankAccountHasToBeInYourName"])} `,
       /* @__PURE__ */ jsx(
         Typography,
         {
@@ -2203,7 +2855,7 @@ const AccountHolderDescriptionFragment = ({
           children: `${individual2?.name.firstName} ${individual2?.name.lastName}`
         }
       ),
-      ` ${i18n.get("orSoleProprietorshipName")} `,
+      ` ${t(($) => $["orSoleProprietorshipName"])} `,
       " ",
       /* @__PURE__ */ jsx(Typography, { el: "span", variant: "body-stronger", children: `${soleProp?.name ?? ""}` })
     ] });
@@ -2217,29 +2869,23 @@ const AccountHolderDescriptionFragment = ({
     const trust = legalEntityResponse.entityAssociations?.find((ea) => ea.entityType === "trust");
     if (legalEntityResponse.type === LegalEntityTypes.INDIVIDUAL) {
       return /* @__PURE__ */ jsxs(Typography, { children: [
-        `${i18n.get("bankAccountToHaveSameNameAsTrust")} `,
-        /* @__PURE__ */ jsx(Typography, { el: "span", variant: "body-stronger", children: i18n.get("trusteeAsTrusteeForTrust", {
-          values: {
-            trusteeName: `${legalEntityResponse?.individual?.name.firstName} ${legalEntityResponse?.individual?.name.lastName}`,
-            trustName: trust?.name ?? ""
-          }
+        `${t(($) => $["bankAccountToHaveSameNameAsTrust"])} `,
+        /* @__PURE__ */ jsx(Typography, { el: "span", variant: "body-stronger", children: t(($) => $["trusteeAsTrusteeForTrust"], {
+          trusteeName: `${legalEntityResponse?.individual?.name.firstName} ${legalEntityResponse?.individual?.name.lastName}`,
+          trustName: trust?.name ?? ""
         }) })
       ] });
     }
-    const companyTrusteeBankAccountName = legalEntityResponse?.organization?.legalName !== legalEntityResponse?.organization?.doingBusinessAs ? i18n.get("trusteeAsTrusteeForTrustDoingBusinessAs", {
-      values: {
-        trusteeName: legalEntityResponse?.organization?.legalName ?? "",
-        trustName: trust?.name ?? "",
-        tradingName: legalEntityResponse?.organization?.doingBusinessAs
-      }
-    }) : i18n.get("trusteeAsTrusteeForTrust", {
-      values: {
-        trusteeName: legalEntityResponse?.organization?.legalName ?? "",
-        trustName: trust?.name ?? ""
-      }
+    const companyTrusteeBankAccountName = legalEntityResponse?.organization?.legalName !== legalEntityResponse?.organization?.doingBusinessAs ? t(($) => $["trusteeAsTrusteeForTrustDoingBusinessAs"], {
+      trusteeName: legalEntityResponse?.organization?.legalName ?? "",
+      trustName: trust?.name ?? "",
+      tradingName: legalEntityResponse?.organization?.doingBusinessAs
+    }) : t(($) => $["trusteeAsTrusteeForTrust"], {
+      trusteeName: legalEntityResponse?.organization?.legalName ?? "",
+      trustName: trust?.name ?? ""
     });
     return /* @__PURE__ */ jsxs(Typography, { children: [
-      `${i18n.get("bankAccountToHaveSameNameAsTrust")} `,
+      `${t(($) => $["bankAccountToHaveSameNameAsTrust"])} `,
       /* @__PURE__ */ jsx(Typography, { el: "span", variant: "body-stronger", children: companyTrusteeBankAccountName })
     ] });
   }
@@ -2253,22 +2899,20 @@ const AccountHolderDescriptionFragment = ({
       (ea) => ea.entityType === "unincorporatedPartnership"
     );
     const partnerNames = unincorporatedPartnershipMembers?.map((member) => member?.name)?.sort();
-    return /* @__PURE__ */ jsx(Typography, { children: `${i18n.get("bankAccountToHaveSameNameAsUnincorporatedPartnership", {
-      values: {
-        partnerNames: `${partnerNames?.join(", ")}`,
-        partnershipName: unincorporatedPartnership?.name ?? ""
-      }
+    return /* @__PURE__ */ jsx(Typography, { children: `${t(($) => $["bankAccountToHaveSameNameAsUnincorporatedPartnership"], {
+      partnerNames: `${partnerNames?.join(", ")}`,
+      partnershipName: unincorporatedPartnership?.name ?? ""
     })} ` });
   }
   if (legalEntityResponse.type === LegalEntityTypes.ORGANIZATION) {
     return /* @__PURE__ */ jsxs(Typography, { children: [
-      `${i18n.get("bankAccountHasToBeInYourCompanyName")} `,
+      `${t(($) => $["bankAccountHasToBeInYourCompanyName"])} `,
       /* @__PURE__ */ jsx(Typography, { el: "span", variant: "body-stronger", children: legalEntityResponse?.organization?.legalName })
     ] });
   }
   const { individual } = legalEntityResponse;
   return /* @__PURE__ */ jsxs(Typography, { children: [
-    `${i18n.get("bankAccountHasToBeInYourName")} `,
+    `${t(($) => $["bankAccountHasToBeInYourName"])} `,
     /* @__PURE__ */ jsx(
       Typography,
       {
@@ -2283,7 +2927,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 = {
+const styles$2 = {
   checkGuidance,
   checkGuidanceImage,
   checkGuidanceAnnotated,
@@ -2293,13 +2937,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.checkGuidance, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$2.checkGuidance, children: [
     /* @__PURE__ */ jsx(
       Image,
       {
         lazyLoadedImage: usCheckAccount,
-        className: cx(styles.checkGuidanceImage, styles.checkGuidanceAnnotated, {
-          [styles.checkGuidanceInactive]: annotated !== "account"
+        className: cx(styles$2.checkGuidanceImage, styles$2.checkGuidanceAnnotated, {
+          [styles$2.checkGuidanceInactive]: annotated !== "account"
         })
       }
     ),
@@ -2307,12 +2951,12 @@ const CheckGuidance = ({ annotated }) => {
       Image,
       {
         lazyLoadedImage: usCheckRouting,
-        className: cx(styles.checkGuidanceImage, styles.checkGuidanceAnnotated, {
-          [styles.checkGuidanceInactive]: annotated !== "routing"
+        className: cx(styles$2.checkGuidanceImage, styles$2.checkGuidanceAnnotated, {
+          [styles$2.checkGuidanceInactive]: annotated !== "routing"
         })
       }
     ),
-    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: usCheck, className: styles.checkGuidanceImage })
+    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: usCheck, className: styles$2.checkGuidanceImage })
   ] });
 };
 const payoutAccountFields = [
@@ -2324,13 +2968,13 @@ const payoutAccountFields = [
   ...bankNameFields,
   ...bankCodeFields
 ];
-const defaultArray = [];
 function PayoutAccount(props) {
   const accountFormat = payoutAccountFormat.value;
   const { t } = useTranslation("banking");
   const { t: commonT } = useTranslation("common");
-  const { i18n } = useI18nContext();
   const [checkAnnotation, setCheckAnnotation] = useState();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const isCrossBorderPayoutsEnabled = isExperimentEnabled("EnableCrossBorderPayouts");
   const { isSettingEnabled } = useSettingsContext();
   const bankAccountFormatSelectionAllowed = isSettingEnabled(
     SettingNames.AllowBankAccountFormatSelection
@@ -2340,11 +2984,12 @@ function PayoutAccount(props) {
     country,
     id,
     legalEntityResponse,
-    requiredFields = defaultArray,
+    requiredFields = [],
     arePayoutAccountDetailsInvalid,
     invalidFieldNames,
     formVerificationErrors,
-    fieldValidationErrors
+    fieldValidationErrors,
+    preferredCurrencyCode
   } = props;
   const showCheckGuidance = shouldShowCheckGuidance(country);
   const formUtils = createFormUtils({ ...props, requiredFields }, commonT);
@@ -2365,8 +3010,22 @@ function PayoutAccount(props) {
     clearStateSlice();
     payoutAccountFormat.value = accountFormat2;
   };
+  const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
+  const isEUR = preferredCurrencyCode === "EUR";
+  useEffect(() => {
+    if (!isCrossBorderPayoutsEnabled) {
+      return;
+    }
+    if (isEUR && localCurrency) {
+      handleAccountFormatChange?.("iban");
+      return;
+    }
+    if (!localCurrency) {
+      handleAccountFormatChange?.("numberAndBic");
+    }
+  }, [country, preferredCurrencyCode]);
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__payout-account", "aria-describedby": "ariaErrorField", children: [
-    /* @__PURE__ */ jsx(FormHeader, { heading, children: /* @__PURE__ */ jsx(
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx(
       AccountHolderDescriptionFragment,
       {
         slot: "description",
@@ -2383,7 +3042,7 @@ function PayoutAccount(props) {
       }
     ),
     showCheckGuidance ? /* @__PURE__ */ jsx(CheckGuidance, { annotated: checkAnnotation }) : void 0,
-    bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && /* @__PURE__ */ jsx(
+    bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && localCurrency && !isEUR && /* @__PURE__ */ jsx(
       BankAccountFormat,
       {
         bankAccountFormat: accountFormat,
@@ -2415,14 +3074,14 @@ function PayoutAccount(props) {
     formUtils.isRequiredField("bankName") && /* @__PURE__ */ jsx(BankName, { ...bankNameProps, dataStoreId: id }),
     formUtils.isRequiredField("bankCode") && /* @__PURE__ */ jsx(BankCode, { ...bankCodeProps, country, dataStoreId: id }),
     formUtils.isRequiredField("bankCity") && /* @__PURE__ */ jsx(BankCity, { ...bankCityProps, dataStoreId: id }),
-    shouldShowPayoutAlert(country) && /* @__PURE__ */ jsx(
+    shouldShowPayoutAlert(country) && !isCrossBorderPayoutsEnabled && /* @__PURE__ */ jsx(
       Alert,
       {
-        title: getSupportedCurrencyGuidance(i18n, country, requiredFields),
+        title: getSupportedCurrencyGuidance(t, country, requiredFields),
         className: "adyen-kyc-u-margin-bottom-8"
       }
     ),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "tertiary", children: t(($) => $["thisAccountWillBeVerifiedToPrevent"]) }),
+    !isCrossBorderPayoutsEnabled && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "tertiary", children: t(($) => $["thisAccountWillBeVerifiedToPrevent"]) }),
     arePayoutAccountDetailsInvalid && /* @__PURE__ */ jsx(
       Alert,
       {
@@ -2435,6 +3094,266 @@ function PayoutAccount(props) {
     )
   ] });
 }
+const currenciesDataset = /* @__PURE__ */ JSON.parse('[{"currencyCode":"AED","description":"UAE Dirham","exponent":2,"symbol":""},{"currencyCode":"ALL","description":"Albanian Lek","exponent":2,"symbol":"L"},{"currencyCode":"AMD","description":"Armenian Dram","exponent":2,"symbol":""},{"currencyCode":"ANG","description":"Antillian Guilder","exponent":2,"symbol":"Naƒ"},{"currencyCode":"AOA","description":"Angolan kwanza","exponent":2,"symbol":""},{"currencyCode":"ARS","description":"Nuevo Argentine Peso","exponent":2,"symbol":"$"},{"currencyCode":"AUD","description":"Australian Dollar","exponent":2,"symbol":"A$"},{"currencyCode":"AWG","description":"Aruban Guilder","exponent":2,"symbol":""},{"currencyCode":"AZN","description":"Azerbaijani manat","exponent":2,"symbol":"man"},{"currencyCode":"BAM","description":"Bosnia and Herzegovina Convertible Marks","exponent":2,"symbol":""},{"currencyCode":"BBD","description":"Barbados Dollar","exponent":2,"symbol":""},{"currencyCode":"BDT","description":"Bangladesh Taka","exponent":2,"symbol":""},{"currencyCode":"BGL","description":"Bulgaria Lev","exponent":2,"symbol":""},{"currencyCode":"BHD","description":"Bahraini Dinar","exponent":3,"symbol":""},{"currencyCode":"BMD","description":"Bermudian Dollar","exponent":2,"symbol":""},{"currencyCode":"BND","description":"Brunei Dollar","exponent":2,"symbol":""},{"currencyCode":"BOB","description":"Bolivia Boliviano","exponent":2,"symbol":""},{"currencyCode":"BRL","description":"Brazilian Real","exponent":2,"symbol":"R$"},{"currencyCode":"BSD","description":"Bahamian Dollar","exponent":2,"symbol":""},{"currencyCode":"BTN","description":"Bhutan Ngultrum","exponent":2,"symbol":"Nu."},{"currencyCode":"BWP","description":"Botswana Pula","exponent":2,"symbol":""},{"currencyCode":"BYN","description":"Belarusian Ruble","exponent":2,"symbol":"Br"},{"currencyCode":"BYR","description":"Belarusian Ruble","exponent":0,"symbol":"Br"},{"currencyCode":"BZD","description":"Belize Dollar","exponent":2,"symbol":""},{"currencyCode":"CAD","description":"Canadian Dollar","exponent":2,"symbol":"$"},{"currencyCode":"CHF","description":"Swiss Franc","exponent":2,"symbol":""},{"currencyCode":"CLP","description":"Chilean Peso","exponent":2,"symbol":"$"},{"currencyCode":"CNY","description":"Yuan Renminbi","exponent":2,"symbol":"¥"},{"currencyCode":"COP","description":"Colombian Peso","exponent":2,"symbol":"₱"},{"currencyCode":"CRC","description":"Costa Rican Colon","exponent":2,"symbol":""},{"currencyCode":"CSD","description":"Serbian Dinar","exponent":2,"symbol":""},{"currencyCode":"CUP","description":"Cuban Peso","exponent":2,"symbol":""},{"currencyCode":"CVE","description":"Cape Verdi Escudo","exponent":0,"symbol":""},{"currencyCode":"CZK","description":"Czech Koruna","exponent":2,"symbol":""},{"currencyCode":"DJF","description":"Djibouti Franc","exponent":0,"symbol":""},{"currencyCode":"DKK","description":"Danish Krone","exponent":2,"symbol":"kr"},{"currencyCode":"DOP","description":"Dominican Republic Peso","exponent":2,"symbol":""},{"currencyCode":"DZD","description":"Algerian Dinar","exponent":2,"symbol":""},{"currencyCode":"EEK","description":"Estonian Krone","exponent":2,"symbol":""},{"currencyCode":"EGP","description":"Egyptian Pound","exponent":2,"symbol":"£"},{"currencyCode":"ETB","description":"Ethiopian Birr","exponent":2,"symbol":""},{"currencyCode":"EUR","description":"Euro","exponent":2,"symbol":"€"},{"currencyCode":"FJD","description":"Fiji Dollar","exponent":2,"symbol":"$"},{"currencyCode":"FKP","description":"Falkland Islands Pound","exponent":2,"symbol":""},{"currencyCode":"GBP","description":"Pound Sterling","exponent":2,"symbol":"£"},{"currencyCode":"GEL","description":"Georgian Lari","exponent":2,"symbol":""},{"currencyCode":"GHC","description":"Ghanaian Cedi (2nd)","exponent":0,"symbol":""},{"currencyCode":"GHS","description":"Ghanaian Cedi (3rd)","exponent":2,"symbol":"GH₵"},{"currencyCode":"GIP","description":"Gibraltar Pound","exponent":2,"symbol":""},{"currencyCode":"GMD","description":"Gambia Delasi","exponent":2,"symbol":""},{"currencyCode":"GNF","description":"Guinea Franc","exponent":0,"symbol":""},{"currencyCode":"GTQ","description":"Guatemala Quetzal","exponent":2,"symbol":""},{"currencyCode":"GYD","description":"Guyanese Dollar","exponent":2,"symbol":""},{"currencyCode":"HKD","description":"Hong Kong Dollar","exponent":2,"symbol":"$"},{"currencyCode":"HNL","description":"Honduras Lempira","exponent":2,"symbol":""},{"currencyCode":"HRK","description":"Croatia Kuna","exponent":2,"symbol":""},{"currencyCode":"HTG","description":"Haitian Gourde","exponent":2,"symbol":""},{"currencyCode":"HUF","description":"Hungarian Forint","exponent":2,"symbol":"Ft"},{"currencyCode":"IDR","description":"Indonesian Rupiah","exponent":0,"symbol":""},{"currencyCode":"ILS","description":"New Israeli Scheqel","exponent":2,"symbol":"₪"},{"currencyCode":"INR","description":"Indian Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"IQD","description":"Iraqi Dinar","exponent":3,"symbol":""},{"currencyCode":"ISK","description":"Iceland Krona","exponent":2,"symbol":""},{"currencyCode":"JMD","description":"Jamaican Dollar","exponent":2,"symbol":""},{"currencyCode":"JOD","description":"Jordanian Dinar","exponent":3,"symbol":""},{"currencyCode":"JPY","description":"Japanese Yen","exponent":0,"symbol":"¥"},{"currencyCode":"KES","description":"Kenyan Shilling","exponent":2,"symbol":""},{"currencyCode":"KGS","description":"Kyrgyzstan Som","exponent":2,"symbol":""},{"currencyCode":"KHR","description":"Cambodia Riel","exponent":2,"symbol":""},{"currencyCode":"KMF","description":"Comoro Franc","exponent":0,"symbol":""},{"currencyCode":"KRW","description":"South-Korean Won","exponent":0,"symbol":"₩"},{"currencyCode":"KWD","description":"Kuwaiti Dinar","exponent":3,"symbol":""},{"currencyCode":"KYD","description":"Cayman Islands Dollar","exponent":2,"symbol":""},{"currencyCode":"KZT","description":"Kazakhstani Tenge","exponent":2,"symbol":"8"},{"currencyCode":"LAK","description":"Laos Kip","exponent":2,"symbol":""},{"currencyCode":"LBP","description":"Lebanese Pound","exponent":2,"symbol":"£"},{"currencyCode":"LKR","description":"Sri Lanka Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"LTL","description":"Lithunianian Litas","exponent":2,"symbol":""},{"currencyCode":"LVL","description":"Latvian Lats","exponent":2,"symbol":""},{"currencyCode":"LYD","description":"Libyan Dinar","exponent":3,"symbol":""},{"currencyCode":"MAD","description":"Moroccan Dirham","exponent":2,"symbol":""},{"currencyCode":"MDL","description":"Moldovia Leu","exponent":2,"symbol":""},{"currencyCode":"MKD","description":"Macedonian Denar","exponent":2,"symbol":"ден"},{"currencyCode":"MMK","description":"Myanmar Kyat","exponent":2,"symbol":""},{"currencyCode":"MNT","description":"Mongolia Tugrik","exponent":2,"symbol":""},{"currencyCode":"MOP","description":"Macau Pataca","exponent":2,"symbol":""},{"currencyCode":"MRO","description":"Mauritania Ouguiya","exponent":1,"symbol":""},{"currencyCode":"MRU","description":"Mauritania Ouguiya","exponent":2,"symbol":""},{"currencyCode":"MUR","description":"Mauritius Rupee","exponent":2,"symbol":""},{"currencyCode":"MVR","description":"Maldives Rufiyaa","exponent":2,"symbol":""},{"currencyCode":"MWK","description":"Malawi Kwacha","exponent":2,"symbol":""},{"currencyCode":"MXN","description":"Mexican Peso","exponent":2,"symbol":"$"},{"currencyCode":"MXP","description":"Mexican Peso","exponent":2,"symbol":""},{"currencyCode":"MYR","description":"Malaysian Ringgit","exponent":2,"symbol":""},{"currencyCode":"MZN","description":"Mozambican Metical","exponent":2,"symbol":""},{"currencyCode":"NAD","description":"Namibian Dollar","exponent":2,"symbol":"$"},{"currencyCode":"NGN","description":"Nigerian naira","exponent":2,"symbol":"&"},{"currencyCode":"NIO","description":"Nicaragua Cordoba Oro","exponent":2,"symbol":""},{"currencyCode":"NOK","description":"Norwegian Krone","exponent":2,"symbol":""},{"currencyCode":"NPR","description":"Nepalese Rupee","exponent":2,"symbol":""},{"currencyCode":"NZD","description":"New Zealand Dollar","exponent":2,"symbol":"$"},{"currencyCode":"OMR","description":"Rial Omani","exponent":3,"symbol":"﷼"},{"currencyCode":"PAB","description":"Panamanian Balboa","exponent":2,"symbol":""},{"currencyCode":"PEN","description":"Peruvian Nuevo Sol","exponent":2,"symbol":"S/."},{"currencyCode":"PGK","description":"New Guinea Kina","exponent":2,"symbol":""},{"currencyCode":"PHP","description":"Philippine Peso","exponent":2,"symbol":"₱"},{"currencyCode":"PKR","description":"Pakistan Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"PLN","description":"New Polish Zloty","exponent":2,"symbol":""},{"currencyCode":"PYG","description":"Paraguay Guarani","exponent":0,"symbol":""},{"currencyCode":"QAR","description":"Qatari Rial","exponent":2,"symbol":"﷼"},{"currencyCode":"ROL","description":"Romanian Lei","exponent":2,"symbol":""},{"currencyCode":"RON","description":"New Romanian Lei","exponent":2,"symbol":""},{"currencyCode":"RSD","description":"Serbian Dinar","exponent":2,"symbol":"РСД"},{"currencyCode":"RUB","description":"Russian Ruble","exponent":2,"symbol":"руб"},{"currencyCode":"RWF","description":"Rwanda Franc","exponent":0,"symbol":""},{"currencyCode":"SAR","description":"Saudi Riyal","exponent":2,"symbol":"﷼"},{"currencyCode":"SBD","description":"Solomon Island Dollar","exponent":2,"symbol":""},{"currencyCode":"SCR","description":"Seychelles Rupee","exponent":2,"symbol":""},{"currencyCode":"SEK","description":"Swedish Krone","exponent":2,"symbol":"kr"},{"currencyCode":"SGD","description":"Singapore Dollar","exponent":2,"symbol":"$"},{"currencyCode":"SHP","description":"St. Helena Pound","exponent":2,"symbol":""},{"currencyCode":"SKK","description":"Slovak Koruna","exponent":2,"symbol":""},{"currencyCode":"SLE","description":"Sierra Leone Leone","exponent":2,"symbol":"Le"},{"currencyCode":"SLL","description":"Sierra Leone Leone","exponent":2,"symbol":""},{"currencyCode":"SOS","description":"Somalia Shilling","exponent":2,"symbol":""},{"currencyCode":"SRD","description":"Surinamese dollar","exponent":2,"symbol":"Sr$"},{"currencyCode":"STD","description":"Sao Tome & Principe Dobra","exponent":2,"symbol":""},{"currencyCode":"STN","description":"Sao Tome & Principe Dobra","exponent":2,"symbol":""},{"currencyCode":"SVC","description":"El Salvador Colón","exponent":2,"symbol":"₡"},{"currencyCode":"SZL","description":"Swaziland Lilangeni","exponent":2,"symbol":""},{"currencyCode":"THB","description":"Thai Baht","exponent":2,"symbol":"฿"},{"currencyCode":"TND","description":"Tunisian Dinar","exponent":3,"symbol":""},{"currencyCode":"TOP","description":"Tonga Pa’anga","exponent":2,"symbol":""},{"currencyCode":"TRY","description":"New Turkish Lira","exponent":2,"symbol":"₤"},{"currencyCode":"TTD","description":"Trinidad & Tobago Dollar","exponent":2,"symbol":""},{"currencyCode":"TWD","description":"New Taiwan Dollar","exponent":2,"symbol":"元"},{"currencyCode":"TZS","description":"Tanzanian Shilling","exponent":2,"symbol":""},{"currencyCode":"UAH","description":"Ukraine Hryvnia","exponent":2,"symbol":""},{"currencyCode":"UGX","description":"Uganda Shilling","exponent":0,"symbol":""},{"currencyCode":"USD","description":"US Dollars","exponent":2,"symbol":"$"},{"currencyCode":"UYU","description":"Peso Uruguayo","exponent":2,"symbol":"₱"},{"currencyCode":"UZS","description":"Uzbekistani Som","exponent":2,"symbol":"som"},{"currencyCode":"VEF","description":"Venezuelan Bolívar","exponent":2,"symbol":"Bs.F."},{"currencyCode":"VND","description":"Vietnamese New Dong","exponent":0,"symbol":"₫"},{"currencyCode":"VUV","description":"Vanuatu Vatu","exponent":0,"symbol":""},{"currencyCode":"WST","description":"Samoan Tala","exponent":2,"symbol":""},{"currencyCode":"XAF","description":"CFA Franc BEAC","exponent":0,"symbol":""},{"currencyCode":"XCD","description":"East Carribean Dollar","exponent":2,"symbol":"EC$"},{"currencyCode":"XOF","description":"CFA Franc BCEAO","exponent":0,"symbol":""},{"currencyCode":"XPF","description":"CFP Franc","exponent":0,"symbol":""},{"currencyCode":"YER","description":"Yemeni Rial","exponent":2,"symbol":""},{"currencyCode":"ZAR","description":"South African Rand","exponent":2,"symbol":"R"},{"currencyCode":"ZMK","description":"Zambia Kwacha","exponent":2,"symbol":""},{"currencyCode":"ZMW","description":"Zambian Kwacha","exponent":2,"symbol":""}]');
+const ALLOWED_PAYOUT_CURRENCIES = Object.keys(Currencies);
+const PreferredCurrency = (props) => {
+  const { country, preferredCurrency, handleChangeFor } = props;
+  const { t } = useTranslation(["common", "banking"]);
+  const currencyDescriptionByCode = new Map(
+    currenciesDataset.map((currency) => [currency.currencyCode, currency.description])
+  );
+  const getPrioritizedCurrencies = () => {
+    const countryPreferredCurrencies = currencyByCountry[country] || [];
+    const allowedCountryCurrencies = countryPreferredCurrencies.filter(
+      (currency) => ALLOWED_PAYOUT_CURRENCIES.includes(currency)
+    );
+    const otherAllowedCurrencies = ALLOWED_PAYOUT_CURRENCIES.filter(
+      (currency) => !allowedCountryCurrencies.includes(currency)
+    );
+    if (allowedCountryCurrencies.length > 0 && otherAllowedCurrencies.length > 0) {
+      return [...allowedCountryCurrencies, null, ...otherAllowedCurrencies];
+    }
+    return [...allowedCountryCurrencies, ...otherAllowedCurrencies];
+  };
+  const prioritizedCurrencies = getPrioritizedCurrencies();
+  const currenciesAsOptions = prioritizedCurrencies.map((currency) => {
+    if (currency === null) {
+      return {
+        id: "separator",
+        name: " ",
+        disabled: true
+      };
+    }
+    const description2 = currencyDescriptionByCode.get(currency);
+    const label = description2 ? `${description2} (${currency})` : currency;
+    return {
+      id: currency,
+      name: label
+    };
+  });
+  const selectCurrency = (e) => {
+    if (e.id === "separator") {
+      return;
+    }
+    handleChangeFor("preferredCurrency")(e.id);
+  };
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      name: "preferredCurrency",
+      label: t(($) => $["preferredPayoutCurrency"], { ns: "banking" }),
+      helper: t(($) => $["ifYouChooseAPayoutCurrencyThatDoesntMatchYourBankAccount"], {
+        ns: "banking"
+      }),
+      helperPosition: "below",
+      children: (childProps) => /* @__PURE__ */ jsx(
+        Select,
+        {
+          ...childProps,
+          onSelect: selectCurrency,
+          name: "preferredPayoutCurrency",
+          placeholder: t(($) => $["localFormat"], { ns: "banking" }),
+          selected: preferredCurrency,
+          items: currenciesAsOptions || []
+        }
+      )
+    }
+  );
+};
+const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
+  switch (legalEntityType) {
+    case "individual":
+    case "soleProprietorship":
+      return "theBankAccountHolderMustBeInYourName";
+    case "organization":
+    case "trust":
+    case "unincorporatedPartnership":
+      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+    default:
+      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+  }
+};
+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"
+];
+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, 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({
+    ...props,
+    schema: payoutCountryDetailsFields,
+    defaultData: {
+      bankCountry: propData?.bankCountry ?? country,
+      preferredCurrency: propData?.preferredCurrency ?? defaultCurrency
+    },
+    shouldValidate: true
+  });
+  const formUtils = createFormUtils(props, commonT);
+  const allowedBankCountries = Object.keys(currencyByCountry);
+  const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
+  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"
+  );
+  useEffect(() => {
+    updateStateSlice({ data, valid, errors, fieldProblems });
+  }, [data, valid, errors, updateStateSlice, fieldProblems]);
+  const updateCountryField = (event) => {
+    const updatedCountry = getCountryCodeFromEvent(event);
+    handleChangeFor("bankCountry", "input")(updatedCountry);
+    handleChangeFor("preferredCurrency", "input")(getDefaultCurrencyForCountry(updatedCountry));
+  };
+  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(
+      PayoutRequirementsModal,
+      {
+        isOpen: isModalOpen,
+        onClose: () => setIsModalOpen(false),
+        provider
+      }
+    )
+  ] });
+}
 const regions = {
   europe: [
     ...EEA_Countries,
@@ -2456,6 +3375,12 @@ const instantVerificationImage = lazy(
 const manualVerificationImage = lazy(
   () => import("./manual-verification-BvZWqA00.js")
 );
+const instantVerificationImageNew = lazy(
+  () => import("./payout-verification-instant-5u-wvFKv.js")
+);
+const manualVerificationImageNew = lazy(
+  () => import("./payout-verification-manual-BH2mu0UW.js")
+);
 const getProviderIconName = (providerName) => {
   switch (providerName?.toLowerCase()) {
     case "tink":
@@ -2468,12 +3393,12 @@ const getProviderIconName = (providerName) => {
       return void 0;
   }
 };
-const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName) => ({
+const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName, makePayoutVerificationMethodsMetadata2) => ({
   instantVerification: {
     name: "verifyViaMobileBankingAppOrWebsite",
     subtitle: "instant",
+    svgImport: makePayoutVerificationMethodsMetadata2 ? instantVerificationImageNew : instantVerificationImage,
     description: "instantVerificationDescription",
-    svgImport: instantVerificationImage,
     provider: instantVerificationProviderName ? {
       name: instantVerificationProviderName,
       svgImport: getProviderIconName(instantVerificationProviderName)
@@ -2483,39 +3408,109 @@ const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName)
     name: "uploadABankStatement",
     subtitle: "mayTakeAFewDays",
     description: "manualVerificationDescription",
-    svgImport: manualVerificationImage
+    svgImport: makePayoutVerificationMethodsMetadata2 ? manualVerificationImageNew : manualVerificationImage
   }
 });
 const payoutVerificationMethods = ["instantVerification", "manualVerification"];
-const PayoutVerificationMethodOptionFooter = ({
+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 = {
+  fieldVerificationMethods,
+  fieldVerificationMethodsCard,
+  fieldVerificationMethodsFooter,
+  fieldVerificationMethodsLogo,
+  radioGroupCardIllustration,
+  instantVerificationError,
+  payoutVerificationMethodCard,
+  payoutVerificationMethodCardDisabled,
+  payoutVerificationMethodCardImage,
+  payoutVerificationMethodCardContent,
+  payoutVerificationMethodCardTitle,
+  payoutVerificationMethodCardSubtitle,
+  payoutVerificationMethodCardBody,
+  payoutVerificationMethodCardImageContainer
+};
+const PayoutVerificationMethodOptionIcon = ({
   method,
   methodsMetadata
 }) => {
-  const { i18n } = useI18nContext();
-  const { provider } = methodsMetadata[method];
-  return provider ? /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "adyen-kyc-field-verification-methods__footer", children: [
-    i18n.get("poweredBy"),
-    provider.svgImport ? /* @__PURE__ */ jsx(
-      Image,
-      {
-        className: "adyen-kyc-field-verification-methods__logo",
-        lazyLoadedImage: provider.svgImport
-      }
-    ) : ` ${provider.name}`
-  ] }) : null;
+  const { svgImport } = methodsMetadata[method];
+  return /* @__PURE__ */ jsx(Image, { className: styles.payoutVerificationMethodCardImage, lazyLoadedImage: svgImport });
 };
-const payoutVerificationMethodFields = ["payoutVerificationMethod", "bankCountry", ...accountVerificationFields];
-const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
-  switch (legalEntityType) {
-    case LegalEntityTypes.INDIVIDUAL:
-    case LegalEntityTypes.SOLE_PROPRIETORSHIP:
-      return "theBankAccountHolderMustBeInYourName";
-    case LegalEntityTypes.ORGANIZATION:
-    case LegalEntityTypes.TRUST:
-    case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-  }
+const PayoutVerificationMethodOptionCard = ({
+  payoutMethod,
+  title: title2,
+  subtitle,
+  tag,
+  selectVerificationMethod,
+  payoutVerificationMethod,
+  methodsMetadata,
+  bankInfoValidated,
+  instantVerificationAvailable,
+  enabledUnbiasedSelectionOnCardClick
+}) => {
+  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: !enabledUnbiasedSelectionOnCardClick,
+      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 {
     heading,
@@ -2534,16 +3529,20 @@ function PayoutVerificationMethod(props) {
   const { type: legalEntityType } = legalEntityResponse;
   const { t } = useTranslation("banking");
   const { t: commonT } = useTranslation("common");
-  const instantVerificationError = useContext(InstantVerificationErrorContext);
+  const instantVerificationError2 = useContext(InstantVerificationErrorContext);
   const { isSettingEnabled } = useSettingsContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
+  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
+    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
+  );
   const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
     SettingNames.AllowIntraRegionCrossBorderPayout
   );
-  const enabledUnbiasedVerificationMethod = isExperimentEnabled(
-    "BankVerificationMethodAutonomy_UnbiasedSelection"
+  const enabledUnbiasedSelectionOnCardClick = isExperimentEnabled(
+    ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnCardClick
   );
+  const enabledUnbiasedVerificationMethod = enabledUnbiasedSelectionOnCardClick || isExperimentEnabled(ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnContinue);
   const [hasSelectedMethod, setHasSelectedMethod] = useState(false);
   const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
     ...props,
@@ -2569,7 +3568,27 @@ function PayoutVerificationMethod(props) {
     () => updateStateSlice({ data: { ...sliceData, ...data }, errors, valid, fieldProblems }),
     [data, errors, fieldProblems, valid]
   );
-  const methodsMetadata = makePayoutVerificationMethodsMetadata(provider?.name);
+  const methodsMetadata = makePayoutVerificationMethodsMetadata(
+    provider?.name,
+    isPayoutVerificationMethodPageRedesignEnabled
+  );
+  const PayoutVerificationMethodOptionFooter = ({
+    method,
+    methodsMetadata: methodsMetadata2
+  }) => {
+    const { t: t2 } = useTranslation("common");
+    const { provider: provider2 } = methodsMetadata2[method];
+    return provider2 ? /* @__PURE__ */ jsxs(Typography, { el: "div", variant: "caption", className: styles.fieldVerificationMethodsFooter, children: [
+      t2(($) => $["poweredBy"]),
+      provider2.svgImport ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          className: styles.fieldVerificationMethodsLogo,
+          lazyLoadedImage: provider2.svgImport
+        }
+      ) : ` ${provider2.name}`
+    ] }) : null;
+  };
   const selectVerificationMethod = (method) => {
     setHasSelectedMethod(true);
     handleChangeFor("payoutVerificationMethod")(method);
@@ -2598,7 +3617,7 @@ function PayoutVerificationMethod(props) {
       data: { country: data.bankCountry },
       valid: { country: valid?.bankCountry },
       errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
-      labels: { country: formUtils.getLabel("bankCountry", "bankAccountCountryRegion") },
+      labels: { country: t(($) => $["bankAccountCountryRegion"]) },
       readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1 || bankInfoValidated,
       allowedCountries: allowedBankCountries,
       handleChangeFor: () => (e) => {
@@ -2612,7 +3631,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(
@@ -2625,18 +3644,18 @@ function PayoutVerificationMethod(props) {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-payout-verification-method", children: [
-    /* @__PURE__ */ jsx(FormHeader, { heading, children: /* @__PURE__ */ jsx("div", { slot: "description", className: "adyen-kyc-u-margin-bottom-12", children: description }) }),
-    instantVerificationError && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("form", { className: styles.payoutVerificationMethod, children: [
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx("template", { slot: "description", children: description2 }) }),
+    instantVerificationError2 && /* @__PURE__ */ jsx(
       Alert,
       {
         variant: "error",
-        className: "adyen-kyc-instant-verification-error",
-        title: instantVerificationError.title,
-        children: instantVerificationError.content && /* @__PURE__ */ jsx("p", { className: "adyen-kyc-u-margin-0", children: instantVerificationError.content })
+        className: styles.instantVerificationError,
+        title: instantVerificationError2.title,
+        children: instantVerificationError2.content && /* @__PURE__ */ jsx("p", { className: "adyen-kyc-u-margin-0", children: instantVerificationError2.content })
       }
     ),
-    countryField,
+    !isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) && countryField,
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -2647,7 +3666,35 @@ function PayoutVerificationMethod(props) {
         helper: instantVerificationAvailable ? void 0 : t(($) => $["weDoNotYetSupportInstantVerificationForBankAccountsIn"], {
           countryName: bankCountryName
         }),
-        children: (childProps) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+        children: (childProps) => isPayoutVerificationMethodPageRedesignEnabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            PayoutVerificationMethodOptionCard,
+            {
+              payoutMethod: "instantVerification",
+              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,
+              enabledUnbiasedSelectionOnCardClick
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PayoutVerificationMethodOptionCard,
+            {
+              payoutMethod: "manualVerification",
+              title: t(($) => $["verifyManually"]),
+              subtitle: t(($) => $["enterYourAccountsDetailsOnYourOwn"]),
+              selectVerificationMethod,
+              methodsMetadata,
+              payoutVerificationMethod: data.payoutVerificationMethod,
+              enabledUnbiasedSelectionOnCardClick
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
           RadioGroupCard,
           {
             ...childProps,
@@ -2656,15 +3703,21 @@ function PayoutVerificationMethod(props) {
             onSelect: selectVerificationMethod,
             selected: data.payoutVerificationMethod,
             optionId: (method) => method,
-            optionName: (method) => methodsMetadata[method].name,
-            optionDescription: (method) => methodsMetadata[method].description,
-            optionSubtitle: (method) => methodsMetadata[method].subtitle,
-            className: "adyen-kyc-field-verification-methods",
+            optionName: (method) => t(($) => $[methodsMetadata[method].name]),
+            optionDescription: (method) => t(($) => $[methodsMetadata[method].description]),
+            optionSubtitle: (method) => t(($) => $[methodsMetadata[method].subtitle]),
+            className: styles.fieldVerificationMethods,
             optionClassNames: () => ({
-              label: "adyen-kyc-field-verification-methods__card"
+              label: styles.fieldVerificationMethodsCard
             }),
             isOptionDisabled: (option) => bankInfoValidated || option === "instantVerification" && !instantVerificationAvailable,
-            renderOptionIcon: (method) => /* @__PURE__ */ jsx("div", { className: "adyen-kyc-radio-group-card__illustration", children: methodsMetadata[method]?.svgImport && /* @__PURE__ */ jsx(Image, { lazyLoadedImage: methodsMetadata[method].svgImport }) }),
+            renderOptionIcon: (method) => /* @__PURE__ */ jsx("div", { className: styles.radioGroupCardIllustration, children: /* @__PURE__ */ jsx(
+              PayoutVerificationMethodOptionIcon,
+              {
+                method,
+                methodsMetadata
+              }
+            ) }),
             renderOptionFooter: (method) => /* @__PURE__ */ jsx(
               PayoutVerificationMethodOptionFooter,
               {
@@ -2674,7 +3727,7 @@ function PayoutVerificationMethod(props) {
             ),
             floatingRadio: true
           }
-        ) })
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2711,6 +3764,11 @@ function PayoutVerificationMethod(props) {
   ] });
 }
 const payoutSteps = {
+  payoutCountryDetails: {
+    formId: "payoutCountryDetails",
+    formName: "payoutCountryDetails",
+    fields: payoutCountryDetailsFields
+  },
   payoutVerificationMethod: {
     formId: "payoutVerificationMethod",
     formName: "verificationMethod",
@@ -2725,7 +3783,6 @@ const payoutSteps = {
     formId: "payoutAccountDocuments",
     formName: "bankDocument",
     formHeader: "bankDocumentHeader",
-    formDescription: "bankDocumentDescription",
     fields: bankDocumentFields
   },
   payoutAccountVerification: {
@@ -2734,6 +3791,7 @@ const payoutSteps = {
     fields: accountVerificationFields
   }
 };
+const PayoutCountryDetailsFormID = payoutSteps.payoutCountryDetails.formId;
 const PayoutVerificationMethodFormID = payoutSteps.payoutVerificationMethod.formId;
 const PayoutAccountDocumentsFormID = payoutSteps.payoutAccountDocuments.formId;
 const PayoutAccountVerificationFormID = payoutSteps.payoutAccountVerification.formId;
@@ -2757,12 +3815,14 @@ function PayoutDetails(props) {
     onBack,
     trustedTransferInstrumentId
   } = props;
-  const [instantVerificationError, setInstantVerificationError] = useInstantVerificationErrorNotification(1e4);
+  const [instantVerificationError2, setInstantVerificationError] = useInstantVerificationErrorNotification(1e4);
+  const payoutCountryDetailsFormProps = getFormProps(props, PayoutCountryDetailsFormID);
   const verificationMethodFormProps = getFormProps(props, PayoutVerificationMethodFormID);
   const accountVerificationFormProps = getFormProps(props, PayoutAccountVerificationFormID);
   const payoutAccountFormProps = getFormProps(props, payoutSteps.payoutAccountDetails.formId);
   const bankDocumentFormProps = getFormProps(props, PayoutAccountDocumentsFormID);
-  const taskHeading = t(($) => $["addABankAccountForPayouts"]);
+  const { isExperimentEnabled } = useExperimentsContext();
+  const isCrossBorderPayoutsEnabled = isExperimentEnabled("EnableCrossBorderPayouts");
   const isBankStatementDocumentOptional = createFormUtils(
     bankDocumentFormProps ?? {},
     commonT
@@ -2771,10 +3831,7 @@ function PayoutDetails(props) {
   const data = isEmpty(globalData) || propData?.payoutAccountDetails?.transferInstrumentId ? propData : globalData;
   const resetData = useResetGlobalData();
   const verifyInstantly = data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
-  const bankCountry = data?.payoutVerificationMethod?.bankCountry ?? country;
-  const bankDocumentDescription = t(
-    ($) => $[legalEntityResponse.type === "individual" ? "toHelpVerifyYourBankDetailsIndividual" : "toHelpVerifyYourBankDetailsBusiness"]
-  );
+  const bankCountry = (isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) ? data?.payoutCountryDetails?.bankCountry : data?.payoutVerificationMethod?.bankCountry) ?? country;
   useEffect(() => resetData(), [resetData]);
   useEffect(() => {
     if (activeForm?.formId === summaryStep.formId && verifyInstantly && trustedTransferInstrumentId) {
@@ -2785,7 +3842,11 @@ function PayoutDetails(props) {
   const [arePayoutAccountDetailsInvalid, setArePayoutAccountDetailsInvalid] = useState(false);
   const [invalidFieldNames, setInvalidFieldNames] = useState("");
   const payload = useMemo(
-    () => bankCountry && accountDetailsFromInput ? getAccountIdentificationFromPayoutAccountSchema(accountDetailsFromInput, bankCountry) : {},
+    () => bankCountry && accountDetailsFromInput ? getAccountIdentificationFromPayoutAccountSchema(
+      accountDetailsFromInput,
+      bankCountry,
+      isCrossBorderPayoutsEnabled
+    ) : {},
     [accountDetailsFromInput, bankCountry]
   );
   const validateAccountDetails = useAsyncAccountDetailsValidationRules(
@@ -2808,16 +3869,30 @@ function PayoutDetails(props) {
     }
   }, [t, validateAccountDetails]);
   return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: activeForm?.formId !== "payoutCountryDetails" ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+        children: /* @__PURE__ */ jsx(
+          PayoutCountryDetails,
+          {
+            ...payoutCountryDetailsFormProps,
+            legalEntityResponse,
+            provider
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {
         className: activeForm?.formId !== PayoutVerificationMethodFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
-        children: /* @__PURE__ */ jsx(InstantVerificationErrorContext.Provider, { value: instantVerificationError, children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(InstantVerificationErrorContext.Provider, { value: instantVerificationError2, children: /* @__PURE__ */ jsx(
           PayoutVerificationMethod,
           {
             ...verificationMethodFormProps,
             id: PayoutVerificationMethodFormID,
-            heading: taskHeading,
+            heading: t(($) => $["addABankAccountForPayouts"]),
             country,
             accountHolder,
             legalEntityResponse,
@@ -2860,12 +3935,13 @@ function PayoutDetails(props) {
             PayoutAccount,
             {
               ...payoutAccountFormProps,
-              heading: taskHeading,
+              heading: t(($) => $["addABankAccountForPayouts"]),
               id: payoutSteps.payoutAccountDetails.formId,
               country: bankCountry,
               legalEntityResponse,
               arePayoutAccountDetailsInvalid,
-              invalidFieldNames
+              invalidFieldNames,
+              preferredCurrencyCode: globalData?.payoutCountryDetails?.preferredCurrency
             }
           )
         }
@@ -2874,14 +3950,26 @@ 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.EnableBankDocumentClassification) ? /* @__PURE__ */ jsx(
+            MemoizedBankDocumentClassification,
+            {
+              ...bankDocumentFormProps,
+              id: PayoutAccountDocumentsFormID,
+              legalEntity: legalEntityResponse,
+              associatedLegalArrangement,
+              country: bankCountry,
+              formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
+            }
+          ) : /* @__PURE__ */ jsx(
             MemoizedBankDocument,
             {
               ...bankDocumentFormProps,
               heading: t(
                 ($) => $[isBankStatementDocumentOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
               ),
-              description: bankDocumentDescription,
+              description: t(
+                ($) => $[legalEntityResponse.type === "individual" ? "toHelpVerifyYourBankDetailsIndividual" : "toHelpVerifyYourBankDetailsBusiness"]
+              ),
               id: PayoutAccountDocumentsFormID,
               legalEntity: legalEntityResponse,
               associatedLegalArrangement,
@@ -2902,14 +3990,27 @@ function PayoutDetails(props) {
           showPayoutVerificationMethodError.value = false;
         }
       }
+    ) }),
+    /* @__PURE__ */ jsx(Show, { when: showInstantVerificationPayoutModal, children: /* @__PURE__ */ jsx(
+      BankVerification,
+      {
+        ...accountVerificationFormProps,
+        heading: t(($) => $["bankAccountVerification"]),
+        id: PayoutAccountVerificationFormID,
+        provider,
+        country: bankCountry,
+        onBack,
+        hideSidebar: setHideSidebar,
+        setBankVerificationError: setInstantVerificationError,
+        bankInfoValidated,
+        setBankInfoValidated,
+        formIsActive: activeForm?.formId === PayoutVerificationMethodFormID,
+        createTrustedTransferInstrument: createTrustedTransferInstrument2
+      }
     ) })
   ] });
 }
-const rules = ({
-  data,
-  requiredFields,
-  isExperimentEnabled
-}) => createFormRules({
+const rules = ({ data, requiredFields }) => createFormRules({
   whenUsingManualVerification: () => {
     if (!data.payoutVerificationMethod) return;
     if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") {
@@ -2930,9 +4031,6 @@ const rules = ({
     }
   },
   bankStatementRequirement: () => {
-    if (data?.payoutVerificationMethod?.payoutVerificationMethod !== "instantVerification" && (isExperimentEnabled?.("EnableCheckOnCreateBankAccount") || isExperimentEnabled?.("BankVerificationFlowOptimization_CAASIntegration"))) {
-      return "REQUIRED";
-    }
     if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") {
       return requiredFields?.bankStatementRequirement;
     }
@@ -2954,22 +4052,30 @@ const mapApiDocumentToPayoutDocuments = (entityId) => {
 };
 const mapPayoutDetailsToTransferInstrument = ({
   data,
-  legalEntity
+  legalEntity,
+  enabledCrossBorderPayouts
 }) => {
   if (!data.payoutAccountDetails || !data.payoutVerificationMethod) {
     throw new Error("Missing payout details data");
   }
+  if (enabledCrossBorderPayouts && !data.payoutCountryDetails) {
+    throw new Error("Missing payout details data");
+  }
+  const bankCountry = enabledCrossBorderPayouts ? data.payoutCountryDetails?.bankCountry : data.payoutVerificationMethod?.bankCountry;
+  const preferredCurrency = enabledCrossBorderPayouts ? data.payoutCountryDetails?.preferredCurrency : void 0;
   return {
     bankAccount: mapPayoutAccountSchemaToApiBankAccount(
       data.payoutAccountDetails,
-      data.payoutVerificationMethod.bankCountry
+      bankCountry,
+      preferredCurrency,
+      enabledCrossBorderPayouts
     ),
     legalEntityId: legalEntity.id,
     type: "bankAccount"
   };
 };
 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");
   }
@@ -2983,7 +4089,7 @@ const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
     entityType: "bankAccount",
     documentType: "bankStatement",
     page1,
-    description,
+    description: description2,
     existingDocument
   });
 };
@@ -3076,17 +4182,19 @@ function parsePayoutScenarios({
   }
   return augmentWithCountryConfigs(payoutDetailsCountryConfig[country], formConfig);
 }
-const getAppropriatePayoutDetailsSteps = (isEditing, instantVerificationAvailable, canChangeCountry) => {
+const getAppropriatePayoutDetailsSteps = (isEditing, instantVerificationAvailable, canChangeCountry, isCrossBorderEnabled) => {
   const dependentSteps = {
+    payoutCountryDetails: payoutSteps.payoutCountryDetails,
+    payoutVerificationMethod: payoutSteps.payoutVerificationMethod,
     payoutAccountDetails: payoutSteps.payoutAccountDetails,
     payoutAccountDocuments: payoutSteps.payoutAccountDocuments,
     payoutAccountVerification: payoutSteps.payoutAccountVerification
   };
-  if (!isEditing && (instantVerificationAvailable || canChangeCountry)) {
-    return {
-      payoutVerificationMethod: payoutSteps.payoutVerificationMethod,
-      ...dependentSteps
-    };
+  if (!isCrossBorderEnabled) {
+    delete dependentSteps["payoutCountryDetails"];
+  }
+  if (isEditing || !instantVerificationAvailable && !canChangeCountry) {
+    delete dependentSteps["payoutVerificationMethod"];
   }
   return dependentSteps;
 };
@@ -3137,6 +4245,7 @@ const getPayoutVerificationMethod = (transferInstrument, instantVerificationEnab
     return enabledUnbiasedVerificationMethod || !instantVerificationEnabled ? void 0 : "instantVerification";
   }
 };
+const showInstantVerificationPayoutModal = signal(false);
 function PayoutDetailsDropin({
   legalEntityResponse,
   associatedLegalArrangement,
@@ -3168,22 +4277,26 @@ function PayoutDetailsDropin({
   const [previousTrustedInstrumentStatus, setPreviousTrustedInstrumentStatus] = useState(
     createTrustedTransferInstrumentStatus
   );
-  const { t, i18n: i18next } = useTranslation("common");
-  const { i18n } = useI18nContext();
+  const { t, i18n: i18next } = useTranslation("banking");
+  const { t: commonT } = useTranslation("common");
   const userEvents = useAnalyticsContext();
   const { showToast, clearToasts } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const { isSettingEnabled } = useSettingsContext();
+  const enabledCrossBorderPayouts = isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts);
   const defaultPayoutCountry = getLegalEntityCountry(legalEntityResponse);
   const existingPayoutDetails = useMemo(
-    () => transferInstrument ? mapTransferInstrumentToPayoutAccount(transferInstrument) : void 0,
+    () => transferInstrument ? mapTransferInstrumentToPayoutAccount(transferInstrument, enabledCrossBorderPayouts) : void 0,
     [transferInstrument]
   );
   const [documents, setDocuments] = useState();
   const [isCaasCalled, setIsCaasCalled] = useState(false);
-  const enableCheckOnCreateBankAccount = isExperimentEnabled("EnableCheckOnCreateBankAccount") || isExperimentEnabled("BankVerificationFlowOptimization_CAASIntegration");
-  const enabledUnbiasedVerificationMethod = isExperimentEnabled(
-    "BankVerificationMethodAutonomy_UnbiasedSelection"
+  const enabledUnbiasedSelectionOnCardClick = isExperimentEnabled(
+    ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnCardClick
+  );
+  const enabledUnbiasedVerificationMethod = enabledUnbiasedSelectionOnCardClick || isExperimentEnabled(ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnContinue);
+  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
+    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
   );
   const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
   const fallbackCurrency = currencyByCountry[defaultPayoutCountry]?.[0];
@@ -3194,6 +4307,10 @@ function PayoutDetailsDropin({
   const taskType = propTaskType ?? TaskTypes.PAYOUT;
   const [trustedTransferInstrumentId, setTrustedTransferInstrumentId] = useState();
   const prefilledData = {
+    payoutCountryDetails: {
+      bankCountry: existingPayoutDetails?.payoutCountryDetails?.bankCountry ?? defaultPayoutCountry,
+      preferredCurrency: existingPayoutDetails?.payoutCountryDetails?.preferredCurrency
+    },
     payoutAccountDetails: {
       accountHolder: accountHolderName,
       currency: fallbackCurrency,
@@ -3222,7 +4339,7 @@ function PayoutDetailsDropin({
     state: { currentState }
   } = useStateContext();
   const formValidity = currentState.validityByForm;
-  const bankAccountCountry = currentState?.data?.payoutVerificationMethod?.bankCountry ?? defaultPayoutCountry;
+  const bankAccountCountry = (enabledCrossBorderPayouts ? currentState?.data?.payoutCountryDetails?.bankCountry : currentState?.data?.payoutVerificationMethod?.bankCountry) ?? defaultPayoutCountry;
   const [hideFooterAndSidebar, setHideFooterAndSidebar] = useState(false);
   const [skipSubmit, setSkipSubmit] = useState(false);
   const [loadingStatus, setLoadingStatus] = useState("loading");
@@ -3236,16 +4353,11 @@ function PayoutDetailsDropin({
     prefilledData.payoutAccountDetails
   );
   const isMaskedBankAccountNumber = data.payoutAccountDetails?.bankAccountNumber?.includes("*") || data.payoutAccountDetails?.iban?.includes("*");
-  const existingBankAccountFormat = transferInstrument ? existingPayoutDetails?.payoutAccountDetails?.iban ? "iban" : "local" : void 0;
-  const checkAsAServiceAnalyticsProps = {
-    "Experiment name": ExperimentNames.BankVerificationFlowOptimization_CAASIntegration,
-    "Experiment value": enableCheckOnCreateBankAccount ? "TREATMENT" : "CONTROL"
-  };
+  const existingBankAccountFormat = transferInstrument ? transferInstrument?.bankAccount?.accountIdentification?.type === "numberAndBic" ? "numberAndBic" : existingPayoutDetails?.payoutAccountDetails?.iban ? "iban" : "local" : void 0;
   useEffect(() => {
     userEvents.updateBaseTrackingPayload({ task: taskType });
     userEvents.addTaskEvent("Landed on page", {
-      actionType: "start",
-      ...checkAsAServiceAnalyticsProps
+      actionType: "start"
     });
   }, []);
   useEffect(() => {
@@ -3292,8 +4404,7 @@ function PayoutDetailsDropin({
   const fieldsFromCustomRules = useMemo(
     () => rules({
       data,
-      requiredFields,
-      isExperimentEnabled
+      requiredFields
     }),
     [bankAccountCountry, data, taskType, isExperimentEnabled]
   );
@@ -3311,25 +4422,21 @@ function PayoutDetailsDropin({
   });
   const checkAsAServiceResultStatus = checkAsAServiceData?.status;
   const checkAsAServiceResultErrors = checkAsAServiceData?.errors;
+  const provider = providers?.[0];
+  const isInstantVerificationFlow = data.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
   const [isModalOpen, setIsModalOpen] = useState(false);
   const payoutDetailsSteps = useMemo(() => {
     const appropriatePayoutDetailsSteps = getAppropriatePayoutDetailsSteps(
       Boolean(prefilledData?.payoutAccountDetails?.transferInstrumentId),
       instantVerificationAvailable,
-      isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout)
+      isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout),
+      enabledCrossBorderPayouts
     );
-    const { payoutAccountDocuments: _, ...restOfAppropriatePayoutDetailsSteps } = appropriatePayoutDetailsSteps;
-    if (enableCheckOnCreateBankAccount && !isCheckAsAServiceError && (checkAsAServiceResultStatus === "VALID" || checkAsAServiceResultStatus === void 0) && !isMaskedBankAccountNumber) {
-      return restOfAppropriatePayoutDetailsSteps;
+    if (!isCheckAsAServiceError && (checkAsAServiceResultStatus === "VALID" || checkAsAServiceResultStatus === void 0) && !isMaskedBankAccountNumber) {
+      delete appropriatePayoutDetailsSteps[payoutSteps.payoutAccountDocuments.formId];
     }
     return appropriatePayoutDetailsSteps;
-  }, [
-    providers,
-    enableCheckOnCreateBankAccount,
-    checkAsAServiceResultStatus,
-    isCheckAsAServiceError,
-    isMaskedBankAccountNumber
-  ]);
+  }, [providers, checkAsAServiceResultStatus, isCheckAsAServiceError, isMaskedBankAccountNumber]);
   const derivedProps = useMemo(() => {
     return getPropsFromConfigurations({
       scenarioConfiguration: fieldConfigurations,
@@ -3369,7 +4476,10 @@ function PayoutDetailsDropin({
       documentUtils.fetchDocuments(transferInstrument.documentDetails, transferInstrument.id).then(() => {
         setDocuments(mapApiDocumentToPayoutDocuments(transferInstrument.id));
       }).catch(() => {
-        showToast({ label: i18n.get("failedToFetchRelevantDocuments"), variant: "error" });
+        showToast({
+          label: commonT(($) => $["failedToFetchRelevantDocuments"]),
+          variant: "error"
+        });
       });
     }
   }, [transferInstrument?.documentDetails]);
@@ -3395,7 +4505,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 {
@@ -3405,7 +4515,7 @@ function PayoutDetailsDropin({
               payoutAccountDocuments: { bankStatementDocument: true }
             }
           });
-          throw new Error(i18n.get("remediationMessage_1_704"));
+          throw new Error(commonT(($) => $["remediationMessage_1_704"]));
         } finally {
           await refetchTransferInstrument?.();
         }
@@ -3428,7 +4538,8 @@ function PayoutDetailsDropin({
     };
     let transferInstrumentFromInput = mapPayoutDetailsToTransferInstrument({
       data: dataSubmitted,
-      legalEntity: legalEntityResponse
+      legalEntity: legalEntityResponse,
+      enabledCrossBorderPayouts
     });
     transferInstrumentFromInput = omitObscuredFieldsIfUnchanged(
       ["bankAccount.accountIdentification.accountNumber", "bankAccount.accountIdentification.iban"],
@@ -3447,8 +4558,7 @@ function PayoutDetailsDropin({
       ));
       setCurrentTransferInstrumentId?.(response?.id);
       userEvents.addTaskEvent("Success", {
-        ...baseTracking,
-        ...checkAsAServiceAnalyticsProps
+        ...baseTracking
       });
       try {
         await submitDocuments({ forms, transferInstrument: response, dataSubmitted });
@@ -3464,25 +4574,24 @@ function PayoutDetailsDropin({
         const validationErrors = processValidationErrors(e, taskType);
         setProblems({ ...problems, validationErrors });
       } else if (isIdDocumentUploadError(e)) {
-        showToast({ label: i18n.get("idDocumentAlreadyUploaded"), variant: "error" });
+        showToast({ label: t(($) => $["idDocumentAlreadyUploaded"]), variant: "error" });
       } else if (isBankStatementUploadError(e)) {
-        showToast({ label: i18n.get("bankStatementAlreadyUploaded"), variant: "error" });
+        showToast({ label: t(($) => $["bankStatementAlreadyUploaded"]), variant: "error" });
       } else if (isMaintenanceModeError(e)) {
         showToast({
-          label: i18n.get("maintenanceModeMessage"),
+          label: commonT(($) => $["maintenanceModeMessage"]),
           variant: "error",
           duration: "indefinite"
         });
       } else {
         const errorTranslatable = mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable(e);
-        showToast({ label: i18n.get(errorTranslatable), variant: "error" });
+        showToast({ label: commonT(($) => $[errorTranslatable]), variant: "error" });
       }
       setIsSubmitting(false);
       userEvents.addTaskEvent("Encountered error", {
         ...baseTracking,
         returnType: e?.errorCode || "backend",
-        returnValue: e?.title || e?.message,
-        ...checkAsAServiceAnalyticsProps
+        returnValue: e?.title || e?.message
       });
     }
   };
@@ -3490,13 +4599,13 @@ function PayoutDetailsDropin({
   const formatFileSummaryData = (bankDocuments) => {
     const bankStatementDocument = bankDocuments?.bankStatementDocument?.[0];
     return {
-      ...bankStatementDocument && {
-        fileName: bankStatementDocument.name
-      }
+      documentType: bankDocuments?.documentType && commonT(($) => $[bankDocuments?.documentType]),
+      fileName: bankStatementDocument?.name,
+      description: bankDocuments?.description
     };
   };
   const canSubmit = () => {
-    if (data.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification") {
+    if (isInstantVerificationFlow) {
       return false;
     }
     const bankDetails = data.payoutAccountDetails;
@@ -3512,9 +4621,7 @@ function PayoutDetailsDropin({
       );
     }
     if (summaryData.payoutAccountDocuments) {
-      summaryData.payoutAccountDocuments.bankStatementDocument = formatFileSummaryData(
-        data?.payoutAccountDocuments
-      );
+      summaryData.payoutAccountDocuments = formatFileSummaryData(data?.payoutAccountDocuments);
     }
     summaryData.payoutAccountVerification = formatAccountVerificationSummary(
       data.payoutAccountVerification
@@ -3535,7 +4642,7 @@ function PayoutDetailsDropin({
       refetchBankVerificationProviders();
       const errorTranslatable = mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable(e);
       if (errorTranslatable === "transferInstrumentLimitHasAlreadyBeenMet") {
-        showToast({ label: i18n.get(errorTranslatable), variant: "error" });
+        showToast({ label: commonT(($) => $[errorTranslatable]), variant: "error" });
       }
       throw e;
     }
@@ -3551,10 +4658,24 @@ function PayoutDetailsDropin({
     problems,
     forms,
     externalBackClick,
-    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 });
       }
@@ -3566,7 +4687,7 @@ function PayoutDetailsDropin({
   });
   useEffect(() => {
     if (isCaasCalled && forms) {
-      if (checkAsAServiceResultStatus !== "VALID") {
+      if (checkAsAServiceResultStatus !== "VALID" && checkAsAServiceResultStatus !== "INCOMPLETE_INPUT") {
         const formIndex = forms.findIndex((f) => f.formId === "payoutAccountDocuments");
         if (formIndex > -1) {
           gotoFormByFormIndex(formIndex);
@@ -3579,18 +4700,24 @@ function PayoutDetailsDropin({
     setIsCaasCalled(false);
   }, [forms, checkAsAServiceResultStatus, isCaasCalled]);
   const handleFormNextClick = async () => {
-    if (!data?.payoutVerificationMethod?.payoutVerificationMethod) {
+    if (isPayoutVerificationMethodPageRedesignEnabled && activeForm.formId === "payoutVerificationMethod") {
+      if (isInstantVerificationFlow) {
+        showInstantVerificationPayoutModal.value = true;
+        return;
+      } else {
+        handleNextClick();
+      }
+    }
+    if (!data?.payoutVerificationMethod?.payoutVerificationMethod && !enabledUnbiasedSelectionOnCardClick) {
       showPayoutVerificationMethodError.value = true;
       return;
     }
-    if (enableCheckOnCreateBankAccount && activeForm.formId === "payoutAccountDetails" && activeForm.isValid && data.payoutAccountDetails && !isMaskedBankAccountNumber) {
+    if (activeForm.formId === "payoutAccountDetails" && activeForm.isValid && data.payoutAccountDetails && !isMaskedBankAccountNumber) {
       try {
         const { data: response } = await refetchCheckAsAService();
         setIsCaasCalled(true);
         if (response?.status === "INCOMPLETE_INPUT") {
           setIsModalOpen(true);
-        } else {
-          handleNextClick();
         }
       } catch {
         handleNextClick();
@@ -3604,25 +4731,43 @@ function PayoutDetailsDropin({
       handleNextClick();
       setPreviousTrustedInstrumentStatus(createTrustedTransferInstrumentStatus);
     }
+    if (isExperimentEnabled(ExperimentNames.EnablePayoutVerificationMethodPageRedesign) && activeForm.formId === "payoutVerificationMethod" && createTrustedTransferInstrumentStatus === "success") {
+      gotoFormByFormIndex(forms.length - 1);
+      setPreviousTrustedInstrumentStatus(createTrustedTransferInstrumentStatus);
+    }
   }
   const omittedForms = data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification" ? [] : [payoutSteps.payoutVerificationMethod.formId];
   const { header: invalidFieldHeader, content: invalidFieldContent } = getInvalidFieldsErrorMessage(
     checkAsAServiceResultErrors ?? []
   );
+  const prevPayoutVerificationMethodRef = useRef(
+    data.payoutVerificationMethod?.payoutVerificationMethod
+  );
+  useEffect(() => {
+    const payoutVerificationMethod = data.payoutVerificationMethod?.payoutVerificationMethod;
+    if (payoutVerificationMethod && enabledUnbiasedSelectionOnCardClick && payoutVerificationMethod !== prevPayoutVerificationMethodRef.current) {
+      prevPayoutVerificationMethodRef.current = payoutVerificationMethod;
+      handleFormNextClick();
+    }
+  }, [
+    data.payoutVerificationMethod?.payoutVerificationMethod,
+    enabledUnbiasedSelectionOnCardClick,
+    handleFormNextClick
+  ]);
   return /* @__PURE__ */ jsxs(
     LoaderWrapper,
     {
       showSpinner: true,
-      status: isCheckAsAServiceLoading || isModalOpen ? "loading" : "success",
+      status: isCheckAsAServiceLoading || isModalOpen || createTrustedTransferInstrumentStatus === "pending" ? "loading" : "success",
       formOpacityWhenLoading: 0.3,
       children: [
         isModalOpen && /* @__PURE__ */ jsx(
           Confirm,
           {
-            title: i18n.get(invalidFieldHeader),
-            description: i18n.get(invalidFieldContent),
-            cancelText: i18n.get("editDetails"),
-            confirmText: i18n.get("continueAnyway"),
+            title: t(($) => $[invalidFieldHeader]),
+            description: t(($) => $[invalidFieldContent]),
+            cancelText: commonT(($) => $["editDetails"]),
+            confirmText: t(($) => $["continueAnyway"]),
             onConfirm: () => {
               handleNextClick();
               setIsModalOpen(false);
@@ -3646,7 +4791,7 @@ function PayoutDetailsDropin({
                 summaryEditButton: ["payoutVerificationMethod"]
               }
             },
-            handleBackClick,
+            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleBackClick : void 0,
             handleNextClick: handleFormNextClick,
             handleHomeClick,
             handleCloseClick,
@@ -3661,6 +4806,7 @@ function PayoutDetailsDropin({
             canSubmit: canSubmit(),
             problems,
             steps,
+            hideNextButton: enabledUnbiasedSelectionOnCardClick && activeForm.formId === "payoutVerificationMethod",
             children: (!isTransferInstrumentLoading || isSubmitting) && /* @__PURE__ */ jsx(
               PayoutDetails,
               {
@@ -3674,7 +4820,7 @@ function PayoutDetailsDropin({
                 setSkipSubmit,
                 legalEntityResponse,
                 associatedLegalArrangement,
-                provider: providers?.[0],
+                provider,
                 bankVendorsLoadingStatus,
                 instantVerificationAvailable,
                 createTrustedTransferInstrument: createTrustedTransferInstrumentHandler,