@adyen/kyc-components 4.8.0 → 4.9.0-beta.0

package/dist/PayoutDetailsDropin-2P2XBBby.js

@@ -0,0 +1,3887 @@
+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] = "d87deace-2a8f-4749-b48f-577335df2e51", e._sentryDebugIdIdentifier = "sentry-dbid-d87deace-2a8f-4749-b48f-577335df2e51");
+} catch (e) {}
+import { a as Icon, i as Typography, o as createLogger, r as useTranslation, t as Trans } from "./translation-BFxyJ1c5.js";
+import { t as Button } from "./Button-oj6H8OrC.js";
+import { n as httpGet, r as httpPost, s as useApiContext } from "./http-msAasD57.js";
+import { t as LegalEntityTypes } from "./legal-entity-type-VIfNYnJP.js";
+import { t as getLegalEntityCountry } from "./getLegalEntityCountry-C6bSV6sB.js";
+import { t as useAccountHolder } from "./useAccountHolder-CnO_E-AQ.js";
+import { t as useSettingsContext } from "./useSettingsContext-DzwVt0W0.js";
+import { c as objectsDeepEqual, d as keysOf, r as cloneObject, t as useAnalyticsContext } from "./useAnalyticsContext-BVFDMrVE.js";
+import { t as useToggleContext } from "./useToggleContext-DaQUBF8O.js";
+import { a as translateTranslatable } from "./utils-B807QaDx.js";
+import { d as extractFieldName, m as hasEmptyFields, u as concatenateFieldNames, v as isAccountIdentifierObscured, y as isEmpty } from "./validatorUtils-DRapRJ6z.js";
+import { t as StackLayout } from "./StackLayout-Bhbj68nx.js";
+import { t as Header } from "./Header-CPmJyuoP.js";
+import { t as CountryCodes } from "./country-code-CX5KqMBr.js";
+import { t as useDataset } from "./useDataset-ZHrWhmsh.js";
+import { n as datasetUtilities, t as datasetIdentifier } from "./datasetUtil-Zd4TCTDn.js";
+import { t as Alert } from "./Alert-C6gL3JIt.js";
+import { n as getCapabilityProblems } from "./processCapabilities-DlZY9-Jc.js";
+import { d as hasOwnEntityAssociationOfType, p as TaskTypes } from "./entityAssociationUtil-BEzUdPbm.js";
+import { t as EEA_Countries } from "./countries-BuZ6_X95.js";
+import { t as Card } from "./Card-vYndix5Y.js";
+import { t as SettingNames } from "./types-CNZsK2dZ.js";
+import { t as useToastContext } from "./useToastContext-CYgfHjSb.js";
+import { t as EndStateLayout } from "./EndStateLayout-ChS-vdMt.js";
+import { t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-B4bAFkQS.js";
+import { t as LoaderWrapper } from "./LoaderWrapper-Dq8TNJCi.js";
+import { t as Modal } from "./Modal-CioQJ7Q7.js";
+import { t as Confirm } from "./Confirm-B6TWSuab.js";
+import { n as FeatureNames, t as ExperimentNames } from "./types-8S6KTD2W.js";
+import { t as Image } from "./Image-BEzOZ1tt.js";
+import { n as getLegalEntityNameBasedOnType, r as getPayoutAccountHolderName } from "./getName-Bdwp_hkV.js";
+import { r as getPropsFromConfigurations, t as augmentWithCountryConfigs } from "./process-field-configurations-C7MuEj5q.js";
+import { i as useFormComposer, n as getRequiredForms, t as addValidityToForms } from "./dropinUtils-IdasFZCU.js";
+import { t as ErrorPanel } from "./ErrorPanel-B536hgSc.js";
+import { t as trackNavigation } from "./trackNavigation-LvCP5Vyc.js";
+import { n as mergeFieldMetadataIntoProps, t as createFormUtils } from "./formUtils-DCvL3uZG.js";
+import { n as summaryStep } from "./Summary-B5IkOGJV.js";
+import { r as summaryItem } from "./summaryItem-Dehjwp8D.js";
+import { t as isNotEmptyValidator } from "./commonValidators-DCdet-gH.js";
+import { a as useScenarioConfiguration, i as uppercase, o as useUnifyLoadingStatus, r as getPageName, s as payoutAccountFormat, t as mapExistingFile } from "./mapExistingFile-Djcwti5D.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DInxWeqN.js";
+import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BFPSwRto.js";
+import { a as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable, i as isValidationError, o as processValidationErrors, r as isIdDocumentUploadError, s as isMaintenanceModeError, t as isBankStatementUploadError } from "./validationError-BzQCrJPn.js";
+import { a as StateContextSetter, c as fileToBase64, d as getFileExtention, i as bytesToSize, l as getDocument, n as fileValidationRules, o as createDocumentRequest, r as DropzoneFile, s as documentApiUtils, t as defaultFileValidationOptions } from "./validate-AqTlBSU4.js";
+import { t as omitObscuredFieldsIfUnchanged } from "./omitObscuredFieldsIfUnchanged-Cx1OCZuB.js";
+import { o as validatePatternOnBlur } from "./patternValidators-BaQxw3ki.js";
+import { t as bankStatementDescriptionPattern } from "./basePatterns-VqSYMnkh.js";
+import { t as resolveFieldMetadata } from "./fieldConfigurations-m7oWP1DZ.js";
+import { t as Field } from "./Field-pcJkjIG_.js";
+import { t as Select } from "./Select-CcSRI-H0.js";
+import { t as TextArea } from "./TextArea-CRLeP4x6.js";
+import { t as useForm } from "./useForm-pUkvCLc9.js";
+import { n as getFormProps, t as getFieldProps } from "./getProps-CkZCnNxW.js";
+import { t as Link } from "./Link-6M1PZnz2.js";
+import { t as InputText } from "./InputText-C30dZxS4.js";
+import { n as CountryField } from "./CountryField-Dh4DfjBf.js";
+import { t as createFormRules } from "./form-rules-ZiRm6ke_.js";
+import { t as ContextGuidance } from "./ContextGuidance-DdoORtLt.js";
+import { t as Tag } from "./Tag-BhU73i1R.js";
+import { n as useTransferInstrument, t as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-BQebHQfz.js";
+import { a as useStateContext, i as FormWrapper, n as useGlobalDataSlice, r as useResetGlobalData, t as useGlobalData } from "./useGlobalData-DD00rA9R.js";
+import { t as Currencies } from "./currency-CfIDpZh9.js";
+import { t as currencyByCountry } from "./types-qnPNJzLh.js";
+import { t as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-IvAeX76z.js";
+import { t as Divider } from "./Divider-DMwncntz.js";
+import { lazy, memo, useEffect, useMemo, useRef, useState } from "preact/compat";
+import { useCallback as useCallback$1, useContext as useContext$1, useEffect as useEffect$1, useMemo as useMemo$1, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
+import cx from "classnames";
+import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
+import { signal } from "@preact/signals";
+import { skipToken, useMutation, useQuery, useQueryClient } from "@tanstack/preact-query";
+import { createContext as createContext$1 } from "preact";
+import { Show } from "@preact/signals/utils";
+import OpenBankingSDK from "@adyen/openbankingsdk";
+//#region src/api/check/useCheck.ts
+var getCheck = async (legalEntityId, baseUrl, data) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/checks/bankAccount`
+	}, data);
+};
+/**
+*
+* @param data CheckAsAService request
+* @param options additional options passed to Tanstack Query, eg; refetchInterval for polling
+*/
+var useCheck = (data, options) => {
+	const { rootLegalEntityId, baseUrl: url } = useApiContext();
+	return useQuery({
+		queryKey: ["checkAsAService", data],
+		queryFn: () => getCheck(rootLegalEntityId.value, url.value, data),
+		...options
+	});
+};
+//#endregion
+//#region src/api/transferInstruments/useBankVerificationProviders.ts
+var getBankVerificationProviders = async (legalEntityId, baseUrl, queryParams) => {
+	const { country, locale, configId } = queryParams;
+	return httpGet({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/transferInstruments/trusted/providers?${new URLSearchParams({
+			country,
+			locale,
+			...configId && { configId }
+		})}`
+	});
+};
+/**
+* Retrieves the list of bank verification providers and their respective urls.
+* Bank verification providers are used to instantly verify payout accounts.
+* @param queryParams the relevant country, locale, and configId
+* @param options additional options passed to Tanstack Query, eg; onSuccess
+*/
+var useBankVerificationProviders = (queryParams, options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useQuery({
+		queryKey: ["bankVerificationProviders", queryParams],
+		queryFn: () => getBankVerificationProviders(rootLegalEntityId.value, baseUrl.value, queryParams),
+		...options
+	});
+};
+//#endregion
+//#region src/api/transferInstruments/useCreateTransferInstrument.ts
+var createTransferInstrument = async (rootLegalEntityId, baseUrl, transferInstrument) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${rootLegalEntityId}/transferInstruments`
+	}, transferInstrument);
+};
+//#endregion
+//#region src/api/transferInstruments/useCreateTrustedTransferInstrument.ts
+var createTrustedTransferInstrument = async (legalEntityId, baseUrl, data) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/transferInstruments/trusted`
+	}, data);
+};
+/**
+* Creates a trusted transfer instrument in LEM using the information provided by Open Banking
+* @param options additional options passed to Tanstack Query, eg; onSuccess
+*/
+var useCreateTrustedTransferInstrument = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useMutation({
+		mutationFn: (data) => createTrustedTransferInstrument(rootLegalEntityId.value, baseUrl.value, data),
+		...options
+	});
+};
+//#endregion
+//#region src/api/transferInstruments/useUpdateTransferInstrument.ts
+var updateTransferInstrument = async (legalEntityId, baseUrl, transferInstrument, transferInstrumentId) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/transferInstruments/${transferInstrumentId}`
+	}, transferInstrument);
+};
+/**
+* Updates a transfer instrument associated with a legal entity
+* When update is successful, updates the transfer instrument query and invalidates transfer instruments
+* @param options additional options passed to Tanstack Query
+*/
+var useUpdateTransferInstrument = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	const queryClient = useQueryClient();
+	return useMutation({
+		mutationFn: ({ transferInstrument, transferInstrumentId }) => updateTransferInstrument(rootLegalEntityId.value, baseUrl.value, transferInstrument, transferInstrumentId),
+		onSuccess: async (transferInstrument) => {
+			queryClient.setQueryData(["transferInstrument", transferInstrument.id], transferInstrument);
+			await queryClient.invalidateQueries({ queryKey: ["transferInstruments"] });
+		},
+		...options
+	});
+};
+//#endregion
+//#region src/api/transferInstruments/useUpdateTrustedTransferInstrument.ts
+var updateTrustedTransferInstrument = async (legalEntityId, baseUrl, preferredCurrencyCode, transferInstrumentId) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/transferInstruments/trusted/${transferInstrumentId}`
+	}, { preferredCurrencyCode });
+};
+/**
+* Updates a trusted transfer instrument associated with a legal entity
+* When update is successful, updates the transfer instrument query and invalidates transfer instruments
+* @param options additional options passed to Tanstack Query
+*/
+var useUpdateTrustedTransferInstrument = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useMutation({
+		mutationFn: ({ preferredCurrencyCode, transferInstrumentId }) => updateTrustedTransferInstrument(rootLegalEntityId.value, baseUrl.value, preferredCurrencyCode, transferInstrumentId),
+		...options
+	});
+};
+//#endregion
+//#region src/datasets/generators/getAccountFormatForCountry.ts
+var accountFormatsImports = /* @__PURE__ */ Object.assign({
+	"../accountFormats/AD.json": () => import("./AD-DB5nr9tP.js"),
+	"../accountFormats/AE.json": () => import("./AE-CJ7TIjDy.js"),
+	"../accountFormats/AI.json": () => import("./AI-BQpw7rma.js"),
+	"../accountFormats/AL.json": () => import("./AL-PjHuPrbQ.js"),
+	"../accountFormats/AR.json": () => import("./AR-CU2ICtA_.js"),
+	"../accountFormats/AS.json": () => import("./AS-DfgHV8yp.js"),
+	"../accountFormats/AT.json": () => import("./AT-CE6zBm8a.js"),
+	"../accountFormats/AU.json": () => import("./AU-CVPrMt74.js"),
+	"../accountFormats/AX.json": () => import("./AX-DVfSmWhN.js"),
+	"../accountFormats/AZ.json": () => import("./AZ-DIcvAsVy.js"),
+	"../accountFormats/BA.json": () => import("./BA-DFu8JCnF.js"),
+	"../accountFormats/BE.json": () => import("./BE-pkvQ7-pO.js"),
+	"../accountFormats/BG.json": () => import("./BG-zaw09oBT.js"),
+	"../accountFormats/BH.json": () => import("./BH-ByuC-_Cy.js"),
+	"../accountFormats/BM.json": () => import("./BM-FrOgBeTW.js"),
+	"../accountFormats/BR.json": () => import("./BR-BEePczcO.js"),
+	"../accountFormats/BS.json": () => import("./BS-BLCF5IzE.js"),
+	"../accountFormats/BV.json": () => import("./BV-Ball_EvD.js"),
+	"../accountFormats/BY.json": () => import("./BY-CYE3ET2j.js"),
+	"../accountFormats/CA.json": () => import("./CA-DjE9yebq.js"),
+	"../accountFormats/CH.json": () => import("./CH-B5P_iJIO.js"),
+	"../accountFormats/CN.json": () => import("./CN-CP7sf7YS.js"),
+	"../accountFormats/CR.json": () => import("./CR-QbBCoLqW.js"),
+	"../accountFormats/CY.json": () => import("./CY-C80hVF0V.js"),
+	"../accountFormats/CZ.json": () => import("./CZ-B4eytKxE.js"),
+	"../accountFormats/DE.json": () => import("./DE-w2hYM5oM.js"),
+	"../accountFormats/DK.json": () => import("./DK-BCGM05gZ.js"),
+	"../accountFormats/DO.json": () => import("./DO-DtMkGZOf.js"),
+	"../accountFormats/EC.json": () => import("./EC-BXvXPzDj.js"),
+	"../accountFormats/EE.json": () => import("./EE-CVByoRMi.js"),
+	"../accountFormats/ES.json": () => import("./ES-CUnZIEd0.js"),
+	"../accountFormats/FI.json": () => import("./FI-E_ZyfJ7t.js"),
+	"../accountFormats/FJ.json": () => import("./FJ-dwvq-g41.js"),
+	"../accountFormats/FO.json": () => import("./FO-CWQ0W1H6.js"),
+	"../accountFormats/FR.json": () => import("./FR-O_hbmwJW.js"),
+	"../accountFormats/GB.json": () => import("./GB-nAqfhFIu.js"),
+	"../accountFormats/GE.json": () => import("./GE-DI1v7mo0.js"),
+	"../accountFormats/GF.json": () => import("./GF-B610wYeJ.js"),
+	"../accountFormats/GG.json": () => import("./GG-CilWz47C.js"),
+	"../accountFormats/GI.json": () => import("./GI-DFtvvGTY.js"),
+	"../accountFormats/GL.json": () => import("./GL-D36pp53C.js"),
+	"../accountFormats/GP.json": () => import("./GP-yyCziKB4.js"),
+	"../accountFormats/GR.json": () => import("./GR-BxzVHYz8.js"),
+	"../accountFormats/GT.json": () => import("./GT-QLXEWmtP.js"),
+	"../accountFormats/GU.json": () => import("./GU-jrvpoyb9.js"),
+	"../accountFormats/HK.json": () => import("./HK-Bds0tONE.js"),
+	"../accountFormats/HR.json": () => import("./HR-CSBA8yzB.js"),
+	"../accountFormats/HU.json": () => import("./HU-CzYTCtjV.js"),
+	"../accountFormats/ID.json": () => import("./ID-Dl7g2Ppa.js"),
+	"../accountFormats/IE.json": () => import("./IE-CmK-C0yz.js"),
+	"../accountFormats/IL.json": () => import("./IL-Cfpmk1v7.js"),
+	"../accountFormats/IM.json": () => import("./IM-C2sXmVTc.js"),
+	"../accountFormats/IN.json": () => import("./IN-DilwgNAy.js"),
+	"../accountFormats/IS.json": () => import("./IS-CFtJpGcN.js"),
+	"../accountFormats/IT.json": () => import("./IT-BlfPdNZf.js"),
+	"../accountFormats/JE.json": () => import("./JE-X57q_Fdk.js"),
+	"../accountFormats/JM.json": () => import("./JM-Bx2hppi2.js"),
+	"../accountFormats/JO.json": () => import("./JO-DhBlXP2F.js"),
+	"../accountFormats/JP.json": () => import("./JP-UnxSZuO9.js"),
+	"../accountFormats/KR.json": () => import("./KR-D3U_AtZT.js"),
+	"../accountFormats/KW.json": () => import("./KW-m7bxO2Xa.js"),
+	"../accountFormats/KY.json": () => import("./KY-CpUXfGcI.js"),
+	"../accountFormats/KZ.json": () => import("./KZ-C8RUkmV6.js"),
+	"../accountFormats/LB.json": () => import("./LB-BRrDvnrf.js"),
+	"../accountFormats/LI.json": () => import("./LI-BN5PGW_H.js"),
+	"../accountFormats/LT.json": () => import("./LT-CmyEYM7z.js"),
+	"../accountFormats/LU.json": () => import("./LU-Bi4L1b9z.js"),
+	"../accountFormats/LV.json": () => import("./LV-ukOdBuwo.js"),
+	"../accountFormats/MC.json": () => import("./MC-EQ1jmHjl.js"),
+	"../accountFormats/MD.json": () => import("./MD-DxAeNcG8.js"),
+	"../accountFormats/ME.json": () => import("./ME-CvndvtiG.js"),
+	"../accountFormats/MK.json": () => import("./MK-sohc7De9.js"),
+	"../accountFormats/MP.json": () => import("./MP-CCltX7ag.js"),
+	"../accountFormats/MQ.json": () => import("./MQ-DonPA9tN.js"),
+	"../accountFormats/MR.json": () => import("./MR-Bh6ZCghL.js"),
+	"../accountFormats/MT.json": () => import("./MT-LIvGhW6j.js"),
+	"../accountFormats/MU.json": () => import("./MU-kys50fwN.js"),
+	"../accountFormats/MX.json": () => import("./MX-UvvHVHCC.js"),
+	"../accountFormats/MY.json": () => import("./MY-B6EJ4miK.js"),
+	"../accountFormats/NC.json": () => import("./NC-D78ykfoF.js"),
+	"../accountFormats/NL.json": () => import("./NL-Cq2QKj_R.js"),
+	"../accountFormats/NO.json": () => import("./NO-Pyh5_V7y.js"),
+	"../accountFormats/NZ.json": () => import("./NZ-7A0F7nHF.js"),
+	"../accountFormats/PE.json": () => import("./PE-DHm86V9n.js"),
+	"../accountFormats/PF.json": () => import("./PF-CPMgKxu3.js"),
+	"../accountFormats/PH.json": () => import("./PH-B_NakBgs.js"),
+	"../accountFormats/PK.json": () => import("./PK-CcdXkTsY.js"),
+	"../accountFormats/PL.json": () => import("./PL-D9Kpjom5.js"),
+	"../accountFormats/PM.json": () => import("./PM-C-GliGAO.js"),
+	"../accountFormats/PR.json": () => import("./PR-JCXbpE0b.js"),
+	"../accountFormats/PS.json": () => import("./PS-D62VdZaN.js"),
+	"../accountFormats/PT.json": () => import("./PT-D9big47n.js"),
+	"../accountFormats/QA.json": () => import("./QA-CeWT26tF.js"),
+	"../accountFormats/RE.json": () => import("./RE-DSGfn_pm.js"),
+	"../accountFormats/RO.json": () => import("./RO-BX6cRBo0.js"),
+	"../accountFormats/RS.json": () => import("./RS-B2iIit5I.js"),
+	"../accountFormats/RU.json": () => import("./RU-dSs63sUC.js"),
+	"../accountFormats/SA.json": () => import("./SA-D2c21Lvo.js"),
+	"../accountFormats/SE.json": () => import("./SE-P9xbQO4o.js"),
+	"../accountFormats/SG.json": () => import("./SG-BgkMHf8k.js"),
+	"../accountFormats/SI.json": () => import("./SI-BLo3mGXB.js"),
+	"../accountFormats/SJ.json": () => import("./SJ-yb3-jDZT.js"),
+	"../accountFormats/SK.json": () => import("./SK-D8pAx-Kv.js"),
+	"../accountFormats/SM.json": () => import("./SM-BBKV-_UA.js"),
+	"../accountFormats/TF.json": () => import("./TF-B0dgTCfm.js"),
+	"../accountFormats/TH.json": () => import("./TH-CmVSlUuX.js"),
+	"../accountFormats/TL.json": () => import("./TL-nRB_lM2i.js"),
+	"../accountFormats/TN.json": () => import("./TN-CGwMdeBx.js"),
+	"../accountFormats/TR.json": () => import("./TR-B-J7KAnx.js"),
+	"../accountFormats/TT.json": () => import("./TT-Cd6NBPP1.js"),
+	"../accountFormats/TW.json": () => import("./TW-BQVlyIhq.js"),
+	"../accountFormats/UA.json": () => import("./UA-BAfANYki.js"),
+	"../accountFormats/US.json": () => import("./US-DqDIO6Fs.js"),
+	"../accountFormats/UY.json": () => import("./UY-CqTNFGkq.js"),
+	"../accountFormats/VA.json": () => import("./VA-BOTo9AUe.js"),
+	"../accountFormats/VG.json": () => import("./VG-DGXnBmqr.js"),
+	"../accountFormats/VI.json": () => import("./VI-D8j8IzJs.js"),
+	"../accountFormats/VN.json": () => import("./VN-wC6sHs21.js"),
+	"../accountFormats/WF.json": () => import("./WF-Cv-zZiEX.js"),
+	"../accountFormats/YT.json": () => import("./YT-BJrZCXu7.js"),
+	"../accountFormats/ZA.json": () => import("./ZA-BU2vcyD6.js")
+});
+var getAccountFormatsForCountry = async (country) => {
+	const importForCountry = accountFormatsImports[`../accountFormats/${country}.json`];
+	if (!importForCountry) throw Error(`No account formats available for ${country}`);
+	return {
+		...(await importForCountry()).default,
+		numberAndBic: {
+			bankStatementRequirement: "OPTIONAL",
+			fields: ["bankAccountNumber", "swiftCode"]
+		}
+	};
+};
+//#endregion
+//#region src/api/validation/useValidateAccountIdentification.ts
+var validateAccountIdentification = async (baseUrl, data) => {
+	return httpPost({
+		baseUrl,
+		path: `validations/accountidentification`
+	}, { accountIdentification: { ...data } });
+};
+var useValidateAccountIdentification = (options) => {
+	const { baseUrl } = useApiContext();
+	return useMutation({
+		mutationFn: (data) => validateAccountIdentification(baseUrl.value, data),
+		...options
+	});
+};
+//#endregion
+//#region src/components/BankAccount/hooks/useAsyncAccountDetailsValidationRules.ts
+var useAsyncAccountDetailsValidationRules = (payload, hasEmptyFields, isAccountNumberMasked) => {
+	const [timeoutId, setTimeoutId] = useState$1(null);
+	const [accountValidationData, setAccountValidationData] = useState$1({
+		invalidFields: [],
+		valid: false
+	});
+	const { mutateAsync } = useValidateAccountIdentification();
+	useEffect$1(() => {
+		const fetchAccountDetails = async (accountIdentificationPayload) => {
+			try {
+				setAccountValidationData(await mutateAsync(accountIdentificationPayload));
+			} catch (error) {
+				console.error("Error fetching account details:", error);
+			}
+		};
+		if (payload && !hasEmptyFields && !isAccountNumberMasked) {
+			if (timeoutId !== null) clearTimeout(timeoutId);
+			setTimeoutId(setTimeout(() => {
+				fetchAccountDetails(payload);
+				setTimeoutId(null);
+			}, 500));
+		}
+	}, [
+		mutateAsync,
+		hasEmptyFields,
+		payload
+	]);
+	return accountValidationData;
+};
+//#endregion
+//#region src/components/BankAccount/mapping/mapPayoutAccountSchemaToApiBankAccount.ts
+var logger = createLogger();
+var 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
+	};
+	/**
+	* Although we are switching on country, the "type" refers to a region within the API.
+	* This means multiple countries can be apart of a single region.
+	*
+	* see 'com.adyen.bankaccountidentification.types.BankAccountIdentificationType' for current mappings
+	*/
+	switch (bankCountry) {
+		case CountryCodes.Australia: return {
+			type: "auLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			bsbCode: payoutAccount.branchCode
+		};
+		case CountryCodes.Brazil: return {
+			type: "brLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			ispb: payoutAccount.bankCode,
+			bankCode: payoutAccount.bankName,
+			branchNumber: payoutAccount.branchCode
+		};
+		case CountryCodes.Canada: return {
+			type: "caLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			institutionNumber: payoutAccount.bankCode,
+			transitNumber: payoutAccount.branchCode
+		};
+		case CountryCodes.CzechRepublic: return {
+			type: "czLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			bankCode: payoutAccount.bankCode
+		};
+		case CountryCodes.Denmark: return {
+			type: "dkLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			bankCode: payoutAccount.bankCode
+		};
+		case CountryCodes.HongKong: return {
+			type: "hkLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			clearingCode: payoutAccount.bankCode
+		};
+		case CountryCodes.NewZealand: return {
+			type: "nzLocal",
+			accountNumber: payoutAccount.bankAccountNumber?.replaceAll("-", "")
+		};
+		case CountryCodes.Sweden: return {
+			type: "seLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			clearingNumber: payoutAccount.branchCode
+		};
+		case CountryCodes.Singapore: return {
+			type: "sgLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			bic: payoutAccount.swiftCode
+		};
+		case CountryCodes.IsleOfMan:
+		case CountryCodes.Guernsey:
+		case CountryCodes.Gibraltar:
+		case CountryCodes.Jersey:
+		case CountryCodes.UnitedKingdom: return {
+			type: "ukLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			sortCode: payoutAccount.branchCode
+		};
+		case CountryCodes.NorthernMarianaIslands:
+		case CountryCodes.Guam:
+		case CountryCodes.VirginIslandsUS:
+		case CountryCodes.AmericanSamoa:
+		case CountryCodes.PuertoRico:
+		case CountryCodes.UnitedStates: return {
+			type: "usLocal",
+			accountNumber: payoutAccount.bankAccountNumber,
+			routingNumber: payoutAccount.branchCode
+		};
+		default:
+			logger.log(`${bankCountry.toLowerCase()}Local is not a configured region`);
+			return {
+				type: `${bankCountry.toLowerCase()}Local`,
+				accountNumber: payoutAccount.bankAccountNumber
+			};
+	}
+};
+var mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry, preferredCurrency, enabledCrossBorderPayouts) => ({
+	accountIdentification: getAccountIdentificationFromPayoutAccountSchema(payoutAccount, bankCountry, enabledCrossBorderPayouts),
+	preferredCurrencyCode: preferredCurrency,
+	countryCode: bankCountry,
+	bankName: payoutAccount.bankName
+});
+//#endregion
+//#region src/components/BankAccount/tasks/PayoutDetailsDropin/store.ts
+var showInstantVerificationPayoutModal = signal(false);
+var isUsingManualFlow = signal(true);
+var resetPayoutSignals = () => {
+	showInstantVerificationPayoutModal.value = false;
+	isUsingManualFlow.value = true;
+};
+//#endregion
+//#region src/api/documentValidation/useDocumentValidate.ts
+var validateDocument = async (context, document) => {
+	const { baseUrl, rootLegalEntityId } = context;
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${rootLegalEntityId}/genai/classify`
+	}, document);
+};
+var useValidateDocument = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useMutation({
+		mutationFn: (payload) => validateDocument({
+			rootLegalEntityId: rootLegalEntityId.value,
+			baseUrl: baseUrl.value
+		}, payload),
+		retry: 0,
+		...options
+	});
+};
+//#endregion
+//#region src/components/ui/molecules/Dropzone/FilePicker.tsx
+function FilePicker({ files, setFiles, isValid, errorMessage, multiple = false, label, name, iconPrefix = "generic-document", enableTracking = false, id, loading, allowedFileTypes, maxSize, isOptional, maxNumberOfFiles, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy }) {
+	const { t } = useTranslation("ui");
+	const userEvents = useAnalyticsContext();
+	const fileInput = useRef$1(null);
+	const [dragged, setDragged] = useState$1(false);
+	const hasRequiredError = errorMessage === "fieldIsRequired";
+	const showDropzone = files.length < maxNumberOfFiles;
+	const openFilePicker = () => fileInput.current?.click();
+	const handleFileDelete = (fileToDelete) => {
+		setFiles(files.filter((file) => file !== fileToDelete));
+	};
+	const handleDragEnter = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	};
+	const handleDragLeave = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setDragged(false);
+	};
+	const handleDragOver = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setDragged(true);
+	};
+	const handleDrop = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		if (e.dataTransfer) addFiles(e.dataTransfer.files);
+		setDragged(false);
+	};
+	const handleFilesChosen = (e) => {
+		const fileInput = e.currentTarget;
+		if (fileInput.files) addFiles(fileInput.files);
+	};
+	const addFiles = (newFiles) => {
+		if (enableTracking) userEvents.addFieldEvent("Interacted with form field", {
+			actionType: "change",
+			field: name || "dropzone"
+		});
+		setFiles([...newFiles, ...files]);
+	};
+	const allowedFileTypesString = allowedFileTypes.join(", ");
+	return /* @__PURE__ */ jsxs("div", { children: [
+		label && /* @__PURE__ */ jsx("div", {
+			className: cx("adyen-kyc-label__text", { "adyen-kyc-label__text--error": hasRequiredError }),
+			children: label
+		}),
+		files.map((file) => /* @__PURE__ */ jsx(DropzoneFile, {
+			file,
+			onDelete: () => {
+				handleFileDelete(file);
+			},
+			errorMessage,
+			iconPrefix,
+			loading
+		}, file)),
+		showDropzone && /* @__PURE__ */ jsxs("div", {
+			role: "region",
+			className: cx("adyen-kyc-dropzone", {
+				"adyen-kyc-dropzone--dragged": dragged,
+				"adyen-kyc-dropzone--error": !dragged && hasRequiredError
+			}),
+			onDrop: handleDrop,
+			onDragOver: handleDragOver,
+			onDragEnter: handleDragEnter,
+			onDragLeave: handleDragLeave,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "adyen-kyc-dropzone__icon",
+					children: /* @__PURE__ */ jsx(Icon, { name: "upload" })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "adyen-kyc-dropzone__labels",
+					children: [
+						/* @__PURE__ */ jsx(Typography, {
+							el: "h4",
+							variant: "body-strongest",
+							children: t(($) => $["dropFileToUpload"])
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							color: "secondary",
+							children: t(($) => $["supportedFileTypes"], { fileTypes: allowedFileTypesString })
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							color: "secondary",
+							children: t(($) => $["maxFileSize"], { maxSize: bytesToSize(maxSize) })
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							color: "secondary",
+							children: t(($) => $["upToFiles"], { maxFiles: maxNumberOfFiles })
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "adyen-kyc-dropzone__button",
+					children: /* @__PURE__ */ jsx(Button, {
+						onClick: openFilePicker,
+						variant: "secondary",
+						children: t(($) => $["browseFiles"])
+					})
+				}),
+				/* @__PURE__ */ jsx("input", {
+					id,
+					className: "adyen-kyc-dropzone__input",
+					ref: fileInput,
+					multiple,
+					accept: allowedFileTypesString,
+					onChange: handleFilesChosen,
+					type: "file",
+					"aria-required": !isOptional,
+					"aria-describedby": ariaDescribedBy,
+					"aria-labelledby": ariaLabelledBy,
+					"data-testid": "hidden-file-input",
+					"aria-invalid": !isValid
+				})
+			]
+		}),
+		hasRequiredError && /* @__PURE__ */ jsx("div", {
+			className: "adyen-kyc-error-text",
+			children: t(($) => $["fieldIsRequired"])
+		})
+	] });
+}
+var BankDocumentClassification_module_default = {
+	"bank-document-classification": "adyen-kyc-bank-document-classification",
+	bankDocumentClassification: "adyen-kyc-bank-document-classification",
+	"requirements-list": "adyen-kyc-requirements-list",
+	requirementsList: "adyen-kyc-requirements-list",
+	"file-picker-disabled": "adyen-kyc-file-picker-disabled",
+	filePickerDisabled: "adyen-kyc-file-picker-disabled",
+	"review-modal": "adyen-kyc-review-modal",
+	reviewModal: "adyen-kyc-review-modal",
+	preview: "adyen-kyc-preview",
+	"preview-image": "adyen-kyc-preview-image",
+	previewImage: "adyen-kyc-preview-image",
+	content: "adyen-kyc-content",
+	actions: "adyen-kyc-actions",
+	title: "adyen-kyc-title",
+	description: "adyen-kyc-description",
+	issues: "adyen-kyc-issues",
+	"confirmation-modal": "adyen-kyc-confirmation-modal",
+	confirmationModal: "adyen-kyc-confirmation-modal"
+};
+//#endregion
+//#region src/components/BankAccount/forms/BankDocument/validate.ts
+var bankDocumentValidationRules = { description: {
+	modes: ["blur"],
+	validate: (description) => description ? bankStatementDescriptionPattern.test(description) : true,
+	errorMessage: "invalidFormatBankStatementDescription"
+} };
+var getValidationIssuesKeys = (validationResponse) => {
+	const issues = [];
+	const { blurryOrLowQuality, documentType } = validationResponse;
+	if (blurryOrLowQuality) issues.push("documentIsntReadable");
+	if (documentType === "other" || documentType !== "bankDocument") issues.push("documentIsNotBankDocument");
+	if (!documentType || documentType === "other") issues.push("documentNameMissing");
+	return issues;
+};
+//#endregion
+//#region src/components/BankAccount/forms/BankDocument/BankDocumentClassification.tsx
+var CHARACTERS_LIMIT = 200;
+var bankStatementValidationOptions = {
+	...defaultFileValidationOptions,
+	isOptional: false
+};
+var bankDocumentClassificationFields = ["bankStatementDocument", "description"];
+function BankDocumentClassification(props) {
+	const { legalEntity, validators, data: bankData, id, fieldValidationErrors, formVerificationErrors, shouldValidate, country, handleFieldChange, valid: propValid, errors: propErrors } = props;
+	const { t } = useTranslation("banking");
+	const { t: commonT } = useTranslation("common");
+	const stateRef = useRef({ setState: null });
+	const [showReviewModal, setShowReviewModal] = useState(false);
+	const [showConfirmationModal, setShowConfirmationModal] = useState(false);
+	const [validationResponse, setValidationResponse] = useState(null);
+	const [showEndState, setShowEndState] = useState(false);
+	const inputRef = useRef(null);
+	const logger = createLogger();
+	const userEvents = useAnalyticsContext();
+	const formUtils = createFormUtils(props, commonT);
+	const { isFeatureEnabled } = useToggleContext();
+	const enableBankDocumentClassification = isFeatureEnabled(FeatureNames.EnableBankDocumentClassification);
+	const isShadowMode = isFeatureEnabled(FeatureNames.EnableBankDocumentClassificationShadowMode);
+	const rules = useMemo(() => ({
+		...validators || bankDocumentValidationRules,
+		bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
+	}), [validators]);
+	const localForm = useForm({
+		...props,
+		schema: bankDocumentClassificationFields,
+		defaultData: bankData,
+		rules,
+		fieldProblems: fieldValidationErrors,
+		shouldValidate
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? bankData : localForm.data;
+	const valid = useMultiFormMode ? propValid : localForm.valid;
+	const errors = useMultiFormMode ? propErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { triggerValidation, setData } = localForm;
+	const validateDocumentMutation = useValidateDocument({
+		onSuccess: (response) => {
+			userEvents.addEvent("Success", {
+				actionType: "upload",
+				actionLevel: "journey",
+				label: isShadowMode ? "bankDocumentClassificationShadowMode" : "bankDocumentClassification",
+				additionalData: {
+					documentType: response?.documentType,
+					subDocumentType: response?.subDocumentType,
+					blurryOrLowQuality: response?.blurryOrLowQuality
+				}
+			});
+			if (isShadowMode) return;
+			setValidationResponse(response);
+			if (response?.blurryOrLowQuality || response?.documentType !== "bankDocument") {
+				userEvents.addEvent("Opened modal", {
+					actionType: "open",
+					actionLevel: "journey",
+					label: "bankDocumentClassification"
+				});
+				setShowReviewModal(true);
+			} else {
+				setShowEndState(true);
+				setTimeout(() => {
+					setShowEndState(false);
+					setShowReviewModal(false);
+				}, 2e3);
+			}
+		},
+		onError: (error) => {
+			userEvents.addEvent("Encountered error", {
+				actionType: "upload",
+				actionLevel: "journey",
+				label: isShadowMode ? "bankDocumentClassificationShadowMode" : "bankDocumentClassification"
+			});
+			if (isShadowMode) return;
+			logger.error("Document validation failed:", error);
+			setShowReviewModal(false);
+			setValidationResponse(null);
+		}
+	});
+	const handleDocumentUpload = async (files) => {
+		handleChange("bankStatementDocument")(files);
+		if (!useMultiFormMode) triggerValidation();
+		if (!enableBankDocumentClassification && !isShadowMode) return;
+		if (files.length > 0) {
+			const file = files[0];
+			if (file && file instanceof File) try {
+				const base64Content = await fileToBase64(file);
+				const document = {
+					documentType: "bankStatement",
+					fileName: file.name,
+					sessionId: legalEntity.id,
+					attachments: [{
+						content: base64Content,
+						pageName: file.name
+					}]
+				};
+				validateDocumentMutation.mutate(document);
+			} catch (error) {
+				logger.error("Error processing document:", error);
+			}
+		}
+	};
+	const alreadyUploadedDocuments = useMemo(() => bankData?.bankStatementDocument ?? [], [bankData?.bankStatementDocument]);
+	useEffect(() => {
+		if (!useMultiFormMode && alreadyUploadedDocuments.length > 0) {
+			setData("bankStatementDocument", alreadyUploadedDocuments);
+			if (bankData?.description) setData("description", bankData.description);
+			triggerValidation();
+		}
+	}, [
+		alreadyUploadedDocuments,
+		bankData?.description,
+		setData,
+		triggerValidation,
+		useMultiFormMode
+	]);
+	useEffect(() => {
+		if (!useMultiFormMode) stateRef.current?.setState?.({
+			type: "addToState",
+			value: {
+				data,
+				valid,
+				errors,
+				fieldProblems,
+				dataStoreId: id,
+				schema: bankDocumentClassificationFields
+			}
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		id,
+		useMultiFormMode
+	]);
+	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(() => {
+		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: BankDocumentClassification_module_default.bankDocumentPage,
+		children: [
+			/* @__PURE__ */ jsxs("form", {
+				className: BankDocumentClassification_module_default.bankDocumentClassification,
+				children: [
+					!useMultiFormMode && /* @__PURE__ */ jsx(StateContextSetter, {
+						owner: id,
+						stateRef
+					}),
+					/* @__PURE__ */ jsx(Header, {
+						title: t(($) => $["uploadABankDocument"]),
+						description: t(($) => $["toVerifyYourBankAccountDetails"])
+					}),
+					/* @__PURE__ */ jsx(ErrorPanel, {
+						verificationErrors: formVerificationErrors,
+						validationErrors: fieldValidationErrors,
+						formUtils,
+						id: "ariaErrorField"
+					}),
+					/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						className: BankDocumentClassification_module_default.requirementsList,
+						children: t(($) => $["makeSureYourDocumentIncludes"])
+					}), /* @__PURE__ */ jsxs("ul", {
+						className: BankDocumentClassification_module_default.requirementsList,
+						children: [
+							/* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementNameOrBusiness"]) }),
+							/* @__PURE__ */ jsx("li", { children: t(($) => $[`documentRequirementAccountNumber${country === "US" ? "Partial" : ""}`]) }),
+							/* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementBankInfo"]) }),
+							/* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementReadableText"]) })
+						]
+					})] }),
+					/* @__PURE__ */ jsx(Field, {
+						className: cx("adyen-kyc-upload-field"),
+						name: "bankStatementDocument",
+						isValid: valid?.bankStatementDocument ?? true,
+						children: (childProps) => /* @__PURE__ */ jsx("div", {
+							className: validateDocumentMutation.isPending && !isShadowMode ? BankDocumentClassification_module_default.filePickerDisabled : "",
+							children: /* @__PURE__ */ jsx(FilePicker, {
+								...childProps,
+								name: "bankStatementDocument",
+								files: data?.bankStatementDocument ?? [],
+								setFiles: handleDocumentUpload,
+								isValid: valid?.bankStatementDocument ?? true,
+								errorMessage: errors?.bankStatementDocument?.errorMessage,
+								loading: validateDocumentMutation.isPending && !isShadowMode,
+								...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: handleChange("description"),
+							"aria-invalid": valid?.description === false
+						})
+					}) : 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: BankDocumentClassification_module_default.reviewModal,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: BankDocumentClassification_module_default.preview,
+						children: /* @__PURE__ */ jsx("div", {
+							className: BankDocumentClassification_module_default.previewImage,
+							children: documentPreview
+						})
+					}), /* @__PURE__ */ jsxs("div", {
+						className: BankDocumentClassification_module_default.content,
+						children: [
+							/* @__PURE__ */ jsx("h2", {
+								className: BankDocumentClassification_module_default.title,
+								children: t(($) => $["reviewDocument"])
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: BankDocumentClassification_module_default.description,
+								children: t(($) => $["reviewDocumentDescription"])
+							}),
+							/* @__PURE__ */ jsx("ul", {
+								className: BankDocumentClassification_module_default.issues,
+								children: validationResponse && getValidationIssuesKeys(validationResponse).map((issue, index) => /* @__PURE__ */ jsx("li", { children: t(($) => $[issue]) }, index))
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: BankDocumentClassification_module_default.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: BankDocumentClassification_module_default.confirmationModal,
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: BankDocumentClassification_module_default.title,
+							children: t(($) => $["useThisDocument"])
+						}),
+						/* @__PURE__ */ jsx("p", {
+							className: BankDocumentClassification_module_default.description,
+							children: t(($) => $["thisDocumentNeedstoBeReviewedManually"])
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: BankDocumentClassification_module_default.actions,
+							children: [/* @__PURE__ */ jsx(Button, {
+								variant: "secondary",
+								onClick: handleConfirmationCancel,
+								children: commonT(($) => $["cancel"])
+							}), /* @__PURE__ */ jsx(Button, {
+								variant: "primary",
+								onClick: handleUseDocument,
+								children: t(($) => $["useDocument"])
+							})]
+						})
+					]
+				})
+			}),
+			/* @__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(", ")
+			})
+		]
+	});
+}
+var 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);
+//#endregion
+//#region src/components/BankAccount/forms/BankVerification/validate.ts
+var bankVerificationValidationRules = {
+	verifiedAccountHolder: {
+		modes: ["blur"],
+		validate: (verifiedAccountHolder) => !isEmpty(verifiedAccountHolder),
+		errorMessage: "fieldIsRequired"
+	},
+	verifiedBankCountry: {
+		modes: ["blur"],
+		validate: (verifiedBankCountry) => !isEmpty(verifiedBankCountry),
+		errorMessage: "fieldIsRequired"
+	},
+	verifiedBankName: {
+		modes: ["blur"],
+		validate: (verifiedBankName) => !isEmpty(verifiedBankName),
+		errorMessage: "fieldIsRequired"
+	},
+	verifiedCurrencyCode: {
+		modes: ["blur"],
+		validate: (verifiedCurrencyCode) => !isEmpty(verifiedCurrencyCode),
+		errorMessage: "fieldIsRequired"
+	},
+	verifiedBankAccountNumber: {
+		modes: ["blur"],
+		validate: (verifiedBankAccountNumber) => !isEmpty(verifiedBankAccountNumber),
+		errorMessage: "fieldIsRequired"
+	}
+};
+//#endregion
+//#region src/api/transferInstruments/useHandleBankVerificationError.ts
+var handleBankVerificationError = async (legalEntityId, baseUrl, bankVerificationErrorParams) => {
+	return httpPost({
+		baseUrl,
+		path: `legalEntities/${legalEntityId}/transferInstruments/trusted/error`
+	}, bankVerificationErrorParams);
+};
+/**
+* Receives an error code and message from a banking verification provider and translates it to a known, standardized error
+* @param options additional mutation options
+*/
+var useHandleBankVerificationError = (options) => {
+	const { rootLegalEntityId, baseUrl } = useApiContext();
+	return useMutation({
+		mutationFn: (params) => handleBankVerificationError(rootLegalEntityId.value, baseUrl.value, params),
+		...options
+	});
+};
+//#endregion
+//#region src/components/BankAccount/forms/BankVerification/verification/overlay/types.ts
+var VerificationWidgetCallbackActions = {
+	HANDLE_EXCEPTION: "handle_exception",
+	VERIFICATION_SUCCESS: "verification_success",
+	RETRY_VERIFICATION: "retry_verification",
+	HANDLE_EVENT: "handle_event"
+};
+//#endregion
+//#region src/components/BankAccount/forms/BankVerification/verification/overlay/BankVerificationOverlay.tsx
+var WIDGET_CONTAINER_CLASS = `adyen-kyc-bank-verification-widget-container`;
+function BankVerificationOverlay({ url, setBankVerificationError, onBack, retrieveBankAccountInfo, createTrustedTransferInstrument, providerName }) {
+	const { t } = useTranslation("banking");
+	const userEvents = useAnalyticsContext();
+	const widgetContainerRef = useRef$1(null);
+	const { mutateAsync: handleBankVerificationError } = useHandleBankVerificationError();
+	const trackVerificationError = (returnValue) => {
+		userEvents.addPageEvent("Encountered error", {
+			actionType: "add",
+			returnType: "sdk error",
+			returnValue,
+			additionalData: { providerName }
+		});
+	};
+	const DEFAULT_ERROR = {
+		error: "UNKNOWN_ERROR",
+		message: t(($) => $["weCouldntCompleteTheAccountCheck"])
+	};
+	useEffect$1(() => {
+		setBankVerificationError(null);
+	}, [setBankVerificationError]);
+	const widgetCallback = useCallback$1((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;
+					default:
+						errorTitle = t(($) => $["couldNotCompleteAccountCheck"]);
+						break;
+				}
+				if (errorTitle) setBankVerificationError({
+					title: errorTitle,
+					content: errorContent
+				});
+				isUsingManualFlow.value = true;
+				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}--plaid-modal`);
+				break;
+			}
+			case VerificationWidgetCallbackActions.VERIFICATION_SUCCESS: {
+				const { accounts } = payload.result;
+				if (accounts) retrieveBankAccountInfo(accounts[0]);
+			}
+		}
+	}, [
+		t,
+		retrieveBankAccountInfo,
+		onBack,
+		setBankVerificationError
+	]);
+	useEffect$1(() => {
+		const container = widgetContainerRef.current;
+		if (!container) return;
+		const openBanking = OpenBankingSDK.create({
+			divElement: container,
+			link: url,
+			successHandler: (code, state) => {
+				createTrustedTransferInstrument?.(code, state).then((res) => {
+					userEvents.addPageEvent("Success", {
+						actionType: "add",
+						additionalData: { providerName }
+					});
+					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);
+				handleBankVerificationError?.({
+					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);
+		return () => {
+			openBanking?.destroy();
+		};
+	}, []);
+	return /* @__PURE__ */ jsx("div", {
+		ref: widgetContainerRef,
+		className: `${WIDGET_CONTAINER_CLASS}-overlay`
+	});
+}
+//#endregion
+//#region src/components/BankAccount/forms/BankVerification/BankVerification.tsx
+var accountVerificationFields = [
+	"verifiedAccountHolder",
+	"verifiedBankCountry",
+	"verifiedBankName",
+	"verifiedCurrencyCode",
+	"verifiedBankAccountNumber"
+];
+var InstantVerificationErrorContext = createContext$1(null);
+var useInstantVerificationErrorNotification = (notificationVisibilityDuration) => {
+	const [errorNotification, setErrorNotification] = useState$1(null);
+	const dismissNotificationTimeoutRef = useRef$1();
+	const clearNotificationTimeout = useCallback$1(() => {
+		if (dismissNotificationTimeoutRef.current) {
+			clearTimeout(dismissNotificationTimeoutRef.current);
+			dismissNotificationTimeoutRef.current = void 0;
+		}
+	}, []);
+	useEffect$1(() => {
+		clearNotificationTimeout();
+		if (errorNotification && notificationVisibilityDuration > 0) dismissNotificationTimeoutRef.current = setTimeout(() => {
+			setErrorNotification(null);
+			clearNotificationTimeout();
+		}, notificationVisibilityDuration);
+		return () => clearNotificationTimeout();
+	}, [
+		errorNotification,
+		clearNotificationTimeout,
+		notificationVisibilityDuration
+	]);
+	return [errorNotification, setErrorNotification];
+};
+function BankVerification(props) {
+	const { setBankVerificationError, onBack, hideSidebar, setBankInfoValidated, bankInfoValidated, createTrustedTransferInstrument, country, data: propData, provider, id, fieldValidationErrors, handleFieldChange, valid: propValid, errors: propErrors } = props;
+	const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
+	const schema = accountVerificationFields;
+	const stateRef = useRef$1({ setState: null });
+	const localForm = useForm({
+		...props,
+		schema,
+		defaultData: propData,
+		rules: bankVerificationValidationRules,
+		fieldProblems: fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? propData : localForm.data;
+	const valid = useMultiFormMode ? propValid : localForm.valid;
+	const errors = useMultiFormMode ? propErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const retrieveBankAccountInfo = async ({ realLastFour, number, bankName }) => {
+		handleChange("verifiedBankAccountNumber")(realLastFour ? `*******${realLastFour}` : number);
+		handleChange("verifiedBankName")(bankName);
+		handleChange("verifiedBankCountry")(country);
+		handleChange("verifiedAccountHolder")(propData?.verifiedAccountHolder);
+		handleChange("verifiedCurrencyCode")(propData?.verifiedCurrencyCode ?? currencyByCountry[country]?.[0]);
+		setBankInfoValidated?.(true);
+		hideSidebar?.(false);
+		if (!useMultiFormMode) localForm.triggerValidation();
+		await invalidateRootLegalEntity();
+		showInstantVerificationPayoutModal.value = false;
+	};
+	useEffect$1(() => {
+		if (!useMultiFormMode) stateRef.current.setState?.({
+			type: "addToState",
+			value: {
+				data,
+				valid,
+				errors,
+				fieldProblems,
+				dataStoreId: id,
+				schema
+			}
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		localForm.isValid,
+		useMultiFormMode
+	]);
+	if (provider) {
+		if (bankInfoValidated || !showInstantVerificationPayoutModal.value) return null;
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [!useMultiFormMode && /* @__PURE__ */ jsx(StateContextSetter, {
+			owner: id,
+			stateRef
+		}), /* @__PURE__ */ jsx(BankVerificationOverlay, {
+			url: provider.redirectUrl,
+			setBankVerificationError,
+			onBack,
+			retrieveBankAccountInfo,
+			createTrustedTransferInstrument,
+			providerName: provider.name
+		})] });
+	}
+}
+//#endregion
+//#region src/components/BankAccount/fields/BankAccountFormat/BankAccountFormat.tsx
+function BankAccountFormat(props) {
+	const { t } = useTranslation(["banking"]);
+	const { bankAccountFormat, handleAccountFormatChange } = props;
+	const bankFormatOptions = [{
+		id: "iban",
+		name: t(($) => $["ibanFormat"])
+	}, {
+		id: "local",
+		name: t(($) => $["localFormat"])
+	}];
+	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: t(($) => $["localFormat"]),
+			selected: bankAccountFormat,
+			items: bankFormatOptions
+		})
+	}) });
+}
+//#endregion
+//#region src/components/BankAccount/fields/BankAccountNumber/fieldConfig.ts
+var simpleBankAccountNumberMetadata = (example, length, maxLength) => {
+	if (maxLength) return {
+		validators: validatePatternOnBlur(new RegExp(`^\\d{${length},${maxLength}}$`)),
+		mask: { mask: makeMask(...numericInputs(length), ...numericInputs(maxLength - length, true)) },
+		guidanceText: {
+			key: "enterAMaximumOfNDigitsForExample",
+			values: {
+				maxDigits: `${maxLength}`,
+				example
+			}
+		}
+	};
+	return {
+		validators: validatePatternOnBlur(new RegExp(`^\\d{${length}}$`)),
+		mask: { mask: makeMask(...numericInputs(length)) },
+		guidanceText: {
+			key: "enterNDigitsForExample",
+			values: {
+				numDigits: `${length}`,
+				example
+			}
+		}
+	};
+};
+var defaultFieldMetadata$3 = { validators: isNotEmptyValidator };
+var defaultFieldConfig$3 = {
+	[CountryCodes.CzechRepublic]: {
+		validators: validatePatternOnBlur(/^((\d{2}|\d{6})-)?\d*\d{2}$/),
+		mask: { mask: makeMask(...numericInputs(2), ...customInputs(1, /-|\d/), ...numericInputs(3), ...customInputs(1, /-|\d/), ...numericInputs(10)) },
+		guidanceText: {
+			key: "enterXToYDigitsWithOrWithoutPrefixForExample",
+			values: {
+				minDigits: "2",
+				maxDigits: "16",
+				firstExample: "19-123457",
+				secondExample: "123457"
+			}
+		}
+	},
+	[CountryCodes.Denmark]: simpleBankAccountNumberMetadata("2621955959", 10),
+	[CountryCodes.Norway]: simpleBankAccountNumberMetadata("86011117947", 11),
+	[CountryCodes.UnitedKingdom]: simpleBankAccountNumberMetadata("10000003", 8),
+	[CountryCodes.Australia]: simpleBankAccountNumberMetadata("0001234", 5, 10),
+	[CountryCodes.Brazil]: simpleBankAccountNumberMetadata("0009795493", 4, 12),
+	[CountryCodes.Canada]: simpleBankAccountNumberMetadata("10220001111", 5, 12),
+	[CountryCodes.HongKong]: {
+		validators: validatePatternOnBlur(new RegExp(`^\\d{6,18}$`)),
+		mask: { mask: makeMask(...numericInputs(6), ...numericInputs(12, true)) },
+		guidanceText: {
+			key: "enterAccountNumberWithBranchCodeForExample",
+			values: {
+				minDigits: "9",
+				maxDigits: "15",
+				example: "790000000"
+			}
+		}
+	},
+	[CountryCodes.Hungary]: simpleBankAccountNumberMetadata("117730161111101800000000", 24),
+	[CountryCodes.Singapore]: simpleBankAccountNumberMetadata("0052312891876", 4, 19),
+	[CountryCodes.Sweden]: simpleBankAccountNumberMetadata("123456789", 7, 10),
+	[CountryCodes.UnitedStates]: simpleBankAccountNumberMetadata("10220001111", 3, 17),
+	[CountryCodes.Poland]: {
+		validators: validatePatternOnBlur(/^\d{26}$/),
+		mask: { mask: makeMask(...numericInputs(2), spacer, ...numericInputs(4), spacer, ...numericInputs(4), spacer, ...numericInputs(4), spacer, ...numericInputs(4), spacer, ...numericInputs(4), spacer, ...numericInputs(4)) },
+		guidanceText: {
+			key: "enterNDigitsForExample",
+			values: {
+				numDigits: "26",
+				example: "98 1090 2402 7474 4662 2173 1624"
+			}
+		}
+	},
+	[CountryCodes.NewZealand]: {
+		validators: validatePatternOnBlur(/^\d{15,16}$/),
+		mask: { mask: makeMask(...numericInputs(2), ...nonInputs(" - "), ...numericInputs(4), ...nonInputs(" - "), ...numericInputs(7), ...nonInputs(" - "), ...numericInputs(2), ...numericInputs(1, true)) },
+		guidanceText: {
+			key: "enterXToYDigitsForExample",
+			values: {
+				minDigits: "15",
+				maxDigits: "16",
+				example: "12-8765-9876543-043"
+			}
+		}
+	}
+};
+//#endregion
+//#region src/components/BankAccount/fields/BankAccountNumber/BankAccountNumber.tsx
+var bankAccountNumberFields = ["bankAccountNumber"];
+function BankAccountNumber(props) {
+	const { t } = useTranslation("common");
+	const { country, fieldConfig = defaultFieldConfig$3, onFocus, onBlur, handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$3);
+	const mergedProps = mergeFieldMetadataIntoProps("bankAccountNumber", metadata, props);
+	const localForm = useForm({
+		...mergedProps,
+		schema: bankAccountNumberFields,
+		rules: mergedProps.validators,
+		defaultData: mergedProps.data,
+		fieldProblems: mergedProps?.fieldValidationErrors,
+		obscuredFields: mergedProps.obscuredFields
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? propsData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const handleBlur = () => {
+		onBlur?.();
+		handleChange("bankAccountNumber", "blur");
+	};
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(mergedProps, t);
+	return /* @__PURE__ */ jsx(MaskedInput, {
+		name: "bankAccountNumber",
+		type: "text",
+		label: t(($) => $["bankAccountNumber"]),
+		formatGuidance: translateTranslatable(t, metadata.guidanceText),
+		...formUtils.getMask("bankAccountNumber"),
+		isValid: valid?.bankAccountNumber ?? true,
+		errorMessage: formUtils.getErrorMessage("bankAccountNumber", errors, fieldProblems),
+		"aria-required": true,
+		"aria-invalid": !valid?.bankAccountNumber,
+		onBlur: handleBlur,
+		onInput: handleChange("bankAccountNumber", "input"),
+		onFocus,
+		readonly: formUtils.isReadOnly("bankAccountNumber"),
+		value: data?.bankAccountNumber ?? "",
+		acceptObscuredValue: formUtils.isObscured("bankAccountNumber")
+	});
+}
+//#endregion
+//#region src/components/BankAccount/fields/BankCity/BankCity.tsx
+var bankCityFields = ["bankCity"];
+function BankCity(props) {
+	const { t } = useTranslation("common");
+	const { validators, data: bankCityData, valid: propsValid, errors: propsErrors, fieldValidationErrors, handleFieldChange } = props;
+	const localForm = useForm({
+		...props,
+		schema: bankCityFields,
+		rules: validators,
+		defaultData: bankCityData,
+		fieldProblems: fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? bankCityData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(props, t);
+	return /* @__PURE__ */ jsx(Field, {
+		name: "bankCity",
+		label: t(($) => $["bankCityTown"]),
+		errorMessage: formUtils.getErrorMessage("bankCity", errors, fieldProblems),
+		isValid: valid?.bankCity ?? true,
+		children: (childProps) => /* @__PURE__ */ jsx(InputText, {
+			...childProps,
+			name: "bankCity",
+			value: data?.bankCity,
+			readonly: formUtils.isReadOnly("bankCity"),
+			onInput: handleChange("bankCity", "input"),
+			onBlur: handleChange("bankCity", "blur"),
+			"aria-required": true,
+			"aria-invalid": !valid?.bankCity
+		})
+	});
+}
+//#endregion
+//#region src/components/BankAccount/fields/BankCode/fieldConfig.ts
+var defaultFieldMetadata$2 = {
+	label: "bankCode",
+	validators: isNotEmptyValidator
+};
+var simpleBankCodeMetadata = (length, example, label) => ({
+	label: label ?? "bankCode",
+	validators: validatePatternOnBlur(new RegExp(`^\\d{${length}}$`)),
+	mask: { mask: makeMask(...numericInputs(length)) },
+	guidanceText: {
+		key: "enterNDigitsForExample",
+		values: {
+			numDigits: `${length}`,
+			example
+		}
+	}
+});
+var defaultFieldConfig$2 = {
+	[CountryCodes.Brazil]: simpleBankCodeMetadata(3, "123"),
+	[CountryCodes.Canada]: simpleBankCodeMetadata(3, "100", "institutionNumber"),
+	[CountryCodes.CzechRepublic]: simpleBankCodeMetadata(4, "0800"),
+	[CountryCodes.Denmark]: simpleBankCodeMetadata(4, "5051"),
+	[CountryCodes.HongKong]: simpleBankCodeMetadata(3, "250"),
+	[CountryCodes.Norway]: simpleBankCodeMetadata(4, "8601"),
+	[CountryCodes.Ecuador]: simpleBankCodeMetadata(4, "1234"),
+	[CountryCodes.Japan]: simpleBankCodeMetadata(4, "1234"),
+	[CountryCodes.Taiwan]: simpleBankCodeMetadata(3, "123")
+};
+//#endregion
+//#region src/components/BankAccount/fields/BankCode/BankCode.tsx
+var bankCodeFields = ["bankCode"];
+function BankCode(props) {
+	const { t } = useTranslation("common");
+	const { country, fieldConfig = defaultFieldConfig$2, handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$2);
+	const mergedProps = mergeFieldMetadataIntoProps("bankCode", metadata, props);
+	const localForm = useForm({
+		...mergedProps,
+		schema: bankCodeFields,
+		rules: mergedProps.validators,
+		defaultData: mergedProps.data,
+		fieldProblems: mergedProps.fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? propsData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(mergedProps, t);
+	return /* @__PURE__ */ jsx(MaskedInput, {
+		name: "bankCode",
+		type: "text",
+		label: formUtils.getLabel("bankCode"),
+		errorMessage: formUtils.getErrorMessage("bankCode", errors, fieldProblems),
+		formatGuidance: translateTranslatable(t, metadata.guidanceText),
+		...formUtils.getMask("bankCode"),
+		isValid: valid?.bankCode ?? true,
+		value: data?.bankCode ?? "",
+		readonly: formUtils.isReadOnly("bankCode"),
+		onInput: handleChange("bankCode", "input"),
+		onBlur: handleChange("bankCode", "blur"),
+		"aria-required": true,
+		"aria-invalid": !valid?.bankCode
+	});
+}
+//#endregion
+//#region src/components/BankAccount/fields/BankName/BankName.tsx
+var bankNameFields = ["bankName"];
+function BankName(props) {
+	const { t } = useTranslation("common");
+	const { validators, data: bankNameData, valid: propsValid, errors: propsErrors, fieldValidationErrors, handleFieldChange } = props;
+	const localForm = useForm({
+		...props,
+		schema: bankNameFields,
+		rules: validators,
+		defaultData: bankNameData,
+		fieldProblems: fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? bankNameData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(props, t);
+	return /* @__PURE__ */ jsx(Field, {
+		name: "bankName",
+		label: t(($) => $["bankName"]),
+		errorMessage: formUtils.getErrorMessage("bankName", errors, fieldProblems),
+		isValid: valid?.bankName ?? true,
+		children: (childProps) => /* @__PURE__ */ jsx(InputText, {
+			...childProps,
+			name: "bankName",
+			value: data?.bankName,
+			readonly: formUtils.isReadOnly("bankName"),
+			onInput: handleChange("bankName", "input"),
+			onBlur: handleChange("bankName", "blur"),
+			"aria-required": true,
+			"aria-invalid": !valid?.bankName
+		})
+	});
+}
+//#endregion
+//#region src/components/BankAccount/fields/BranchCode/fieldConfig.ts
+var defaultFieldMetadata$1 = {
+	label: "branchCode",
+	validators: isNotEmptyValidator
+};
+var defaultFieldConfig$1 = {
+	[CountryCodes.UnitedKingdom]: {
+		label: "sortCode",
+		validators: validatePatternOnBlur(/^\d{6}$/),
+		mask: { mask: makeMask(...numericInputs(6)) },
+		guidanceText: {
+			key: "enterNDigitsForExample",
+			values: {
+				numDigits: "6",
+				example: "401199"
+			}
+		}
+	},
+	[CountryCodes.Australia]: {
+		label: "bsbNumber",
+		validators: validatePatternOnBlur(/^\d{6}$/),
+		mask: { mask: makeMask(...numericInputs(3), ...nonInputs(" - "), ...numericInputs(3)) },
+		guidanceText: {
+			key: "enterNDigitsForExample",
+			values: {
+				numDigits: "6",
+				example: "033-547"
+			}
+		}
+	},
+	[CountryCodes.Brazil]: {
+		label: "branchCode",
+		validators: validatePatternOnBlur(/^\d{1,5}$/),
+		mask: { mask: makeMask(...numericInputs(1), ...numericInputs(4, true)) },
+		guidanceText: {
+			key: "enterAMaximumOfNDigitsForExample",
+			values: {
+				maxDigits: "5",
+				example: "36257"
+			}
+		}
+	},
+	[CountryCodes.Canada]: {
+		label: "transitNumber",
+		validators: validatePatternOnBlur(/^\d{5}$/),
+		mask: { mask: makeMask(...numericInputs(5)) },
+		guidanceText: {
+			key: "enterNDigitsForExample",
+			values: {
+				numDigits: "5",
+				example: "27601"
+			}
+		}
+	},
+	[CountryCodes.UnitedStates]: {
+		label: "routingNumber",
+		validators: validatePatternOnBlur(/^\d{9}$/),
+		mask: { mask: makeMask(...numericInputs(9)) },
+		guidanceText: {
+			key: "enterNDigitsForExample",
+			values: {
+				numDigits: "9",
+				example: "107005432"
+			}
+		}
+	},
+	[CountryCodes.Sweden]: {
+		label: "branchCode",
+		validators: validatePatternOnBlur(/^(\d{4}|8\d{4})$/),
+		mask: { mask: makeMask(...numericInputs(4), ...nonInputs(" - ", { displayEagerly: false }), ...numericInputs(1, true)) },
+		guidanceText: {
+			key: "enterXOrYDigitsForExample",
+			values: {
+				xDigits: "4",
+				yDigits: "5",
+				example: "5678 or 8635-2"
+			}
+		}
+	},
+	[CountryCodes.Indonesia]: {
+		label: "clearingCode",
+		validators: isNotEmptyValidator
+	}
+};
+//#endregion
+//#region src/components/BankAccount/fields/BranchCode/BranchCode.tsx
+var branchCodeFields = ["branchCode"];
+function BranchCode(props) {
+	const { t } = useTranslation("common");
+	const { country, fieldConfig = defaultFieldConfig$1, onFocus, onBlur, handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$1);
+	const mergedProps = mergeFieldMetadataIntoProps("branchCode", metadata, props);
+	const localForm = useForm({
+		...mergedProps,
+		schema: branchCodeFields,
+		rules: mergedProps.validators,
+		defaultData: mergedProps.data,
+		fieldProblems: mergedProps?.fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? propsData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	const handleBlur = () => {
+		onBlur?.();
+		handleChange("branchCode", "blur");
+	};
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(mergedProps, t);
+	return /* @__PURE__ */ jsx(MaskedInput, {
+		name: "branchCode",
+		type: "text",
+		label: formUtils.getLabel("branchCode"),
+		formatGuidance: translateTranslatable(t, metadata.guidanceText),
+		...formUtils.getMask("branchCode"),
+		errorMessage: formUtils.getErrorMessage("branchCode", errors, fieldProblems),
+		isValid: valid?.branchCode ?? true,
+		value: data?.branchCode ?? "",
+		readonly: formUtils.isReadOnly("branchCode"),
+		onInput: handleChange("branchCode", "input"),
+		onBlur: handleBlur,
+		onFocus,
+		"aria-required": true,
+		"aria-invalid": !valid?.branchCode
+	});
+}
+//#endregion
+//#region src/components/BankAccount/fields/Iban/ibanValidator.ts
+/**
+* Basic Bank Account Number pattern per country
+*/
+var bbanPatternsByCountry = {
+	[CountryCodes.Albania]: /\d{8}[\dA-Z]{16}/,
+	[CountryCodes.Andorra]: /\d{8}[\dA-Z]{12}/,
+	[CountryCodes.Austria]: /\d{16}/,
+	[CountryCodes.Azerbaijan]: /[\dA-Z]{4}\d{20}/,
+	[CountryCodes.Belgium]: /\d{12}/,
+	[CountryCodes.Bahrain]: /[A-Z]{4}[\dA-Z]{14}/,
+	[CountryCodes.BosniaAndHerzegovina]: /\d{16}/,
+	[CountryCodes.Brazil]: /\d{23}[A-Z][\dA-Z]/,
+	[CountryCodes.Bulgaria]: /[A-Z]{4}\d{6}[\dA-Z]{8}/,
+	[CountryCodes.CostaRica]: /\d{17}/,
+	[CountryCodes.Croatia]: /\d{17}/,
+	[CountryCodes.Cyprus]: /\d{8}[\dA-Z]{16}/,
+	[CountryCodes.CzechRepublic]: /\d{20}/,
+	[CountryCodes.Denmark]: /\d{14}/,
+	[CountryCodes.DominicanRepublic]: /[A-Z]{4}\d{20}/,
+	[CountryCodes.Estonia]: /\d{16}/,
+	[CountryCodes.FaroeIslands]: /\d{14}/,
+	[CountryCodes.Finland]: /\d{14}/,
+	[CountryCodes.France]: /\d{10}[\dA-Z]{11}\d{2}/,
+	[CountryCodes.Georgia]: /[\dA-Z]{2}\d{16}/,
+	[CountryCodes.Germany]: /\d{18}/,
+	[CountryCodes.Gibraltar]: /[A-Z]{4}[\dA-Z]{15}/,
+	[CountryCodes.Greece]: /\d{7}[\dA-Z]{16}/,
+	[CountryCodes.Greenland]: /\d{14}/,
+	[CountryCodes.Guatemala]: /[\dA-Z]{4}[\dA-Z]{20}/,
+	[CountryCodes.Hungary]: /\d{24}/,
+	[CountryCodes.Iceland]: /\d{22}/,
+	[CountryCodes.Ireland]: /[\dA-Z]{4}\d{14}/,
+	[CountryCodes.Israel]: /\d{19}/,
+	[CountryCodes.Italy]: /[A-Z]\d{10}[\dA-Z]{12}/,
+	[CountryCodes.Kazakhstan]: /\d{3}[\dA-Z]{13}/,
+	[CountryCodes.Kuwait]: /[A-Z]{4}[\dA-Z]{22}/,
+	[CountryCodes.Latvia]: /[A-Z]{4}[\dA-Z]{13}/,
+	[CountryCodes.Lebanon]: /\d{4}[\dA-Z]{20}/,
+	[CountryCodes.Liechtenstein]: /\d{5}[\dA-Z]{12}/,
+	[CountryCodes.Lithuania]: /\d{16}/,
+	[CountryCodes.Luxembourg]: /\d{3}[\dA-Z]{13}/,
+	[CountryCodes.Macedonia]: /\d{3}[\dA-Z]{10}\d{2}/,
+	[CountryCodes.Malta]: /[A-Z]{4}\d{5}[\dA-Z]{18}/,
+	[CountryCodes.Mauritania]: /\d{23}/,
+	[CountryCodes.Mauritius]: /[A-Z]{4}\d{19}[A-Z]{3}/,
+	[CountryCodes.Monaco]: /\d{10}[\dA-Z]{11}\d{2}/,
+	[CountryCodes.Moldova]: /[\dA-Z]{2}\d{18}/,
+	[CountryCodes.Montenegro]: /\d{18}/,
+	[CountryCodes.Netherlands]: /[A-Z]{4}\d{10}/,
+	[CountryCodes.Norway]: /\d{11}/,
+	[CountryCodes.Pakistan]: /[\dA-Z]{4}\d{16}/,
+	[CountryCodes.PalestinianTerritory]: /[\dA-Z]{4}\d{21}/,
+	[CountryCodes.Poland]: /\d{24}/,
+	[CountryCodes.Portugal]: /\d{21}/,
+	[CountryCodes.Romania]: /[A-Z]{4}[\dA-Z]{16}/,
+	[CountryCodes.SanMarino]: /[A-Z]\d{10}[\dA-Z]{12}/,
+	[CountryCodes.SaudiArabia]: /\d{2}[\dA-Z]{18}/,
+	[CountryCodes.Serbia]: /\d{18}/,
+	[CountryCodes.Slovakia]: /\d{20}/,
+	[CountryCodes.Slovenia]: /\d{15}/,
+	[CountryCodes.Spain]: /\d{20}/,
+	[CountryCodes.Sweden]: /\d{20}/,
+	[CountryCodes.Switzerland]: /\d{5}[\dA-Z]{12}/,
+	[CountryCodes.Tunisia]: /\d{20}/,
+	[CountryCodes.Turkey]: /\d{5}[\dA-Z]{17}/,
+	[CountryCodes.UnitedArabEmirates]: /\d{3}\d{16}/,
+	[CountryCodes.UnitedKingdom]: /[A-Z]{4}\d{14}/,
+	[CountryCodes.VirginIslandsBritish]: /[\dA-Z]{4}\d{16}/
+};
+/**
+* For some regions the iban format is shared and therefore can accept IBANs starting
+* with some other country code
+*/
+var customPrefixByCountry = {
+	[CountryCodes.Guernsey]: "GB",
+	[CountryCodes.Jersey]: "GB",
+	[CountryCodes.IsleOfMan]: "GB"
+};
+function ibanValidator(input, bankCountry) {
+	if (isEmpty(input)) return false;
+	const ibanInput = input.replace(/ /g, "").toUpperCase();
+	if (!/^([a-zA-Z0-9]{4} ){2,8}[a-zA-Z0-9]{1,4}|[a-zA-Z0-9]{12,34}$/.test(ibanInput)) return false;
+	const countryCode = ibanInput.substring(0, 2);
+	const allowedPrefix = customPrefixByCountry[bankCountry] ?? bankCountry;
+	if (countryCode !== allowedPrefix) return {
+		key: "yourIbanShouldBeginWith_",
+		values: { countryCode: allowedPrefix }
+	};
+	const bbanPattern = bbanPatternsByCountry[countryCode];
+	if (bbanPattern) {
+		if (!new RegExp(`^[A-Z]{2}\\d{2}${bbanPattern.source}$`, "").test(ibanInput)) return false;
+	}
+	const ibanCheck = ibanInput.substring(4, ibanInput.length) + ibanInput.substring(0, 4);
+	let leadingZeroes = true;
+	let ibanCheckDigits = "";
+	for (let i = 0; i < ibanCheck.length; i += 1) {
+		const charAt = ibanCheck.charAt(i);
+		if (charAt !== "0") leadingZeroes = false;
+		if (!leadingZeroes) ibanCheckDigits += "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ".indexOf(charAt);
+	}
+	let cRest = 0;
+	for (let p = 0; p < ibanCheckDigits.length; p += 1) {
+		const cChar = ibanCheckDigits.charAt(p);
+		cRest = +`${cRest}${cChar}` % 97;
+	}
+	return cRest === 1;
+}
+//#endregion
+//#region src/components/BankAccount/fields/Iban/fieldConfig.ts
+var validateIbanOnBlurAndInput = (country) => ({
+	modes: ["blur", "input"],
+	validate: (iban) => ibanValidator(iban, country) === true,
+	errorMessage: (iban) => {
+		const result = ibanValidator(iban, country);
+		return typeof result === "boolean" ? void 0 : result;
+	}
+});
+var ibanMask = (country, inputLength, allowLettersInBban) => {
+	const tokens = [];
+	tokens.push(...nonInputs(country, { includeInValue: true }), ...numericInputs(2));
+	inputLength -= 2;
+	const inputToken = allowLettersInBban ? alphanumericInputs : numericInputs;
+	const numGroups = Math.floor(inputLength / 4);
+	const remainder = inputLength % 4;
+	for (let i = 0; i < numGroups; i += 1) tokens.push(spacer, ...inputToken(4));
+	if (remainder > 0) tokens.push(spacer, ...inputToken(remainder));
+	return {
+		mask: makeMask(...tokens),
+		transformOnType: allowLettersInBban ? uppercase : void 0
+	};
+};
+var ibanGuidance = (type, numDigitsOrChars, example) => type === "digits" ? {
+	key: "enterTheRemainingNDigitsForExample",
+	values: {
+		numDigits: `${numDigitsOrChars}`,
+		example
+	}
+} : {
+	key: "enterTheRemainingNCharactersForExample",
+	values: {
+		numChars: `${numDigitsOrChars}`,
+		example
+	}
+};
+var ibanMetadata = (country, inputLength, example, allowLettersInBban) => ({
+	validators: validateIbanOnBlurAndInput(country),
+	mask: ibanMask(country, inputLength, allowLettersInBban),
+	guidanceText: ibanGuidance(allowLettersInBban ? "characters" : "digits", inputLength, example)
+});
+var gbIbanMetadata = ibanMetadata(CountryCodes.UnitedKingdom, 20, "GB09 BARC 2003 9554 8297 59", true);
+var defaultFieldMetadata = { validators: isNotEmptyValidator };
+var defaultFieldConfig = {
+	[CountryCodes.Austria]: ibanMetadata(CountryCodes.Austria, 18, "AT88 5400 0746 7265 9747"),
+	[CountryCodes.Belgium]: ibanMetadata(CountryCodes.Belgium, 14, "BE59 9788 6743 2226"),
+	[CountryCodes.Croatia]: ibanMetadata(CountryCodes.Croatia, 19, "HR51 2484 0083 5929 6973 8"),
+	[CountryCodes.Cyprus]: ibanMetadata(CountryCodes.Cyprus, 26, "CY16 5183 1221 8756 5858 5388 7678"),
+	[CountryCodes.CzechRepublic]: ibanMetadata(CountryCodes.CzechRepublic, 22, "CZ23 5051 3674 5924 5233 3465"),
+	[CountryCodes.Denmark]: ibanMetadata(CountryCodes.Denmark, 16, "DK95 2000 0123 4567 89"),
+	[CountryCodes.Estonia]: ibanMetadata(CountryCodes.Estonia, 18, "EE26 1291 5123 1542 6371"),
+	[CountryCodes.Finland]: ibanMetadata(CountryCodes.Finland, 16, "FI03 9319 8995 3742 51"),
+	[CountryCodes.Germany]: ibanMetadata(CountryCodes.Germany, 20, "DE91 1000 0000 0123 4567 89"),
+	[CountryCodes.Greece]: ibanMetadata(CountryCodes.Greece, 25, "GR57 0107 7142 7681 6687 9575 217"),
+	[CountryCodes.Hungary]: ibanMetadata(CountryCodes.Hungary, 26, "HU68 1070 0024 3428 4128 3192 4812"),
+	[CountryCodes.Lithuania]: ibanMetadata(CountryCodes.Lithuania, 18, "LT59 9244 6228 2176 2762"),
+	[CountryCodes.Luxembourg]: ibanMetadata(CountryCodes.Luxembourg, 18, "LU71 0106 9242 5365 8562"),
+	[CountryCodes.Norway]: ibanMetadata(CountryCodes.Norway, 13, "NO83 3000 1234 567"),
+	[CountryCodes.Poland]: ibanMetadata(CountryCodes.Poland, 26, "PL98 1090 2402 7474 4662 2173 1624"),
+	[CountryCodes.Portugal]: ibanMetadata(CountryCodes.Portugal, 23, "PT42 0035 0651 8646 9119 5263 5"),
+	[CountryCodes.Slovakia]: ibanMetadata(CountryCodes.Slovakia, 22, "SK25 5173 1333 4916 3219 3521"),
+	[CountryCodes.Slovenia]: ibanMetadata(CountryCodes.Slovenia, 17, "SI56 1920 0123 4567 892"),
+	[CountryCodes.Spain]: ibanMetadata(CountryCodes.Spain, 22, "ES76 1465 5599 9226 7623 2635"),
+	[CountryCodes.Sweden]: ibanMetadata(CountryCodes.Sweden, 22, "SE72 8000 0810 3400 0978 3242"),
+	[CountryCodes.Bulgaria]: ibanMetadata(CountryCodes.Bulgaria, 20, "BG17 BNPA 9440 4432 7749 93", true),
+	[CountryCodes.France]: ibanMetadata(CountryCodes.France, 25, "FR64 1009 6000 4035 3425 9742 Y90", true),
+	[CountryCodes.Gibraltar]: ibanMetadata(CountryCodes.Gibraltar, 21, "GI96 JYJT 9899 9587 8655 898", true),
+	[CountryCodes.Ireland]: ibanMetadata(CountryCodes.Ireland, 20, "IE64 IRCE 9205 0112 3456 78", true),
+	[CountryCodes.Italy]: ibanMetadata(CountryCodes.Italy, 25, "IT06 L030 0203 2809 8485 8934 882", true),
+	[CountryCodes.Latvia]: ibanMetadata(CountryCodes.Latvia, 19, "LV80 BANK 0000 4351 9500 1", true),
+	[CountryCodes.Liechtenstein]: ibanMetadata(CountryCodes.Liechtenstein, 19, "LI21 0881 0000 2324 013A A", true),
+	[CountryCodes.Malta]: ibanMetadata(CountryCodes.Malta, 29, "MT03 VIXW 2487 8926 8575 8586 8929 858", true),
+	[CountryCodes.Monaco]: ibanMetadata(CountryCodes.Monaco, 25, "MC58 1122 2000 0101 2345 6789 030", true),
+	[CountryCodes.Netherlands]: ibanMetadata(CountryCodes.Netherlands, 16, "NL50 ABNA 4452 7591 49", true),
+	[CountryCodes.Romania]: ibanMetadata(CountryCodes.Romania, 22, "RO36 PORL 9596 9966 4965 4284", true),
+	[CountryCodes.Switzerland]: ibanMetadata(CountryCodes.Switzerland, 19, "CH56 0483 5012 3456 7800 9", true),
+	[CountryCodes.UnitedKingdom]: gbIbanMetadata,
+	[CountryCodes.Guernsey]: gbIbanMetadata,
+	[CountryCodes.Jersey]: gbIbanMetadata,
+	[CountryCodes.IsleOfMan]: gbIbanMetadata
+};
+//#endregion
+//#region src/components/BankAccount/fields/Iban/Iban.tsx
+var ibanFields = ["iban"];
+function Iban(props) {
+	const { t } = useTranslation("common");
+	const { country, fieldConfig = defaultFieldConfig, data: ibanData, valid: propsValid, errors: propsErrors, obscuredFields, fieldValidationErrors, handleFieldChange } = props;
+	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata);
+	const mergedProps = mergeFieldMetadataIntoProps("iban", metadata, props);
+	const localForm = useForm({
+		...mergedProps,
+		schema: ibanFields,
+		rules: mergedProps.validators,
+		defaultData: ibanData,
+		fieldProblems: fieldValidationErrors,
+		obscuredFields
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? ibanData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		errors,
+		valid,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(mergedProps, t);
+	return /* @__PURE__ */ jsx(MaskedInput, {
+		name: "iban",
+		type: "text",
+		label: t(($) => $["iban"]),
+		formatGuidance: translateTranslatable(t, metadata.guidanceText),
+		...formUtils.getMask("iban"),
+		errorMessage: formUtils.getErrorMessage("iban", errors, fieldProblems),
+		isValid: valid?.iban ?? true,
+		value: data?.iban ?? "",
+		readonly: formUtils.isReadOnly("iban"),
+		onInput: handleChange("iban", "input"),
+		onBlur: handleChange("iban", "blur"),
+		"aria-required": true,
+		"aria-invalid": valid?.iban === false,
+		acceptObscuredValue: formUtils.isObscured("iban")
+	});
+}
+//#endregion
+//#region src/components/BankAccount/fields/SwiftCode/fieldConfig.ts
+var swiftCodeFieldMetadata = {
+	validators: validatePatternOnBlur(/^([a-zA-Z0-9]{8}|[a-zA-Z0-9]{11})$/),
+	mask: {
+		mask: makeMask(...alphaInputs(6), ...alphanumericInputs(2), ...alphanumericInputs(3, true)),
+		transformOnType: uppercase
+	}
+};
+//#endregion
+//#region src/components/BankAccount/fields/SwiftCode/SwiftCode.tsx
+var swiftCodeFields = ["swiftCode"];
+function SwiftCode(props) {
+	const { t } = useTranslation("common");
+	const { handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const mergedProps = mergeFieldMetadataIntoProps("swiftCode", swiftCodeFieldMetadata, props);
+	const localForm = useForm({
+		...mergedProps,
+		schema: swiftCodeFields,
+		rules: mergedProps.validators,
+		defaultData: mergedProps.data,
+		fieldProblems: mergedProps?.fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? propsData : localForm.data;
+	const valid = useMultiFormMode ? propsValid : localForm.valid;
+	const errors = useMultiFormMode ? propsErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data,
+			valid,
+			errors,
+			fieldProblems
+		});
+	}, [
+		data,
+		valid,
+		errors,
+		fieldProblems,
+		useMultiFormMode
+	]);
+	const formUtils = createFormUtils(mergedProps, t);
+	return /* @__PURE__ */ jsx(MaskedInput, {
+		name: "swiftCode",
+		type: "text",
+		label: t(($) => $["bicSwift"]),
+		formatGuidance: t(($) => $["enterXOrYCharactersForExample"], {
+			xChars: "8",
+			yChars: "11",
+			example: "BANKDE65287"
+		}),
+		...formUtils.getMask("swiftCode"),
+		errorMessage: formUtils.getErrorMessage("swiftCode", errors, fieldProblems),
+		isValid: valid?.swiftCode ?? true,
+		value: data?.swiftCode ?? "",
+		readonly: formUtils.isReadOnly("swiftCode"),
+		onInput: handleChange("swiftCode", "input"),
+		onBlur: handleChange("swiftCode", "blur"),
+		"aria-required": true,
+		"aria-invalid": valid?.swiftCode === false
+	});
+}
+//#endregion
+//#region src/components/BankAccount/utils/payoutAccountUtil.ts
+var countriesWithMultiplePayoutCurrencies = new Set([
+	CountryCodes.Bulgaria,
+	CountryCodes.Canada,
+	CountryCodes.Croatia,
+	CountryCodes.CzechRepublic,
+	CountryCodes.Hungary,
+	CountryCodes.Romania,
+	CountryCodes.Switzerland
+]);
+var countriesWithLocalFormat = new Set([
+	CountryCodes.CzechRepublic,
+	CountryCodes.Denmark,
+	CountryCodes.Hungary,
+	CountryCodes.Norway,
+	CountryCodes.Poland,
+	CountryCodes.Sweden,
+	CountryCodes.UnitedKingdom
+]);
+var payoutCurrencySupport = {
+	[CountryCodes.Sweden]: {
+		local: [Currencies.SEK],
+		iban: [Currencies.EUR, Currencies.SEK]
+	},
+	[CountryCodes.Canada]: {
+		local: [Currencies.CAD, Currencies.USD],
+		iban: [Currencies.CAD, Currencies.USD]
+	}
+};
+var shouldShowCheckGuidance = (country) => country === "US";
+var shouldShowPayoutAccountFormatSelector = (country) => countriesWithLocalFormat.has(country);
+var shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultiplePayoutCurrencies.has(country);
+var getSupportedCurrencyGuidance = (t, country, requiredFields) => {
+	const format = requiredFields.includes("iban") ? "iban" : "local";
+	if (!shouldShowPayoutAlert(country)) return;
+	const supportedCurrencies = getSupportedCurrenciesPerFormat(country, format);
+	if (!supportedCurrencies) return;
+	return supportedCurrencies.length > 1 ? t(($) => $["payoutIn_Or_"], {
+		currencyOne: supportedCurrencies[0],
+		currencyTwo: supportedCurrencies[1]
+	}) : t(($) => $["payoutInOnly_"], { currency: supportedCurrencies[0] });
+};
+var getSupportedCurrenciesPerFormat = (country, format) => {
+	const supportedCurrencies = payoutCurrencySupport[country];
+	if (!supportedCurrencies) {
+		const defaultCurrency = currencyByCountry[country]?.[0];
+		if (!defaultCurrency) return;
+		if (format === "iban" && defaultCurrency !== Currencies.EUR) return [Currencies.EUR, defaultCurrency];
+		else return [defaultCurrency];
+	}
+	return supportedCurrencies[format];
+};
+var isLocalCurrency = (country, currency) => {
+	if (!country || !currency) return false;
+	return currencyByCountry[country]?.includes(currency) ?? false;
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutVerificationMethod/AccountHolderDescriptionFragment.tsx
+var AccountHolderDescriptionFragment = ({ legalEntityResponse }) => {
+	const { t } = useTranslation("banking");
+	const hasSolePropEntityAssociations = hasOwnEntityAssociationOfType(LegalEntityTypes.SOLE_PROPRIETORSHIP, legalEntityResponse.entityAssociations, legalEntityResponse.id);
+	const { accountHolder } = useAccountHolder();
+	const unincorporatedPartnershipMembers = useUnincorporatedPartnershipMembers();
+	if (accountHolder === "mySoleProprietorName" || hasSolePropEntityAssociations) {
+		const soleProp = legalEntityResponse.entityAssociations?.find((ea) => ea.entityType === "soleProprietorship");
+		const { individual } = legalEntityResponse;
+		return /* @__PURE__ */ jsxs(Typography, { children: [
+			`${t(($) => $["bankAccountHasToBeInYourName"])} `,
+			/* @__PURE__ */ jsx(Typography, {
+				el: "span",
+				variant: "body-stronger",
+				children: `${individual?.name.firstName} ${individual?.name.lastName}`
+			}),
+			` ${t(($) => $["orSoleProprietorshipName"])} `,
+			" ",
+			/* @__PURE__ */ jsx(Typography, {
+				el: "span",
+				variant: "body-stronger",
+				children: `${soleProp?.name ?? ""}`
+			})
+		] });
+	}
+	const hasTrustsEntityAssociations = hasOwnEntityAssociationOfType(LegalEntityTypes.TRUST, legalEntityResponse.entityAssociations, legalEntityResponse.id);
+	if (accountHolder === "aTrust" || hasTrustsEntityAssociations) {
+		const trust = legalEntityResponse.entityAssociations?.find((ea) => ea.entityType === "trust");
+		if (legalEntityResponse.type === LegalEntityTypes.INDIVIDUAL) return /* @__PURE__ */ jsxs(Typography, { children: [`${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 ? 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: [`${t(($) => $["bankAccountToHaveSameNameAsTrust"])} `, /* @__PURE__ */ jsx(Typography, {
+			el: "span",
+			variant: "body-stronger",
+			children: companyTrusteeBankAccountName
+		})] });
+	}
+	const hasUnincorporatedPartnershipEntityAssociations = hasOwnEntityAssociationOfType(LegalEntityTypes.UNINCORPORATED_PARTNERSHIP, legalEntityResponse.entityAssociations, legalEntityResponse.id);
+	if (accountHolder === "anUnincorporatedPartnership" || hasUnincorporatedPartnershipEntityAssociations) {
+		const unincorporatedPartnership = legalEntityResponse?.entityAssociations?.find((ea) => ea.entityType === "unincorporatedPartnership");
+		const partnerNames = unincorporatedPartnershipMembers?.map((member) => member?.name)?.sort();
+		return /* @__PURE__ */ jsx(Typography, { children: `${t(($) => $["bankAccountToHaveSameNameAsUnincorporatedPartnership"], {
+			partnerNames: `${partnerNames?.join(", ")}`,
+			partnershipName: unincorporatedPartnership?.name ?? ""
+		})} ` });
+	}
+	if (legalEntityResponse.type === LegalEntityTypes.ORGANIZATION) return /* @__PURE__ */ jsxs(Typography, { children: [`${t(($) => $["bankAccountHasToBeInYourCompanyName"])} `, /* @__PURE__ */ jsx(Typography, {
+		el: "span",
+		variant: "body-stronger",
+		children: legalEntityResponse?.organization?.legalName
+	})] });
+	const { individual } = legalEntityResponse;
+	return /* @__PURE__ */ jsxs(Typography, { children: [`${t(($) => $["bankAccountHasToBeInYourName"])} `, /* @__PURE__ */ jsx(Typography, {
+		el: "span",
+		variant: "body-stronger",
+		children: `${individual?.name.firstName} ${individual?.name.lastName}`
+	})] });
+};
+var CheckGuidance_module_default = {
+	"check-guidance": "adyen-kyc-check-guidance",
+	checkGuidance: "adyen-kyc-check-guidance",
+	"check-guidance-image": "adyen-kyc-check-guidance-image",
+	checkGuidanceImage: "adyen-kyc-check-guidance-image",
+	"check-guidance-annotated": "adyen-kyc-check-guidance-annotated",
+	checkGuidanceAnnotated: "adyen-kyc-check-guidance-annotated",
+	"check-guidance-inactive": "adyen-kyc-check-guidance-inactive",
+	checkGuidanceInactive: "adyen-kyc-check-guidance-inactive",
+	"us-check-account-number": "adyen-kyc-us-check-account-number",
+	usCheckAccountNumber: "adyen-kyc-us-check-account-number",
+	"us-check-routing-number": "adyen-kyc-us-check-routing-number",
+	usCheckRoutingNumber: "adyen-kyc-us-check-routing-number"
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutAccount/CheckGuidance/CheckGuidance.tsx
+var usCheckAccount = lazy(() => import("./us-check-account-number-Bx4HZPFS.js"));
+var usCheckRouting = lazy(() => import("./us-check-routing-number-BgmESQIR.js"));
+var usCheck = lazy(() => import("./us-check-tkgqZfdf.js"));
+var CheckGuidance = ({ annotated }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: CheckGuidance_module_default.checkGuidance,
+		children: [
+			/* @__PURE__ */ jsx(Image, {
+				lazyLoadedImage: usCheckAccount,
+				className: cx(CheckGuidance_module_default.checkGuidanceImage, CheckGuidance_module_default.checkGuidanceAnnotated, { [CheckGuidance_module_default.checkGuidanceInactive]: annotated !== "account" })
+			}),
+			/* @__PURE__ */ jsx(Image, {
+				lazyLoadedImage: usCheckRouting,
+				className: cx(CheckGuidance_module_default.checkGuidanceImage, CheckGuidance_module_default.checkGuidanceAnnotated, { [CheckGuidance_module_default.checkGuidanceInactive]: annotated !== "routing" })
+			}),
+			/* @__PURE__ */ jsx(Image, {
+				lazyLoadedImage: usCheck,
+				className: CheckGuidance_module_default.checkGuidanceImage
+			})
+		]
+	});
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutVerificationMethod/payoutVerificationMethodMetadata.ts
+var tinkLogo = lazy(() => import("./tink-logo-DcMLCEiF.js"));
+var plaidLogo = lazy(() => import("./plaid-logo-CJ4XmsZ0.js"));
+var yapilyLogo = lazy(() => import("./yapily-logo-LFYkLhpL.js"));
+var instantVerificationImage = lazy(() => import("./payout-verification-instant-BIx6NDh9.js"));
+var manualVerificationImage = lazy(() => import("./payout-verification-manual-CS34WVa9.js"));
+var getProviderIconName = (providerName) => {
+	switch (providerName?.toLowerCase()) {
+		case "tink": return tinkLogo;
+		case "plaid": return plaidLogo;
+		case "yapily": return yapilyLogo;
+		default: return;
+	}
+};
+var makePayoutVerificationMethodsMetadata = (instantVerificationProviderName) => ({
+	instantVerification: {
+		name: "verifyViaMobileBankingAppOrWebsite",
+		subtitle: "instant",
+		svgImport: instantVerificationImage,
+		description: "instantVerificationDescription",
+		provider: instantVerificationProviderName ? {
+			name: instantVerificationProviderName,
+			svgImport: getProviderIconName(instantVerificationProviderName)
+		} : void 0
+	},
+	manualVerification: {
+		name: "uploadABankStatement",
+		subtitle: "mayTakeAFewDays",
+		description: "manualVerificationDescription",
+		svgImport: manualVerificationImage
+	}
+});
+var InstantVerificationCTA_module_default = {
+	"cta-button-content": "adyen-kyc-cta-button-content",
+	ctaButtonContent: "adyen-kyc-cta-button-content",
+	"cta-provider-logo": "adyen-kyc-cta-provider-logo",
+	ctaProviderLogo: "adyen-kyc-cta-provider-logo",
+	"cta-divider": "adyen-kyc-cta-divider",
+	ctaDivider: "adyen-kyc-cta-divider",
+	"divider-segment": "adyen-kyc-divider-segment",
+	dividerSegment: "adyen-kyc-divider-segment",
+	"instant-verification-error": "adyen-kyc-instant-verification-error",
+	instantVerificationError: "adyen-kyc-instant-verification-error"
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutAccount/InstantVerificationCTA/InstantVerificationCTA.tsx
+var InstantVerificationCTA = ({ provider }) => {
+	const instantVerificationError = useContext$1(InstantVerificationErrorContext);
+	const { t } = useTranslation("banking");
+	const { t: commonT } = useTranslation("common");
+	const providerIcon = getProviderIconName(provider?.name);
+	const handleClick = () => {
+		isUsingManualFlow.value = false;
+		showInstantVerificationPayoutModal.value = true;
+	};
+	if (!providerIcon) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		instantVerificationError && /* @__PURE__ */ jsx(Alert, {
+			variant: "error",
+			className: InstantVerificationCTA_module_default.instantVerificationError,
+			title: instantVerificationError.title,
+			children: instantVerificationError.content && /* @__PURE__ */ jsx(Typography, {
+				variant: "body",
+				children: instantVerificationError.content
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "adyen-kyc-u-margin-bottom-24",
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				fullWidth: true,
+				onClick: handleClick,
+				testId: "instant-verification-button",
+				children: /* @__PURE__ */ jsx("span", {
+					className: InstantVerificationCTA_module_default.ctaButtonContent,
+					children: /* @__PURE__ */ jsx(Trans, {
+						t,
+						i18nKey: ($) => $["addAccountFasterWith"],
+						components: { providerLogo: /* @__PURE__ */ jsx("span", {
+							className: InstantVerificationCTA_module_default.ctaProviderLogo,
+							children: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: providerIcon })
+						}) }
+					})
+				})
+			})
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: `adyen-kyc-u-margin-bottom-16 ${InstantVerificationCTA_module_default.ctaDivider}`,
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: InstantVerificationCTA_module_default.dividerSegment,
+					children: /* @__PURE__ */ jsx(Divider, {})
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "body",
+					color: "secondary",
+					children: commonT(($) => $["or"])
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: InstantVerificationCTA_module_default.dividerSegment,
+					children: /* @__PURE__ */ jsx(Divider, {})
+				})
+			]
+		})
+	] });
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutAccount/PayoutAccount.tsx
+var payoutAccountFields = [
+	"accountHolder",
+	...ibanFields,
+	...branchCodeFields,
+	...swiftCodeFields,
+	...bankAccountNumberFields,
+	...bankNameFields,
+	...bankCodeFields
+];
+function PayoutAccount(props) {
+	const accountFormat = payoutAccountFormat.value;
+	const { t } = useTranslation("banking");
+	const { t: commonT } = useTranslation("common");
+	const [checkAnnotation, setCheckAnnotation] = useState$1();
+	const { isFeatureEnabled } = useToggleContext();
+	const { isSettingEnabled } = useSettingsContext();
+	const isCrossBorderPayoutsEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
+	const bankAccountFormatSelectionAllowed = isSettingEnabled(SettingNames.AllowBankAccountFormatSelection);
+	const { heading, country, id, legalEntityResponse, requiredFields = [], arePayoutAccountDetailsInvalid, invalidFieldNames, formVerificationErrors, fieldValidationErrors, preferredCurrencyCode, data, errors, valid, handleFieldChange, showInstantVerificationCTA, provider } = props;
+	const showCheckGuidance = shouldShowCheckGuidance(country) && !showInstantVerificationCTA;
+	const formUtils = createFormUtils({
+		...props,
+		requiredFields
+	}, commonT);
+	const bankAccountNumberProps = getFieldProps(props, bankAccountNumberFields);
+	const swiftCodeProps = getFieldProps(props, swiftCodeFields);
+	const ibanProps = getFieldProps(props, ibanFields);
+	const branchCodeProps = getFieldProps(props, branchCodeFields);
+	const bankNameProps = getFieldProps(props, bankNameFields);
+	const bankCodeProps = getFieldProps(props, bankCodeFields);
+	const bankCityProps = getFieldProps(props, bankCityFields);
+	const { clearStateSlice } = useGlobalDataSlice("payoutAccountDetails");
+	const handleAccountFormatChange = (accountFormat) => {
+		clearStateSlice();
+		payoutAccountFormat.value = accountFormat;
+	};
+	const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
+	const isEUR = preferredCurrencyCode === "EUR";
+	useEffect$1(() => {
+		if (!isCrossBorderPayoutsEnabled || data?.transferInstrumentId) return;
+		if (isEUR && localCurrency) {
+			handleAccountFormatChange?.("iban");
+			return;
+		}
+		if (!localCurrency) handleAccountFormatChange?.("numberAndBic");
+	}, [country, preferredCurrencyCode]);
+	const multiFormProps = handleFieldChange ? {
+		data,
+		valid,
+		errors,
+		fieldValidationErrors,
+		handleFieldChange
+	} : {};
+	return /* @__PURE__ */ jsxs("form", {
+		className: "adyen-kyc-individual__payout-account",
+		"aria-describedby": "ariaErrorField",
+		children: [
+			heading && /* @__PURE__ */ jsx(Header, {
+				title: heading,
+				children: /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, {
+					slot: "description",
+					legalEntityResponse
+				})
+			}),
+			/* @__PURE__ */ jsx(ErrorPanel, {
+				verificationErrors: formVerificationErrors,
+				validationErrors: fieldValidationErrors,
+				formUtils,
+				id: "ariaErrorField"
+			}),
+			showInstantVerificationCTA && /* @__PURE__ */ jsx(InstantVerificationCTA, { provider }),
+			showCheckGuidance ? /* @__PURE__ */ jsx(CheckGuidance, { annotated: checkAnnotation }) : void 0,
+			bankAccountFormatSelectionAllowed && shouldShowPayoutAccountFormatSelector(country) && accountFormat && localCurrency && !isEUR && /* @__PURE__ */ jsx(BankAccountFormat, {
+				bankAccountFormat: accountFormat,
+				handleAccountFormatChange
+			}),
+			formUtils.isRequiredField("branchCode") && /* @__PURE__ */ jsx(BranchCode, {
+				...branchCodeProps,
+				country,
+				dataStoreId: id,
+				onFocus: showCheckGuidance ? () => setCheckAnnotation("routing") : void 0,
+				onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0,
+				...multiFormProps
+			}),
+			formUtils.isRequiredField("bankAccountNumber") && /* @__PURE__ */ jsx(BankAccountNumber, {
+				...bankAccountNumberProps,
+				country,
+				dataStoreId: id,
+				onFocus: showCheckGuidance ? () => setCheckAnnotation("account") : void 0,
+				onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0,
+				...multiFormProps
+			}),
+			formUtils.isRequiredField("iban") && /* @__PURE__ */ jsx(Iban, {
+				...ibanProps,
+				dataStoreId: id,
+				country,
+				...multiFormProps
+			}),
+			formUtils.isRequiredField("swiftCode") && /* @__PURE__ */ jsx(SwiftCode, {
+				...swiftCodeProps,
+				dataStoreId: id,
+				...multiFormProps
+			}),
+			formUtils.isRequiredField("bankName") && /* @__PURE__ */ jsx(BankName, {
+				...bankNameProps,
+				dataStoreId: id,
+				...multiFormProps
+			}),
+			formUtils.isRequiredField("bankCode") && /* @__PURE__ */ jsx(BankCode, {
+				...bankCodeProps,
+				country,
+				dataStoreId: id,
+				...multiFormProps
+			}),
+			formUtils.isRequiredField("bankCity") && /* @__PURE__ */ jsx(BankCity, {
+				...bankCityProps,
+				dataStoreId: id,
+				...multiFormProps
+			}),
+			shouldShowPayoutAlert(country) && !isCrossBorderPayoutsEnabled && /* @__PURE__ */ jsx(Alert, {
+				title: getSupportedCurrencyGuidance(t, country, requiredFields),
+				className: "adyen-kyc-u-margin-bottom-8"
+			}),
+			!isCrossBorderPayoutsEnabled && /* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				color: "tertiary",
+				children: t(($) => $["thisAccountWillBeVerifiedToPrevent"])
+			}),
+			arePayoutAccountDetailsInvalid && /* @__PURE__ */ jsx(Alert, {
+				className: "adyen-kyc-u-margin-top-16",
+				variant: "error",
+				title: invalidFieldNames ? t(($) => $["pleaseEnterValidField"], { fieldNames: invalidFieldNames }) : t(($) => $["pleaseEnterValidAccountDetails"])
+			})
+		]
+	});
+}
+//#endregion
+//#region src/datasets/currencies.json
+var currencies_default = /* @__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\":\"\"}]");
+//#endregion
+//#region src/components/BankAccount/fields/PreferredCurrency/PreferredCurrency.tsx
+var ALLOWED_PAYOUT_CURRENCIES = Object.keys(Currencies);
+var PreferredCurrency = (props) => {
+	const { country, preferredCurrency, handleChangeFor } = props;
+	const { t } = useTranslation(["common", "banking"]);
+	const currencyDescriptionByCode = new Map(currencies_default.map((currency) => [currency.currencyCode, currency.description]));
+	const getPrioritizedCurrencies = () => {
+		const allowedCountryCurrencies = (currencyByCountry[country] || []).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 currenciesAsOptions = getPrioritizedCurrencies().map((currency) => {
+		if (currency === null) return {
+			id: "separator",
+			name: " ",
+			disabled: true
+		};
+		const description = currencyDescriptionByCode.get(currency);
+		return {
+			id: currency,
+			name: description ? `${description} (${currency})` : currency
+		};
+	});
+	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 || []
+		})
+	});
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutVerificationMethod/utils.ts
+var getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
+	switch (legalEntityType) {
+		case "individual":
+		case "soleProprietorship": return "theBankAccountHolderMustBeInYourName";
+		case "organization":
+		case "trust":
+		case "unincorporatedPartnership": return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+		default: return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
+	}
+};
+var PayoutRequirementsModal_module_default = {
+	"payout-modal-content": "adyen-kyc-payout-modal-content",
+	payoutModalContent: "adyen-kyc-payout-modal-content",
+	title: "adyen-kyc-title",
+	section: "adyen-kyc-section",
+	"section-title": "adyen-kyc-section-title",
+	sectionTitle: "adyen-kyc-section-title",
+	"section-text": "adyen-kyc-section-text",
+	sectionText: "adyen-kyc-section-text",
+	"simpler-terms-box": "adyen-kyc-simpler-terms-box",
+	simplerTermsBox: "adyen-kyc-simpler-terms-box",
+	"simpler-terms-title": "adyen-kyc-simpler-terms-title",
+	simplerTermsTitle: "adyen-kyc-simpler-terms-title",
+	"bullet-list": "adyen-kyc-bullet-list",
+	bulletList: "adyen-kyc-bullet-list"
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutCountryDetails/PayoutRequirementsModal.tsx
+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: PayoutRequirementsModal_module_default.payoutModalContent,
+			children: [
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "title-m",
+					el: "h1",
+					className: PayoutRequirementsModal_module_default.title,
+					children: t(($) => $["aboutPayoutBankAccounts"])
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: PayoutRequirementsModal_module_default.section,
+					children: [/* @__PURE__ */ jsx(Typography, {
+						variant: "body-strongest",
+						el: "h3",
+						className: PayoutRequirementsModal_module_default.sectionTitle,
+						children: t(($) => $["doesMyBankAccountNeedToBeInSameCountry"])
+					}), /* @__PURE__ */ jsx(Typography, {
+						variant: "body",
+						className: PayoutRequirementsModal_module_default.sectionText,
+						children: t(($) => $["countryDependsExplanation"])
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: PayoutRequirementsModal_module_default.section,
+					children: [
+						/* @__PURE__ */ jsx(Typography, {
+							variant: "body-strongest",
+							el: "h3",
+							className: PayoutRequirementsModal_module_default.sectionTitle,
+							children: t(($) => $["whichPayoutCurrencyShouldIChoose"])
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							variant: "body",
+							className: PayoutRequirementsModal_module_default.sectionText,
+							children: t(($) => $["currencyRecommendation"])
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: PayoutRequirementsModal_module_default.simplerTermsBox,
+							children: [/* @__PURE__ */ jsx(Typography, {
+								variant: "body-strongest",
+								el: "h4",
+								className: PayoutRequirementsModal_module_default.simplerTermsTitle,
+								children: t(($) => $["inSimplerTerms"])
+							}), /* @__PURE__ */ jsx(Typography, {
+								variant: "body",
+								children: t(($) => $["currencySimplerTerms"])
+							})]
+						})
+					]
+				}),
+				provider && /* @__PURE__ */ jsxs("div", {
+					className: PayoutRequirementsModal_module_default.section,
+					children: [
+						/* @__PURE__ */ jsx(Typography, {
+							variant: "body-strongest",
+							el: "h3",
+							className: PayoutRequirementsModal_module_default.sectionTitle,
+							children: t(($) => $["howDoesVerificationWithOurPartnerWork"], { provider: provider?.name })
+						}),
+						/* @__PURE__ */ jsx(Typography, {
+							className: PayoutRequirementsModal_module_default.sectionText,
+							children: t(($) => $["isOurTrustedPartnerHelpingSpeedUpSetup"], { provider: provider?.name })
+						}),
+						/* @__PURE__ */ jsxs("ul", {
+							className: PayoutRequirementsModal_module_default.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"]) })
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/BankAccount/forms/PayoutCountryDetails/PayoutCountryDetails.tsx
+var payoutCountryDetailsFields = ["bankCountry", "preferredCurrency"];
+var DEFAULT_CURRENCY_FALLBACK = "USD";
+var getDefaultCurrencyForCountry = (country) => currencyByCountry[country]?.[0] ?? DEFAULT_CURRENCY_FALLBACK;
+var getCountryCodeFromEvent = (event) => event?.target?.value;
+function PayoutCountryDetails(props) {
+	const { legalEntityResponse, data: propData, provider, handleFieldChange, valid: propValid, errors: propErrors, fieldValidationErrors: propFieldValidationErrors } = props;
+	const { t: commonT } = useTranslation("common");
+	const { t } = useTranslation("banking");
+	const { isSettingEnabled } = useSettingsContext();
+	const country = getLegalEntityCountry(legalEntityResponse);
+	const [isModalOpen, setIsModalOpen] = useState$1(false);
+	const legalEntityType = legalEntityResponse.type;
+	const defaultCurrency = getDefaultCurrencyForCountry(country);
+	const localForm = useForm({
+		...props,
+		schema: payoutCountryDetailsFields,
+		defaultData: {
+			bankCountry: propData?.bankCountry ?? country,
+			preferredCurrency: propData?.preferredCurrency ?? defaultCurrency
+		},
+		shouldValidate: true
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? propData : localForm.data;
+	const valid = useMultiFormMode ? propValid : localForm.valid;
+	const errors = useMultiFormMode ? propErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? propFieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const formUtils = createFormUtils(props, commonT);
+	const allowedBankCountries = Object.keys(currencyByCountry);
+	const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
+	const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
+	const description = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
+		t(($) => $["forYouToReceiveYourPayouts"]),
+		"\xA0",
+		/* @__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$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data: localForm.data,
+			valid: localForm.valid,
+			errors: localForm.errors,
+			fieldProblems: localForm.fieldProblems
+		});
+	}, [
+		localForm.data,
+		localForm.valid,
+		localForm.errors,
+		updateStateSlice,
+		localForm.fieldProblems,
+		useMultiFormMode
+	]);
+	const updateCountryField = (event) => {
+		const updatedCountry = getCountryCodeFromEvent(event);
+		handleChange("bankCountry", "input")(updatedCountry);
+		handleChange("preferredCurrency", "input")(getDefaultCurrencyForCountry(updatedCountry));
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { 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: [description, descriptionExtra]
+				})
+			}),
+			/* @__PURE__ */ jsx(CountryField, {
+				data: { country: data?.bankCountry },
+				valid: { country: valid?.bankCountry ?? true },
+				errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
+				labels: { country: t(($) => $["bankAccountCountryRegion"]) },
+				readonly: false,
+				allowedCountries: allowedBankCountries,
+				handleChangeFor: () => updateCountryField
+			}),
+			/* @__PURE__ */ jsx(PreferredCurrency, {
+				country: data?.bankCountry ?? country,
+				preferredCurrency: data?.preferredCurrency ?? defaultCurrency,
+				handleChangeFor: handleChange
+			})
+		]
+	}), /* @__PURE__ */ jsx(PayoutRequirementsModal, {
+		isOpen: isModalOpen,
+		onClose: () => setIsModalOpen(false),
+		provider
+	})] });
+}
+//#endregion
+//#region src/components/BankAccount/forms/PayoutVerificationMethod/allowedBankCountriesPerCountry.ts
+var regions = {
+	europe: [
+		...EEA_Countries,
+		CountryCodes.Switzerland,
+		CountryCodes.UnitedKingdom,
+		CountryCodes.Gibraltar
+	],
+	apac: [CountryCodes.NewZealand, CountryCodes.Australia]
+};
+var getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [country];
+var VerificationMethod_module_default = {
+	"instant-verification-error": "adyen-kyc-instant-verification-error",
+	instantVerificationError: "adyen-kyc-instant-verification-error",
+	"payout-verification-method-card": "adyen-kyc-payout-verification-method-card",
+	payoutVerificationMethodCard: "adyen-kyc-payout-verification-method-card",
+	"payout-verification-method-card-disabled": "adyen-kyc-payout-verification-method-card-disabled",
+	payoutVerificationMethodCardDisabled: "adyen-kyc-payout-verification-method-card-disabled",
+	"payout-verification-method-card-image": "adyen-kyc-payout-verification-method-card-image",
+	payoutVerificationMethodCardImage: "adyen-kyc-payout-verification-method-card-image",
+	"payout-verification-method-card-body": "adyen-kyc-payout-verification-method-card-body",
+	payoutVerificationMethodCardBody: "adyen-kyc-payout-verification-method-card-body",
+	"payout-verification-method-card-image-container": "adyen-kyc-payout-verification-method-card-image-container",
+	payoutVerificationMethodCardImageContainer: "adyen-kyc-payout-verification-method-card-image-container",
+	"payout-verification-method-card-content": "adyen-kyc-payout-verification-method-card-content",
+	payoutVerificationMethodCardContent: "adyen-kyc-payout-verification-method-card-content",
+	"payout-verification-method-card-title": "adyen-kyc-payout-verification-method-card-title",
+	payoutVerificationMethodCardTitle: "adyen-kyc-payout-verification-method-card-title",
+	"payout-verification-method-card-subtitle": "adyen-kyc-payout-verification-method-card-subtitle",
+	payoutVerificationMethodCardSubtitle: "adyen-kyc-payout-verification-method-card-subtitle"
+};
+//#endregion
+//#region src/components/BankAccount/forms/PayoutVerificationMethod/PayoutVerificationMethod.tsx
+var PayoutVerificationMethodOptionIcon = ({ method, methodsMetadata }) => {
+	const { svgImport } = methodsMetadata[method];
+	return /* @__PURE__ */ jsx(Image, {
+		className: VerificationMethod_module_default.payoutVerificationMethodCardImage,
+		lazyLoadedImage: svgImport
+	});
+};
+var PayoutVerificationMethodOptionCard = ({ payoutMethod, title, subtitle, tag, selectVerificationMethod, payoutVerificationMethod, methodsMetadata, bankInfoValidated, instantVerificationAvailable }) => {
+	return /* @__PURE__ */ jsx(Card, {
+		onClick: () => selectVerificationMethod(payoutMethod),
+		disabled: bankInfoValidated || payoutMethod === "instantVerification" && !instantVerificationAvailable,
+		selected: payoutMethod === payoutVerificationMethod,
+		padding: "none",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx(VerificationMethod_module_default.payoutVerificationMethodCardBody, VerificationMethod_module_default.payoutVerificationMethodCard),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: VerificationMethod_module_default.payoutVerificationMethodCardImageContainer,
+				children: /* @__PURE__ */ jsx(PayoutVerificationMethodOptionIcon, {
+					method: payoutMethod,
+					methodsMetadata
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: VerificationMethod_module_default.payoutVerificationMethodCardContent,
+				children: [
+					tag,
+					/* @__PURE__ */ jsx(Typography, {
+						el: "h4",
+						variant: "body-strongest",
+						className: VerificationMethod_module_default.payoutVerificationMethodCardTitle,
+						children: title
+					}),
+					/* @__PURE__ */ jsx(Typography, {
+						el: "p",
+						variant: "body",
+						color: "secondary",
+						className: VerificationMethod_module_default.payoutVerificationMethodCardSubtitle,
+						children: subtitle
+					})
+				]
+			})]
+		})
+	}, payoutMethod);
+};
+var payoutVerificationMethodFields = [
+	"payoutVerificationMethod",
+	"bankCountry",
+	...accountVerificationFields
+];
+function PayoutVerificationMethod(props) {
+	const { heading, country, accountHolder, provider, bankVendorsLoadingStatus, instantVerificationAvailable, legalEntityResponse, validators, bankInfoValidated, data: payoutVerificationMethodData, fieldValidationErrors, formVerificationErrors, handleFieldChange, valid: propValid, errors: propErrors } = props;
+	const { type: legalEntityType } = legalEntityResponse;
+	const { t } = useTranslation("banking");
+	const { t: commonT } = useTranslation("common");
+	const instantVerificationError = useContext$1(InstantVerificationErrorContext);
+	const { isSettingEnabled } = useSettingsContext();
+	const { isFeatureEnabled } = useToggleContext();
+	const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
+	const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout);
+	const [hasSelectedMethod, setHasSelectedMethod] = useState$1(false);
+	const localForm = useForm({
+		...props,
+		schema: payoutVerificationMethodFields,
+		defaultData: {
+			verifiedAccountHolder: accountHolder,
+			verifiedCurrencyCode: currencyByCountry[country]?.[0],
+			bankCountry: country,
+			...payoutVerificationMethodData
+		},
+		rules: validators || { payoutVerificationMethod: {
+			modes: ["blur"],
+			validate: (payoutVerificationMethod) => !!payoutVerificationMethod
+		} },
+		fieldProblems: fieldValidationErrors
+	});
+	const useMultiFormMode = !!handleFieldChange;
+	const data = useMultiFormMode ? payoutVerificationMethodData : localForm.data;
+	const valid = useMultiFormMode ? propValid : localForm.valid;
+	const errors = useMultiFormMode ? propErrors : localForm.errors;
+	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
+	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const formUtils = createFormUtils(props, commonT);
+	const { sliceData, updateStateSlice } = useGlobalDataSlice("payoutVerificationMethod");
+	const { clearStateSlice: clearPayoutAccountDetails } = useGlobalDataSlice("payoutAccountDetails");
+	useEffect$1(() => {
+		if (!useMultiFormMode) updateStateSlice({
+			data: {
+				...sliceData,
+				...localForm.data
+			},
+			errors: localForm.errors,
+			valid: localForm.valid,
+			fieldProblems: localForm.fieldProblems
+		});
+	}, [
+		localForm.data,
+		localForm.errors,
+		localForm.fieldProblems,
+		localForm.valid
+	]);
+	const methodsMetadata = makePayoutVerificationMethodsMetadata(provider?.name);
+	const selectVerificationMethod = (method) => {
+		setHasSelectedMethod(true);
+		handleChange("payoutVerificationMethod")(method);
+	};
+	useEffect$1(() => {
+		if (bankInfoValidated) return;
+		if (!hasSelectedMethod && instantVerificationAvailable && data?.payoutVerificationMethod !== "instantVerification") handleChange("payoutVerificationMethod")("instantVerification");
+		if (!instantVerificationAvailable && data?.payoutVerificationMethod !== "manualVerification") handleChange("payoutVerificationMethod")("manualVerification");
+	}, [
+		data?.payoutVerificationMethod,
+		handleChange,
+		instantVerificationAvailable,
+		hasSelectedMethod,
+		bankInfoValidated
+	]);
+	const { dataset: countries } = useDataset(datasetIdentifier.country);
+	const bankCountryName = countries.find((country) => country.id === data?.bankCountry)?.name ?? data?.bankCountry;
+	const allowedBankCountries = getAllowedBankCountries(country);
+	const countryField = /* @__PURE__ */ jsx(CountryField, {
+		data: { country: data?.bankCountry },
+		valid: { country: valid?.bankCountry ?? true },
+		errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
+		labels: { country: t(($) => $["bankAccountCountryRegion"]) },
+		readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1 || bankInfoValidated,
+		allowedCountries: allowedBankCountries,
+		handleChangeFor: () => (e) => {
+			if (!useMultiFormMode) clearPayoutAccountDetails();
+			return handleChange("bankCountry", "input")(e);
+		},
+		helperText: intraRegionCrossBorderPayoutsAllowed ? void 0 : t(($) => $[legalEntityType === LegalEntityTypes.INDIVIDUAL ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"])
+	});
+	const description = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
+		t(($) => $["forYouToReceiveYourPayouts"]),
+		"\xA0",
+		/* @__PURE__ */ jsx(Trans, {
+			t,
+			ns: "banking",
+			i18nKey: ($) => $[getMustHaveSameAccountHolderNameTransKey(legalEntityType)],
+			values: {
+				name: accountHolder,
+				companyName: accountHolder
+			}
+		})
+	] });
+	const isCrossBorderPayoutEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
+	return /* @__PURE__ */ jsxs("form", {
+		className: VerificationMethod_module_default.payoutVerificationMethod,
+		children: [
+			heading && /* @__PURE__ */ jsx(Header, {
+				title: heading,
+				children: /* @__PURE__ */ jsx("template", {
+					slot: "description",
+					children: description
+				})
+			}),
+			instantVerificationError && /* @__PURE__ */ jsx(Alert, {
+				variant: "error",
+				className: VerificationMethod_module_default.instantVerificationError,
+				title: instantVerificationError.title,
+				children: instantVerificationError.content && /* @__PURE__ */ jsx("p", {
+					className: "adyen-kyc-u-margin-0",
+					children: instantVerificationError.content
+				})
+			}),
+			!isCrossBorderPayoutEnabled && countryField,
+			/* @__PURE__ */ jsx(Field, {
+				el: "fieldset",
+				name: "verificationMethods",
+				label: formUtils.getLabel("payoutVerificationMethod", "verificationMethod"),
+				errorMessage: formUtils.getErrorMessage("payoutVerificationMethod", errors, fieldProblems),
+				helper: instantVerificationAvailable ? void 0 : t(($) => $["weDoNotYetSupportInstantVerificationForBankAccountsIn"], { countryName: bankCountryName }),
+				children: () => /* @__PURE__ */ jsxs(StackLayout, {
+					gap: "small",
+					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
+					}), /* @__PURE__ */ jsx(PayoutVerificationMethodOptionCard, {
+						payoutMethod: "manualVerification",
+						title: t(($) => $["verifyManually"]),
+						subtitle: t(($) => $["enterYourAccountsDetailsOnYourOwn"]),
+						selectVerificationMethod,
+						methodsMetadata,
+						payoutVerificationMethod: data?.payoutVerificationMethod
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(ErrorPanel, {
+				verificationErrors: formVerificationErrors,
+				validationErrors: fieldValidationErrors,
+				formUtils,
+				id: "ariaErrorField"
+			}),
+			provider && bankVendorsLoadingStatus === "success" ? /* @__PURE__ */ jsx(ContextGuidance, {
+				titleId: "howDoesVerificationWithOurPartnerWorks",
+				contentId: "bankVerificationWithPartnerSteps",
+				title: t(($) => $["howDoesVerificationWithOurPartnerWork"], { provider: provider.name }),
+				content: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsx(Typography, { children: t(($) => $["isOurTrustedPartnerHelpingSpeedUpSetup"], { provider: provider.name }) }),
+					/* @__PURE__ */ jsxs("ul", { 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"]) }),
+					/* @__PURE__ */ jsx(Typography, {
+						variant: "caption",
+						children: /* @__PURE__ */ jsx(Link, {
+							href: "https://www.adyen.com/policies-and-disclaimer/privacy-policy",
+							external: true,
+							children: commonT(($) => $["adyenPrivacyPolicy"])
+						})
+					})
+				] })
+			}) : void 0
+		]
+	});
+}
+//#endregion
+//#region src/components/BankAccount/forms/PayoutDetails/PayoutDetails.tsx
+var payoutSteps = {
+	payoutCountryDetails: {
+		formId: "payoutCountryDetails",
+		formName: "payoutCountryDetails",
+		fields: payoutCountryDetailsFields
+	},
+	payoutVerificationMethod: {
+		formId: "payoutVerificationMethod",
+		formName: "verificationMethod",
+		fields: payoutVerificationMethodFields
+	},
+	payoutAccountDetails: {
+		formId: "payoutAccountDetails",
+		formName: "bankAccount",
+		fields: payoutAccountFields
+	},
+	payoutAccountDocuments: {
+		formId: "payoutAccountDocuments",
+		formName: "bankDocument",
+		formHeader: "bankDocumentHeader",
+		fields: bankDocumentClassificationFields
+	},
+	payoutAccountVerification: {
+		formId: "payoutAccountVerification",
+		formName: "instantVerification",
+		fields: accountVerificationFields
+	}
+};
+var PayoutCountryDetailsFormID = payoutSteps.payoutCountryDetails.formId;
+var PayoutVerificationMethodFormID = payoutSteps.payoutVerificationMethod.formId;
+var PayoutAccountDocumentsFormID = payoutSteps.payoutAccountDocuments.formId;
+var PayoutAccountVerificationFormID = payoutSteps.payoutAccountVerification.formId;
+function PayoutDetails(props) {
+	const { t } = useTranslation("banking");
+	const { t: commonT } = useTranslation("common");
+	const { activeForm, legalEntityResponse, provider, bankVendorsLoadingStatus, instantVerificationAvailable, setHideSidebar, setSkipSubmit, createTrustedTransferInstrument, accountDetailsFromInput, country, accountHolder, data: propData, onBack, trustedTransferInstrumentId, setHasAsyncValidationError } = 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 { isFeatureEnabled } = useToggleContext();
+	const { isSettingEnabled } = useSettingsContext();
+	const isCrossBorderPayoutsEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
+	const globalData = useGlobalData();
+	const data = isEmpty(globalData) || propData?.payoutAccountDetails?.transferInstrumentId ? propData : globalData;
+	const resetData = useResetGlobalData();
+	const verifyInstantly = data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
+	const bankCountry = (isCrossBorderPayoutsEnabled ? data?.payoutCountryDetails?.bankCountry : data?.payoutVerificationMethod?.bankCountry) ?? country;
+	useEffect$1(() => resetData(), [resetData]);
+	useEffect$1(() => {
+		if (activeForm?.formId === summaryStep.formId && verifyInstantly && trustedTransferInstrumentId) setSkipSubmit?.(true);
+	}, [activeForm, trustedTransferInstrumentId]);
+	const [bankInfoValidated, setBankInfoValidated] = useState$1(false);
+	const [arePayoutAccountDetailsInvalid, setArePayoutAccountDetailsInvalid] = useState$1(false);
+	const [invalidFieldNames, setInvalidFieldNames] = useState$1("");
+	const payload = useMemo$1(() => bankCountry && accountDetailsFromInput ? getAccountIdentificationFromPayoutAccountSchema(accountDetailsFromInput, bankCountry, isCrossBorderPayoutsEnabled) : {}, [accountDetailsFromInput, bankCountry]);
+	const validateAccountDetails = useAsyncAccountDetailsValidationRules(payload, hasEmptyFields(payload), isAccountIdentifierObscured(payload));
+	const resetInvalidFieldState = () => {
+		setInvalidFieldNames("");
+		setArePayoutAccountDetailsInvalid(false);
+	};
+	useEffect$1(() => {
+		if (validateAccountDetails?.invalidFields && validateAccountDetails.invalidFields.length > 0) {
+			setHasAsyncValidationError?.(true);
+			setInvalidFieldNames(concatenateFieldNames(validateAccountDetails.invalidFields.map((field) => extractFieldName(field.name)).map((key) => commonT(($) => $[key]))));
+			setArePayoutAccountDetailsInvalid(true);
+		} else {
+			setHasAsyncValidationError?.(false);
+			resetInvalidFieldState();
+		}
+	}, [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(PayoutVerificationMethod, {
+						...verificationMethodFormProps,
+						id: PayoutVerificationMethodFormID,
+						heading: t(($) => $["addABankAccountForPayouts"]),
+						country,
+						accountHolder,
+						legalEntityResponse,
+						provider,
+						bankVendorsLoadingStatus,
+						bankInfoValidated,
+						instantVerificationAvailable
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: activeForm?.formId !== payoutSteps.payoutAccountDetails.formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+				children: /* @__PURE__ */ jsx(PayoutAccount, {
+					...payoutAccountFormProps,
+					heading: t(($) => $["addABankAccountForPayouts"]),
+					id: payoutSteps.payoutAccountDetails.formId,
+					country: bankCountry,
+					legalEntityResponse,
+					arePayoutAccountDetailsInvalid,
+					invalidFieldNames,
+					preferredCurrencyCode: globalData?.payoutCountryDetails?.preferredCurrency
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: activeForm?.formId !== PayoutAccountDocumentsFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+				children: /* @__PURE__ */ jsx(MemoizedBankDocumentClassification, {
+					...bankDocumentFormProps,
+					id: PayoutAccountDocumentsFormID,
+					legalEntity: legalEntityResponse,
+					country: bankCountry
+				})
+			}),
+			/* @__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
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/BankAccount/forms/PayoutDetails/rules.ts
+var rules = ({ data, isFeatureEnabled, isSettingEnabled, isExperimentEnabled }) => {
+	const isForcedManualPayoutFlowEnabled = isExperimentEnabled?.(ExperimentNames.BankingPayoutFlow_ForcedManualVerification) && !isSettingEnabled?.(SettingNames.AllowIntraRegionCrossBorderPayout);
+	return createFormRules({
+		whenUsingManualVerification: () => {
+			if (isForcedManualPayoutFlowEnabled) return "REQUIRED";
+			if (!data.payoutVerificationMethod) return;
+			if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") return "REQUIRED";
+		},
+		whenUsingInstantVerification: () => {
+			if (isForcedManualPayoutFlowEnabled) return isUsingManualFlow.value ? void 0 : "REQUIRED";
+			if (!data.payoutVerificationMethod) return "REQUIRED";
+			if (data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification") return "REQUIRED";
+		},
+		verifiedBankAccountNumber: () => {
+			if (data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification") return "REQUIRED";
+		},
+		bankStatementRequirement: () => {
+			if (isFeatureEnabled?.(FeatureNames.EnablePayoutDetailsMultiForm)) return "REQUIRED";
+			if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") return "REQUIRED";
+		},
+		bankStatementDescription: () => {
+			if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") return "OPTIONAL";
+		}
+	});
+};
+//#endregion
+//#region src/components/BankAccount/mapping/mapApiDocumentToPayoutDocuments.ts
+var mapApiDocumentToPayoutDocuments = (entityId) => {
+	const bankStatement = getDocument(entityId, "bankStatement");
+	if (!bankStatement) throw new Error(`bankStatement with id ${entityId} not found`);
+	return {
+		bankStatementDocument: [mapExistingFile(getPageName(bankStatement))],
+		description: bankStatement.description
+	};
+};
+//#endregion
+//#region src/components/BankAccount/mapping/mapPayoutDetailsToTransferInstrument.ts
+/**
+* Easy to use function for mapping payout account details component data to transferInstrument
+* @param payoutDetails - Details person data
+* @returns transferInstrument - a transferInstrument the same as found in API response
+*/
+var mapPayoutDetailsToTransferInstrument = ({ data, 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, bankCountry, preferredCurrency, enabledCrossBorderPayouts),
+		legalEntityId: legalEntity.id,
+		type: "bankAccount"
+	};
+};
+//#endregion
+//#region src/components/BankAccount/mapping/mapPayoutDocumentsToApiDocuments.ts
+var mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
+	const { bankStatementDocument, description } = data.payoutAccountDocuments ?? {};
+	if (!bankStatementDocument?.length) return;
+	const page1 = bankStatementDocument[0];
+	if (!page1) throw new Error("Document needs at least one page");
+	return await createDocumentRequest({
+		entityId,
+		entityType: "bankAccount",
+		documentType: "bankStatement",
+		page1,
+		description,
+		existingDocument: getDocument(entityId, "bankStatement")
+	});
+};
+//#endregion
+//#region src/components/BankAccount/tasks/PayoutDetailsDropin/payoutDetailsFormConfig.ts
+var obscuredPayoutFields = ["bankAccountNumber", "iban"];
+var payoutDetailsCountryConfig = {
+	[CountryCodes.Canada]: { bankStatementDocument: { label: "listitemVoidedChequeBankLetterBankStatementOnline" } },
+	[CountryCodes.UnitedKingdom]: {
+		bankCity: { label: "bankCityTown" },
+		bankStatementDocument: { label: "listitemVoidedChequeBankLetterBankStatementOnline" }
+	}
+};
+var parseConfiguration = ({ requiredFields, country, bankVerificationAvailable }) => parsePayoutScenarios({
+	requiredFields: requiredFields?.fields,
+	country,
+	bankVerificationAvailable
+});
+function parsePayoutScenarios({ requiredFields, country, bankVerificationAvailable }) {
+	if (!requiredFields) return {};
+	let formConfig = {
+		payoutVerificationMethod: { rule: "REQUIRED" },
+		bankCountry: { rule: "REQUIRED" },
+		preferredCurrency: { rule: "REQUIRED" },
+		bankStatementDocument: { rule: "bankStatementRequirement" },
+		description: { rule: "bankStatementDescription" }
+	};
+	requiredFields.forEach((fieldName) => {
+		formConfig[fieldName] = {
+			rule: bankVerificationAvailable ? "whenUsingManualVerification" : "REQUIRED",
+			obscured: obscuredPayoutFields.includes(fieldName)
+		};
+	});
+	if (bankVerificationAvailable) formConfig = {
+		...formConfig,
+		verifiedAccountHolder: { rule: "whenUsingInstantVerification" },
+		verifiedBankCountry: { rule: "whenUsingInstantVerification" },
+		verifiedBankName: { rule: "whenUsingInstantVerification" },
+		verifiedCurrencyCode: { rule: "whenUsingInstantVerification" },
+		verifiedBankAccountNumber: { rule: "whenUsingInstantVerification" }
+	};
+	return augmentWithCountryConfigs(payoutDetailsCountryConfig[country], formConfig);
+}
+var getAppropriatePayoutDetailsSteps = (isEditing, instantVerificationAvailable, canChangeCountry, isCrossBorderEnabled, isForcedManualPayoutFlowEnabled) => {
+	const dependentSteps = {
+		payoutCountryDetails: payoutSteps.payoutCountryDetails,
+		payoutVerificationMethod: payoutSteps.payoutVerificationMethod,
+		payoutAccountDetails: payoutSteps.payoutAccountDetails,
+		payoutAccountDocuments: payoutSteps.payoutAccountDocuments,
+		payoutAccountVerification: payoutSteps.payoutAccountVerification
+	};
+	if (!isCrossBorderEnabled) delete dependentSteps["payoutCountryDetails"];
+	if (isEditing || !instantVerificationAvailable && !canChangeCountry || isForcedManualPayoutFlowEnabled) delete dependentSteps["payoutVerificationMethod"];
+	return dependentSteps;
+};
+//#endregion
+//#region src/components/BankAccount/tasks/PayoutDetailsDropin/utils.ts
+var CUSTOM_LABELS = {
+	verifiedAccountHolder: "accountHolder",
+	verifiedBankCountry: "bankCountry",
+	verifiedBankName: "bankName",
+	verifiedCurrencyCode: "currencyCode",
+	verifiedBankAccountNumber: "bankAccountNumber"
+};
+/**
+* we are determining the header of the modal from the first error. to be refined in later iterations
+*
+* @param errors
+*/
+var getInvalidFieldsErrorHeader = (invalidField) => {
+	switch (invalidField) {
+		case "LEGAL_BUSINESS_NAME":
+		case "FIRST_NAME":
+		case "LAST_NAME": return "caasBankAccountHolderDoesNotMatch";
+		default: return "weCouldntCompleteTheAccountCheck";
+	}
+};
+/**
+* we are determining the content of the modal from the first error. to be refined in later iterations
+*
+* @param errors
+*/
+var getInvalidFieldsErrorContent = (invalidField) => {
+	switch (invalidField) {
+		case "LEGAL_BUSINESS_NAME": return "caasBankAccountMustBeInYourNameYourBusinessLegalNameOrDoingBusinessAs";
+		case "FIRST_NAME":
+		case "LAST_NAME": return "caasBankAccountMustBeInYourName";
+		default: return "weCouldntCompleteTheAccountCheck";
+	}
+};
+var defaultInvalidErrorMessage = {
+	header: "weCouldntCompleteTheAccountCheck",
+	content: "weCouldntCompleteTheAccountCheck"
+};
+var getInvalidFieldsErrorMessage = (errors) => {
+	if (!errors || errors.length === 0) return defaultInvalidErrorMessage;
+	const [firstError] = errors;
+	const { invalidFields } = firstError;
+	if (!invalidFields || invalidFields.length === 0) return defaultInvalidErrorMessage;
+	const [firstInvalidField] = invalidFields;
+	return {
+		header: getInvalidFieldsErrorHeader(firstInvalidField),
+		content: getInvalidFieldsErrorContent(firstInvalidField)
+	};
+};
+var getPayoutVerificationMethod = (transferInstrument, instantVerificationEnabled) => {
+	if (transferInstrument) return "manualVerification";
+	else return instantVerificationEnabled ? "instantVerification" : "manualVerification";
+};
+/**
+* Ensures that all the "verified" fields have the corresponding regular field's label in the summary.
+* Same as if they were manually entered.
+*/
+var formatAccountVerificationSummary = (data) => {
+	if (!data) return {};
+	const summary = {};
+	keysOf(CUSTOM_LABELS).forEach((key) => {
+		if (!data[key]) return;
+		summary[key] = summaryItem(CUSTOM_LABELS[key], data[key]);
+	});
+	return summary;
+};
+//#endregion
+//#region src/components/BankAccount/tasks/PayoutDetailsDropin/PayoutDetailsDropin.tsx
+function PayoutDetailsDropin({ legalEntityResponse, problems: propProblems, onSubmit: externalOnSubmit, onChange, asModal = false, handleCloseClick, taskType: propTaskType, handleHomeClick, currentTransferInstrumentId, setCurrentTransferInstrumentId, navigateBackToTaskList, handleBackClick: externalBackClick, hideSidebar, openBankingPartnerConfigId }) {
+	const { baseUrl, rootLegalEntityId } = useApiContext();
+	const { data: transferInstrument, refetch: refetchTransferInstrument, isLoading: isTransferInstrumentLoading } = useTransferInstrument(currentTransferInstrumentId ?? skipToken);
+	const { mutateAsync: handleUpdateTransferInstrument } = useUpdateTransferInstrument();
+	const { mutateAsync: handleUpdateTrustedTransferInstrument } = useUpdateTrustedTransferInstrument();
+	const { mutateAsync: handleCreateTrustedTransferInstrument, status: createTrustedTransferInstrumentStatus } = useCreateTrustedTransferInstrument();
+	const [previousTrustedInstrumentStatus, setPreviousTrustedInstrumentStatus] = useState$1(createTrustedTransferInstrumentStatus);
+	const { t, i18n: i18next } = useTranslation("banking");
+	const { t: commonT } = useTranslation("common");
+	const userEvents = useAnalyticsContext();
+	const { showToast, clearToasts } = useToastContext();
+	const { isFeatureEnabled } = useToggleContext();
+	const { isSettingEnabled } = useSettingsContext();
+	const enabledCrossBorderPayouts = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
+	const defaultPayoutCountry = getLegalEntityCountry(legalEntityResponse);
+	const existingPayoutDetails = useMemo$1(() => transferInstrument ? mapTransferInstrumentToPayoutAccount(transferInstrument, enabledCrossBorderPayouts) : void 0, [transferInstrument]);
+	const [documents, setDocuments] = useState$1();
+	const [isCaasCalled, setIsCaasCalled] = useState$1(false);
+	const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
+	const fallbackCurrency = currencyByCountry[defaultPayoutCountry]?.[0];
+	const accountHolderName = accountHolder || getLegalEntityNameBasedOnType(legalEntityResponse);
+	const instantVerificationEnabled = Boolean(!isTransferInstrumentLoading && !transferInstrument && isSettingEnabled("instantBankVerification"));
+	const taskType = propTaskType ?? TaskTypes.PAYOUT;
+	const [trustedTransferInstrumentId, setTrustedTransferInstrumentId] = useState$1();
+	const prefilledData = {
+		payoutCountryDetails: {
+			bankCountry: existingPayoutDetails?.payoutCountryDetails?.bankCountry ?? defaultPayoutCountry,
+			preferredCurrency: existingPayoutDetails?.payoutCountryDetails?.preferredCurrency
+		},
+		payoutAccountDetails: {
+			accountHolder: accountHolderName,
+			currency: fallbackCurrency,
+			...existingPayoutDetails?.payoutAccountDetails
+		},
+		payoutVerificationMethod: {
+			payoutVerificationMethod: getPayoutVerificationMethod(transferInstrument, instantVerificationEnabled),
+			bankCountry: defaultPayoutCountry,
+			...existingPayoutDetails?.payoutVerificationMethod
+		},
+		payoutAccountVerification: {
+			verifiedAccountHolder: accountHolderName,
+			verifiedBankCountry: defaultPayoutCountry,
+			...existingPayoutDetails?.payoutAccountVerification
+		}
+	};
+	const documentUtils = documentApiUtils({
+		baseUrl: baseUrl.value,
+		rootLegalEntityId: rootLegalEntityId.value
+	});
+	const { state: { currentState } } = useStateContext();
+	const formValidity = currentState.validityByForm;
+	const bankAccountCountry = (enabledCrossBorderPayouts ? currentState?.data?.payoutCountryDetails?.bankCountry : currentState?.data?.payoutVerificationMethod?.bankCountry) ?? defaultPayoutCountry;
+	const [hideFooterAndSidebar, setHideFooterAndSidebar] = useState$1(false);
+	const [skipSubmit, setSkipSubmit] = useState$1(false);
+	const [loadingStatus, setLoadingStatus] = useState$1("loading");
+	const [isSubmitting, setIsSubmitting] = useState$1(false);
+	const [configurationLoadingStatus, setConfigurationLoadingStatus] = useState$1("loading");
+	const [data, setData] = useState$1(prefilledData);
+	const [problems, setProblems] = useState$1(propProblems || (transferInstrument?.id ? getCapabilityProblems(legalEntityResponse, bankAccountCountry)?.BankAccount?.[transferInstrument.id] : void 0));
+	const [accountDetailsFromInput, setAccountDetailsFromInput] = useState$1(prefilledData.payoutAccountDetails);
+	const [hasAsyncValidationError, setHasAsyncValidationError] = useState$1(false);
+	const isMaskedBankAccountNumber = data.payoutAccountDetails?.bankAccountNumber?.includes("*") || data.payoutAccountDetails?.iban?.includes("*");
+	const existingBankAccountFormat = transferInstrument ? transferInstrument?.bankAccount?.accountIdentification?.type === "numberAndBic" ? "numberAndBic" : existingPayoutDetails?.payoutAccountDetails?.iban ? "iban" : "local" : void 0;
+	/**
+	* Analytics
+	*/
+	useTaskLandedEvent(taskType);
+	useEffect$1(() => {
+		setData({
+			...currentState.data,
+			payoutAccountDetails: {
+				...currentState.data?.payoutAccountDetails,
+				currency: currencyByCountry[bankAccountCountry]?.[0]
+			}
+		});
+		onChange?.(currentState);
+	}, [
+		bankAccountCountry,
+		currentState,
+		onChange
+	]);
+	const { data: providers, refetch: refetchBankVerificationProviders, status: bankVendorsLoadingStatus } = useBankVerificationProviders({
+		country: bankAccountCountry,
+		configId: openBankingPartnerConfigId,
+		locale: i18next.language
+	}, { enabled: instantVerificationEnabled });
+	/**
+	* instantVerificationEnabled = conditions are met to show the option for instant verification
+	* instantVerificationAvailable = instantVerificationEnabled AND there is a provider returned for the bank account country
+	*/
+	const instantVerificationAvailable = useMemo$1(() => Boolean(instantVerificationEnabled && providers?.[0]?.redirectUrl), [instantVerificationEnabled, providers]);
+	const getPayoutAccountFormatData = useCallback$1(async () => getAccountFormatsForCountry(bankAccountCountry), [bankAccountCountry]);
+	/**
+	* Fetch Configurations
+	*/
+	const { fieldConfigurations, requiredFields } = useScenarioConfiguration({
+		parseConfiguration,
+		legalEntityType: legalEntityResponse.type,
+		getPayoutAccountFormatData,
+		instantVerificationAvailable,
+		setLoadingStatus: setConfigurationLoadingStatus,
+		country: bankAccountCountry,
+		existingBankAccountFormat
+	});
+	/**
+	* parse configuration and create component props
+	*/
+	const fieldsFromCustomRules = useMemo$1(() => rules({
+		data,
+		country: bankAccountCountry,
+		taskType,
+		requiredFields,
+		isFeatureEnabled
+	}), [
+		bankAccountCountry,
+		data,
+		taskType,
+		isFeatureEnabled
+	]);
+	const { data: checkAsAServiceData, refetch: refetchCheckAsAService, isLoading: isCheckAsAServiceLoading, isError: isCheckAsAServiceError } = useCheck(useMemo$1(() => {
+		return mapPayoutAccountSchemaToApiBankAccount(data.payoutAccountDetails ?? { bankAccountNumber: "" }, bankAccountCountry);
+	}, [data, bankAccountCountry]).accountIdentification, { enabled: false });
+	const checkAsAServiceResultStatus = checkAsAServiceData?.status;
+	const checkAsAServiceResultErrors = checkAsAServiceData?.errors;
+	const provider = providers?.[0];
+	const isInstantVerificationFlow = data.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
+	const [isModalOpen, setIsModalOpen] = useState$1(false);
+	const payoutDetailsSteps = useMemo$1(() => {
+		const appropriatePayoutDetailsSteps = getAppropriatePayoutDetailsSteps(Boolean(prefilledData?.payoutAccountDetails?.transferInstrumentId), instantVerificationAvailable, isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout), enabledCrossBorderPayouts);
+		if (!isCheckAsAServiceError && (checkAsAServiceResultStatus === "VALID" || checkAsAServiceResultStatus === void 0) && !isMaskedBankAccountNumber) delete appropriatePayoutDetailsSteps[payoutSteps.payoutAccountDocuments.formId];
+		return appropriatePayoutDetailsSteps;
+	}, [
+		providers,
+		checkAsAServiceResultStatus,
+		isCheckAsAServiceError,
+		isMaskedBankAccountNumber
+	]);
+	const derivedProps = useMemo$1(() => {
+		return getPropsFromConfigurations({
+			scenarioConfiguration: fieldConfigurations,
+			forms: payoutDetailsSteps,
+			remediationActions: problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
+			dataMissingErrors: problems?.missingData ?? [],
+			fieldsWithExistingData: [],
+			customRules: fieldsFromCustomRules,
+			legalEntityType: legalEntityResponse.type
+		});
+	}, [
+		fieldConfigurations,
+		payoutDetailsSteps,
+		problems?.remediationActions,
+		problems?.missingData,
+		fieldsFromCustomRules,
+		legalEntityResponse.type
+	]);
+	useUnifyLoadingStatus(setLoadingStatus, configurationLoadingStatus, instantVerificationEnabled ? bankVendorsLoadingStatus : "success", isSubmitting ? "loading" : "success");
+	/**
+	* Configure forms based on obtained props
+	*/
+	const forms = useMemo$1(() => {
+		return addValidityToForms(getRequiredForms(payoutDetailsSteps, derivedProps?.requiredFields, derivedProps?.optionalFields), hasAsyncValidationError ? {
+			...formValidity,
+			payoutAccountDetails: false
+		} : formValidity, problems);
+	}, [
+		derivedProps,
+		formValidity,
+		hasAsyncValidationError,
+		problems,
+		payoutDetailsSteps
+	]);
+	useEffect$1(() => {
+		if (!transferInstrument?.documentDetails?.length) return;
+		if (transferInstrument.id) documentUtils.fetchDocuments(transferInstrument.documentDetails, transferInstrument.id).then(() => {
+			setDocuments(mapApiDocumentToPayoutDocuments(transferInstrument.id));
+		}).catch(() => {
+			showToast({
+				label: commonT(($) => $["failedToFetchRelevantDocuments"]),
+				variant: "error"
+			});
+		});
+	}, [transferInstrument?.documentDetails]);
+	const submitDocuments = async ({ forms, transferInstrument, dataSubmitted }) => {
+		if (forms.some((form) => form.formId === payoutSteps.payoutAccountDocuments.formId)) {
+			const documentToUpload = await mapPayoutDocumentsToApiDocuments(dataSubmitted, transferInstrument.id);
+			if (documentToUpload) try {
+				(await documentUtils.uploadDocuments([documentToUpload], transferInstrument.id)).forEach((document) => {
+					userEvents.addTaskEvent("Success", {
+						actionType: "upload",
+						documentType: dataSubmitted.payoutAccountDocuments?.documentType ?? document.type,
+						fileExtention: document.attachments?.map((item) => getFileExtention(item.pageName ?? "")).filter((item) => item !== void 0) ?? void 0
+					});
+				});
+			} catch {
+				setProblems({
+					...problems,
+					validationErrors: { payoutAccountDocuments: { bankStatementDocument: true } }
+				});
+				throw new Error(commonT(($) => $["remediationMessage_1_704"]));
+			} finally {
+				await refetchTransferInstrument?.();
+			}
+		}
+	};
+	useEffect$1(() => {
+		const payoutAccountData = cloneObject(data)?.payoutAccountDetails;
+		if (payoutAccountData) setAccountDetailsFromInput(payoutAccountData);
+	}, [data]);
+	const onSubmit = async () => {
+		setIsSubmitting(true);
+		const dataSubmitted = cloneObject(data);
+		const { payoutAccountDetails, payoutVerificationMethod } = dataSubmitted;
+		const baseTracking = {
+			actionType: "submit",
+			documentType: "bankStatement",
+			bankCountry: payoutVerificationMethod?.bankCountry ?? defaultPayoutCountry,
+			bankCurrency: payoutAccountDetails?.currency ?? null
+		};
+		let transferInstrumentFromInput = mapPayoutDetailsToTransferInstrument({
+			data: dataSubmitted,
+			legalEntity: legalEntityResponse,
+			enabledCrossBorderPayouts
+		});
+		transferInstrumentFromInput = omitObscuredFieldsIfUnchanged(["bankAccount.accountIdentification.accountNumber", "bankAccount.accountIdentification.iban"], transferInstrumentFromInput, transferInstrument);
+		try {
+			if (!transferInstrumentFromInput) return;
+			const response = await (transferInstrument ? handleUpdateTransferInstrument({
+				transferInstrument: transferInstrumentFromInput,
+				transferInstrumentId: transferInstrument.id
+			}) : createTransferInstrument(rootLegalEntityId.value, baseUrl.value, transferInstrumentFromInput));
+			setCurrentTransferInstrumentId?.(response?.id);
+			userEvents.addTaskEvent("Success", { ...baseTracking });
+			try {
+				await submitDocuments({
+					forms,
+					transferInstrument: response,
+					dataSubmitted
+				});
+				clearToasts();
+				externalOnSubmit?.({
+					...dataSubmitted,
+					id: response?.id
+				});
+			} catch (e) {
+				showToast({
+					label: e.message,
+					variant: "error"
+				});
+				userEvents.addTaskEvent("Encountered error", {
+					...baseTracking,
+					returnType: e?.errorCode || "backend",
+					returnValue: e?.title || e?.message
+				});
+			} finally {
+				setIsSubmitting(false);
+			}
+		} catch (e) {
+			if (isValidationError(e)) {
+				const validationErrors = processValidationErrors(e, taskType);
+				setProblems({
+					...problems,
+					validationErrors
+				});
+			} else if (isIdDocumentUploadError(e)) showToast({
+				label: t(($) => $["idDocumentAlreadyUploaded"]),
+				variant: "error"
+			});
+			else if (isBankStatementUploadError(e)) showToast({
+				label: t(($) => $["bankStatementAlreadyUploaded"]),
+				variant: "error"
+			});
+			else if (isMaintenanceModeError(e)) showToast({
+				label: commonT(($) => $["maintenanceModeMessage"]),
+				variant: "error",
+				duration: "indefinite"
+			});
+			else {
+				const errorTranslatable = mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable(e);
+				showToast({
+					label: commonT(($) => $[errorTranslatable]),
+					variant: "error"
+				});
+			}
+			setIsSubmitting(false);
+			userEvents.addTaskEvent("Encountered error", {
+				...baseTracking,
+				returnType: e?.errorCode || "backend",
+				returnValue: e?.title || e?.message
+			});
+		}
+	};
+	const formatFileSummaryData = (bankDocuments) => {
+		const bankStatementDocument = bankDocuments?.bankStatementDocument?.[0];
+		return {
+			documentType: bankDocuments?.documentType && commonT(($) => $[bankDocuments?.documentType]),
+			fileName: bankStatementDocument?.name,
+			description: bankDocuments?.description
+		};
+	};
+	const canSubmit = () => {
+		if (isInstantVerificationFlow) return false;
+		const bankDetails = data.payoutAccountDetails;
+		return !isEmpty(bankDetails) && Object.values(bankDetails).every(Boolean);
+	};
+	const datasetUtils = datasetUtilities(i18next.language);
+	const formatDataForSummary = () => {
+		const summaryData = cloneObject(data);
+		summaryData.payoutAccountDetails.accountHolder = accountHolderName;
+		if (summaryData.payoutVerificationMethod?.bankCountry && summaryData.payoutAccountDetails) summaryData.payoutAccountDetails.bankCountry = datasetUtils.getCountryName(summaryData.payoutVerificationMethod.bankCountry);
+		if (summaryData.payoutAccountDocuments) summaryData.payoutAccountDocuments = formatFileSummaryData(data?.payoutAccountDocuments);
+		summaryData.payoutAccountVerification = formatAccountVerificationSummary(data.payoutAccountVerification);
+		return summaryData;
+	};
+	const createTrustedTransferInstrumentHandler = async (code, state) => {
+		try {
+			const trustedTransferInstrument = await handleCreateTrustedTransferInstrument({
+				code,
+				state
+			});
+			if (trustedTransferInstrument) {
+				setTrustedTransferInstrumentId(trustedTransferInstrument.verificationReference);
+				return trustedTransferInstrument;
+			}
+		} catch (e) {
+			refetchBankVerificationProviders();
+			const errorTranslatable = mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable(e);
+			if (errorTranslatable === "transferInstrumentLimitHasAlreadyBeenMet") showToast({
+				label: commonT(($) => $[errorTranslatable]),
+				variant: "error"
+			});
+			throw e;
+		}
+	};
+	const { handleNextClick, handleBackClick, activeForm, setShouldValidate, gotoFormByFormIndex, gotoFormByFormId, steps } = useFormComposer({
+		problems,
+		forms,
+		externalBackClick,
+		onSubmit: skipSubmit ? async () => {
+			if (enabledCrossBorderPayouts && trustedTransferInstrumentId && data.payoutCountryDetails?.preferredCurrency) try {
+				await handleUpdateTrustedTransferInstrument({
+					transferInstrumentId: trustedTransferInstrumentId,
+					preferredCurrencyCode: data.payoutCountryDetails?.preferredCurrency
+				});
+			} catch {
+				showToast({
+					label: commonT(($) => $["failedToUpdateDetails"]),
+					variant: "error"
+				});
+			}
+			if (trustedTransferInstrumentId) externalOnSubmit?.({
+				...data,
+				id: trustedTransferInstrumentId
+			});
+			userEvents.addTaskEvent("Success", { actionType: "submit" });
+			navigateBackToTaskList?.();
+		} : onSubmit
+	});
+	useEffect$1(() => {
+		if (isCaasCalled && forms) {
+			if (checkAsAServiceResultStatus !== "VALID" && checkAsAServiceResultStatus !== "INCOMPLETE_INPUT") {
+				const formIndex = forms.findIndex((f) => f.formId === "payoutAccountDocuments");
+				if (formIndex > -1) gotoFormByFormIndex(formIndex);
+			}
+			if (checkAsAServiceResultStatus === "VALID") handleNextClick();
+		}
+		setIsCaasCalled(false);
+	}, [
+		forms,
+		checkAsAServiceResultStatus,
+		isCaasCalled
+	]);
+	const handleFormNextClick = async () => {
+		if (activeForm.formId === "payoutVerificationMethod") if (isInstantVerificationFlow) {
+			trackNavigation({
+				userEvents,
+				actionType: "next",
+				label: "instantVerification",
+				toForm: "instantVerification"
+			});
+			showInstantVerificationPayoutModal.value = true;
+			return;
+		} else {
+			handleNextClick();
+			return;
+		}
+		if (activeForm.formId === "payoutAccountDetails" && activeForm.isValid && data.payoutAccountDetails && !isMaskedBankAccountNumber) try {
+			const { data: response } = await refetchCheckAsAService();
+			setIsCaasCalled(true);
+			if (response?.status === "INCOMPLETE_INPUT") setIsModalOpen(true);
+		} catch {
+			handleNextClick();
+		}
+		else handleNextClick();
+	};
+	if (previousTrustedInstrumentStatus !== createTrustedTransferInstrumentStatus) {
+		if (activeForm.formId === "payoutAccountVerification" && activeForm.isValid && createTrustedTransferInstrumentStatus === "success" && data.payoutAccountVerification?.verifiedBankAccountNumber) {
+			handleNextClick();
+			setPreviousTrustedInstrumentStatus(createTrustedTransferInstrumentStatus);
+		}
+		if (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 ?? []);
+	return /* @__PURE__ */ jsxs(LoaderWrapper, {
+		showSpinner: true,
+		status: isCheckAsAServiceLoading || isModalOpen || createTrustedTransferInstrumentStatus === "pending" ? "loading" : "success",
+		formOpacityWhenLoading: .3,
+		children: [isModalOpen && /* @__PURE__ */ jsx(Confirm, {
+			title: t(($) => $[invalidFieldHeader]),
+			description: t(($) => $[invalidFieldContent]),
+			cancelText: commonT(($) => $["editDetails"]),
+			confirmText: t(($) => $["continueAnyway"]),
+			onConfirm: () => {
+				handleNextClick();
+				setIsModalOpen(false);
+			},
+			onCancel: () => {
+				gotoFormByFormIndex(0);
+				setIsModalOpen(false);
+			}
+		}), /* @__PURE__ */ jsx(FormWrapper, {
+			taskName: taskType === TaskTypes.PAYIN ? "payinDetails" : "payoutDetails",
+			activeForm,
+			summary: {
+				data: formatDataForSummary(),
+				omitted: {
+					keys: ["transferInstrumentId", "payoutVerificationMethod"],
+					forms: omittedForms,
+					summaryEditButton: ["payoutVerificationMethod", "payoutAccountVerification"]
+				}
+			},
+			handleBackClick: activeForm.formId !== "summary" ? handleBackClick : void 0,
+			handleNextClick: handleFormNextClick,
+			handleHomeClick,
+			handleCloseClick,
+			hideSidebar: hideSidebar || hideFooterAndSidebar,
+			hideFooter: hideFooterAndSidebar,
+			loadingStatus: isTransferInstrumentLoading ? "loading" : loadingStatus,
+			asModal,
+			forms,
+			onSubmit,
+			gotoFormByFormIndex,
+			gotoFormByFormId,
+			validateForm: () => setShouldValidate(true),
+			canSubmit: canSubmit(),
+			problems,
+			steps,
+			children: (!isTransferInstrumentLoading || isSubmitting) && /* @__PURE__ */ jsx(PayoutDetails, {
+				...derivedProps,
+				data: {
+					...prefilledData,
+					payoutAccountDocuments: documents
+				},
+				country: defaultPayoutCountry,
+				activeForm,
+				onBack: handleBackClick,
+				accountHolder: accountHolder ?? getLegalEntityNameBasedOnType(legalEntityResponse),
+				setHideSidebar: setHideFooterAndSidebar,
+				setSkipSubmit,
+				legalEntityResponse,
+				provider,
+				bankVendorsLoadingStatus,
+				instantVerificationAvailable,
+				createTrustedTransferInstrument: createTrustedTransferInstrumentHandler,
+				accountDetailsFromInput,
+				trustedTransferInstrumentId,
+				setHasAsyncValidationError
+			})
+		})]
+	});
+}
+//#endregion
+export { MemoizedBankDocumentClassification as A, useCreateTrustedTransferInstrument as B, defaultFieldMetadata$2 as C, InstantVerificationErrorContext as D, BankVerification as E, mapPayoutAccountSchemaToApiBankAccount as F, useBankVerificationProviders as H, useAsyncAccountDetailsValidationRules as I, getAccountFormatsForCountry as L, resetPayoutSignals as M, showInstantVerificationPayoutModal as N, useInstantVerificationErrorNotification as O, getAccountIdentificationFromPayoutAccountSchema as P, useUpdateTrustedTransferInstrument as R, defaultFieldConfig$2 as S, defaultFieldMetadata$3 as T, useCheck as U, createTransferInstrument as V, swiftCodeFieldMetadata as _, getAppropriatePayoutDetailsSteps as a, defaultFieldConfig$1 as b, mapPayoutDetailsToTransferInstrument as c, payoutSteps as d, PayoutVerificationMethod as f, PayoutAccount as g, PayoutRequirementsModal as h, getPayoutVerificationMethod as i, bankDocumentValidationRules as j, bankVerificationValidationRules as k, mapApiDocumentToPayoutDocuments as l, getDefaultCurrencyForCountry as m, formatAccountVerificationSummary as n, parseConfiguration as o, PayoutCountryDetails as p, getInvalidFieldsErrorMessage as r, mapPayoutDocumentsToApiDocuments as s, PayoutDetailsDropin as t, rules as u, defaultFieldConfig as v, defaultFieldConfig$3 as w, defaultFieldMetadata$1 as x, defaultFieldMetadata as y, useUpdateTransferInstrument as z };