@adyen/kyc-components 3.83.0 → 3.85.0-beta.1

package/dist/{PayoutDetailsDropin-DIJbRfg_.js → PayoutDetailsDropin-BFUH8RvF.js}

@@ -2,44 +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] = "400b2228-8e3b-4a4e-8b34-ec6226ad502c", e._sentryDebugIdIdentifier = "sentry-dbid-400b2228-8e3b-4a4e-8b34-ec6226ad502c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "22574afc-6856-434d-a685-347920a23640", e._sentryDebugIdIdentifier = "sentry-dbid-22574afc-6856-434d-a685-347920a23640");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useEffect, useRef, useMemo, useCallback, useContext } from "preact/hooks";
-import { b as useApiContext, j as useQuery, k as httpPost, o as httpGet, aF as useMutation, aH as useQueryClient, N as createLogger, aa 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, ag as objectsDeepEqual, aJ as doArraysMatch, a7 as isEmpty, bl as getSdkToken, G as hasOwnEntityAssociationOfType, m as useSettingsContext, bm as EEA_Countries, X as useExperimentsContext, bn as isAccountIdentifierObscured, bo as hasEmptyFields, bp as extractFieldName, bq as concatenateFieldNames, as as keysOf, g as getLegalEntityCountry, an as getCapabilityProblems, M as TaskTypes, aE as cloneObject, q as skipToken } from "./StoreProvider-DGxWcgrS.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-NoTqg5NI.js";
-import { a as useForm, F as Field, S as Select, L as LoaderWrapper } from "./useForm-NtB5fMq5.js";
-import { E as ExperimentNames } from "./types-CAznNNSI.js";
-import { I as InputText, S as SettingNames } from "./InputText-CqLs_M75.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext, F as FormWrapper } from "./useGlobalData-COgPG9qd.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D4w2gBxd.js";
-import { b as useCapabilityProblems, g as getProblemsForEntity, T as TextArea, i as validatePatternOnBlur, r as resolveFieldMetadata, a as useAccountHolder, I as Image, R as RadioGroupCard, C as ContextGuidance, c as createFormRules, k as augmentWithCountryConfigs, d as getPropsFromConfigurations } from "./fieldConfigurations-BzmPcPW1.js";
-import { c as createFormUtils, F as FormHeader, E as ErrorPanel, i as isNotEmptyValidator, m as mergeFieldMetadataIntoProps, b as getFieldProps, C as CountryField, l as getFormProps, f as summaryStep, s as summaryItem, g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./CountryField-DrB-OFMR.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-Dww-3m9M.js";
-import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-CYBhIC5y.js";
-import { c as currencyByCountry } from "./types-IWh9Nm-W.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-zbgp4iB7.js";
-import { D as DropzoneFile, e as bytesToSize, f as defaultFileValidationOptions, h as fileValidationRules, S as StateContextSetter, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./validate-C6-L7Vfa.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-DN1hhEuf.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-CdgdGJSA.js";
+import { b as useApiContext, j as useQuery, k as httpPost, o as httpGet, aD as useMutation, aF as useQueryClient, N as createLogger, a9 as CountryCodes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, y as LegalEntityTypes, a as addResourceBundles, L as Loader, J as EntityTypes, _ as __variableDynamicImportRuntimeHelper, P as useAnalyticsContext, U as Icon, x as Typography, B as Button, af as useI18nContext, ai as objectsDeepEqual, aJ as doArraysMatch, aa as isEmpty, be as getSdkToken, G as hasOwnEntityAssociationOfType, X as useExperimentsContext, m as useSettingsContext, bf as EEA_Countries, g as getLegalEntityCountry, ad as Trans, bg as isAccountIdentifierObscured, bh as hasEmptyFields, bi as extractFieldName, bj as concatenateFieldNames, aG as keysOf, ap as getCapabilityProblems, M as TaskTypes, aB as cloneObject, q as skipToken } from "./StoreProvider-DadhkEyO.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-CRhSOuJd.js";
+import { a as useForm, F as Field, c as Select, L as LoaderWrapper } from "./useForm-Aw38WiTE.js";
+import { E as ExperimentNames } from "./types-DHmyPbAn.js";
+import { I as InputText, S as SettingNames } from "./InputText-zem7Kt4i.js";
+import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext, F as FormWrapper } from "./useGlobalData-BYJWYYpf.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D58NfzLh.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-B1Iwtpx2.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-wWEQXoqU.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-Ct5Drm_t.js";
+import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-B-72Ufk7.js";
+import { c as currencyByCountry } from "./types-28yvE9dj.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-kAn6qx2R.js";
+import { D as DropzoneFile, e as bytesToSize, f as defaultFileValidationOptions, h as fileValidationRules, S as StateContextSetter, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./validate-6QHmaW1O.js";
+import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-DwJ2SEhe.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-Bdf5GkVq.js";
 import { Show } from "@preact/signals/utils";
-import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, T as Trans } from "./translation-C21WMjvq.js";
+import { c as createFormUtils, H as Header, E as ErrorPanel, m as mergeFieldMetadataIntoProps, g as getFieldProps, C as CountryField, h as getFormProps, d as summaryStep, s as summaryItem } from "./CountryField-DunKeW_n.js";
 import { signal } from "@preact/signals";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CPl7E0oh.js";
-import { memo, lazy } from "preact/compat";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-FOg1r690.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-Cd77TYXt.js";
+import { b as useCapabilityProblems, g as getProblemsForEntity, T as TextArea, f as validatePatternOnBlur, r as resolveFieldMetadata, a as useAccountHolder, R as RadioGroupCard, C as ContextGuidance } from "./fieldConfigurations-BZuo2e0d.js";
+import { c as createFormRules } from "./form-rules-DhbF2mY4.js";
 import cx from "classnames";
+import { memo, lazy } from "preact/compat";
+import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-BOfx-rWR.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
 import { createContext } from "preact";
-import { a as Alert } from "./Alert-Ce3pDSUY.js";
-import { A as ActionBar } from "./FormNavigation-DXaxaf1-.js";
+import { a as Alert } from "./Alert-Dz_jjJ1E.js";
+import { A as ActionBar } from "./FormNavigation-a9y0a0iw.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-OYLtVOZ6.js";
+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-CSKFmTC0.js";
+import { a as isNotEmptyValidator } from "./commonValidators-DM04eNpa.js";
 import { C as Currencies } from "./currency-BGwQyxBo.js";
-import { L as Link } from "./Link-CaxhkJ24.js";
+import { I as Image } from "./Image-TkXLA-UY.js";
+import { L as Link } from "./Link-BZJgg2rS.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -137,7 +141,15 @@ const getAccountFormatsForCountry = async (country) => {
   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(
@@ -190,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 {
@@ -283,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
 });
@@ -312,7 +334,7 @@ function PayoutDetailsPage({
   );
   const capabilityProblems = useCapabilityProblems();
   addResourceBundles(i18n, i18n.language, [
-    { ns: "banking", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-fgdGvtqa.js"), "../language/cs-CZ.json": () => import("./cs-CZ-DwiXbzIv.js"), "../language/da-DK.json": () => import("./da-DK-Y6PJ69rt.js"), "../language/de-DE.json": () => import("./de-DE-xdQMmrrt.js"), "../language/el-GR.json": () => import("./el-GR-DR_5DKI1.js"), "../language/en-US.json": () => import("./en-US-BQpgt41j.js"), "../language/es-ES.json": () => import("./es-ES-keMO-LlU.js"), "../language/et-EE.json": () => import("./et-EE-CLuAFAri.js"), "../language/fi-FI.json": () => import("./fi-FI-CBHr-_To.js"), "../language/fr-FR.json": () => import("./fr-FR-B3qQW3oG.js"), "../language/hr-HR.json": () => import("./hr-HR-DMV2OsPs.js"), "../language/hu-HU.json": () => import("./hu-HU-CPWGnq22.js"), "../language/it-IT.json": () => import("./it-IT-CRmaykgQ.js"), "../language/ja-JP.json": () => import("./ja-JP-DCOsVkrk.js"), "../language/lt-LT.json": () => import("./lt-LT-0CK0Iin7.js"), "../language/lv-LV.json": () => import("./lv-LV-CSxppAD_.js"), "../language/nl-NL.json": () => import("./nl-NL-RfK34nkp.js"), "../language/no-NO.json": () => import("./no-NO-BWzGost-.js"), "../language/pl-PL.json": () => import("./pl-PL-DFrOIiCG.js"), "../language/pt-BR.json": () => import("./pt-BR-CxjlToN4.js"), "../language/pt-PT.json": () => import("./pt-PT-CU13UUwT.js"), "../language/ro-RO.json": () => import("./ro-RO-B2u2q1Ez.js"), "../language/sk-SK.json": () => import("./sk-SK-BWA3fAcI.js"), "../language/sl-SI.json": () => import("./sl-SI-B7zbwoZn.js"), "../language/sv-SE.json": () => import("./sv-SE-Hi07uLM9.js") }), `../language/${i18n.language}.json`, 3) }
+    { ns: "banking", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-z3gZQvGq.js"), "../language/cs-CZ.json": () => import("./cs-CZ-C5lyVYlZ.js"), "../language/da-DK.json": () => import("./da-DK-CYl2jko-.js"), "../language/de-DE.json": () => import("./de-DE-DlUEkik0.js"), "../language/el-GR.json": () => import("./el-GR-DZ8GheJK.js"), "../language/en-US.json": () => import("./en-US-DjF6iC7G.js"), "../language/es-ES.json": () => import("./es-ES-D0c0MoqK.js"), "../language/et-EE.json": () => import("./et-EE-C4Fwyr7-.js"), "../language/fi-FI.json": () => import("./fi-FI-bRXb-Q_i.js"), "../language/fr-FR.json": () => import("./fr-FR-JLPKgufm.js"), "../language/hr-HR.json": () => import("./hr-HR-D26Gz-HL.js"), "../language/hu-HU.json": () => import("./hu-HU-BZCFneWx.js"), "../language/it-IT.json": () => import("./it-IT-mScKLwBR.js"), "../language/ja-JP.json": () => import("./ja-JP-DyELKS9Q.js"), "../language/lt-LT.json": () => import("./lt-LT-CLPQVRpJ.js"), "../language/lv-LV.json": () => import("./lv-LV-Cu-MJMVO.js"), "../language/nl-NL.json": () => import("./nl-NL-pVdpCCOx.js"), "../language/no-NO.json": () => import("./no-NO-CRULNwNn.js"), "../language/pl-PL.json": () => import("./pl-PL-CxCiWdAF.js"), "../language/pt-BR.json": () => import("./pt-BR-apPtB2cK.js"), "../language/pt-PT.json": () => import("./pt-PT-Coa6J7SM.js"), "../language/ro-RO.json": () => import("./ro-RO-BTqq5BPM.js"), "../language/sk-SK.json": () => import("./sk-SK-welR06By.js"), "../language/sl-SI.json": () => import("./sl-SI-B9N6vA08.js"), "../language/sv-SE.json": () => import("./sv-SE-D6al0j6W.js") }), `../language/${i18n.language}.json`, 3) }
   ]);
   if (!rootLe || associatedLeIsLoading) {
     return /* @__PURE__ */ jsx(Loader, {});
@@ -466,8 +488,12 @@ function FilePicker({
   ] });
 }
 const bankDocument = "adyen-kyc-bank-document";
+const bankDocumentDocumentUpload = "adyen-kyc-bank-document-document-upload";
+const bankDocumentDocumentDescription = "adyen-kyc-bank-document-document-description";
 const styles$2 = {
-  bankDocument
+  bankDocument,
+  bankDocumentDocumentUpload,
+  bankDocumentDocumentDescription
 };
 const documentRequirements = "adyen-kyc-document-requirements";
 const documentRequirementsSubtitle = "adyen-kyc-document-requirements-subtitle";
@@ -766,7 +792,7 @@ function BankDocument(props) {
   );
   return /* @__PURE__ */ jsxs("form", { className: styles$2.bankDocument, children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    /* @__PURE__ */ jsx(FormHeader, { heading, description }),
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, description }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -811,7 +837,7 @@ function BankDocument(props) {
       data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
         Field,
         {
-          className: "adyen-kyc-bank-document__document-upload adyen-kyc-upload-field",
+          className: cx(styles$2.bankDocumentDocumentUpload, "adyen-kyc-upload-field"),
           name: "bankStatementDocument",
           isValid: valid.bankStatementDocument,
           children: (childProps) => /* @__PURE__ */ jsx(
@@ -832,7 +858,7 @@ function BankDocument(props) {
     data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
       Field,
       {
-        className: "adyen-kyc-bank-document__document-description",
+        className: cx(styles$2.bankDocumentDocumentDescription),
         name: "description",
         label: formUtils.getLabel("bankDocumentFileDescription"),
         errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
@@ -1205,7 +1231,7 @@ function BankVerification(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
     bankInfoValidated && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(FormHeader, { heading }),
+      heading && /* @__PURE__ */ jsx(Header, { title: heading }),
       /* @__PURE__ */ jsx(Alert, { title: i18n.get("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: [
@@ -1226,25 +1252,25 @@ function BankVerification(props) {
   ] });
 }
 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
     }
@@ -2158,6 +2184,13 @@ const getSupportedCurrenciesPerFormat = (country, format) => {
   }
   return supportedCurrencies[format];
 };
+const isLocalCurrency = (country, currency) => {
+  if (!country || !currency) {
+    return false;
+  }
+  const supportedCurrencies = currencyByCountry[country];
+  return supportedCurrencies?.includes(currency) ?? false;
+};
 const AccountHolderDescriptionFragment = ({
   legalEntityResponse
 }) => {
@@ -2305,13 +2338,14 @@ 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
@@ -2321,11 +2355,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);
@@ -2346,8 +2381,21 @@ function PayoutAccount(props) {
     clearStateSlice();
     payoutAccountFormat.value = accountFormat2;
   };
+  const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
+  useEffect(() => {
+    if (!isCrossBorderPayoutsEnabled) {
+      return;
+    }
+    if (preferredCurrencyCode === "EUR") {
+      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",
@@ -2364,7 +2412,7 @@ function PayoutAccount(props) {
       }
     ),
     showCheckGuidance ? /* @__PURE__ */ jsx(CheckGuidance, { annotated: checkAnnotation }) : void 0,
-    bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && /* @__PURE__ */ jsx(
+    bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && localCurrency && /* @__PURE__ */ jsx(
       BankAccountFormat,
       {
         bankAccountFormat: accountFormat,
@@ -2396,14 +2444,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),
         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,
       {
@@ -2416,6 +2464,72 @@ 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":"BGN","description":"New Bulgarian 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 description = currencyDescriptionByCode.get(currency);
+    const label = description ? `${description} (${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 regions = {
   europe: [
     ...EEA_Countries,
@@ -2428,6 +2542,78 @@ const regions = {
 const getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [
   country
 ];
+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 } = props;
+  const { t: commonT } = useTranslation("common");
+  const { t } = useTranslation("banking");
+  const { isSettingEnabled } = useSettingsContext();
+  const country = getLegalEntityCountry(legalEntityResponse);
+  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 = getAllowedBankCountries(country);
+  const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
+    SettingNames.AllowIntraRegionCrossBorderPayout
+  );
+  const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
+  const helperTextCountry = !intraRegionCrossBorderPayoutsAllowed ? t(
+    ($) => $[legalEntityType === "individual" ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"]
+  ) : void 0;
+  const description = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsx(Typography, { children: t(($) => $["linkAndVerifyBankAccount"]) }) });
+  const { 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("form", { style: { minHeight: "480px" }, children: [
+    /* @__PURE__ */ jsx(Header, { title: t(($) => $["payoutBankAccount"]), children: /* @__PURE__ */ jsx("div", { slot: "description", className: "adyen-kyc-form-header__description", children: description }) }),
+    /* @__PURE__ */ jsx(
+      CountryField,
+      {
+        data: { country: data.bankCountry },
+        valid: { country: valid?.bankCountry },
+        errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
+        labels: { country: t(($) => $["bankAccountCountryRegion"]) },
+        readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1,
+        allowedCountries: allowedBankCountries,
+        handleChangeFor: () => updateCountryField,
+        helperText: {
+          country: helperTextCountry
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PreferredCurrency,
+      {
+        country: data.bankCountry,
+        preferredCurrency: data.preferredCurrency ?? defaultCurrency,
+        handleChangeFor
+      }
+    )
+  ] });
+}
 const tinkLogo = lazy(() => import("./tink-logo-BcIv93ND.js"));
 const plaidLogo = lazy(() => import("./plaid-logo-CtActXTN.js"));
 const yapilyLogo = lazy(() => import("./yapily-logo-CZ4ywjwA.js"));
@@ -2468,13 +2654,26 @@ const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName)
   }
 });
 const payoutVerificationMethods = ["instantVerification", "manualVerification"];
+const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
+  switch (legalEntityType) {
+    case "individual":
+    case "soleProprietorship":
+      return "theBankAccountHolderMustBeInYourName";
+    case "organization":
+    case "trust":
+    case "unincorporatedPartnership":
+      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+    default:
+      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+  }
+};
 const PayoutVerificationMethodOptionFooter = ({
   method,
   methodsMetadata
 }) => {
   const { i18n } = useI18nContext();
   const { provider } = methodsMetadata[method];
-  return provider ? /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "adyen-kyc-field-verification-methods__footer", children: [
+  return provider ? /* @__PURE__ */ jsxs(Typography, { el: "div", variant: "caption", className: "adyen-kyc-field-verification-methods__footer", children: [
     i18n.get("poweredBy"),
     provider.svgImport ? /* @__PURE__ */ jsx(
       Image,
@@ -2486,17 +2685,6 @@ const PayoutVerificationMethodOptionFooter = ({
   ] }) : null;
 };
 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";
-  }
-};
 function PayoutVerificationMethod(props) {
   const {
     heading,
@@ -2579,7 +2767,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) => {
@@ -2607,7 +2795,7 @@ 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 }) }),
+    heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx("template", { slot: "description", children: description }) }),
     instantVerificationError && /* @__PURE__ */ jsx(
       Alert,
       {
@@ -2617,7 +2805,7 @@ function PayoutVerificationMethod(props) {
         children: instantVerificationError.content && /* @__PURE__ */ jsx("p", { className: "adyen-kyc-u-margin-0", children: instantVerificationError.content })
       }
     ),
-    countryField,
+    !isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) && countryField,
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -2637,9 +2825,9 @@ 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,
+            optionName: (method) => t(($) => $[methodsMetadata[method].name]),
+            optionDescription: (method) => t(($) => $[methodsMetadata[method].description]),
+            optionSubtitle: (method) => t(($) => $[methodsMetadata[method].subtitle]),
             className: "adyen-kyc-field-verification-methods",
             optionClassNames: () => ({
               label: "adyen-kyc-field-verification-methods__card"
@@ -2692,6 +2880,11 @@ function PayoutVerificationMethod(props) {
   ] });
 }
 const payoutSteps = {
+  payoutCountryDetails: {
+    formId: "payoutCountryDetails",
+    formName: "payoutCountryDetails",
+    fields: payoutCountryDetailsFields
+  },
   payoutVerificationMethod: {
     formId: "payoutVerificationMethod",
     formName: "verificationMethod",
@@ -2715,6 +2908,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;
@@ -2739,11 +2933,13 @@ function PayoutDetails(props) {
     trustedTransferInstrumentId
   } = props;
   const [instantVerificationError, 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
@@ -2752,10 +2948,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) {
@@ -2766,7 +2959,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(
@@ -2789,6 +2986,19 @@ 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
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -2798,7 +3008,7 @@ function PayoutDetails(props) {
           {
             ...verificationMethodFormProps,
             id: PayoutVerificationMethodFormID,
-            heading: taskHeading,
+            heading: t(($) => $["addABankAccountForPayouts"]),
             country,
             accountHolder,
             legalEntityResponse,
@@ -2841,12 +3051,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
             }
           )
         }
@@ -2862,7 +3073,9 @@ function PayoutDetails(props) {
               heading: t(
                 ($) => $[isBankStatementDocumentOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
               ),
-              description: bankDocumentDescription,
+              description: t(
+                ($) => $[legalEntityResponse.type === "individual" ? "toHelpVerifyYourBankDetailsIndividual" : "toHelpVerifyYourBankDetailsBusiness"]
+              ),
               id: PayoutAccountDocumentsFormID,
               legalEntity: legalEntityResponse,
               associatedLegalArrangement,
@@ -2935,15 +3148,23 @@ 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"
@@ -3057,17 +3278,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;
 };
@@ -3155,9 +3378,10 @@ function PayoutDetailsDropin({
   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();
@@ -3175,6 +3399,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,
@@ -3203,7 +3431,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");
@@ -3217,7 +3445,7 @@ 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 existingBankAccountFormat = transferInstrument ? transferInstrument?.bankAccount?.accountIdentification?.type === "numberAndBic" ? "numberAndBic" : existingPayoutDetails?.payoutAccountDetails?.iban ? "iban" : "local" : void 0;
   const checkAsAServiceAnalyticsProps = {
     "Experiment name": ExperimentNames.BankVerificationFlowOptimization_CAASIntegration,
     "Experiment value": enableCheckOnCreateBankAccount ? "TREATMENT" : "CONTROL"
@@ -3297,11 +3525,11 @@ function PayoutDetailsDropin({
     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;
+      delete appropriatePayoutDetailsSteps[payoutSteps.payoutAccountDocuments.formId];
     }
     return appropriatePayoutDetailsSteps;
   }, [
@@ -3409,7 +3637,8 @@ function PayoutDetailsDropin({
     };
     let transferInstrumentFromInput = mapPayoutDetailsToTransferInstrument({
       data: dataSubmitted,
-      legalEntity: legalEntityResponse
+      legalEntity: legalEntityResponse,
+      enabledCrossBorderPayouts
     });
     transferInstrumentFromInput = omitObscuredFieldsIfUnchanged(
       ["bankAccount.accountIdentification.accountNumber", "bankAccount.accountIdentification.iban"],
@@ -3471,9 +3700,9 @@ function PayoutDetailsDropin({
   const formatFileSummaryData = (bankDocuments) => {
     const bankStatementDocument = bankDocuments?.bankStatementDocument?.[0];
     return {
-      ...bankStatementDocument && {
-        fileName: bankStatementDocument.name
-      }
+      documentType: bankDocuments?.documentType && i18n.get(bankDocuments?.documentType),
+      fileName: bankStatementDocument?.name,
+      description: bankDocuments?.description
     };
   };
   const canSubmit = () => {
@@ -3493,9 +3722,7 @@ function PayoutDetailsDropin({
       );
     }
     if (summaryData.payoutAccountDocuments) {
-      summaryData.payoutAccountDocuments.bankStatementDocument = formatFileSummaryData(
-        data?.payoutAccountDocuments
-      );
+      summaryData.payoutAccountDocuments = formatFileSummaryData(data?.payoutAccountDocuments);
     }
     summaryData.payoutAccountVerification = formatAccountVerificationSummary(
       data.payoutAccountVerification