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

package/dist/PayoutDetailsDropin-Bzs2jydk.js

@@ -1,4226 +0,0 @@
-;
-{
-  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] = "5eb48620-f6c7-48d5-8ace-540fe735d5b6", e._sentryDebugIdIdentifier = "sentry-dbid-5eb48620-f6c7-48d5-8ace-540fe735d5b6");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
-import { useQuery, useMutation, useQueryClient, skipToken } from "@tanstack/preact-query";
-import { useState, useEffect, useRef, useCallback, useContext, useMemo as useMemo$1 } from "preact/hooks";
-import { b as useApiContext, j as httpPost, k as httpGet, ae as createLogger, a9 as CountryCodes, u as useTranslation, x as useAnalyticsContext, z as Icon, N as Typography, V as Button, ah as objectsDeepEqual, H as useToggleContext, aB as Header, ax as isEmpty, ab as translateTranslatable, q as hasOwnEntityAssociationOfType, L as LegalEntityTypes, t as useAccountHolder, m as useSettingsContext, C as Alert, a8 as getLegalEntityCountry, aR as Trans, b4 as EEA_Countries, ap as useDataset, O as StackLayout, aq as datasetIdentifier, b5 as isAccountIdentifierObscured, b6 as hasEmptyFields, b7 as extractFieldName, b8 as concatenateFieldNames, aT as keysOf, ak as getCapabilityProblems, w as TaskTypes, an as cloneObject, am as datasetUtilities } from "./StoreProvider-CApjzEDt.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-DJ5E9tqe.js";
-import { L as LoaderWrapper } from "./LoaderWrapper-DE-3T3QK.js";
-import { S as SettingNames } from "./types-Dv0COrvY.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext, F as FormWrapper } from "./useGlobalData-TnV6PIkt.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-DrlXuGmm.js";
-import { F as FeatureNames } from "./types-C7ANBXKc.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-CMIDJACq.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-C6SkIQLo.js";
-import { u as uppercase, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, b as useScenarioConfiguration, c as useUnifyLoadingStatus } from "./mapExistingFile-BOZ-beF3.js";
-import { C as Confirm } from "./Confirm-CceRWfkX.js";
-import { c as currencyByCountry } from "./types-BDdV-c-7.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-kYn_eC4r.js";
-import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
-import { D as DropzoneFile, e as bytesToSize, f as defaultFileValidationOptions, h as fileValidationRules, S as StateContextSetter, i as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./validate-B1FpiTip.js";
-import { b as getPayoutAccountHolderName, g as getLegalEntityNameBasedOnType } from "./getName-CfQAf_l-.js";
-import { o as omitObscuredFieldsIfUnchanged } from "./omitObscuredFieldsIfUnchanged-DMBgASfn.js";
-import { signal } from "@preact/signals";
-import { Show } from "@preact/signals/utils";
-import { s as summaryStep } from "./Summary-DlYtNJQD.js";
-import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import cx from "classnames";
-import { memo, useRef as useRef$1, useState as useState$1, useMemo, useEffect as useEffect$1, lazy } from "preact/compat";
-import { F as Field } from "./Field-DDqviWD6.js";
-import { M as Modal } from "./Modal-Bq5ccK7z.js";
-import { T as TextArea } from "./TextArea-C4OmPCHh.js";
-import { u as useForm } from "./useForm-BgHdSJLD.js";
-import { E as EndStateLayout } from "./EndStateLayout-yZlKFmxQ.js";
-import { E as ErrorPanel } from "./ErrorPanel-rmGb9PlE.js";
-import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-BVAIyFiB.js";
-import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
-import { createContext } from "preact";
-import OpenBankingSDK from "@adyen/openbankingsdk";
-import { S as Select } from "./Select-D5a5aVFZ.js";
-import { m as makeMask, n as numericInputs, a as nonInputs, s as spacer, c as customInputs, M as MaskedInput, d as alphanumericInputs, b as alphaInputs } from "./MaskedInput-Dzp3Td83.js";
-import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { v as validatePatternOnBlur } from "./patternValidators-a6VZDG0x.js";
-import { a as isNotEmptyValidator } from "./commonValidators-D1bdFvRX.js";
-import { I as InputText } from "./InputText-BCi31wZB.js";
-import { C as Currencies } from "./currency-CrdnaaDu.js";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-DCGs6f0a.js";
-import { I as Image } from "./unincorporated-partnership-5iQ8augf.js";
-import { C as CountryField } from "./CountryField-B0KnMSNK.js";
-import { C as Card } from "./Card-OQuFzmxm.js";
-import { L as Link } from "./Link-DWRRNNKW.js";
-import { T as Tag } from "./Tag-DdkVScyr.js";
-import { C as ContextGuidance } from "./ContextGuidance-DeSyT-K4.js";
-import { c as createFormRules } from "./form-rules-DhbF2mY4.js";
-import { s as summaryItem } from "./summaryItem-CAQCQSkt.js";
-const getCheck = async (legalEntityId, baseUrl, data) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${legalEntityId}/checks/bankAccount`
-    },
-    data
-  );
-};
-const useCheck = (data, options) => {
-  const { rootLegalEntityId, baseUrl: url } = useApiContext();
-  return useQuery({
-    queryKey: ["checkAsAService", data],
-    queryFn: () => getCheck(rootLegalEntityId.value, url.value, data),
-    ...options
-  });
-};
-const getBankVerificationProviders = async (legalEntityId, baseUrl, queryParams) => {
-  const { country, locale, configId } = queryParams;
-  const providerParams = new URLSearchParams({
-    country,
-    locale,
-    ...configId && { configId }
-  });
-  return httpGet({
-    baseUrl,
-    path: `legalEntities/${legalEntityId}/transferInstruments/trusted/providers?${providerParams}`
-  });
-};
-const useBankVerificationProviders = (queryParams, options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useQuery({
-    queryKey: ["bankVerificationProviders", queryParams],
-    queryFn: () => getBankVerificationProviders(rootLegalEntityId.value, baseUrl.value, queryParams),
-    ...options
-  });
-};
-const createTransferInstrument = async (rootLegalEntityId, baseUrl, transferInstrument) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${rootLegalEntityId}/transferInstruments`
-    },
-    transferInstrument
-  );
-};
-const createTrustedTransferInstrument = async (legalEntityId, baseUrl, data) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${legalEntityId}/transferInstruments/trusted`
-    },
-    data
-  );
-};
-const useCreateTrustedTransferInstrument = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useMutation({
-    mutationFn: (data) => createTrustedTransferInstrument(rootLegalEntityId.value, baseUrl.value, data),
-    ...options
-  });
-};
-const updateTransferInstrument = async (legalEntityId, baseUrl, transferInstrument, transferInstrumentId) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${legalEntityId}/transferInstruments/${transferInstrumentId}`
-    },
-    transferInstrument
-  );
-};
-const 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({
-        // Invalidate transfer instruments on root LE
-        queryKey: ["transferInstruments"]
-      });
-    },
-    ...options
-  });
-};
-const updateTrustedTransferInstrument = async (legalEntityId, baseUrl, preferredCurrencyCode, transferInstrumentId) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${legalEntityId}/transferInstruments/trusted/${transferInstrumentId}`
-    },
-    {
-      preferredCurrencyCode
-    }
-  );
-};
-const useUpdateTrustedTransferInstrument = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useMutation({
-    mutationFn: ({ preferredCurrencyCode, transferInstrumentId }) => updateTrustedTransferInstrument(
-      rootLegalEntityId.value,
-      baseUrl.value,
-      preferredCurrencyCode,
-      transferInstrumentId
-    ),
-    ...options
-  });
-};
-const accountFormatsImports = /* @__PURE__ */ Object.assign({ "../accountFormats/AD.json": () => import("./AD-BQAadLyG.js"), "../accountFormats/AE.json": () => import("./AE-mIZ12t47.js"), "../accountFormats/AI.json": () => import("./AI-CYOqGKk2.js"), "../accountFormats/AL.json": () => import("./AL-BX1fEo1A.js"), "../accountFormats/AR.json": () => import("./AR-C9kMRnHG.js"), "../accountFormats/AS.json": () => import("./AS-B0TMZQ6o.js"), "../accountFormats/AT.json": () => import("./AT-BI8ju2NH.js"), "../accountFormats/AU.json": () => import("./AU-B5LSe4bo.js"), "../accountFormats/AX.json": () => import("./AX-Z6f6EnJc.js"), "../accountFormats/AZ.json": () => import("./AZ-BqrKjWMH.js"), "../accountFormats/BA.json": () => import("./BA-BbP72Tn6.js"), "../accountFormats/BE.json": () => import("./BE-nWHKW0xQ.js"), "../accountFormats/BG.json": () => import("./BG-HKzabLqZ.js"), "../accountFormats/BH.json": () => import("./BH-Ded1Eyrc.js"), "../accountFormats/BM.json": () => import("./BM-CBl-UQUl.js"), "../accountFormats/BR.json": () => import("./BR-DsY9PZVZ.js"), "../accountFormats/BS.json": () => import("./BS-dBfArxRw.js"), "../accountFormats/BV.json": () => import("./BV-D0QBsH7-.js"), "../accountFormats/BY.json": () => import("./BY-BsQUo3fM.js"), "../accountFormats/CA.json": () => import("./CA-DT4cmOOe.js"), "../accountFormats/CH.json": () => import("./CH-TX4BTE2y.js"), "../accountFormats/CN.json": () => import("./CN-BV-5PSpq.js"), "../accountFormats/CR.json": () => import("./CR-Dtv-rXg9.js"), "../accountFormats/CY.json": () => import("./CY-D59Nypl7.js"), "../accountFormats/CZ.json": () => import("./CZ-B6iI1GbE.js"), "../accountFormats/DE.json": () => import("./DE-CsuX_tSL.js"), "../accountFormats/DK.json": () => import("./DK-oQEFrF6o.js"), "../accountFormats/DO.json": () => import("./DO-B1BWc3Iy.js"), "../accountFormats/EC.json": () => import("./EC-DbNXe71-.js"), "../accountFormats/EE.json": () => import("./EE-3WZV5Ejt.js"), "../accountFormats/ES.json": () => import("./ES-NfxpqbC2.js"), "../accountFormats/FI.json": () => import("./FI-CHQIvHa-.js"), "../accountFormats/FJ.json": () => import("./FJ-CBdbPf5l.js"), "../accountFormats/FO.json": () => import("./FO-1pD1p939.js"), "../accountFormats/FR.json": () => import("./FR-MWZyWX3x.js"), "../accountFormats/GB.json": () => import("./GB-CCYHTagl.js"), "../accountFormats/GE.json": () => import("./GE-Deog1a3Z.js"), "../accountFormats/GF.json": () => import("./GF-Cda8N7A4.js"), "../accountFormats/GG.json": () => import("./GG-CPoMVQPc.js"), "../accountFormats/GI.json": () => import("./GI-DxmBwVD_.js"), "../accountFormats/GL.json": () => import("./GL-0vO9Of9c.js"), "../accountFormats/GP.json": () => import("./GP-za-3opp-.js"), "../accountFormats/GR.json": () => import("./GR-Rk0pXlNw.js"), "../accountFormats/GT.json": () => import("./GT-C1jhs-Dx.js"), "../accountFormats/GU.json": () => import("./GU-CALV5vh1.js"), "../accountFormats/HK.json": () => import("./HK-BB3PIq-Z.js"), "../accountFormats/HR.json": () => import("./HR-WapHW2fw.js"), "../accountFormats/HU.json": () => import("./HU-DCOMuOhe.js"), "../accountFormats/ID.json": () => import("./ID-BcOv4SXj.js"), "../accountFormats/IE.json": () => import("./IE-BkgtVgDi.js"), "../accountFormats/IL.json": () => import("./IL-CQ0yHRRe.js"), "../accountFormats/IM.json": () => import("./IM-Wr4iDT94.js"), "../accountFormats/IN.json": () => import("./IN-BhEI9o7G.js"), "../accountFormats/IS.json": () => import("./IS-C-Cgc6zp.js"), "../accountFormats/IT.json": () => import("./IT-CXekiddL.js"), "../accountFormats/JE.json": () => import("./JE-B4gj54Hg.js"), "../accountFormats/JM.json": () => import("./JM-BMGgBK6y.js"), "../accountFormats/JO.json": () => import("./JO-rY8A8f9C.js"), "../accountFormats/JP.json": () => import("./JP-BQG5dF1Y.js"), "../accountFormats/KR.json": () => import("./KR-74SwXHka.js"), "../accountFormats/KW.json": () => import("./KW-CcVPOJ8B.js"), "../accountFormats/KY.json": () => import("./KY-DXCeltYA.js"), "../accountFormats/KZ.json": () => import("./KZ-CZNjdp22.js"), "../accountFormats/LB.json": () => import("./LB-DZ5YfAsO.js"), "../accountFormats/LI.json": () => import("./LI-L0ZAALRT.js"), "../accountFormats/LT.json": () => import("./LT-Ao2uagV9.js"), "../accountFormats/LU.json": () => import("./LU-B7LRUuc6.js"), "../accountFormats/LV.json": () => import("./LV-DZeGjA2G.js"), "../accountFormats/MC.json": () => import("./MC-EDVNGWhy.js"), "../accountFormats/MD.json": () => import("./MD-DVc0183a.js"), "../accountFormats/ME.json": () => import("./ME-DiJhSuli.js"), "../accountFormats/MK.json": () => import("./MK-BZxslBTS.js"), "../accountFormats/MP.json": () => import("./MP-7IpnbfCj.js"), "../accountFormats/MQ.json": () => import("./MQ-DusG_no1.js"), "../accountFormats/MR.json": () => import("./MR-DaBVNHqN.js"), "../accountFormats/MT.json": () => import("./MT-B9my7RlP.js"), "../accountFormats/MU.json": () => import("./MU-D3gGVu1R.js"), "../accountFormats/MX.json": () => import("./MX-CZVOFg3D.js"), "../accountFormats/MY.json": () => import("./MY-ym71svTa.js"), "../accountFormats/NC.json": () => import("./NC-xzMvjp9-.js"), "../accountFormats/NL.json": () => import("./NL-VXAFOhV5.js"), "../accountFormats/NO.json": () => import("./NO-Cx1VSh2W.js"), "../accountFormats/NZ.json": () => import("./NZ-BP7_Q9Om.js"), "../accountFormats/PE.json": () => import("./PE-CdxgPh3v.js"), "../accountFormats/PF.json": () => import("./PF-CstaOd9Z.js"), "../accountFormats/PH.json": () => import("./PH-BYgMDYIH.js"), "../accountFormats/PK.json": () => import("./PK-bLhtgsEk.js"), "../accountFormats/PL.json": () => import("./PL-BZW1hGvD.js"), "../accountFormats/PM.json": () => import("./PM-BWbxAh4u.js"), "../accountFormats/PR.json": () => import("./PR-CFPKXEXp.js"), "../accountFormats/PS.json": () => import("./PS-B8obOOWY.js"), "../accountFormats/PT.json": () => import("./PT-OpU4MU3L.js"), "../accountFormats/QA.json": () => import("./QA-CSfx-mvb.js"), "../accountFormats/RE.json": () => import("./RE-BApq1FJ6.js"), "../accountFormats/RO.json": () => import("./RO-Cz6Sh0ls.js"), "../accountFormats/RS.json": () => import("./RS-BCenke-W.js"), "../accountFormats/RU.json": () => import("./RU-D27RC7dq.js"), "../accountFormats/SA.json": () => import("./SA-C9VgxCgm.js"), "../accountFormats/SE.json": () => import("./SE-B5K-FkQd.js"), "../accountFormats/SG.json": () => import("./SG-DoCqjlFi.js"), "../accountFormats/SI.json": () => import("./SI-BOGTNLPa.js"), "../accountFormats/SJ.json": () => import("./SJ-Z9jwQQlz.js"), "../accountFormats/SK.json": () => import("./SK-BOVrp_Av.js"), "../accountFormats/SM.json": () => import("./SM-meowwILA.js"), "../accountFormats/TF.json": () => import("./TF-BOWng-Dz.js"), "../accountFormats/TH.json": () => import("./TH-CvyXLcZK.js"), "../accountFormats/TL.json": () => import("./TL-BWslydRz.js"), "../accountFormats/TN.json": () => import("./TN-Cjd3bM_V.js"), "../accountFormats/TR.json": () => import("./TR-BBx5CuWS.js"), "../accountFormats/TT.json": () => import("./TT-D4-z5BA-.js"), "../accountFormats/TW.json": () => import("./TW-BC8YpnMr.js"), "../accountFormats/UA.json": () => import("./UA-DrXUnAe6.js"), "../accountFormats/US.json": () => import("./US-D8dI5_i1.js"), "../accountFormats/UY.json": () => import("./UY-DEHqLXhX.js"), "../accountFormats/VA.json": () => import("./VA-DXsYTCoh.js"), "../accountFormats/VG.json": () => import("./VG-DnKAVCsi.js"), "../accountFormats/VI.json": () => import("./VI-CU9MA9ux.js"), "../accountFormats/VN.json": () => import("./VN-CTSqsmB6.js"), "../accountFormats/WF.json": () => import("./WF-CwHbsjtJ.js"), "../accountFormats/YT.json": () => import("./YT-BCyAAbo7.js"), "../accountFormats/ZA.json": () => import("./ZA-NU7slima.js") });
-const getAccountFormatsForCountry = async (country) => {
-  const importForCountry = accountFormatsImports[`../accountFormats/${country}.json`];
-  if (!importForCountry) {
-    throw Error(`No account formats available for ${country}`);
-  }
-  const countryBankFormats = (await importForCountry()).default;
-  const expandedBankFormats = {
-    ...countryBankFormats,
-    numberAndBic: {
-      bankStatementRequirement: "OPTIONAL",
-      fields: ["bankAccountNumber", "swiftCode"]
-    }
-  };
-  return expandedBankFormats;
-};
-const showInstantVerificationPayoutModal = signal(false);
-const validateAccountIdentification = async (baseUrl, data) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `validations/accountidentification`
-    },
-    {
-      accountIdentification: {
-        ...data
-      }
-    }
-  );
-};
-const useValidateAccountIdentification = (options) => {
-  const { baseUrl } = useApiContext();
-  return useMutation({
-    mutationFn: (data) => validateAccountIdentification(baseUrl.value, data),
-    ...options
-  });
-};
-const useAsyncAccountDetailsValidationRules = (payload, hasEmptyFields2, isAccountNumberMasked) => {
-  const [timeoutId, setTimeoutId] = useState(null);
-  const [accountValidationData, setAccountValidationData] = useState({
-    invalidFields: [],
-    valid: false
-  });
-  const { mutateAsync } = useValidateAccountIdentification();
-  useEffect(() => {
-    const fetchAccountDetails = async (accountIdentificationPayload) => {
-      try {
-        const accountIdentificationResponse = await mutateAsync(accountIdentificationPayload);
-        setAccountValidationData(accountIdentificationResponse);
-      } catch (error) {
-        console.error("Error fetching account details:", error);
-      }
-    };
-    if (payload && !hasEmptyFields2 && !isAccountNumberMasked) {
-      if (timeoutId !== null) {
-        clearTimeout(timeoutId);
-      }
-      setTimeoutId(
-        setTimeout(() => {
-          fetchAccountDetails(payload);
-          setTimeoutId(null);
-        }, 500)
-      );
-    }
-  }, [mutateAsync, hasEmptyFields2, payload]);
-  return accountValidationData;
-};
-const logger = createLogger();
-const getAccountIdentificationFromPayoutAccountSchema = (payoutAccount, bankCountry, enabledCrossBorderPayouts) => {
-  if ("iban" in payoutAccount && payoutAccount.iban) {
-    return {
-      type: "iban",
-      iban: payoutAccount.iban
-    };
-  }
-  if (enabledCrossBorderPayouts && "bankAccountNumber" in payoutAccount && payoutAccount.bankAccountNumber && "swiftCode" in payoutAccount && payoutAccount.swiftCode) {
-    return {
-      type: "numberAndBic",
-      bic: payoutAccount.swiftCode,
-      accountNumber: payoutAccount.bankAccountNumber
-    };
-  }
-  switch (bankCountry) {
-    case CountryCodes.Australia:
-      return {
-        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",
-        // for some reason GB's account identification is called `ukLocalAccountIdentification`
-        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
-      };
-  }
-};
-const mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry, preferredCurrency, enabledCrossBorderPayouts) => ({
-  accountIdentification: getAccountIdentificationFromPayoutAccountSchema(
-    payoutAccount,
-    bankCountry,
-    enabledCrossBorderPayouts
-  ),
-  preferredCurrencyCode: preferredCurrency,
-  countryCode: bankCountry,
-  bankName: payoutAccount.bankName
-});
-const validateDocument = async (context, document) => {
-  const { baseUrl, rootLegalEntityId } = context;
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${rootLegalEntityId}/genai/classify`
-    },
-    document
-  );
-};
-const useValidateDocument = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useMutation({
-    mutationFn: (payload) => validateDocument(
-      { rootLegalEntityId: rootLegalEntityId.value, baseUrl: baseUrl.value },
-      payload
-    ),
-    retry: 0,
-    ...options
-  });
-};
-function FilePicker({
-  files,
-  setFiles,
-  isValid,
-  errorMessage,
-  multiple = false,
-  label,
-  name,
-  iconPrefix = "generic-document",
-  enableTracking = false,
-  id,
-  loading,
-  // file validation options
-  allowedFileTypes,
-  maxSize,
-  isOptional,
-  maxNumberOfFiles,
-  // a11y
-  "aria-describedby": ariaDescribedBy,
-  "aria-labelledby": ariaLabelledBy
-}) {
-  const { t } = useTranslation("ui");
-  const userEvents = useAnalyticsContext();
-  const fileInput = useRef(null);
-  const [dragged, setDragged] = useState(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 fileInput2 = e.currentTarget;
-    if (fileInput2.files) addFiles(fileInput2.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"]) })
-  ] });
-}
-const bankDocumentClassification = "adyen-kyc-bank-document-classification";
-const requirementsList = "adyen-kyc-requirements-list";
-const filePickerDisabled = "adyen-kyc-file-picker-disabled";
-const reviewModal = "adyen-kyc-review-modal";
-const preview = "adyen-kyc-preview";
-const previewImage = "adyen-kyc-preview-image";
-const content = "adyen-kyc-content";
-const actions = "adyen-kyc-actions";
-const title$1 = "adyen-kyc-title";
-const description = "adyen-kyc-description";
-const issues = "adyen-kyc-issues";
-const confirmationModal = "adyen-kyc-confirmation-modal";
-const styles$3 = {
-  bankDocumentClassification,
-  requirementsList,
-  filePickerDisabled,
-  reviewModal,
-  preview,
-  previewImage,
-  content,
-  actions,
-  title: title$1,
-  description,
-  issues,
-  confirmationModal
-};
-const bankDocumentValidationRules = {
-  description: {
-    modes: ["blur"],
-    validate: (description2) => description2 ? bankStatementDescriptionPattern.test(description2) : true,
-    errorMessage: "invalidFormatBankStatementDescription"
-  }
-};
-const getValidationIssuesKeys = (validationResponse) => {
-  const issues2 = [];
-  const { blurryOrLowQuality, documentType } = validationResponse;
-  if (blurryOrLowQuality) {
-    issues2.push("documentIsntReadable");
-  }
-  if (documentType === "other" || documentType !== "bankDocument") {
-    issues2.push("documentIsNotBankDocument");
-  }
-  if (!documentType || documentType === "other") {
-    issues2.push("documentNameMissing");
-  }
-  return issues2;
-};
-const CHARACTERS_LIMIT = 200;
-const bankDocumentClassificationFields = [
-  "bankStatementDocument",
-  "description"
-];
-function BankDocumentClassification(props) {
-  const {
-    legalEntity,
-    optionalFields,
-    validators,
-    data: bankData,
-    id,
-    formIsActive,
-    fieldValidationErrors,
-    formVerificationErrors,
-    shouldValidate,
-    country,
-    handleFieldChange,
-    valid: propValid,
-    errors: propErrors
-  } = props;
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const stateRef = useRef$1({ setState: null });
-  const [showReviewModal, setShowReviewModal] = useState$1(false);
-  const [showConfirmationModal, setShowConfirmationModal] = useState$1(false);
-  const [validationResponse, setValidationResponse] = useState$1(
-    null
-  );
-  const [showEndState, setShowEndState] = useState$1(false);
-  const inputRef = useRef$1(null);
-  const logger2 = createLogger();
-  const userEvents = useAnalyticsContext();
-  const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
-  const formUtils = createFormUtils(props, commonT);
-  const { isFeatureEnabled } = useToggleContext();
-  const enableBankDocumentClassification = isFeatureEnabled(
-    FeatureNames.EnableBankDocumentClassification
-  );
-  const isShadowMode = isFeatureEnabled(FeatureNames.EnableBankDocumentClassificationShadowMode);
-  const bankStatementValidationOptions = useMemo(
-    () => ({
-      ...defaultFileValidationOptions,
-      isOptional: isBankStatementOptional
-    }),
-    [isBankStatementOptional]
-  );
-  const rules2 = useMemo(
-    () => ({
-      ...validators || bankDocumentValidationRules,
-      bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
-    }),
-    [bankStatementValidationOptions, validators]
-  );
-  const localForm = useForm({
-    ...props,
-    schema: bankDocumentClassificationFields,
-    defaultData: bankData,
-    rules: rules2,
-    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;
-      logger2.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) {
-          logger2.error("Error processing document:", error);
-        }
-      }
-    }
-  };
-  useEffect$1(() => {
-    if (!useMultiFormMode && formIsActive && isBankStatementOptional) {
-      triggerValidation();
-    }
-  }, [formIsActive, isBankStatementOptional, triggerValidation, useMultiFormMode]);
-  const alreadyUploadedDocuments = useMemo(
-    () => bankData?.bankStatementDocument ?? [],
-    [bankData?.bankStatementDocument]
-  );
-  useEffect$1(() => {
-    if (!useMultiFormMode && alreadyUploadedDocuments.length > 0) {
-      setData("bankStatementDocument", alreadyUploadedDocuments);
-      if (bankData?.description) setData("description", bankData.description);
-      triggerValidation();
-    }
-  }, [
-    alreadyUploadedDocuments,
-    bankData?.description,
-    setData,
-    triggerValidation,
-    useMultiFormMode
-  ]);
-  useEffect$1(() => {
-    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: styles$3.bankDocumentPage, children: [
-    /* @__PURE__ */ jsxs("form", { className: styles$3.bankDocumentClassification, children: [
-      !useMultiFormMode && /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-      /* @__PURE__ */ jsx(
-        Header,
-        {
-          title: t(
-            ($) => $[isBankStatementOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
-          ),
-          description: t(($) => $["toVerifyYourBankAccountDetails"])
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ErrorPanel,
-        {
-          verificationErrors: formVerificationErrors,
-          validationErrors: fieldValidationErrors,
-          formUtils,
-          id: "ariaErrorField"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: styles$3.requirementsList, children: t(($) => $["makeSureYourDocumentIncludes"]) }),
-        /* @__PURE__ */ jsxs("ul", { className: styles$3.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 ? styles$3.filePickerDisabled : "",
-              children: /* @__PURE__ */ jsx(
-                FilePicker,
-                {
-                  ...childProps,
-                  name: "bankStatementDocument",
-                  files: data?.bankStatementDocument ?? [],
-                  setFiles: handleDocumentUpload,
-                  isValid: valid?.bankStatementDocument ?? isBankStatementOptional,
-                  errorMessage: errors?.bankStatementDocument?.errorMessage,
-                  loading: validateDocumentMutation.isPending && !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: styles$3.reviewModal, children: [
-          /* @__PURE__ */ jsx("div", { className: styles$3.preview, children: /* @__PURE__ */ jsx("div", { className: styles$3.previewImage, children: documentPreview }) }),
-          /* @__PURE__ */ jsxs("div", { className: styles$3.content, children: [
-            /* @__PURE__ */ jsx("h2", { className: styles$3.title, children: t(($) => $["reviewDocument"]) }),
-            /* @__PURE__ */ jsx("p", { className: styles$3.description, children: t(($) => $["reviewDocumentDescription"]) }),
-            /* @__PURE__ */ jsx("ul", { className: styles$3.issues, children: validationResponse && getValidationIssuesKeys(validationResponse).map((issue, index) => /* @__PURE__ */ jsx("li", { children: t(($) => $[issue]) }, index)) }),
-            /* @__PURE__ */ jsxs("div", { className: styles$3.actions, children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "secondary",
-                  disabled: validateDocumentMutation.isPending,
-                  onClick: handleContinueAnyway,
-                  children: commonT(($) => $["continue"])
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  loading: validateDocumentMutation.isPending,
-                  variant: "primary",
-                  onClick: handleUploadNewDocument,
-                  children: t(($) => $["uploadNewDocument"])
-                }
-              )
-            ] })
-          ] })
-        ] })
-      }
-    ),
-    showConfirmationModal && /* @__PURE__ */ jsx(
-      Modal,
-      {
-        ariaLabel: t(($) => $["useThisDocument"]),
-        size: "small",
-        onClose: handleConfirmationCancel,
-        children: /* @__PURE__ */ jsxs("div", { className: styles$3.confirmationModal, children: [
-          /* @__PURE__ */ jsx("h2", { className: styles$3.title, children: t(($) => $["useThisDocument"]) }),
-          /* @__PURE__ */ jsx("p", { className: styles$3.description, children: t(($) => $["thisDocumentNeedstoBeReviewedManually"]) }),
-          /* @__PURE__ */ jsxs("div", { className: styles$3.actions, children: [
-            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleConfirmationCancel, children: commonT(($) => $["cancel"]) }),
-            /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleUseDocument, children: t(($) => $["useDocument"]) })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        ref: inputRef,
-        className: "adyen-kyc-dropzone__input",
-        onChange: (e) => {
-          const fileInput = e.currentTarget;
-          if (fileInput?.files?.length) handleDocumentUpload([...fileInput.files]);
-        },
-        type: "file",
-        accept: defaultFileValidationOptions.allowedFileTypes.join(", ")
-      }
-    )
-  ] });
-}
-const MemoizedBankDocumentClassification = memo(
-  BankDocumentClassification,
-  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.formIsActive === nextProps.formIsActive
-);
-const 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"
-  }
-};
-const handleBankVerificationError = async (legalEntityId, baseUrl, bankVerificationErrorParams) => {
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${legalEntityId}/transferInstruments/trusted/error`
-    },
-    bankVerificationErrorParams
-  );
-};
-const useHandleBankVerificationError = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useMutation({
-    mutationFn: (params) => handleBankVerificationError(rootLegalEntityId.value, baseUrl.value, params),
-    ...options
-  });
-};
-const VerificationWidgetCallbackActions = {
-  HANDLE_EXCEPTION: "handle_exception",
-  VERIFICATION_SUCCESS: "verification_success",
-  RETRY_VERIFICATION: "retry_verification",
-  HANDLE_EVENT: "handle_event"
-};
-const WIDGET_CONTAINER_CLASS = `adyen-kyc-bank-verification-widget-container`;
-function BankVerificationOverlay({
-  url,
-  setBankVerificationError,
-  onBack,
-  retrieveBankAccountInfo,
-  createTrustedTransferInstrument: createTrustedTransferInstrument2,
-  providerName
-}) {
-  const { t } = useTranslation("banking");
-  const userEvents = useAnalyticsContext();
-  const widgetContainerRef = useRef(null);
-  const { mutateAsync: handleBankVerificationError2 } = useHandleBankVerificationError();
-  const trackVerificationError = (returnValue) => {
-    userEvents.addPageEvent("Encountered error", {
-      actionType: "add",
-      returnType: "sdk error",
-      returnValue,
-      additionalData: {
-        providerName
-      }
-    });
-  };
-  const DEFAULT_ERROR = {
-    error: "UNKNOWN_ERROR",
-    message: t(($) => $["weCouldntCompleteTheAccountCheck"])
-  };
-  useEffect(() => {
-    setBankVerificationError(null);
-  }, [setBankVerificationError]);
-  const widgetCallback = useCallback(
-    (payload) => {
-      const errorContent = t(($) => $["tryAgainOrManualAccountDetails"]);
-      switch (payload.action) {
-        case VerificationWidgetCallbackActions.HANDLE_EXCEPTION: {
-          let errorTitle;
-          const { err } = payload;
-          switch (!(err instanceof Error) && err?.error) {
-            case "USER_CANCELLED":
-              errorTitle = "";
-              break;
-            case "CONNECTION_ERROR":
-              errorTitle = t(($) => $["couldNotEstablishBankConnection"]);
-              break;
-            case "GENERIC_ERROR":
-              errorTitle = t(($) => $["ranIntoTechnicalError"]);
-              break;
-            case "UNKNOWN_ERROR":
-            default: {
-              errorTitle = t(($) => $["couldNotCompleteAccountCheck"]);
-              break;
-            }
-          }
-          if (errorTitle) {
-            setBankVerificationError({ title: errorTitle, content: errorContent });
-          }
-          showInstantVerificationPayoutModal.value = false;
-          onBack?.();
-          break;
-        }
-        case VerificationWidgetCallbackActions.RETRY_VERIFICATION:
-          setBankVerificationError({
-            title: t(($) => $["failedInitializeInstantVerification"]),
-            content: errorContent
-          });
-          onBack?.();
-          break;
-        case VerificationWidgetCallbackActions.HANDLE_EVENT: {
-          const { name, provider } = payload.event;
-          if (name === "institution_selected" && provider === "plaid") {
-            widgetContainerRef.current?.classList.add(`${WIDGET_CONTAINER_CLASS}--plaid-modal`);
-          }
-          break;
-        }
-        case VerificationWidgetCallbackActions.VERIFICATION_SUCCESS: {
-          const { accounts } = payload.result;
-          if (accounts) retrieveBankAccountInfo(accounts[0]);
-        }
-      }
-    },
-    [t, retrieveBankAccountInfo, onBack, setBankVerificationError]
-  );
-  useEffect(() => {
-    const container = widgetContainerRef.current;
-    if (!container) return;
-    const openBanking = OpenBankingSDK.create({
-      divElement: container,
-      link: url,
-      successHandler: (code, state) => {
-        createTrustedTransferInstrument2?.(code, state).then((res) => {
-          userEvents.addPageEvent("Success", {
-            actionType: "add",
-            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);
-        handleBankVerificationError2?.({
-          errorCode,
-          errorMessage,
-          state,
-          metadata: metadata && Object.fromEntries(metadata)
-        }).then(
-          (error) => widgetCallback({
-            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-            err: error
-          })
-        ).catch(
-          () => widgetCallback({
-            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-            err: DEFAULT_ERROR
-          })
-        );
-      },
-      eventHandler: (eventName, provider) => {
-        widgetCallback({
-          action: VerificationWidgetCallbackActions.HANDLE_EVENT,
-          event: { name: eventName, provider }
-        });
-      }
-    });
-    openBanking.open();
-    container.classList.add(WIDGET_CONTAINER_CLASS);
-    return () => {
-      openBanking?.destroy();
-    };
-  }, []);
-  return /* @__PURE__ */ jsx("div", { ref: widgetContainerRef, className: `${WIDGET_CONTAINER_CLASS}-overlay` });
-}
-const accountVerificationFields = [
-  "verifiedAccountHolder",
-  "verifiedBankCountry",
-  "verifiedBankName",
-  "verifiedCurrencyCode",
-  "verifiedBankAccountNumber"
-];
-const InstantVerificationErrorContext = createContext(null);
-const useInstantVerificationErrorNotification = (notificationVisibilityDuration) => {
-  const [errorNotification, setErrorNotification] = useState(null);
-  const dismissNotificationTimeoutRef = useRef();
-  const clearNotificationTimeout = useCallback(() => {
-    if (dismissNotificationTimeoutRef.current) {
-      clearTimeout(dismissNotificationTimeoutRef.current);
-      dismissNotificationTimeoutRef.current = void 0;
-    }
-  }, []);
-  useEffect(() => {
-    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: createTrustedTransferInstrument2,
-    country,
-    data: propData,
-    provider,
-    id,
-    fieldValidationErrors,
-    handleFieldChange,
-    valid: propValid,
-    errors: propErrors
-  } = props;
-  const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
-  const schema = accountVerificationFields;
-  const stateRef = useRef({ 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(() => {
-    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, { children: [
-      !useMultiFormMode && /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-      /* @__PURE__ */ jsx(
-        BankVerificationOverlay,
-        {
-          url: provider.redirectUrl,
-          setBankVerificationError,
-          onBack,
-          retrieveBankAccountInfo,
-          createTrustedTransferInstrument: createTrustedTransferInstrument2,
-          providerName: provider.name
-        }
-      )
-    ] });
-  }
-}
-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
-    }
-  ) }) });
-}
-const 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
-      }
-    }
-  };
-};
-const defaultFieldMetadata$3 = {
-  validators: isNotEmptyValidator
-};
-const defaultFieldConfig$3 = {
-  [CountryCodes.CzechRepublic]: {
-    // Validators & masks pulled from https://docs.adyen.com/api-explorer/legalentity/4/post/transferInstruments#request-bankAccount-accountIdentification-CZLocalAccountIdentification
-    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"
-      }
-    }
-  }
-};
-const 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(() => {
-    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")
-    }
-  );
-}
-const 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(() => {
-    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
-        }
-      )
-    }
-  );
-}
-const defaultFieldMetadata$2 = {
-  label: "bankCode",
-  validators: isNotEmptyValidator
-};
-const 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
-    }
-  }
-});
-const 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"),
-  // Not yet implemented
-  [CountryCodes.Ecuador]: simpleBankCodeMetadata(4, "1234"),
-  [CountryCodes.Japan]: simpleBankCodeMetadata(4, "1234"),
-  [CountryCodes.Taiwan]: simpleBankCodeMetadata(3, "123")
-};
-const 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(() => {
-    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
-    }
-  );
-}
-const 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(() => {
-    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
-        }
-      )
-    }
-  );
-}
-const defaultFieldMetadata$1 = {
-  label: "branchCode",
-  validators: isNotEmptyValidator
-};
-const 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"
-      }
-    }
-  },
-  // Not yet implemented
-  [CountryCodes.Indonesia]: {
-    label: "clearingCode",
-    validators: isNotEmptyValidator
-  }
-};
-const 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(() => {
-    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
-    }
-  );
-}
-const 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}/
-};
-const 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) {
-    const ibanPattern = new RegExp(`^[A-Z]{2}\\d{2}${bbanPattern.source}$`, "");
-    if (!ibanPattern.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);
-    const cOperator = +`${cRest}${cChar}`;
-    cRest = cOperator % 97;
-  }
-  return cRest === 1;
-}
-const 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;
-  }
-});
-const 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
-  };
-};
-const ibanGuidance = (type, numDigitsOrChars, example) => type === "digits" ? {
-  key: "enterTheRemainingNDigitsForExample",
-  values: {
-    numDigits: `${numDigitsOrChars}`,
-    example
-  }
-} : {
-  key: "enterTheRemainingNCharactersForExample",
-  values: {
-    numChars: `${numDigitsOrChars}`,
-    example
-  }
-};
-const ibanMetadata = (country, inputLength, example, allowLettersInBban) => ({
-  validators: validateIbanOnBlurAndInput(country),
-  mask: ibanMask(country, inputLength, allowLettersInBban),
-  guidanceText: ibanGuidance(allowLettersInBban ? "characters" : "digits", inputLength, example)
-});
-const gbIbanMetadata = ibanMetadata(
-  CountryCodes.UnitedKingdom,
-  20,
-  "GB09 BARC 2003 9554 8297 59",
-  true
-);
-const defaultFieldMetadata = {
-  validators: isNotEmptyValidator
-};
-const 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"),
-  // These include letters in the BBAN (bank account number)
-  [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,
-  // IBANs for Guernsey, Jersey, and Isle of Man also use United Kingdom's format (starting with `GB`)
-  [CountryCodes.Guernsey]: gbIbanMetadata,
-  [CountryCodes.Jersey]: gbIbanMetadata,
-  [CountryCodes.IsleOfMan]: gbIbanMetadata
-};
-const 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(() => {
-    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")
-    }
-  );
-}
-const 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
-  }
-};
-const 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(() => {
-    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
-    }
-  );
-}
-const countriesWithMultiplePayoutCurrencies = /* @__PURE__ */ new Set([
-  CountryCodes.Bulgaria,
-  CountryCodes.Canada,
-  CountryCodes.Croatia,
-  CountryCodes.CzechRepublic,
-  CountryCodes.Hungary,
-  CountryCodes.Romania,
-  CountryCodes.Switzerland
-]);
-const countriesWithLocalFormat = /* @__PURE__ */ new Set([
-  CountryCodes.CzechRepublic,
-  CountryCodes.Denmark,
-  CountryCodes.Hungary,
-  CountryCodes.Norway,
-  CountryCodes.Poland,
-  CountryCodes.Sweden,
-  CountryCodes.UnitedKingdom
-]);
-const payoutCurrencySupport = {
-  [CountryCodes.Sweden]: {
-    local: [Currencies.SEK],
-    iban: [Currencies.EUR, Currencies.SEK]
-  },
-  [CountryCodes.Canada]: {
-    local: [Currencies.CAD, Currencies.USD],
-    iban: [Currencies.CAD, Currencies.USD]
-  }
-};
-const shouldShowCheckGuidance = (country) => country === "US";
-const shouldShowPayoutAccountFormatSelector = (country) => countriesWithLocalFormat.has(country);
-const shouldShowPayoutAlert = (country) => shouldShowPayoutAccountFormatSelector(country) || countriesWithMultiplePayoutCurrencies.has(country);
-const 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] });
-};
-const 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];
-};
-const isLocalCurrency = (country, currency) => {
-  if (!country || !currency) {
-    return false;
-  }
-  const supportedCurrencies = currencyByCountry[country];
-  return supportedCurrencies?.includes(currency) ?? false;
-};
-const 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: individual2 } = legalEntityResponse;
-    return /* @__PURE__ */ jsxs(Typography, { children: [
-      `${t(($) => $["bankAccountHasToBeInYourName"])} `,
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          el: "span",
-          variant: "body-stronger",
-          children: `${individual2?.name.firstName} ${individual2?.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}`
-      }
-    )
-  ] });
-};
-const checkGuidance = "adyen-kyc-check-guidance";
-const checkGuidanceImage = "adyen-kyc-check-guidance-image";
-const checkGuidanceAnnotated = "adyen-kyc-check-guidance-annotated";
-const checkGuidanceInactive = "adyen-kyc-check-guidance-inactive";
-const styles$2 = {
-  checkGuidance,
-  checkGuidanceImage,
-  checkGuidanceAnnotated,
-  checkGuidanceInactive
-};
-const usCheckAccount = lazy(() => import("./us-check-account-number-9lI1dXNC.js"));
-const usCheckRouting = lazy(() => import("./us-check-routing-number-s_KaAGSM.js"));
-const usCheck = lazy(() => import("./us-check-C1rTBsCY.js"));
-const CheckGuidance = ({ annotated }) => {
-  return /* @__PURE__ */ jsxs("div", { className: styles$2.checkGuidance, children: [
-    /* @__PURE__ */ jsx(
-      Image,
-      {
-        lazyLoadedImage: usCheckAccount,
-        className: cx(styles$2.checkGuidanceImage, styles$2.checkGuidanceAnnotated, {
-          [styles$2.checkGuidanceInactive]: annotated !== "account"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Image,
-      {
-        lazyLoadedImage: usCheckRouting,
-        className: cx(styles$2.checkGuidanceImage, styles$2.checkGuidanceAnnotated, {
-          [styles$2.checkGuidanceInactive]: annotated !== "routing"
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: usCheck, className: styles$2.checkGuidanceImage })
-  ] });
-};
-const 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();
-  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
-  } = props;
-  const showCheckGuidance = shouldShowCheckGuidance(country);
-  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 = (accountFormat2) => {
-    clearStateSlice();
-    payoutAccountFormat.value = accountFormat2;
-  };
-  const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
-  const isEUR = preferredCurrencyCode === "EUR";
-  useEffect(() => {
-    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"
-      }
-    ),
-    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"])
-      }
-    )
-  ] });
-}
-const currenciesDataset = /* @__PURE__ */ JSON.parse('[{"currencyCode":"AED","description":"UAE Dirham","exponent":2,"symbol":""},{"currencyCode":"ALL","description":"Albanian Lek","exponent":2,"symbol":"L"},{"currencyCode":"AMD","description":"Armenian Dram","exponent":2,"symbol":""},{"currencyCode":"ANG","description":"Antillian Guilder","exponent":2,"symbol":"Naƒ"},{"currencyCode":"AOA","description":"Angolan kwanza","exponent":2,"symbol":""},{"currencyCode":"ARS","description":"Nuevo Argentine Peso","exponent":2,"symbol":"$"},{"currencyCode":"AUD","description":"Australian Dollar","exponent":2,"symbol":"A$"},{"currencyCode":"AWG","description":"Aruban Guilder","exponent":2,"symbol":""},{"currencyCode":"AZN","description":"Azerbaijani manat","exponent":2,"symbol":"man"},{"currencyCode":"BAM","description":"Bosnia and Herzegovina Convertible Marks","exponent":2,"symbol":""},{"currencyCode":"BBD","description":"Barbados Dollar","exponent":2,"symbol":""},{"currencyCode":"BDT","description":"Bangladesh Taka","exponent":2,"symbol":""},{"currencyCode":"BGL","description":"Bulgaria Lev","exponent":2,"symbol":""},{"currencyCode":"BHD","description":"Bahraini Dinar","exponent":3,"symbol":""},{"currencyCode":"BMD","description":"Bermudian Dollar","exponent":2,"symbol":""},{"currencyCode":"BND","description":"Brunei Dollar","exponent":2,"symbol":""},{"currencyCode":"BOB","description":"Bolivia Boliviano","exponent":2,"symbol":""},{"currencyCode":"BRL","description":"Brazilian Real","exponent":2,"symbol":"R$"},{"currencyCode":"BSD","description":"Bahamian Dollar","exponent":2,"symbol":""},{"currencyCode":"BTN","description":"Bhutan Ngultrum","exponent":2,"symbol":"Nu."},{"currencyCode":"BWP","description":"Botswana Pula","exponent":2,"symbol":""},{"currencyCode":"BYN","description":"Belarusian Ruble","exponent":2,"symbol":"Br"},{"currencyCode":"BYR","description":"Belarusian Ruble","exponent":0,"symbol":"Br"},{"currencyCode":"BZD","description":"Belize Dollar","exponent":2,"symbol":""},{"currencyCode":"CAD","description":"Canadian Dollar","exponent":2,"symbol":"$"},{"currencyCode":"CHF","description":"Swiss Franc","exponent":2,"symbol":""},{"currencyCode":"CLP","description":"Chilean Peso","exponent":2,"symbol":"$"},{"currencyCode":"CNY","description":"Yuan Renminbi","exponent":2,"symbol":"¥"},{"currencyCode":"COP","description":"Colombian Peso","exponent":2,"symbol":"₱"},{"currencyCode":"CRC","description":"Costa Rican Colon","exponent":2,"symbol":""},{"currencyCode":"CSD","description":"Serbian Dinar","exponent":2,"symbol":""},{"currencyCode":"CUP","description":"Cuban Peso","exponent":2,"symbol":""},{"currencyCode":"CVE","description":"Cape Verdi Escudo","exponent":0,"symbol":""},{"currencyCode":"CZK","description":"Czech Koruna","exponent":2,"symbol":""},{"currencyCode":"DJF","description":"Djibouti Franc","exponent":0,"symbol":""},{"currencyCode":"DKK","description":"Danish Krone","exponent":2,"symbol":"kr"},{"currencyCode":"DOP","description":"Dominican Republic Peso","exponent":2,"symbol":""},{"currencyCode":"DZD","description":"Algerian Dinar","exponent":2,"symbol":""},{"currencyCode":"EEK","description":"Estonian Krone","exponent":2,"symbol":""},{"currencyCode":"EGP","description":"Egyptian Pound","exponent":2,"symbol":"£"},{"currencyCode":"ETB","description":"Ethiopian Birr","exponent":2,"symbol":""},{"currencyCode":"EUR","description":"Euro","exponent":2,"symbol":"€"},{"currencyCode":"FJD","description":"Fiji Dollar","exponent":2,"symbol":"$"},{"currencyCode":"FKP","description":"Falkland Islands Pound","exponent":2,"symbol":""},{"currencyCode":"GBP","description":"Pound Sterling","exponent":2,"symbol":"£"},{"currencyCode":"GEL","description":"Georgian Lari","exponent":2,"symbol":""},{"currencyCode":"GHC","description":"Ghanaian Cedi (2nd)","exponent":0,"symbol":""},{"currencyCode":"GHS","description":"Ghanaian Cedi (3rd)","exponent":2,"symbol":"GH₵"},{"currencyCode":"GIP","description":"Gibraltar Pound","exponent":2,"symbol":""},{"currencyCode":"GMD","description":"Gambia Delasi","exponent":2,"symbol":""},{"currencyCode":"GNF","description":"Guinea Franc","exponent":0,"symbol":""},{"currencyCode":"GTQ","description":"Guatemala Quetzal","exponent":2,"symbol":""},{"currencyCode":"GYD","description":"Guyanese Dollar","exponent":2,"symbol":""},{"currencyCode":"HKD","description":"Hong Kong Dollar","exponent":2,"symbol":"$"},{"currencyCode":"HNL","description":"Honduras Lempira","exponent":2,"symbol":""},{"currencyCode":"HRK","description":"Croatia Kuna","exponent":2,"symbol":""},{"currencyCode":"HTG","description":"Haitian Gourde","exponent":2,"symbol":""},{"currencyCode":"HUF","description":"Hungarian Forint","exponent":2,"symbol":"Ft"},{"currencyCode":"IDR","description":"Indonesian Rupiah","exponent":0,"symbol":""},{"currencyCode":"ILS","description":"New Israeli Scheqel","exponent":2,"symbol":"₪"},{"currencyCode":"INR","description":"Indian Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"IQD","description":"Iraqi Dinar","exponent":3,"symbol":""},{"currencyCode":"ISK","description":"Iceland Krona","exponent":2,"symbol":""},{"currencyCode":"JMD","description":"Jamaican Dollar","exponent":2,"symbol":""},{"currencyCode":"JOD","description":"Jordanian Dinar","exponent":3,"symbol":""},{"currencyCode":"JPY","description":"Japanese Yen","exponent":0,"symbol":"¥"},{"currencyCode":"KES","description":"Kenyan Shilling","exponent":2,"symbol":""},{"currencyCode":"KGS","description":"Kyrgyzstan Som","exponent":2,"symbol":""},{"currencyCode":"KHR","description":"Cambodia Riel","exponent":2,"symbol":""},{"currencyCode":"KMF","description":"Comoro Franc","exponent":0,"symbol":""},{"currencyCode":"KRW","description":"South-Korean Won","exponent":0,"symbol":"₩"},{"currencyCode":"KWD","description":"Kuwaiti Dinar","exponent":3,"symbol":""},{"currencyCode":"KYD","description":"Cayman Islands Dollar","exponent":2,"symbol":""},{"currencyCode":"KZT","description":"Kazakhstani Tenge","exponent":2,"symbol":"8"},{"currencyCode":"LAK","description":"Laos Kip","exponent":2,"symbol":""},{"currencyCode":"LBP","description":"Lebanese Pound","exponent":2,"symbol":"£"},{"currencyCode":"LKR","description":"Sri Lanka Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"LTL","description":"Lithunianian Litas","exponent":2,"symbol":""},{"currencyCode":"LVL","description":"Latvian Lats","exponent":2,"symbol":""},{"currencyCode":"LYD","description":"Libyan Dinar","exponent":3,"symbol":""},{"currencyCode":"MAD","description":"Moroccan Dirham","exponent":2,"symbol":""},{"currencyCode":"MDL","description":"Moldovia Leu","exponent":2,"symbol":""},{"currencyCode":"MKD","description":"Macedonian Denar","exponent":2,"symbol":"ден"},{"currencyCode":"MMK","description":"Myanmar Kyat","exponent":2,"symbol":""},{"currencyCode":"MNT","description":"Mongolia Tugrik","exponent":2,"symbol":""},{"currencyCode":"MOP","description":"Macau Pataca","exponent":2,"symbol":""},{"currencyCode":"MRO","description":"Mauritania Ouguiya","exponent":1,"symbol":""},{"currencyCode":"MRU","description":"Mauritania Ouguiya","exponent":2,"symbol":""},{"currencyCode":"MUR","description":"Mauritius Rupee","exponent":2,"symbol":""},{"currencyCode":"MVR","description":"Maldives Rufiyaa","exponent":2,"symbol":""},{"currencyCode":"MWK","description":"Malawi Kwacha","exponent":2,"symbol":""},{"currencyCode":"MXN","description":"Mexican Peso","exponent":2,"symbol":"$"},{"currencyCode":"MXP","description":"Mexican Peso","exponent":2,"symbol":""},{"currencyCode":"MYR","description":"Malaysian Ringgit","exponent":2,"symbol":""},{"currencyCode":"MZN","description":"Mozambican Metical","exponent":2,"symbol":""},{"currencyCode":"NAD","description":"Namibian Dollar","exponent":2,"symbol":"$"},{"currencyCode":"NGN","description":"Nigerian naira","exponent":2,"symbol":"&"},{"currencyCode":"NIO","description":"Nicaragua Cordoba Oro","exponent":2,"symbol":""},{"currencyCode":"NOK","description":"Norwegian Krone","exponent":2,"symbol":""},{"currencyCode":"NPR","description":"Nepalese Rupee","exponent":2,"symbol":""},{"currencyCode":"NZD","description":"New Zealand Dollar","exponent":2,"symbol":"$"},{"currencyCode":"OMR","description":"Rial Omani","exponent":3,"symbol":"﷼"},{"currencyCode":"PAB","description":"Panamanian Balboa","exponent":2,"symbol":""},{"currencyCode":"PEN","description":"Peruvian Nuevo Sol","exponent":2,"symbol":"S/."},{"currencyCode":"PGK","description":"New Guinea Kina","exponent":2,"symbol":""},{"currencyCode":"PHP","description":"Philippine Peso","exponent":2,"symbol":"₱"},{"currencyCode":"PKR","description":"Pakistan Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"PLN","description":"New Polish Zloty","exponent":2,"symbol":""},{"currencyCode":"PYG","description":"Paraguay Guarani","exponent":0,"symbol":""},{"currencyCode":"QAR","description":"Qatari Rial","exponent":2,"symbol":"﷼"},{"currencyCode":"ROL","description":"Romanian Lei","exponent":2,"symbol":""},{"currencyCode":"RON","description":"New Romanian Lei","exponent":2,"symbol":""},{"currencyCode":"RSD","description":"Serbian Dinar","exponent":2,"symbol":"РСД"},{"currencyCode":"RUB","description":"Russian Ruble","exponent":2,"symbol":"руб"},{"currencyCode":"RWF","description":"Rwanda Franc","exponent":0,"symbol":""},{"currencyCode":"SAR","description":"Saudi Riyal","exponent":2,"symbol":"﷼"},{"currencyCode":"SBD","description":"Solomon Island Dollar","exponent":2,"symbol":""},{"currencyCode":"SCR","description":"Seychelles Rupee","exponent":2,"symbol":""},{"currencyCode":"SEK","description":"Swedish Krone","exponent":2,"symbol":"kr"},{"currencyCode":"SGD","description":"Singapore Dollar","exponent":2,"symbol":"$"},{"currencyCode":"SHP","description":"St. Helena Pound","exponent":2,"symbol":""},{"currencyCode":"SKK","description":"Slovak Koruna","exponent":2,"symbol":""},{"currencyCode":"SLE","description":"Sierra Leone Leone","exponent":2,"symbol":"Le"},{"currencyCode":"SLL","description":"Sierra Leone Leone","exponent":2,"symbol":""},{"currencyCode":"SOS","description":"Somalia Shilling","exponent":2,"symbol":""},{"currencyCode":"SRD","description":"Surinamese dollar","exponent":2,"symbol":"Sr$"},{"currencyCode":"STD","description":"Sao Tome & Principe Dobra","exponent":2,"symbol":""},{"currencyCode":"STN","description":"Sao Tome & Principe Dobra","exponent":2,"symbol":""},{"currencyCode":"SVC","description":"El Salvador Colón","exponent":2,"symbol":"₡"},{"currencyCode":"SZL","description":"Swaziland Lilangeni","exponent":2,"symbol":""},{"currencyCode":"THB","description":"Thai Baht","exponent":2,"symbol":"฿"},{"currencyCode":"TND","description":"Tunisian Dinar","exponent":3,"symbol":""},{"currencyCode":"TOP","description":"Tonga Pa’anga","exponent":2,"symbol":""},{"currencyCode":"TRY","description":"New Turkish Lira","exponent":2,"symbol":"₤"},{"currencyCode":"TTD","description":"Trinidad & Tobago Dollar","exponent":2,"symbol":""},{"currencyCode":"TWD","description":"New Taiwan Dollar","exponent":2,"symbol":"元"},{"currencyCode":"TZS","description":"Tanzanian Shilling","exponent":2,"symbol":""},{"currencyCode":"UAH","description":"Ukraine Hryvnia","exponent":2,"symbol":""},{"currencyCode":"UGX","description":"Uganda Shilling","exponent":0,"symbol":""},{"currencyCode":"USD","description":"US Dollars","exponent":2,"symbol":"$"},{"currencyCode":"UYU","description":"Peso Uruguayo","exponent":2,"symbol":"₱"},{"currencyCode":"UZS","description":"Uzbekistani Som","exponent":2,"symbol":"som"},{"currencyCode":"VEF","description":"Venezuelan Bolívar","exponent":2,"symbol":"Bs.F."},{"currencyCode":"VND","description":"Vietnamese New Dong","exponent":0,"symbol":"₫"},{"currencyCode":"VUV","description":"Vanuatu Vatu","exponent":0,"symbol":""},{"currencyCode":"WST","description":"Samoan Tala","exponent":2,"symbol":""},{"currencyCode":"XAF","description":"CFA Franc BEAC","exponent":0,"symbol":""},{"currencyCode":"XCD","description":"East Carribean Dollar","exponent":2,"symbol":"EC$"},{"currencyCode":"XOF","description":"CFA Franc BCEAO","exponent":0,"symbol":""},{"currencyCode":"XPF","description":"CFP Franc","exponent":0,"symbol":""},{"currencyCode":"YER","description":"Yemeni Rial","exponent":2,"symbol":""},{"currencyCode":"ZAR","description":"South African Rand","exponent":2,"symbol":"R"},{"currencyCode":"ZMK","description":"Zambia Kwacha","exponent":2,"symbol":""},{"currencyCode":"ZMW","description":"Zambian Kwacha","exponent":2,"symbol":""}]');
-const ALLOWED_PAYOUT_CURRENCIES = Object.keys(Currencies);
-const PreferredCurrency = (props) => {
-  const { country, preferredCurrency, handleChangeFor } = props;
-  const { t } = useTranslation(["common", "banking"]);
-  const currencyDescriptionByCode = new Map(
-    currenciesDataset.map((currency) => [currency.currencyCode, currency.description])
-  );
-  const getPrioritizedCurrencies = () => {
-    const countryPreferredCurrencies = currencyByCountry[country] || [];
-    const allowedCountryCurrencies = countryPreferredCurrencies.filter(
-      (currency) => ALLOWED_PAYOUT_CURRENCIES.includes(currency)
-    );
-    const otherAllowedCurrencies = ALLOWED_PAYOUT_CURRENCIES.filter(
-      (currency) => !allowedCountryCurrencies.includes(currency)
-    );
-    if (allowedCountryCurrencies.length > 0 && otherAllowedCurrencies.length > 0) {
-      return [...allowedCountryCurrencies, null, ...otherAllowedCurrencies];
-    }
-    return [...allowedCountryCurrencies, ...otherAllowedCurrencies];
-  };
-  const prioritizedCurrencies = getPrioritizedCurrencies();
-  const currenciesAsOptions = prioritizedCurrencies.map((currency) => {
-    if (currency === null) {
-      return {
-        id: "separator",
-        name: " ",
-        disabled: true
-      };
-    }
-    const description2 = currencyDescriptionByCode.get(currency);
-    const label = description2 ? `${description2} (${currency})` : currency;
-    return {
-      id: currency,
-      name: label
-    };
-  });
-  const selectCurrency = (e) => {
-    if (e.id === "separator") {
-      return;
-    }
-    handleChangeFor("preferredCurrency")(e.id);
-  };
-  return /* @__PURE__ */ jsx(
-    Field,
-    {
-      name: "preferredCurrency",
-      label: t(($) => $["preferredPayoutCurrency"], { ns: "banking" }),
-      helper: t(($) => $["ifYouChooseAPayoutCurrencyThatDoesntMatchYourBankAccount"], {
-        ns: "banking"
-      }),
-      helperPosition: "below",
-      children: (childProps) => /* @__PURE__ */ jsx(
-        Select,
-        {
-          ...childProps,
-          onSelect: selectCurrency,
-          name: "preferredPayoutCurrency",
-          placeholder: t(($) => $["localFormat"], { ns: "banking" }),
-          selected: preferredCurrency,
-          items: currenciesAsOptions || []
-        }
-      )
-    }
-  );
-};
-const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
-  switch (legalEntityType) {
-    case "individual":
-    case "soleProprietorship":
-      return "theBankAccountHolderMustBeInYourName";
-    case "organization":
-    case "trust":
-    case "unincorporatedPartnership":
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-    default:
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-  }
-};
-const payoutModalContent = "adyen-kyc-payout-modal-content";
-const title = "adyen-kyc-title";
-const section = "adyen-kyc-section";
-const sectionTitle = "adyen-kyc-section-title";
-const sectionText = "adyen-kyc-section-text";
-const simplerTermsBox = "adyen-kyc-simpler-terms-box";
-const simplerTermsTitle = "adyen-kyc-simpler-terms-title";
-const bulletList = "adyen-kyc-bullet-list";
-const styles$1 = {
-  payoutModalContent,
-  title,
-  section,
-  sectionTitle,
-  sectionText,
-  simplerTermsBox,
-  simplerTermsTitle,
-  bulletList
-};
-function PayoutRequirementsModal({
-  isOpen,
-  onClose,
-  provider
-}) {
-  const { t } = useTranslation("banking");
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      ariaLabel: t(($) => $["aboutPayoutBankAccounts"]),
-      onClose,
-      size: "medium",
-      showCloseButton: true,
-      inset: true,
-      children: /* @__PURE__ */ jsxs("div", { className: styles$1.payoutModalContent, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "title-m", el: "h1", className: styles$1.title, children: t(($) => $["aboutPayoutBankAccounts"]) }),
-        /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["doesMyBankAccountNeedToBeInSameCountry"]) }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", className: styles$1.sectionText, children: t(($) => $["countryDependsExplanation"]) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["whichPayoutCurrencyShouldIChoose"]) }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", className: styles$1.sectionText, children: t(($) => $["currencyRecommendation"]) }),
-          /* @__PURE__ */ jsxs("div", { className: styles$1.simplerTermsBox, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: styles$1.simplerTermsTitle, children: t(($) => $["inSimplerTerms"]) }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["currencySimplerTerms"]) })
-          ] })
-        ] }),
-        provider && /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["howDoesVerificationWithOurPartnerWork"], {
-            provider: provider?.name
-          }) }),
-          /* @__PURE__ */ jsx(Typography, { className: styles$1.sectionText, children: t(($) => $["isOurTrustedPartnerHelpingSpeedUpSetup"], {
-            provider: provider?.name
-          }) }),
-          /* @__PURE__ */ jsxs("ul", { className: styles$1.bulletList, children: [
-            /* @__PURE__ */ jsx("li", { children: t(($) => $["selectTheBankToReceivePayouts"]) }),
-            /* @__PURE__ */ jsx("li", { children: t(($) => $["loginIntoYourBankingEnvironment"]) }),
-            /* @__PURE__ */ jsx("li", { children: t(($) => $["yourBankWillConfirmYourAccountDetails"]) })
-          ] }),
-          /* @__PURE__ */ jsx(Typography, { children: t(($) => $["adyenWillOnlyGetTemporaryAccess"]) })
-        ] })
-      ] })
-    }
-  );
-}
-const payoutCountryDetailsFields = [
-  "bankCountry",
-  "preferredCurrency"
-];
-const DEFAULT_CURRENCY_FALLBACK = "USD";
-const getDefaultCurrencyForCountry = (country) => currencyByCountry[country]?.[0] ?? DEFAULT_CURRENCY_FALLBACK;
-const getCountryCodeFromEvent = (event) => event?.target?.value;
-function PayoutCountryDetails(props) {
-  const {
-    legalEntityResponse,
-    data: propData,
-    provider,
-    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(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 description2 = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
-    t(($) => $["forYouToReceiveYourPayouts"]),
-    " ",
-    /* @__PURE__ */ jsx(
-      Trans,
-      {
-        t,
-        ns: "banking",
-        i18nKey: ($) => $[getMustHaveSameAccountHolderNameTransKey(legalEntityType)],
-        values: { name: accountHolder, companyName: accountHolder }
-      }
-    )
-  ] });
-  const descriptionExtra = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: /* @__PURE__ */ jsx(
-    Trans,
-    {
-      t,
-      ns: "banking",
-      i18nKey: ($) => $["payoutAccountsMustMeetSomeRequirements"],
-      components: {
-        requirementsLink: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setIsModalOpen(true),
-            style: {
-              background: "none",
-              border: "none",
-              color: "inherit",
-              textDecoration: "underline",
-              cursor: "pointer",
-              padding: 0,
-              font: "inherit"
-            }
-          }
-        )
-      }
-    }
-  ) });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutCountryDetails"
-  );
-  useEffect(() => {
-    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, { children: [
-    /* @__PURE__ */ jsxs("form", { style: { minHeight: "480px" }, children: [
-      /* @__PURE__ */ jsx(Header, { title: t(($) => $["payoutBankAccount"]), children: /* @__PURE__ */ jsxs("div", { slot: "description", className: "adyen-kyc-form-header__description", children: [
-        description2,
-        descriptionExtra
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        CountryField,
-        {
-          data: { country: data?.bankCountry },
-          valid: { country: valid?.bankCountry ?? 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
-      }
-    )
-  ] });
-}
-const regions = {
-  europe: [
-    ...EEA_Countries,
-    CountryCodes.Switzerland,
-    CountryCodes.UnitedKingdom,
-    CountryCodes.Gibraltar
-  ],
-  apac: [CountryCodes.NewZealand, CountryCodes.Australia]
-};
-const getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [
-  country
-];
-const tinkLogo = lazy(() => import("./tink-logo-DDyjz5eJ.js"));
-const plaidLogo = lazy(() => import("./plaid-logo-FsZ7kfL-.js"));
-const yapilyLogo = lazy(() => import("./yapily-logo-BduxhNRA.js"));
-const instantVerificationImage = lazy(
-  () => import("./payout-verification-instant-BzpfOQLD.js")
-);
-const manualVerificationImage = lazy(
-  () => import("./payout-verification-manual-gNEoeZkV.js")
-);
-const getProviderIconName = (providerName) => {
-  switch (providerName?.toLowerCase()) {
-    case "tink":
-      return tinkLogo;
-    case "plaid":
-      return plaidLogo;
-    case "yapily":
-      return yapilyLogo;
-    default:
-      return void 0;
-  }
-};
-const 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
-  }
-});
-const instantVerificationError = "adyen-kyc-instant-verification-error";
-const payoutVerificationMethodCard = "adyen-kyc-payout-verification-method-card";
-const payoutVerificationMethodCardImage = "adyen-kyc-payout-verification-method-card-image";
-const payoutVerificationMethodCardContent = "adyen-kyc-payout-verification-method-card-content";
-const payoutVerificationMethodCardTitle = "adyen-kyc-payout-verification-method-card-title";
-const payoutVerificationMethodCardSubtitle = "adyen-kyc-payout-verification-method-card-subtitle";
-const payoutVerificationMethodCardBody = "adyen-kyc-payout-verification-method-card-body";
-const payoutVerificationMethodCardImageContainer = "adyen-kyc-payout-verification-method-card-image-container";
-const styles = {
-  instantVerificationError,
-  payoutVerificationMethodCard,
-  payoutVerificationMethodCardImage,
-  payoutVerificationMethodCardContent,
-  payoutVerificationMethodCardTitle,
-  payoutVerificationMethodCardSubtitle,
-  payoutVerificationMethodCardBody,
-  payoutVerificationMethodCardImageContainer
-};
-const PayoutVerificationMethodOptionIcon = ({
-  method,
-  methodsMetadata
-}) => {
-  const { svgImport } = methodsMetadata[method];
-  return /* @__PURE__ */ jsx(Image, { className: styles.payoutVerificationMethodCardImage, lazyLoadedImage: svgImport });
-};
-const PayoutVerificationMethodOptionCard = ({
-  payoutMethod,
-  title: title2,
-  subtitle,
-  tag,
-  selectVerificationMethod,
-  payoutVerificationMethod,
-  methodsMetadata,
-  bankInfoValidated,
-  instantVerificationAvailable
-}) => {
-  const isInstantVerificationCard = payoutMethod === "instantVerification";
-  const isCardDisabled = bankInfoValidated || isInstantVerificationCard && !instantVerificationAvailable;
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      onClick: () => selectVerificationMethod(payoutMethod),
-      disabled: isCardDisabled,
-      selected: payoutMethod === payoutVerificationMethod,
-      padding: "none",
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cx(styles.payoutVerificationMethodCardBody, styles.payoutVerificationMethodCard),
-          children: [
-            /* @__PURE__ */ jsx("div", { className: styles.payoutVerificationMethodCardImageContainer, children: /* @__PURE__ */ jsx(
-              PayoutVerificationMethodOptionIcon,
-              {
-                method: payoutMethod,
-                methodsMetadata
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: styles.payoutVerificationMethodCardContent, children: [
-              tag,
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  el: "h4",
-                  variant: "body-strongest",
-                  className: styles.payoutVerificationMethodCardTitle,
-                  children: title2
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  el: "p",
-                  variant: "body",
-                  color: "secondary",
-                  className: styles.payoutVerificationMethodCardSubtitle,
-                  children: subtitle
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    },
-    payoutMethod
-  );
-};
-const payoutVerificationMethodFields = ["payoutVerificationMethod", "bankCountry", ...accountVerificationFields];
-function PayoutVerificationMethod(props) {
-  const {
-    heading,
-    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 instantVerificationError2 = useContext(InstantVerificationErrorContext);
-  const { isSettingEnabled } = useSettingsContext();
-  const { isFeatureEnabled } = useToggleContext();
-  const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
-  const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
-    SettingNames.AllowIntraRegionCrossBorderPayout
-  );
-  const [hasSelectedMethod, setHasSelectedMethod] = useState(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(() => {
-    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(() => {
-    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((country2) => country2.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 description2 = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
-    t(($) => $["forYouToReceiveYourPayouts"]),
-    " ",
-    /* @__PURE__ */ jsx(
-      Trans,
-      {
-        t,
-        ns: "banking",
-        i18nKey: ($) => $[getMustHaveSameAccountHolderNameTransKey(legalEntityType)],
-        values: { name: accountHolder, companyName: accountHolder }
-      }
-    )
-  ] });
-  const isCrossBorderPayoutEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
-  return /* @__PURE__ */ jsxs("form", { className: styles.payoutVerificationMethod, children: [
-    heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx("template", { slot: "description", children: description2 }) }),
-    instantVerificationError2 && /* @__PURE__ */ jsx(
-      Alert,
-      {
-        variant: "error",
-        className: styles.instantVerificationError,
-        title: instantVerificationError2.title,
-        children: instantVerificationError2.content && /* @__PURE__ */ jsx("p", { className: "adyen-kyc-u-margin-0", children: instantVerificationError2.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, { 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
-  ] });
-}
-const 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
-  }
-};
-const PayoutCountryDetailsFormID = payoutSteps.payoutCountryDetails.formId;
-const PayoutVerificationMethodFormID = payoutSteps.payoutVerificationMethod.formId;
-const PayoutAccountDocumentsFormID = payoutSteps.payoutAccountDocuments.formId;
-const 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: createTrustedTransferInstrument2,
-    accountDetailsFromInput,
-    country,
-    accountHolder,
-    data: propData,
-    onBack,
-    trustedTransferInstrumentId,
-    setHasAsyncValidationError
-  } = props;
-  const [instantVerificationError2, setInstantVerificationError] = useInstantVerificationErrorNotification(1e4);
-  const payoutCountryDetailsFormProps = getFormProps(props, PayoutCountryDetailsFormID);
-  const verificationMethodFormProps = getFormProps(props, PayoutVerificationMethodFormID);
-  const accountVerificationFormProps = getFormProps(props, PayoutAccountVerificationFormID);
-  const payoutAccountFormProps = getFormProps(props, payoutSteps.payoutAccountDetails.formId);
-  const bankDocumentFormProps = getFormProps(props, PayoutAccountDocumentsFormID);
-  const { 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(() => resetData(), [resetData]);
-  useEffect(() => {
-    if (activeForm?.formId === summaryStep.formId && verifyInstantly && trustedTransferInstrumentId) {
-      setSkipSubmit?.(true);
-    }
-  }, [activeForm, trustedTransferInstrumentId]);
-  const [bankInfoValidated, setBankInfoValidated] = useState(false);
-  const [arePayoutAccountDetailsInvalid, setArePayoutAccountDetailsInvalid] = useState(false);
-  const [invalidFieldNames, setInvalidFieldNames] = useState("");
-  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(() => {
-    if (validateAccountDetails?.invalidFields && validateAccountDetails.invalidFields.length > 0) {
-      setHasAsyncValidationError?.(true);
-      const fieldNames = validateAccountDetails.invalidFields.map((field) => extractFieldName(field.name)).map((key) => commonT(($) => $[key]));
-      const invalidFieldsString = concatenateFieldNames(fieldNames);
-      setInvalidFieldNames(invalidFieldsString);
-      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: instantVerificationError2, 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,
-            formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Show, { when: showInstantVerificationPayoutModal, children: /* @__PURE__ */ jsx(
-      BankVerification,
-      {
-        ...accountVerificationFormProps,
-        heading: t(($) => $["bankAccountVerification"]),
-        id: PayoutAccountVerificationFormID,
-        provider,
-        country: bankCountry,
-        onBack,
-        hideSidebar: setHideSidebar,
-        setBankVerificationError: setInstantVerificationError,
-        bankInfoValidated,
-        setBankInfoValidated,
-        formIsActive: activeForm?.formId === PayoutVerificationMethodFormID,
-        createTrustedTransferInstrument: createTrustedTransferInstrument2
-      }
-    ) })
-  ] });
-}
-const rules = ({
-  data,
-  requiredFields,
-  isFeatureEnabled
-}) => createFormRules({
-  whenUsingManualVerification: () => {
-    if (!data.payoutVerificationMethod) return;
-    if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") {
-      return "REQUIRED";
-    }
-  },
-  whenUsingInstantVerification: () => {
-    if (!data.payoutVerificationMethod) {
-      return "REQUIRED";
-    }
-    if (data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification") {
-      return "REQUIRED";
-    }
-  },
-  verifiedBankAccountNumber: () => {
-    if (data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification") {
-      return "REQUIRED";
-    }
-  },
-  bankStatementRequirement: () => {
-    if (isFeatureEnabled?.("EnablePayoutDetailsMultiForm")) {
-      return "REQUIRED";
-    }
-    if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification") {
-      return requiredFields?.bankStatementRequirement;
-    }
-  },
-  // "bankStatement description" field is always "optional" and it's coupled with bank statement document.
-  bankStatementDescription: () => {
-    if (data?.payoutVerificationMethod?.payoutVerificationMethod === "manualVerification" && !!requiredFields?.bankStatementRequirement) {
-      return "OPTIONAL";
-    }
-  }
-});
-const 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
-  };
-};
-const 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"
-  };
-};
-const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
-  const { bankStatementDocument, description: description2 } = data.payoutAccountDocuments ?? {};
-  if (!bankStatementDocument?.length) {
-    return void 0;
-  }
-  const page1 = bankStatementDocument[0];
-  if (!page1) {
-    throw new Error("Document needs at least one page");
-  }
-  const existingDocument = getDocument(entityId, "bankStatement");
-  return await createDocumentRequest({
-    entityId,
-    entityType: "bankAccount",
-    documentType: "bankStatement",
-    page1,
-    description: description2,
-    existingDocument
-  });
-};
-const obscuredPayoutFields = ["bankAccountNumber", "iban"];
-const payoutDetailsCountryConfig = {
-  [CountryCodes.Canada]: {
-    bankStatementDocument: {
-      label: "listitemVoidedChequeBankLetterBankStatementOnline"
-    }
-  },
-  [CountryCodes.UnitedKingdom]: {
-    bankCity: {
-      label: "bankCityTown"
-    },
-    bankStatementDocument: {
-      label: "listitemVoidedChequeBankLetterBankStatementOnline"
-    }
-  }
-};
-const 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);
-}
-const getAppropriatePayoutDetailsSteps = (isEditing, instantVerificationAvailable, canChangeCountry, isCrossBorderEnabled) => {
-  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) {
-    delete dependentSteps["payoutVerificationMethod"];
-  }
-  return dependentSteps;
-};
-const CUSTOM_LABELS = {
-  verifiedAccountHolder: "accountHolder",
-  verifiedBankCountry: "bankCountry",
-  verifiedBankName: "bankName",
-  verifiedCurrencyCode: "currencyCode",
-  verifiedBankAccountNumber: "bankAccountNumber"
-};
-const getInvalidFieldsErrorHeader = (invalidField) => {
-  switch (invalidField) {
-    case "LEGAL_BUSINESS_NAME":
-    case "FIRST_NAME":
-    case "LAST_NAME":
-      return "caasBankAccountHolderDoesNotMatch";
-    default:
-      return "weCouldntCompleteTheAccountCheck";
-  }
-};
-const getInvalidFieldsErrorContent = (invalidField) => {
-  switch (invalidField) {
-    case "LEGAL_BUSINESS_NAME":
-      return "caasBankAccountMustBeInYourNameYourBusinessLegalNameOrDoingBusinessAs";
-    case "FIRST_NAME":
-    case "LAST_NAME":
-      return "caasBankAccountMustBeInYourName";
-    default:
-      return "weCouldntCompleteTheAccountCheck";
-  }
-};
-const defaultInvalidErrorMessage = {
-  header: "weCouldntCompleteTheAccountCheck",
-  content: "weCouldntCompleteTheAccountCheck"
-};
-const 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)
-  };
-};
-const getPayoutVerificationMethod = (transferInstrument, instantVerificationEnabled) => {
-  if (transferInstrument) {
-    return "manualVerification";
-  } else {
-    return instantVerificationEnabled ? "instantVerification" : "manualVerification";
-  }
-};
-const 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;
-};
-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(
-    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();
-  const [isCaasCalled, setIsCaasCalled] = useState(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();
-  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(false);
-  const [skipSubmit, setSkipSubmit] = useState(false);
-  const [loadingStatus, setLoadingStatus] = useState("loading");
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [configurationLoadingStatus, setConfigurationLoadingStatus] = useState("loading");
-  const [data, setData] = useState(prefilledData);
-  const [problems, setProblems] = useState(
-    propProblems || (transferInstrument?.id ? getCapabilityProblems(legalEntityResponse, bankAccountCountry)?.BankAccount?.[transferInstrument.id] : void 0)
-  );
-  const [accountDetailsFromInput, setAccountDetailsFromInput] = useState(
-    prefilledData.payoutAccountDetails
-  );
-  const [hasAsyncValidationError, setHasAsyncValidationError] = useState(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;
-  useEffect(() => {
-    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
-    }
-  );
-  const instantVerificationAvailable = useMemo$1(
-    () => Boolean(instantVerificationEnabled && providers?.[0]?.redirectUrl),
-    [instantVerificationEnabled, providers]
-  );
-  const getPayoutAccountFormatData = useCallback(
-    async () => getAccountFormatsForCountry(bankAccountCountry),
-    [bankAccountCountry]
-  );
-  const { fieldConfigurations, requiredFields } = useScenarioConfiguration({
-    parseConfiguration,
-    legalEntityType: legalEntityResponse.type,
-    getPayoutAccountFormatData,
-    instantVerificationAvailable,
-    setLoadingStatus: setConfigurationLoadingStatus,
-    country: bankAccountCountry,
-    existingBankAccountFormat
-  });
-  const fieldsFromCustomRules = useMemo$1(
-    () => rules({
-      data,
-      requiredFields,
-      isFeatureEnabled
-    }),
-    [bankAccountCountry, data, taskType, isFeatureEnabled]
-  );
-  const apiBankAccount = useMemo$1(() => {
-    const payoutAccountDetails = data.payoutAccountDetails ?? { bankAccountNumber: "" };
-    return mapPayoutAccountSchemaToApiBankAccount(payoutAccountDetails, bankAccountCountry);
-  }, [data, bankAccountCountry]);
-  const {
-    data: checkAsAServiceData,
-    refetch: refetchCheckAsAService,
-    isLoading: isCheckAsAServiceLoading,
-    isError: isCheckAsAServiceError
-  } = useCheck(apiBankAccount.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(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,
-    // bank vendor loading status only matters when we fetch bank vendors
-    instantVerificationEnabled ? bankVendorsLoadingStatus : "success",
-    isSubmitting ? "loading" : "success"
-  );
-  const forms = useMemo$1(() => {
-    const requiredForms = getRequiredForms(
-      payoutDetailsSteps,
-      derivedProps?.requiredFields,
-      derivedProps?.optionalFields
-    );
-    const adjustedFormValidity = hasAsyncValidationError ? { ...formValidity, payoutAccountDetails: false } : formValidity;
-    return addValidityToForms(requiredForms, adjustedFormValidity, problems);
-  }, [derivedProps, formValidity, hasAsyncValidationError, problems, payoutDetailsSteps]);
-  useEffect(() => {
-    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: forms2,
-    transferInstrument: transferInstrument2,
-    dataSubmitted
-  }) => {
-    const isBankDocumentFormPresent = forms2.some(
-      (form) => form.formId === payoutSteps.payoutAccountDocuments.formId
-    );
-    if (isBankDocumentFormPresent) {
-      const documentToUpload = await mapPayoutDocumentsToApiDocuments(
-        dataSubmitted,
-        transferInstrument2.id
-      );
-      if (documentToUpload) {
-        try {
-          const documents2 = await documentUtils.uploadDocuments(
-            [documentToUpload],
-            transferInstrument2.id
-          );
-          documents2.forEach((document) => {
-            userEvents.addTaskEvent("Success", {
-              actionType: "upload",
-              documentType: dataSubmitted.payoutAccountDocuments?.documentType ?? document.type,
-              // tracks BankDocumentTypes
-              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(() => {
-    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(() => {
-    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: 0.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
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  rules as A,
-  BankVerification as B,
-  mapPayoutAccountSchemaToApiBankAccount as C,
-  useCheck as D,
-  getAppropriatePayoutDetailsSteps as E,
-  mapApiDocumentToPayoutDocuments as F,
-  getInvalidFieldsErrorMessage as G,
-  parseConfiguration as H,
-  InstantVerificationErrorContext as I,
-  mapPayoutDetailsToTransferInstrument as J,
-  createTransferInstrument as K,
-  formatAccountVerificationSummary as L,
-  MemoizedBankDocumentClassification as M,
-  mapPayoutDocumentsToApiDocuments as N,
-  PayoutDetailsDropin as P,
-  useAsyncAccountDetailsValidationRules as a,
-  PayoutAccount as b,
-  PayoutVerificationMethod as c,
-  PayoutCountryDetails as d,
-  bankVerificationValidationRules as e,
-  bankDocumentValidationRules as f,
-  getAccountIdentificationFromPayoutAccountSchema as g,
-  defaultFieldMetadata$1 as h,
-  defaultFieldConfig$1 as i,
-  defaultFieldMetadata$3 as j,
-  defaultFieldConfig$3 as k,
-  defaultFieldMetadata as l,
-  defaultFieldConfig as m,
-  defaultFieldMetadata$2 as n,
-  defaultFieldConfig$2 as o,
-  payoutSteps as p,
-  swiftCodeFieldMetadata as q,
-  useUpdateTransferInstrument as r,
-  showInstantVerificationPayoutModal as s,
-  useUpdateTrustedTransferInstrument as t,
-  useInstantVerificationErrorNotification as u,
-  useCreateTrustedTransferInstrument as v,
-  getPayoutVerificationMethod as w,
-  getDefaultCurrencyForCountry as x,
-  useBankVerificationProviders as y,
-  getAccountFormatsForCountry as z
-};