@adyen/kyc-components 4.0.1 → 4.2.0-beta.0

package/dist/PayoutDetailsDropin-p2t6lj8Z.js

@@ -1,4841 +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] = "d3d85f93-b586-44e8-8aca-f81c15a6c88f", e._sentryDebugIdIdentifier = "sentry-dbid-d3d85f93-b586-44e8-8aca-f81c15a6c88f");
-  } catch (e) {
-  }
-}
-;
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { signal } from "@preact/signals";
-import { useState, useEffect, useRef, useMemo, useCallback, useContext } from "preact/hooks";
-import { b as useApiContext, j as useQuery, k as httpPost, m as httpGet, a1 as useMutation, a2 as useQueryClient, U as createLogger, C as CountryCodes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, t as LegalEntityTypes, a as addResourceBundles, L as Loader, N as EntityTypes, _ as __variableDynamicImportRuntimeHelper, a0 as useAnalyticsContext, a3 as Icon, H as Typography, B as Button, aj as objectsDeepEqual, aU as doArraysMatch, X as isEmpty, p as useExperimentsContext, bf as getSdkToken, J as hasOwnEntityAssociationOfType, M as useAccountHolder, o as useSettingsContext, g as getLegalEntityCountry, an as Trans, bg as EEA_Countries, bh as isAccountIdentifierObscured, bi as hasEmptyFields, bj as extractFieldName, bk as concatenateFieldNames, ap as keysOf, az as getCapabilityProblems, P as TaskTypes, aA as cloneObject, x as skipToken } from "./StoreProvider-l6WD5T55.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-DMZUSLNm.js";
-import { u as useForm, F as Field, S as Select, L as LoaderWrapper } from "./useForm-C8SA0ETz.js";
-import { E as ExperimentNames } from "./types-f66rmUFy.js";
-import { I as InputText, S as SettingNames } from "./InputText-DHRZ5RNd.js";
-import { u as useGlobalDataSlice, a as useGlobalData, c as useResetGlobalData, b as useStateContext } from "./useGlobalData-VlkNij1C.js";
-import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-mFlAEux_.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-6LtTXNwK.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DSk8OL7G.js";
-import { A as AdyenKycSdkError, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, u as useScenarioConfiguration, b as useUnifyLoadingStatus } from "./mapExistingFile-nB9LIvV9.js";
-import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-ClAqXJGw.js";
-import { c as currencyByCountry, C as Currencies } from "./types-6CojAGL0.js";
-import { F as FormWrapper } from "./FormWrapper-BfsyttAY.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-CfIII-oi.js";
-import { f as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./documentUtils-CunPooif.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-_U3PeNHl.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-BEBSgwZP.js";
-import { Show } from "@preact/signals/utils";
-import { s as summaryStep } from "./Summary-Ccxu9A6C.js";
-import { c as createFormUtils, H as Header, E as ErrorPanel, S as StackLayout, e as isNotEmptyValidator, m as mergeFieldMetadataIntoProps, d as getFieldProps, C as CountryField, a as Link, g as getFormProps, s as summaryItem } from "./CountryField-D36v7bff.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-DlO3x839.js";
-import { i as useCapabilityProblems, j as getProblemsForEntity, D as DropzoneFile, p as bytesToSize, l as defaultFileValidationOptions, o as fileValidationRules, S as StateContextSetter, q as DocumentGuidance, t as TextArea, m as makeMask, n as numericInputs, c as nonInputs, s as spacer, k as customInputs, v as validatePatternOnBlur, r as resolveFieldMetadata, M as MaskedInput, b as alphanumericInputs, u as uppercase, d as alphaInputs, I as Image, R as RadioGroupCard, C as ContextGuidance, x as createFormRules } from "./fieldConfigurations-D99U6JIQ.js";
-import cx from "classnames";
-import { memo, useRef as useRef$1, useState as useState$1, useMemo as useMemo$1, useEffect as useEffect$1, lazy } from "preact/compat";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-DeGZrXXu.js";
-import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
-import { M as Modal } from "./Modal-lDK70UQc.js";
-import { E as EndStateLayout } from "./EndStateLayout-CPXu6AzB.js";
-import { createContext } from "preact";
-import { a as Alert } from "./Alert-BVHHWVgg.js";
-import { A as ActionBar } from "./ActionBar-Tv1K68ZK.js";
-import OpenBankingSDK from "@adyen/openbankingsdk";
-import { T as Tag } from "./Tag-DdkVScyr.js";
-import { C as Card } from "./Card-B66f7NuH.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 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-DlvaKo4n.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 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 showPayoutVerificationMethodError = signal(false);
-function PayoutDetailsPage({
-  transferInstrumentId,
-  setTransferInstrumentId,
-  taskType,
-  openBankingPartnerConfigId,
-  onSubmit,
-  handleHomeClick
-}) {
-  const { i18n } = useTranslation();
-  const { data: rootLe } = useLegalEntity(ROOT_LE);
-  const { data: associatedLe, isLoading: associatedLeIsLoading } = useAssociatedLegalEntity(
-    rootLe,
-    [
-      LegalEntityTypes.SOLE_PROPRIETORSHIP,
-      LegalEntityTypes.TRUST,
-      LegalEntityTypes.UNINCORPORATED_PARTNERSHIP
-    ]
-  );
-  const capabilityProblems = useCapabilityProblems();
-  addResourceBundles(i18n, [
-    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-DRkMqyL8.js"), "../language/cs-CZ.json": () => import("./cs-CZ-DalFZigH.js"), "../language/da-DK.json": () => import("./da-DK-P3YSaBqs.js"), "../language/de-DE.json": () => import("./de-DE-opyC1JO-.js"), "../language/el-GR.json": () => import("./el-GR-CWd7XYDU.js"), "../language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../language/es-ES.json": () => import("./es-ES-BhINIOee.js"), "../language/et-EE.json": () => import("./et-EE-x29FUaYN.js"), "../language/fi-FI.json": () => import("./fi-FI-CDISJifz.js"), "../language/fr-FR.json": () => import("./fr-FR-aJ3cg4x0.js"), "../language/hr-HR.json": () => import("./hr-HR-VivDwwdW.js"), "../language/hu-HU.json": () => import("./hu-HU-WEtpzb41.js"), "../language/it-IT.json": () => import("./it-IT-C2MZo4KT.js"), "../language/ja-JP.json": () => import("./ja-JP-Bktpl_2b.js"), "../language/lt-LT.json": () => import("./lt-LT-W6fTjwB5.js"), "../language/lv-LV.json": () => import("./lv-LV-CxUmQHF9.js"), "../language/nl-NL.json": () => import("./nl-NL-Bk-1-C0e.js"), "../language/no-NO.json": () => import("./no-NO-DN9qf-_I.js"), "../language/pl-PL.json": () => import("./pl-PL-Duj3tncM.js"), "../language/pt-BR.json": () => import("./pt-BR-Cm4vZocb.js"), "../language/pt-PT.json": () => import("./pt-PT-BJjCTMYf.js"), "../language/ro-RO.json": () => import("./ro-RO-B8leE4ZJ.js"), "../language/sk-SK.json": () => import("./sk-SK-BWwRIx2d.js"), "../language/sl-SI.json": () => import("./sl-SI-6s8xycKg.js"), "../language/sv-SE.json": () => import("./sv-SE-B1sbgsnh.js") }), `../language/${lang}.json`, 3) }
-  ]);
-  if (!rootLe || associatedLeIsLoading) {
-    return /* @__PURE__ */ jsx(Loader, {});
-  }
-  const problems = capabilityProblems && transferInstrumentId ? getProblemsForEntity(capabilityProblems, EntityTypes.BANK_ACCOUNT, transferInstrumentId) : void 0;
-  return /* @__PURE__ */ jsx(
-    PayoutDetailsDropin,
-    {
-      taskType,
-      currentTransferInstrumentId: transferInstrumentId,
-      setCurrentTransferInstrumentId: setTransferInstrumentId,
-      legalEntityResponse: rootLe,
-      associatedLegalArrangement: associatedLe,
-      problems,
-      onSubmit,
-      handleHomeClick,
-      navigateBackToTaskList: handleHomeClick,
-      openBankingPartnerConfigId
-    }
-  );
-}
-const PayoutDetailsPage$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PayoutDetailsPage,
-  showPayoutVerificationMethodError
-}, Symbol.toStringTag, { value: "Module" }));
-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.target;
-    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 bankDocument = "adyen-kyc-bank-document";
-const bankDocumentDocumentUpload = "adyen-kyc-bank-document-document-upload";
-const bankDocumentDocumentDescription = "adyen-kyc-bank-document-document-description";
-const styles$5 = {
-  bankDocument,
-  bankDocumentDocumentUpload,
-  bankDocumentDocumentDescription
-};
-const documentRequirements$1 = "adyen-kyc-document-requirements";
-const documentRequirementsSubtitle = "adyen-kyc-document-requirements-subtitle";
-const styles$4 = {
-  documentRequirements: documentRequirements$1,
-  documentRequirementsSubtitle
-};
-const BankDocumentTypes = {
-  BANK_STATEMENT: "bankStatement",
-  DEPOSIT_SLIP: "depositSlip",
-  SCREENSHOT_OF_BANK: "screenshotOfOnlineBankingEnviroment",
-  A_LETTER_FROM_YOUR_BANK: "aLetterFromYourBank",
-  CHECK: "check"
-};
-const bankDocumentOptions = [
-  { id: BankDocumentTypes.BANK_STATEMENT, name: "bankStatementDocument" },
-  { id: BankDocumentTypes.DEPOSIT_SLIP, name: "depositSlip" },
-  { id: BankDocumentTypes.SCREENSHOT_OF_BANK, name: "screenshotOfOnlineBankingEnviroment" },
-  { id: BankDocumentTypes.A_LETTER_FROM_YOUR_BANK, name: "aLetterFromYourBank" },
-  { id: BankDocumentTypes.CHECK, name: "check" }
-];
-const BankDocumentRequirement = {
-  ACCOUNT_NAME_INDIVIDUAL: "bankAccountNameIndividual",
-  ACCOUNT_NAME_ORGANIZATION: "bankAccountNameOrganization",
-  ACCOUNT_NAME_WITH_SOLE_PROP: "bankAccountNameWithSoleProprietor",
-  ACCOUNT_NAME_WITH_TRUST: "bankAccountNameWithTrust",
-  ACCOUNT_NAME_WITH_UNINCORPORATED_PARTNERSHIP: "accountMustBeInTheNameOfUnincorporatedPartnership",
-  ACCOUNT_NUMBER_OR_IBAN: "accountNumberOrIbanVisible",
-  ACCOUNT_NUMBER: "accountNumberVisible",
-  ACCOUNT_NUMBER_FULL_OR_PARTIAL: "accountNumberFullOrPartialVisible",
-  DATE_ON_DOCUMENT: "datedInTheLastXMonths",
-  COUNTRY_OF_BANK: "showsCountryOfBankAccount",
-  OFFICIAL_DOCUMENT: "hasToBeOfficialDocumentFromBank",
-  STAMP_OR_SIGNATURE: "hasBankStampOrBankSignature",
-  HIGH_RESOLUTION_CHECK: "highResolutionCheck"
-};
-const accountNameRequirement = {
-  [LegalEntityTypes.INDIVIDUAL]: {
-    default: BankDocumentRequirement.ACCOUNT_NAME_INDIVIDUAL
-  },
-  [LegalEntityTypes.ORGANIZATION]: {
-    default: BankDocumentRequirement.ACCOUNT_NAME_ORGANIZATION
-  }
-};
-const accountNameRequirementWithLegalArrangement = {
-  [LegalEntityTypes.INDIVIDUAL]: {
-    [LegalEntityTypes.SOLE_PROPRIETORSHIP]: {
-      default: BankDocumentRequirement.ACCOUNT_NAME_WITH_SOLE_PROP
-    },
-    [LegalEntityTypes.TRUST]: {
-      [CountryCodes.UnitedStates]: "bankAccountNameWithTrust_US",
-      default: BankDocumentRequirement.ACCOUNT_NAME_WITH_TRUST
-    },
-    [LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]: {
-      default: BankDocumentRequirement.ACCOUNT_NAME_WITH_UNINCORPORATED_PARTNERSHIP
-    }
-  },
-  [LegalEntityTypes.ORGANIZATION]: {
-    [LegalEntityTypes.TRUST]: {
-      [CountryCodes.UnitedStates]: "bankAccountNameWithTrust_US",
-      default: BankDocumentRequirement.ACCOUNT_NAME_WITH_TRUST
-    },
-    [LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]: {
-      default: BankDocumentRequirement.ACCOUNT_NAME_WITH_UNINCORPORATED_PARTNERSHIP
-    }
-  }
-};
-const applyNamedModifiers = (country, documentModifiers) => {
-  if (!documentModifiers.associatedEntityType || !documentModifiers.associatedEntityLegalName) {
-    switch (documentModifiers.rootEntityType) {
-      case LegalEntityTypes.INDIVIDUAL:
-        return {
-          key: accountNameRequirement[LegalEntityTypes.INDIVIDUAL].default,
-          options: { values: { individualLegalName: documentModifiers.rootEntityLegalName } }
-        };
-      case LegalEntityTypes.ORGANIZATION:
-      default:
-        return {
-          key: accountNameRequirement[LegalEntityTypes.ORGANIZATION].default,
-          options: { values: { companyLegalName: documentModifiers.rootEntityLegalName } }
-        };
-    }
-  }
-  switch (documentModifiers.rootEntityType) {
-    case LegalEntityTypes.INDIVIDUAL:
-      switch (documentModifiers.associatedEntityType) {
-        case LegalEntityTypes.TRUST:
-          return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.TRUST]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.TRUST].default,
-            options: {
-              values: {
-                trusteeName: documentModifiers.rootEntityLegalName,
-                trustLegalName: documentModifiers.associatedEntityLegalName,
-                trustTradingName: documentModifiers.associatedEntityTradingName ?? documentModifiers.associatedEntityLegalName
-              }
-            }
-          };
-        case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
-          return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP].default,
-            options: {
-              values: {
-                partnerNames: documentModifiers.unincorporatedPartnershipMembers || "",
-                partnershipName: documentModifiers.associatedEntityLegalName
-              }
-            }
-          };
-        case LegalEntityTypes.SOLE_PROPRIETORSHIP:
-        default:
-          return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.INDIVIDUAL][LegalEntityTypes.SOLE_PROPRIETORSHIP].default,
-            options: {
-              values: {
-                individualLegalName: documentModifiers.rootEntityLegalName,
-                soleProprietorshipName: documentModifiers.associatedEntityLegalName
-              }
-            }
-          };
-      }
-    case LegalEntityTypes.ORGANIZATION:
-    default:
-      switch (documentModifiers.associatedEntityType) {
-        case LegalEntityTypes.TRUST:
-          return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.TRUST]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.TRUST].default,
-            options: {
-              values: {
-                trusteeName: documentModifiers.rootEntityLegalName,
-                trustLegalName: documentModifiers.associatedEntityLegalName,
-                trustTradingName: documentModifiers.associatedEntityTradingName ?? documentModifiers.associatedEntityLegalName
-              }
-            }
-          };
-        case LegalEntityTypes.UNINCORPORATED_PARTNERSHIP:
-          return {
-            key: accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP]?.[country] ?? accountNameRequirementWithLegalArrangement[LegalEntityTypes.ORGANIZATION][LegalEntityTypes.UNINCORPORATED_PARTNERSHIP].default,
-            options: {
-              values: {
-                partnerNames: documentModifiers.unincorporatedPartnershipMembers || "",
-                partnershipName: documentModifiers.associatedEntityLegalName
-              }
-            }
-          };
-        default:
-          return { key: accountNameRequirement[LegalEntityTypes.ORGANIZATION].default };
-      }
-  }
-};
-const getBankDocumentRequirements = (country, documentType, documentModifiers) => {
-  const isBasedInUS = country === "US";
-  const baseRequirements = isBasedInUS ? [{ key: BankDocumentRequirement.OFFICIAL_DOCUMENT }] : [
-    { key: BankDocumentRequirement.OFFICIAL_DOCUMENT },
-    { key: BankDocumentRequirement.COUNTRY_OF_BANK }
-  ];
-  const accountNumberRequirement = isBasedInUS ? documentType === BankDocumentTypes.CHECK || documentType === BankDocumentTypes.DEPOSIT_SLIP ? [{ key: BankDocumentRequirement.ACCOUNT_NUMBER }] : [{ key: BankDocumentRequirement.ACCOUNT_NUMBER_FULL_OR_PARTIAL }] : [{ key: BankDocumentRequirement.ACCOUNT_NUMBER_OR_IBAN }];
-  const requireLast12Months = isBasedInUS ? documentType === BankDocumentTypes.A_LETTER_FROM_YOUR_BANK || documentType === BankDocumentTypes.BANK_STATEMENT : documentType !== BankDocumentTypes.SCREENSHOT_OF_BANK;
-  const requireStampOrSignature = !isBasedInUS && (documentType === BankDocumentTypes.DEPOSIT_SLIP || documentType === BankDocumentTypes.A_LETTER_FROM_YOUR_BANK);
-  const requirements = [
-    applyNamedModifiers(country, documentModifiers),
-    ...accountNumberRequirement,
-    ...baseRequirements
-  ];
-  if (requireLast12Months) {
-    requirements.push({
-      key: BankDocumentRequirement.DATE_ON_DOCUMENT,
-      options: { values: { number: 12 } }
-    });
-  }
-  if (requireStampOrSignature) {
-    requirements.push({ key: BankDocumentRequirement.STAMP_OR_SIGNATURE });
-  }
-  if (isBasedInUS && documentType === BankDocumentTypes.CHECK) {
-    requirements.push({ key: BankDocumentRequirement.HIGH_RESOLUTION_CHECK });
-  }
-  return requirements;
-};
-const BankDocumentRequirements = ({
-  country,
-  documentType,
-  documentModifiers
-}) => {
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const documentRequirements2 = getBankDocumentRequirements(
-    country,
-    documentType,
-    documentModifiers
-  );
-  return /* @__PURE__ */ jsxs("div", { className: styles$4.documentRequirements, children: [
-    /* @__PURE__ */ jsx("strong", { className: styles$4.documentRequirementsSubtitle, children: commonT(($) => $["documentRequirements"]) }),
-    /* @__PURE__ */ jsx("ul", { children: documentRequirements2.map(({ key, options }, i) => /* @__PURE__ */ jsx("li", { "data-testid": key, children: t(($) => $[key], options?.values) }, i)) })
-  ] });
-};
-const bankDocumentValidationRules = {
-  description: {
-    modes: ["blur"],
-    validate: (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$1 = 200;
-const bankDocumentFields = [
-  "documentType",
-  "bankStatementDocument",
-  "description"
-];
-function BankDocument(props) {
-  const {
-    legalEntity,
-    associatedLegalArrangement,
-    country,
-    optionalFields,
-    validators,
-    data: bankData,
-    id,
-    description: description2,
-    heading,
-    formIsActive,
-    fieldValidationErrors,
-    shouldValidate
-  } = props;
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const stateRef = useRef({ setState: null });
-  const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
-  const formUtils = createFormUtils(props, commonT);
-  const bankStatementValidationOptions = useMemo(
-    () => ({
-      ...defaultFileValidationOptions,
-      isOptional: isBankStatementOptional
-    }),
-    [isBankStatementOptional]
-  );
-  const rules2 = useMemo(
-    () => ({
-      ...validators || bankDocumentValidationRules,
-      bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
-    }),
-    [bankStatementValidationOptions, validators]
-  );
-  const { handleChangeFor, data, setData, valid, fieldProblems, errors, triggerValidation } = useForm({
-    ...props,
-    schema: bankDocumentFields,
-    defaultData: bankData,
-    rules: rules2,
-    fieldProblems: fieldValidationErrors,
-    shouldValidate
-  });
-  useEffect(() => {
-    if (formIsActive) {
-      triggerValidation();
-    }
-  }, [formIsActive, triggerValidation]);
-  const alreadyUploadedDocuments = useMemo(
-    () => bankData?.bankStatementDocument ?? [],
-    [bankData?.bankStatementDocument]
-  );
-  const hasAlreadyUploadedDocuments = alreadyUploadedDocuments.length > 0;
-  const usingExistingUploadedDocuments = data.bankStatementDocument && doArraysMatch(alreadyUploadedDocuments, data.bankStatementDocument);
-  useEffect(() => {
-    if (hasAlreadyUploadedDocuments) {
-      setData("bankStatementDocument", alreadyUploadedDocuments);
-      if (bankData?.description) setData("description", bankData.description);
-      triggerValidation();
-    }
-  }, [
-    alreadyUploadedDocuments,
-    hasAlreadyUploadedDocuments,
-    bankData?.description,
-    setData,
-    triggerValidation
-  ]);
-  useEffect(() => {
-    stateRef.current?.setState?.({
-      type: "addToState",
-      value: {
-        data,
-        valid,
-        errors,
-        fieldProblems,
-        dataStoreId: id,
-        schema: bankDocumentFields
-      }
-    });
-  }, [data, valid, errors, fieldProblems, id]);
-  const getBankDocumentOptions = () => bankDocumentOptions.map(({ id: id2, name }) => ({ id: id2, name: t(($) => $[name]) }));
-  const unincorporatedPartnershipMembers = useUnincorporatedPartnershipMembers();
-  const documentsModifiers = useMemo(
-    () => ({
-      rootEntityType: legalEntity.type,
-      rootEntityLegalName: getLegalEntityNameBasedOnType(legalEntity),
-      associatedEntityType: associatedLegalArrangement?.type,
-      associatedEntityLegalName: associatedLegalArrangement?.[associatedLegalArrangement?.type]?.name,
-      associatedEntityTradingName: associatedLegalArrangement?.[associatedLegalArrangement?.type]?.doingBusinessAs,
-      unincorporatedPartnershipMembers: unincorporatedPartnershipMembers?.map((member) => member?.name)?.join(", ")
-    }),
-    [legalEntity, associatedLegalArrangement, unincorporatedPartnershipMembers]
-  );
-  return /* @__PURE__ */ jsxs("form", { className: styles$5.bankDocument, children: [
-    /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    heading && /* @__PURE__ */ jsx(Header, { title: heading, description: description2 }),
-    /* @__PURE__ */ jsx(
-      ErrorPanel,
-      {
-        verificationErrors: props?.formVerificationErrors,
-        validationErrors: props?.fieldValidationErrors,
-        formUtils,
-        id: "ariaErrorField"
-      }
-    ),
-    formUtils.isVisibleField("bankStatementDocument") && /* @__PURE__ */ jsxs(Fragment, { children: [
-      !usingExistingUploadedDocuments && /* @__PURE__ */ jsx(
-        Field,
-        {
-          name: "documentType",
-          label: formUtils.getLabel("bankStatementDocument", "selectDocumentType"),
-          className: "adyen-kyc-bank-document__document-type",
-          children: (childProps) => /* @__PURE__ */ jsx(
-            Select,
-            {
-              ...childProps,
-              onChange: handleChangeFor("documentType"),
-              name: "documentType",
-              placeholder: commonT(($) => $["selectDocument"]),
-              isInvalid: false,
-              items: getBankDocumentOptions(),
-              selected: data.documentType
-            }
-          )
-        }
-      ),
-      data.documentType ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        country ? /* @__PURE__ */ jsx(
-          BankDocumentRequirements,
-          {
-            country,
-            documentType: data.documentType,
-            documentModifiers: documentsModifiers
-          }
-        ) : void 0,
-        /* @__PURE__ */ jsx(DocumentGuidance, { type: "bankStatement", className: "adyen-kyc-u-margin-y-24" })
-      ] }) : null,
-      data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
-        Field,
-        {
-          className: cx(styles$5.bankDocumentDocumentUpload, "adyen-kyc-upload-field"),
-          name: "bankStatementDocument",
-          isValid: valid.bankStatementDocument,
-          children: (childProps) => /* @__PURE__ */ jsx(
-            FilePicker,
-            {
-              ...childProps,
-              name: "bankStatementDocument",
-              files: data.bankStatementDocument ?? [],
-              setFiles: handleChangeFor("bankStatementDocument"),
-              isValid: valid.bankStatementDocument ?? isBankStatementOptional,
-              errorMessage: errors.bankStatementDocument?.errorMessage,
-              ...bankStatementValidationOptions
-            }
-          )
-        }
-      ) : null
-    ] }),
-    data.documentType || usingExistingUploadedDocuments ? /* @__PURE__ */ jsx(
-      Field,
-      {
-        className: cx(styles$5.bankDocumentDocumentDescription),
-        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$1,
-            onInput: handleChangeFor("description"),
-            "aria-invalid": !valid.description
-          }
-        )
-      }
-    ) : null
-  ] });
-}
-const MemoizedBankDocument = memo(
-  BankDocument,
-  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.heading === nextProps.heading && prevProps.formIsActive === nextProps.formIsActive
-);
-const validateDocument = async (context, document2) => {
-  const { baseUrl, rootLegalEntityId } = context;
-  return httpPost(
-    {
-      baseUrl,
-      path: `legalEntities/${rootLegalEntityId}/genai/classify`
-    },
-    document2
-  );
-};
-const useValidateDocument = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useMutation({
-    mutationFn: (payload) => validateDocument(
-      { rootLegalEntityId: rootLegalEntityId.value, baseUrl: baseUrl.value },
-      payload
-    ),
-    retry: 0,
-    ...options
-  });
-};
-const bankDocumentClassification = "adyen-kyc-bank-document-classification";
-const requirementsList = "adyen-kyc-requirements-list";
-const filePickerDisabled = "adyen-kyc-file-picker-disabled";
-const reviewModal = "adyen-kyc-review-modal";
-const preview = "adyen-kyc-preview";
-const previewImage = "adyen-kyc-preview-image";
-const content = "adyen-kyc-content";
-const actions = "adyen-kyc-actions";
-const title$1 = "adyen-kyc-title";
-const description = "adyen-kyc-description";
-const issues = "adyen-kyc-issues";
-const confirmationModal = "adyen-kyc-confirmation-modal";
-const styles$3 = {
-  bankDocumentClassification,
-  requirementsList,
-  filePickerDisabled,
-  reviewModal,
-  preview,
-  previewImage,
-  content,
-  actions,
-  title: title$1,
-  description,
-  issues,
-  confirmationModal
-};
-function RequirementsSection({ titleKey, requirementKeys }) {
-  const { t } = useTranslation("banking");
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h4", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $[titleKey]) }),
-    /* @__PURE__ */ jsx("ul", { children: requirementKeys.map((key) => /* @__PURE__ */ jsx("li", { children: t(($) => $[key]) }, key)) })
-  ] });
-}
-const commonRequirementsKeys = [
-  "bankAccountInYourName",
-  "includesFullOrPartialAccountNumber",
-  "includesBankLogoOrName"
-];
-const documentRequirements = [
-  {
-    titleKey: "bankStatements",
-    additionalKeys: ["datedInLast12Months"]
-  },
-  {
-    titleKey: "depositSlips"
-  },
-  {
-    titleKey: "onlineBankingScreenshots"
-  },
-  {
-    titleKey: "lettersFromBank",
-    additionalKeys: ["datedInLast12Months"]
-  },
-  {
-    titleKey: "checks",
-    additionalKeys: ["highResolutionImageFullCheck"]
-  }
-];
-function BankDocumentRequirementsModal({
-  isOpen,
-  onClose
-}) {
-  const { t } = useTranslation("banking");
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx(Modal, { ariaLabel: t(($) => $["moreAboutBankDocuments"]), onClose, size: "medium", inset: true, children: /* @__PURE__ */ jsxs(StackLayout, { gap: "large", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h1", children: t(($) => $["moreAboutBankDocuments"]) }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h3", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["whyDoIHaveToUploadBankDocument"]) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["bankDocumentFraudPrevention"]) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h3", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["whatAreDocumentRequirements"]) }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["bankDocumentRequirementsIntro"]) })
-    ] }),
-    documentRequirements.map(({ titleKey, additionalKeys }) => /* @__PURE__ */ jsx(
-      RequirementsSection,
-      {
-        titleKey,
-        requirementKeys: commonRequirementsKeys.concat(additionalKeys || [])
-      },
-      titleKey
-    ))
-  ] }) });
-}
-const CHARACTERS_LIMIT = 200;
-const bankDocumentClassificationFields = [
-  "bankStatementDocument",
-  "description"
-];
-function BankDocumentClassification(props) {
-  const {
-    legalEntity,
-    optionalFields,
-    validators,
-    data: bankData,
-    id,
-    formIsActive,
-    fieldValidationErrors,
-    formVerificationErrors,
-    shouldValidate
-  } = props;
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const stateRef = useRef$1({ setState: null });
-  const [showReviewModal, setShowReviewModal] = useState$1(false);
-  const [showConfirmationModal, setShowConfirmationModal] = useState$1(false);
-  const [showRequirementsModal, setShowRequirementsModal] = useState$1(false);
-  const [validationResponse, setValidationResponse] = useState$1(
-    null
-  );
-  const [showEndState, setShowEndState] = useState$1(false);
-  const inputRef = useRef$1(null);
-  const logger2 = createLogger();
-  const userEvents = useAnalyticsContext();
-  const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
-  const formUtils = createFormUtils(props, commonT);
-  const bankStatementValidationOptions = useMemo$1(
-    () => ({
-      ...defaultFileValidationOptions,
-      isOptional: isBankStatementOptional
-    }),
-    [isBankStatementOptional]
-  );
-  const rules2 = useMemo$1(
-    () => ({
-      ...validators || bankDocumentValidationRules,
-      bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
-    }),
-    [bankStatementValidationOptions, validators]
-  );
-  const { handleChangeFor, data, setData, valid, fieldProblems, errors, triggerValidation } = useForm({
-    ...props,
-    schema: bankDocumentClassificationFields,
-    defaultData: bankData,
-    rules: rules2,
-    fieldProblems: fieldValidationErrors,
-    shouldValidate
-  });
-  const validateDocumentMutation = useValidateDocument({
-    onSuccess: (response) => {
-      setValidationResponse(response);
-      if (response?.blurryOrLowQuality || response?.documentType === "other" || response?.documentType !== "bankDocument") {
-        userEvents.addEvent("Opened modal", {
-          actionType: "open",
-          actionLevel: "journey",
-          label: "bankDocumentClassification"
-        });
-        setShowReviewModal(true);
-      } else {
-        setShowEndState(true);
-        userEvents.addEvent("Success", {
-          actionType: "upload",
-          actionLevel: "journey",
-          label: "bankDocumentClassification"
-        });
-        setTimeout(() => {
-          setShowEndState(false);
-          setShowReviewModal(false);
-        }, 2e3);
-      }
-    },
-    onError: (error) => {
-      userEvents.addEvent("Encountered error", {
-        actionType: "upload",
-        actionLevel: "journey",
-        label: "bankDocumentClassification"
-      });
-      logger2.error("Document validation failed:", error);
-      setShowReviewModal(false);
-      setValidationResponse(null);
-    }
-  });
-  const handleDocumentUpload = async (files) => {
-    setData("bankStatementDocument", files);
-    triggerValidation();
-    if (files.length > 0) {
-      const file = files[0];
-      if (file && file instanceof File) {
-        try {
-          const base64Content = await fileToBase64(file);
-          const document2 = {
-            documentType: "bankStatement",
-            fileName: file.name,
-            sessionId: legalEntity.id,
-            attachments: [
-              {
-                content: base64Content,
-                pageName: file.name
-              }
-            ]
-          };
-          validateDocumentMutation.mutate(document2);
-        } catch (error) {
-          logger2.error("Error processing document:", error);
-        }
-      }
-    }
-  };
-  useEffect$1(() => {
-    if (formIsActive && isBankStatementOptional) {
-      triggerValidation();
-    }
-  }, [formIsActive, isBankStatementOptional, triggerValidation]);
-  const alreadyUploadedDocuments = useMemo$1(
-    () => bankData?.bankStatementDocument ?? [],
-    [bankData?.bankStatementDocument]
-  );
-  useEffect$1(() => {
-    if (alreadyUploadedDocuments.length > 0) {
-      setData("bankStatementDocument", alreadyUploadedDocuments);
-      if (bankData?.description) setData("description", bankData.description);
-      triggerValidation();
-    }
-  }, [alreadyUploadedDocuments, bankData?.description, setData, triggerValidation]);
-  useEffect$1(() => {
-    stateRef.current?.setState?.({
-      type: "addToState",
-      value: {
-        data,
-        valid,
-        errors,
-        fieldProblems,
-        dataStoreId: id,
-        schema: bankDocumentClassificationFields
-      }
-    });
-  }, [data, valid, errors, fieldProblems, id]);
-  const documentsModifiers = useMemo$1(
-    () => ({
-      rootEntityType: legalEntity.type,
-      rootEntityLegalName: getLegalEntityNameBasedOnType(legalEntity)
-    }),
-    [legalEntity]
-  );
-  const handleUploadNewDocument = () => {
-    userEvents.addEvent("Clicked button", {
-      actionType: "next",
-      actionLevel: "journey",
-      label: "bankDocumentClassificationUploadNewDocument"
-    });
-    inputRef.current?.click();
-  };
-  const handleContinueAnyway = () => {
-    setShowConfirmationModal(true);
-  };
-  const handleConfirmationCancel = () => {
-    setShowConfirmationModal(false);
-  };
-  const handleUseDocument = () => {
-    setShowConfirmationModal(false);
-    setShowReviewModal(false);
-    userEvents.addEvent("Clicked button", {
-      actionType: "next",
-      actionLevel: "journey",
-      label: "bankDocumentClassificationContinueAnyway"
-    });
-  };
-  const documentPreview = useMemo$1(() => {
-    if (!data.bankStatementDocument?.[0] || !showReviewModal) return null;
-    const file = data.bankStatementDocument?.[0];
-    return file.type === "application/pdf" || file.name.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ jsx(
-      "object",
-      {
-        width: "100%",
-        height: "100%",
-        data: URL.createObjectURL(file),
-        type: "application/pdf",
-        "aria-label": t(($) => $["reviewDocument"]),
-        "data-testid": "pdf-preview"
-      }
-    ) : /* @__PURE__ */ jsx("img", { src: URL.createObjectURL(file), alt: t(($) => $["reviewDocument"]) });
-  }, [data?.bankStatementDocument, showReviewModal, t]);
-  return /* @__PURE__ */ jsxs("div", { className: styles$3.bankDocumentPage, children: [
-    /* @__PURE__ */ jsxs("form", { className: styles$3.bankDocumentClassification, children: [
-      /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-      /* @__PURE__ */ jsx(
-        Header,
-        {
-          title: t(
-            ($) => $[isBankStatementOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
-          ),
-          description: t(($) => $["toVerifyYourBankAccountDetails"]),
-          children: /* @__PURE__ */ jsx(Button, { slot: "actions", variant: "link", onClick: () => setShowRequirementsModal(true), children: commonT(($) => $["learnMore"]) })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ErrorPanel,
-        {
-          verificationErrors: formVerificationErrors,
-          validationErrors: fieldValidationErrors,
-          formUtils,
-          id: "ariaErrorField"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: styles$3.requirementsList, children: t(($) => $["documentRequirements"]) }),
-        /* @__PURE__ */ jsxs("ul", { className: styles$3.requirementsList, children: [
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementNameOrBusiness"], {
-            businessName: documentsModifiers.rootEntityLegalName
-          }) }),
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementAccountNumber"]) }),
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementBankInfo"]) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Field,
-        {
-          className: cx("adyen-kyc-upload-field"),
-          name: "bankStatementDocument",
-          isValid: valid.bankStatementDocument,
-          children: (childProps) => /* @__PURE__ */ jsx("div", { className: validateDocumentMutation.isPending ? styles$3.filePickerDisabled : "", children: /* @__PURE__ */ jsx(
-            FilePicker,
-            {
-              ...childProps,
-              name: "bankStatementDocument",
-              files: data.bankStatementDocument ?? [],
-              setFiles: handleDocumentUpload,
-              isValid: valid.bankStatementDocument ?? isBankStatementOptional,
-              errorMessage: errors.bankStatementDocument?.errorMessage,
-              loading: validateDocumentMutation.isPending,
-              ...bankStatementValidationOptions
-            }
-          ) })
-        }
-      ),
-      data.bankStatementDocument?.length ? /* @__PURE__ */ jsx(
-        Field,
-        {
-          className: "adyen-kyc-document-description",
-          name: "description",
-          label: formUtils.getLabel("bankDocumentFileDescription"),
-          errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
-          isValid: valid.description,
-          children: (childProps) => /* @__PURE__ */ jsx(
-            TextArea,
-            {
-              ...childProps,
-              name: "description",
-              value: data.description,
-              maxLength: CHARACTERS_LIMIT,
-              onInput: handleChangeFor("description"),
-              "aria-invalid": !valid.description
-            }
-          )
-        }
-      ) : void 0
-    ] }),
-    showReviewModal && /* @__PURE__ */ jsx(
-      Modal,
-      {
-        ariaLabel: t(($) => $["reviewDocument"]),
-        size: showEndState ? "small" : "medium",
-        inset: showEndState,
-        showCloseButton: !showEndState,
-        onClose: !showEndState ? handleContinueAnyway : void 0,
-        children: showEndState ? /* @__PURE__ */ jsx(EndStateLayout, { title: t(($) => $["documentUploaded"]) }) : /* @__PURE__ */ jsxs("div", { className: styles$3.reviewModal, children: [
-          /* @__PURE__ */ jsx("div", { className: styles$3.preview, children: /* @__PURE__ */ jsx("div", { className: styles$3.previewImage, children: documentPreview }) }),
-          /* @__PURE__ */ jsxs("div", { className: styles$3.content, children: [
-            /* @__PURE__ */ jsx("h2", { className: styles$3.title, children: t(($) => $["reviewDocument"]) }),
-            /* @__PURE__ */ jsx("p", { className: styles$3.description, children: t(($) => $["reviewDocumentDescription"]) }),
-            /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => setShowRequirementsModal(true), children: commonT(($) => $["learnMore"]) }),
-            /* @__PURE__ */ jsx("ul", { className: styles$3.issues, children: validationResponse && getValidationIssuesKeys(validationResponse).map((issue, index) => /* @__PURE__ */ jsx("li", { children: t(($) => $[issue]) }, index)) }),
-            /* @__PURE__ */ jsxs("div", { className: styles$3.actions, children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "secondary",
-                  disabled: validateDocumentMutation.isPending,
-                  onClick: handleContinueAnyway,
-                  children: commonT(($) => $["continue"])
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  loading: validateDocumentMutation.isPending,
-                  variant: "primary",
-                  onClick: handleUploadNewDocument,
-                  children: t(($) => $["uploadNewDocument"])
-                }
-              )
-            ] })
-          ] })
-        ] })
-      }
-    ),
-    showConfirmationModal && /* @__PURE__ */ jsx(
-      Modal,
-      {
-        ariaLabel: t(($) => $["useThisDocument"]),
-        size: "small",
-        onClose: handleConfirmationCancel,
-        children: /* @__PURE__ */ jsxs("div", { className: styles$3.confirmationModal, children: [
-          /* @__PURE__ */ jsx("h2", { className: styles$3.title, children: t(($) => $["useThisDocument"]) }),
-          /* @__PURE__ */ jsx("p", { className: styles$3.description, children: t(($) => $["thisDocumentNeedstoBeReviewedManually"]) }),
-          /* @__PURE__ */ jsxs("div", { className: styles$3.actions, children: [
-            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleConfirmationCancel, children: commonT(($) => $["cancel"]) }),
-            /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleUseDocument, children: t(($) => $["useDocument"]) })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      BankDocumentRequirementsModal,
-      {
-        isOpen: showRequirementsModal,
-        onClose: () => setShowRequirementsModal(false)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        ref: inputRef,
-        className: "adyen-kyc-dropzone__input",
-        onChange: (e) => {
-          const fileInput = e.target;
-          if (fileInput?.files?.length) handleDocumentUpload([...fileInput.files]);
-        },
-        type: "file",
-        accept: defaultFileValidationOptions.allowedFileTypes.join(", ")
-      }
-    )
-  ] });
-}
-const MemoizedBankDocumentClassification = memo(
-  BankDocumentClassification,
-  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.heading === nextProps.heading && prevProps.formIsActive === nextProps.formIsActive
-);
-const bankVerificationValidationRules = {
-  verifiedAccountHolder: {
-    modes: ["blur"],
-    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$1 = `adyen-kyc-bank-verification-widget-container`;
-function BankVerificationOverlay({
-  url,
-  setBankVerificationError,
-  onBack,
-  retrieveBankAccountInfo,
-  createTrustedTransferInstrument: createTrustedTransferInstrument2
-}) {
-  const { t } = useTranslation("banking");
-  const userEvents = useAnalyticsContext();
-  const widgetContainerRef = useRef(null);
-  const { mutateAsync: handleBankVerificationError2 } = useHandleBankVerificationError();
-  const trackVerificationError = (returnValue) => {
-    userEvents.addPageEvent("Encountered error", {
-      actionType: "add",
-      returnType: "sdk error",
-      returnValue
-    });
-  };
-  const DEFAULT_ERROR = {
-    error: "UNKNOWN_ERROR",
-    message: t(($) => $["weCouldntCompleteTheAccountCheck"])
-  };
-  useEffect(() => {
-    setBankVerificationError(null);
-  }, [setBankVerificationError]);
-  const widgetCallback = useCallback(
-    (payload) => {
-      const errorContent = t(($) => $["tryAgainOrManualAccountDetails"]);
-      switch (payload.action) {
-        case VerificationWidgetCallbackActions.HANDLE_EXCEPTION: {
-          let errorTitle;
-          const { err } = payload;
-          switch (!(err instanceof Error) && err?.error) {
-            case "USER_CANCELLED":
-              errorTitle = "";
-              break;
-            case "CONNECTION_ERROR":
-              errorTitle = t(($) => $["couldNotEstablishBankConnection"]);
-              break;
-            case "GENERIC_ERROR":
-              errorTitle = t(($) => $["ranIntoTechnicalError"]);
-              break;
-            case "UNKNOWN_ERROR":
-            default: {
-              errorTitle = t(($) => $["couldNotCompleteAccountCheck"]);
-              break;
-            }
-          }
-          if (errorTitle) {
-            setBankVerificationError({ title: errorTitle, content: errorContent });
-          }
-          showInstantVerificationPayoutModal.value = false;
-          onBack?.();
-          break;
-        }
-        case VerificationWidgetCallbackActions.RETRY_VERIFICATION:
-          setBankVerificationError({
-            title: t(($) => $["failedInitializeInstantVerification"]),
-            content: errorContent
-          });
-          onBack?.();
-          break;
-        case VerificationWidgetCallbackActions.HANDLE_EVENT: {
-          const { name, provider } = payload.event;
-          if (name === "institution_selected" && provider === "plaid") {
-            widgetContainerRef.current?.classList.add(`${WIDGET_CONTAINER_CLASS$1}--plaid-modal`);
-          }
-          break;
-        }
-        case VerificationWidgetCallbackActions.VERIFICATION_SUCCESS: {
-          const { accounts } = payload.result;
-          if (accounts) retrieveBankAccountInfo(accounts[0]);
-        }
-      }
-    },
-    [t, retrieveBankAccountInfo, onBack, setBankVerificationError]
-  );
-  useEffect(() => {
-    const container = widgetContainerRef.current;
-    if (!container) return;
-    const openBanking = OpenBankingSDK.create({
-      divElement: container,
-      link: url,
-      successHandler: (code, state) => {
-        createTrustedTransferInstrument2?.(code, state).then((res) => {
-          userEvents.addPageEvent("Success", { actionType: "add" });
-          if (res) {
-            widgetCallback({
-              action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
-              result: res
-            });
-          }
-        }).catch(() => {
-          trackVerificationError(DEFAULT_ERROR.error);
-          widgetCallback({
-            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-            err: DEFAULT_ERROR
-          });
-        });
-      },
-      errorHandler: (errorCode, errorMessage, state, metadata) => {
-        trackVerificationError(errorCode);
-        handleBankVerificationError2?.({
-          errorCode,
-          errorMessage,
-          state,
-          metadata: metadata && Object.fromEntries(metadata)
-        }).then(
-          (error) => widgetCallback({
-            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-            err: error
-          })
-        ).catch(
-          () => widgetCallback({
-            action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-            err: DEFAULT_ERROR
-          })
-        );
-      },
-      eventHandler: (eventName, provider) => {
-        widgetCallback({
-          action: VerificationWidgetCallbackActions.HANDLE_EVENT,
-          event: { name: eventName, provider }
-        });
-      }
-    });
-    openBanking.open();
-    container.classList.add(WIDGET_CONTAINER_CLASS$1, `${WIDGET_CONTAINER_CLASS$1}--fullscreen`);
-    return () => {
-      openBanking?.destroy();
-    };
-  }, []);
-  return /* @__PURE__ */ jsx("div", { ref: widgetContainerRef });
-}
-const WIDGET_IFRAME_CLASS = "adyen-kyc-bank-verification-widget";
-const WIDGET_CONTAINER_CLASS = `${WIDGET_IFRAME_CLASS}-container`;
-function BankVerificationWidget({
-  url,
-  vendor,
-  setBankVerificationError,
-  setHideVerificationWidget,
-  onBack,
-  retrieveBankAccountInfo,
-  createTrustedTransferInstrument: createTrustedTransferInstrument2,
-  fullscreen
-}) {
-  const { t } = useTranslation("banking");
-  const userEvents = useAnalyticsContext();
-  const { isExperimentEnabled } = useExperimentsContext();
-  const widgetContainerRef = useRef(null);
-  const sdkToken = getSdkToken();
-  const { mutateAsync: handleBankVerificationError2 } = useHandleBankVerificationError();
-  const trackVerificationError = (returnValue) => {
-    userEvents.addPageEvent("Encountered error", {
-      actionType: "add",
-      returnType: "sdk error",
-      returnValue
-    });
-  };
-  const DEFAULT_ERROR = {
-    error: "UNKNOWN_ERROR",
-    message: t(($) => $["weCouldntCompleteTheAccountCheck"])
-  };
-  setBankVerificationError(null);
-  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 });
-          }
-          setHideVerificationWidget(true);
-          if (isExperimentEnabled(ExperimentNames.EnablePayoutVerificationMethodPageRedesign)) {
-            showInstantVerificationPayoutModal.value = false;
-          }
-          onBack?.();
-          break;
-        }
-        case VerificationWidgetCallbackActions.RETRY_VERIFICATION:
-          setBankVerificationError({
-            title: t(($) => $["failedInitializeInstantVerification"]),
-            content: errorContent
-          });
-          setHideVerificationWidget(true);
-          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]);
-          setHideVerificationWidget(true);
-        }
-      }
-    },
-    [t, retrieveBankAccountInfo, onBack, setBankVerificationError, setHideVerificationWidget]
-  );
-  useEffect(
-    () => {
-      const container = widgetContainerRef.current;
-      if (!container) return;
-      let iFrame;
-      let iFrameWidget;
-      let openBanking;
-      if (createTrustedTransferInstrument2) {
-        openBanking = OpenBankingSDK.create({
-          divElement: container,
-          link: url,
-          successHandler: (code, state) => {
-            createTrustedTransferInstrument2(code, state).then((res) => {
-              userEvents.addPageEvent("Success", { actionType: "add" });
-              if (res) {
-                widgetCallback({
-                  action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
-                  result: res
-                });
-              }
-            }).catch(() => {
-              trackVerificationError(DEFAULT_ERROR.error);
-              widgetCallback({
-                action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                err: DEFAULT_ERROR
-              });
-            });
-          },
-          errorHandler: (errorCode, errorMessage, state, metadata) => {
-            trackVerificationError(errorCode);
-            handleBankVerificationError2?.({
-              errorCode,
-              errorMessage,
-              state,
-              metadata: metadata && Object.fromEntries(metadata)
-            }).then(
-              (error) => widgetCallback({
-                action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                err: error
-              })
-            ).catch(
-              () => widgetCallback({
-                action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                err: DEFAULT_ERROR
-              })
-            );
-          },
-          eventHandler: (eventName, provider) => {
-            widgetCallback({
-              action: VerificationWidgetCallbackActions.HANDLE_EVENT,
-              event: { name: eventName, provider }
-            });
-          }
-        });
-        openBanking.open();
-      } else {
-        iFrame = document.createElement("iframe");
-        iFrame.setAttribute("allowFullscreen", "true");
-        iFrame.classList.add(WIDGET_IFRAME_CLASS);
-        container.appendChild(iFrame);
-        requestAnimationFrame(async () => {
-          try {
-            iFrameWidget = new IFrameWidget(iFrame, url, vendor, sdkToken);
-            const result = await iFrameWidget.mountAndWaitForResponse();
-            widgetCallback({
-              action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
-              result
-            });
-            userEvents.addPageEvent("Success", { actionType: "add" });
-          } catch (err) {
-            if (err instanceof AdyenKycSdkError) {
-              switch (err.message) {
-                case "WIDGET_ACCOUNT_COMMIT_FAILURE":
-                  return widgetCallback({
-                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                    err: err.sourceError
-                  });
-                case "WIDGET_LAUNCH_FAILED":
-                case "WIDGET_URL_MALFORMED":
-                case "WIDGET_TIMEOUT":
-                  return widgetCallback({
-                    action: VerificationWidgetCallbackActions.RETRY_VERIFICATION
-                  });
-                default:
-                  return widgetCallback({
-                    action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                    err: {
-                      error: err?.name ?? VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-                      message: err.sourceError?.message ?? VerificationWidgetCallbackActions.HANDLE_EXCEPTION
-                    }
-                  });
-              }
-            }
-            trackVerificationError(err instanceof AdyenKycSdkError ? err.message : "sdk error");
-            return widgetCallback({
-              action: VerificationWidgetCallbackActions.HANDLE_EXCEPTION,
-              err
-            });
-          }
-        });
-      }
-      container.classList.add(WIDGET_CONTAINER_CLASS);
-      if (fullscreen) {
-        container.classList.add(`${WIDGET_CONTAINER_CLASS}--fullscreen`);
-      }
-      return () => {
-        iFrameWidget?.unmount();
-        iFrame?.remove();
-        openBanking?.destroy();
-      };
-    },
-    // Effect dependencies have been omitted here, which isn't intended. However, there seems to be
-    // some problematic behaviour in the overall flow with the dependencies present, which requires
-    // further debugging and tracing to resolve (totally out of the scope of this component).
-    // [url, vendor, widgetCallback]
-    []
-  );
-  return /* @__PURE__ */ jsx("div", { ref: widgetContainerRef });
-}
-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 {
-    heading,
-    setBankVerificationError,
-    onBack,
-    hideSidebar,
-    setBankInfoValidated,
-    bankInfoValidated,
-    formIsActive,
-    createTrustedTransferInstrument: createTrustedTransferInstrument2,
-    country,
-    data: propData,
-    provider,
-    id,
-    fieldValidationErrors
-  } = props;
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const { isExperimentEnabled } = useExperimentsContext();
-  const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
-  const schema = accountVerificationFields;
-  const stateRef = useRef({ setState: null });
-  const [hideVerificationWidget, setHideVerificationWidget] = useState(false);
-  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
-    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
-  );
-  const { handleChangeFor, data, valid, errors, isValid, triggerValidation, fieldProblems } = useForm({
-    ...props,
-    schema,
-    defaultData: propData,
-    rules: bankVerificationValidationRules,
-    fieldProblems: fieldValidationErrors
-  });
-  const retrieveBankAccountInfo = async ({
-    realLastFour,
-    number,
-    bankName
-  }) => {
-    handleChangeFor("verifiedBankAccountNumber")(realLastFour ? `*******${realLastFour}` : number);
-    handleChangeFor("verifiedBankName")(bankName);
-    handleChangeFor("verifiedBankCountry")(country);
-    handleChangeFor("verifiedAccountHolder")(propData?.verifiedAccountHolder);
-    handleChangeFor("verifiedCurrencyCode")(
-      propData?.verifiedCurrencyCode ?? currencyByCountry[country]?.[0]
-    );
-    setBankInfoValidated?.(true);
-    hideSidebar?.(false);
-    triggerValidation();
-    await invalidateRootLegalEntity();
-    if (isPayoutVerificationMethodPageRedesignEnabled) {
-      showInstantVerificationPayoutModal.value = false;
-    }
-  };
-  const handleOnBack = () => {
-    setHideVerificationWidget(false);
-    onBack?.();
-  };
-  useEffect(() => {
-    stateRef.current.setState?.({
-      type: "addToState",
-      value: {
-        data,
-        valid,
-        errors,
-        fieldProblems,
-        dataStoreId: id,
-        schema
-      }
-    });
-  }, [data, valid, errors, isValid]);
-  useEffect(() => {
-    if (!isPayoutVerificationMethodPageRedesignEnabled) {
-      hideSidebar?.(formIsActive && !bankInfoValidated);
-      return () => hideSidebar?.(false);
-    }
-  }, [bankInfoValidated, formIsActive]);
-  if (isPayoutVerificationMethodPageRedesignEnabled && provider) {
-    if (bankInfoValidated) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-      /* @__PURE__ */ jsx(
-        BankVerificationOverlay,
-        {
-          url: provider.redirectUrl,
-          setBankVerificationError,
-          onBack: handleOnBack,
-          retrieveBankAccountInfo,
-          createTrustedTransferInstrument: createTrustedTransferInstrument2
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(StateContextSetter, { owner: id, stateRef }),
-    bankInfoValidated && /* @__PURE__ */ jsxs(Fragment, { children: [
-      heading && /* @__PURE__ */ jsx(Header, { title: heading }),
-      /* @__PURE__ */ jsx(Alert, { title: t(($) => $["youSuccessfullyVerifiedAccount"]), variant: "success" })
-    ] }),
-    provider && formIsActive && !bankInfoValidated && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-bank-verification-container", children: /* @__PURE__ */ jsx("form", { className: "adyen-kyc-bank-verification", children: !hideVerificationWidget ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        BankVerificationWidget,
-        {
-          url: provider.redirectUrl,
-          vendor: provider.name,
-          setBankVerificationError,
-          setHideVerificationWidget,
-          onBack: handleOnBack,
-          retrieveBankAccountInfo,
-          createTrustedTransferInstrument: createTrustedTransferInstrument2
-        }
-      ),
-      /* @__PURE__ */ jsx(ActionBar, { onBack: handleOnBack, backButtonLabel: commonT(($) => $["goBack"]) })
-    ] }) : void 0 }) })
-  ] });
-}
-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 {
-      label: "bankAccountNumber",
-      validators: validatePatternOnBlur(new RegExp(`^\\d{${length},${maxLength}}$`)),
-      mask: {
-        mask: makeMask(...numericInputs(length), ...numericInputs(maxLength - length, true))
-      },
-      guidanceText: {
-        key: "enterAMaximumOfNDigitsForExample",
-        values: {
-          maxDigits: `${maxLength}`,
-          example
-        }
-      }
-    };
-  }
-  return {
-    label: "bankAccountNumber",
-    validators: validatePatternOnBlur(new RegExp(`^\\d{${length}}$`)),
-    mask: { mask: makeMask(...numericInputs(length)) },
-    guidanceText: {
-      key: "enterNDigitsForExample",
-      values: {
-        numDigits: `${length}`,
-        example
-      }
-    }
-  };
-};
-const defaultFieldMetadata$3 = {
-  label: "bankAccountNumber",
-  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
-    label: "bankAccountNumber",
-    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]: {
-    label: "bankAccountNumber",
-    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]: {
-    label: "bankAccountNumber",
-    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]: {
-    label: "bankAccountNumber",
-    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 } = props;
-  const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$3);
-  const mergedProps = mergeFieldMetadataIntoProps("bankAccountNumber", metadata, props);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...mergedProps,
-    schema: bankAccountNumberFields,
-    rules: mergedProps.validators,
-    defaultData: mergedProps.data,
-    fieldProblems: mergedProps?.fieldValidationErrors,
-    obscuredFields: mergedProps.obscuredFields
-  });
-  const handleBlur = () => {
-    onBlur?.();
-    handleChangeFor("bankAccountNumber", "blur");
-  };
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors]);
-  const formUtils = createFormUtils(mergedProps, t);
-  return /* @__PURE__ */ jsx(
-    MaskedInput,
-    {
-      name: "bankAccountNumber",
-      type: "text",
-      label: formUtils.getLabel("bankAccountNumber"),
-      formatGuidance: formUtils.getGuidanceText("bankAccountNumber"),
-      ...formUtils.getMask("bankAccountNumber"),
-      isValid: valid.bankAccountNumber,
-      errorMessage: formUtils.getErrorMessage("bankAccountNumber", errors, fieldProblems),
-      "aria-required": true,
-      "aria-invalid": !valid.bankAccountNumber,
-      onBlur: handleBlur,
-      onInput: handleChangeFor("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, fieldValidationErrors } = props;
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...props,
-    schema: bankCityFields,
-    rules: validators,
-    defaultData: bankCityData,
-    fieldProblems: fieldValidationErrors
-  });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors]);
-  const formUtils = createFormUtils(props, t);
-  return /* @__PURE__ */ jsx(
-    Field,
-    {
-      name: "bankCity",
-      label: formUtils.getLabel("bankCity"),
-      errorMessage: formUtils.getErrorMessage("bankCity", errors, fieldProblems),
-      isValid: valid.bankCity,
-      children: (childProps) => /* @__PURE__ */ jsx(
-        InputText,
-        {
-          ...childProps,
-          name: "bankCity",
-          value: data.bankCity,
-          readonly: formUtils.isReadOnly("bankCity"),
-          onInput: handleChangeFor("bankCity", "input"),
-          onBlur: handleChangeFor("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", "bankCode"),
-  [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 } = props;
-  const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$2);
-  const mergedProps = mergeFieldMetadataIntoProps("bankCode", metadata, props);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...mergedProps,
-    schema: bankCodeFields,
-    rules: mergedProps.validators,
-    defaultData: mergedProps.data,
-    fieldProblems: mergedProps.fieldValidationErrors
-  });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors]);
-  const formUtils = createFormUtils(mergedProps, t);
-  return /* @__PURE__ */ jsx(
-    MaskedInput,
-    {
-      name: "bankCode",
-      type: "text",
-      label: formUtils.getLabel("bankCode"),
-      errorMessage: formUtils.getErrorMessage("bankCode", errors, fieldProblems),
-      formatGuidance: formUtils.getGuidanceText("bankCode"),
-      ...formUtils.getMask("bankCode"),
-      isValid: valid.bankCode,
-      value: data.bankCode ?? "",
-      readonly: formUtils.isReadOnly("bankCode"),
-      onInput: handleChangeFor("bankCode", "input"),
-      onBlur: handleChangeFor("bankCode", "blur"),
-      "aria-required": true,
-      "aria-invalid": !valid.bankCode
-    }
-  );
-}
-const bankNameFields = ["bankName"];
-function BankName(props) {
-  const { t } = useTranslation("common");
-  const { validators, data: bankNameData, fieldValidationErrors } = props;
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...props,
-    schema: bankNameFields,
-    rules: validators,
-    defaultData: bankNameData,
-    fieldProblems: fieldValidationErrors
-  });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors]);
-  const formUtils = createFormUtils(props, t);
-  return /* @__PURE__ */ jsx(
-    Field,
-    {
-      name: "bankName",
-      label: formUtils.getLabel("bankName"),
-      errorMessage: formUtils.getErrorMessage("bankName", errors, fieldProblems),
-      isValid: valid.bankName,
-      children: (childProps) => /* @__PURE__ */ jsx(
-        InputText,
-        {
-          ...childProps,
-          name: "bankName",
-          value: data.bankName,
-          readonly: formUtils.isReadOnly("bankName"),
-          onInput: handleChangeFor("bankName", "input"),
-          onBlur: handleChangeFor("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,5}$/),
-    mask: {
-      mask: makeMask(
-        ...numericInputs(4),
-        ...nonInputs(" - ", { displayEagerly: false }),
-        ...numericInputs(1, true)
-      )
-    },
-    guidanceText: {
-      key: "enterXToYDigitsForExample",
-      values: {
-        minDigits: "4",
-        maxDigits: "5",
-        example: "5678 or 7635-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 } = props;
-  const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$1);
-  const mergedProps = mergeFieldMetadataIntoProps("branchCode", metadata, props);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...mergedProps,
-    schema: branchCodeFields,
-    rules: mergedProps.validators,
-    defaultData: mergedProps.data,
-    fieldProblems: mergedProps?.fieldValidationErrors
-  });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  const handleBlur = () => {
-    onBlur?.();
-    handleChangeFor("branchCode", "blur");
-  };
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors]);
-  const formUtils = createFormUtils(mergedProps, t);
-  return /* @__PURE__ */ jsx(
-    MaskedInput,
-    {
-      name: "branchCode",
-      type: "text",
-      label: formUtils.getLabel("branchCode"),
-      formatGuidance: formUtils.getGuidanceText("branchCode"),
-      ...formUtils.getMask("branchCode"),
-      errorMessage: formUtils.getErrorMessage("branchCode", errors, fieldProblems),
-      isValid: valid.branchCode,
-      value: data.branchCode ?? "",
-      readonly: formUtils.isReadOnly("branchCode"),
-      onInput: handleChangeFor("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) => ({
-  label: "iban",
-  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 = {
-  label: "iban",
-  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,
-    obscuredFields,
-    fieldValidationErrors
-  } = props;
-  const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata);
-  const mergedProps = mergeFieldMetadataIntoProps("iban", metadata, props);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...mergedProps,
-    schema: ibanFields,
-    rules: mergedProps.validators,
-    defaultData: ibanData,
-    fieldProblems: fieldValidationErrors,
-    obscuredFields
-  });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, errors, valid]);
-  const formUtils = createFormUtils(mergedProps, t);
-  return /* @__PURE__ */ jsx(
-    MaskedInput,
-    {
-      name: "iban",
-      type: "text",
-      label: formUtils.getLabel("iban"),
-      formatGuidance: formUtils.getGuidanceText("iban"),
-      ...formUtils.getMask("iban"),
-      errorMessage: formUtils.getErrorMessage("iban", errors, fieldProblems),
-      isValid: valid.iban,
-      value: data.iban ?? "",
-      readonly: formUtils.isReadOnly("iban"),
-      onInput: handleChangeFor("iban", "blur"),
-      onBlur: handleChangeFor("iban", "blur"),
-      "aria-required": true,
-      "aria-invalid": !valid.iban,
-      acceptObscuredValue: formUtils.isObscured("iban")
-    }
-  );
-}
-const swiftCodeFieldMetadata = {
-  label: "bicSwift",
-  validators: validatePatternOnBlur(/^([a-zA-Z0-9]{8}|[a-zA-Z0-9]{11})$/),
-  mask: {
-    mask: makeMask(...alphaInputs(6), ...alphanumericInputs(2), ...alphanumericInputs(3, true)),
-    transformOnType: uppercase
-  },
-  guidanceText: {
-    key: "enterXOrYCharactersForExample",
-    values: {
-      xChars: "8",
-      yChars: "11",
-      example: "BANKDE65287"
-    }
-  }
-};
-const swiftCodeFields = ["swiftCode"];
-function SwiftCode(props) {
-  const { t } = useTranslation("common");
-  const mergedProps = mergeFieldMetadataIntoProps("swiftCode", swiftCodeFieldMetadata, props);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...mergedProps,
-    schema: swiftCodeFields,
-    rules: mergedProps.validators,
-    defaultData: mergedProps.data,
-    fieldProblems: mergedProps?.fieldValidationErrors
-  });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutAccountDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors]);
-  const formUtils = createFormUtils(mergedProps, t);
-  return /* @__PURE__ */ jsx(
-    MaskedInput,
-    {
-      name: "swiftCode",
-      type: "text",
-      label: formUtils.getLabel("swiftCode"),
-      formatGuidance: formUtils.getGuidanceText("swiftCode"),
-      ...formUtils.getMask("swiftCode"),
-      errorMessage: formUtils.getErrorMessage("swiftCode", errors, fieldProblems),
-      isValid: valid.swiftCode,
-      value: data.swiftCode ?? "",
-      readonly: formUtils.isReadOnly("swiftCode"),
-      onInput: handleChangeFor("swiftCode", "input"),
-      onBlur: handleChangeFor("swiftCode", "blur"),
-      "aria-required": true,
-      "aria-invalid": !valid.swiftCode
-    }
-  );
-}
-const countriesWithMultipleCurrencies = /* @__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) || countriesWithMultipleCurrencies.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;
-    }
-    return format === "iban" ? [Currencies.EUR, defaultCurrency] : [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-C7KE5YzX.js"));
-const usCheckRouting = lazy(() => import("./us-check-routing-number-DUbhsYAR.js"));
-const usCheck = lazy(() => import("./us-check-CYY6Crhr.js"));
-const CheckGuidance = ({ annotated }) => {
-  return /* @__PURE__ */ jsxs("div", { className: styles$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 { isExperimentEnabled } = useExperimentsContext();
-  const isCrossBorderPayoutsEnabled = isExperimentEnabled("EnableCrossBorderPayouts");
-  const { isSettingEnabled } = useSettingsContext();
-  const bankAccountFormatSelectionAllowed = isSettingEnabled(
-    SettingNames.AllowBankAccountFormatSelection
-  );
-  const {
-    heading,
-    country,
-    id,
-    legalEntityResponse,
-    requiredFields = [],
-    arePayoutAccountDetailsInvalid,
-    invalidFieldNames,
-    formVerificationErrors,
-    fieldValidationErrors,
-    preferredCurrencyCode
-  } = 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) {
-      return;
-    }
-    if (isEUR && localCurrency) {
-      handleAccountFormatChange?.("iban");
-      return;
-    }
-    if (!localCurrency) {
-      handleAccountFormatChange?.("numberAndBic");
-    }
-  }, [country, preferredCurrencyCode]);
-  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__payout-account", "aria-describedby": "ariaErrorField", children: [
-    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
-      }
-    ),
-    formUtils.isRequiredField("bankAccountNumber") && /* @__PURE__ */ jsx(
-      BankAccountNumber,
-      {
-        ...bankAccountNumberProps,
-        country,
-        dataStoreId: id,
-        onFocus: showCheckGuidance ? () => setCheckAnnotation("account") : void 0,
-        onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0
-      }
-    ),
-    formUtils.isRequiredField("iban") && /* @__PURE__ */ jsx(Iban, { ...ibanProps, dataStoreId: id, country }),
-    formUtils.isRequiredField("swiftCode") && /* @__PURE__ */ jsx(SwiftCode, { ...swiftCodeProps, dataStoreId: id }),
-    formUtils.isRequiredField("bankName") && /* @__PURE__ */ jsx(BankName, { ...bankNameProps, dataStoreId: id }),
-    formUtils.isRequiredField("bankCode") && /* @__PURE__ */ jsx(BankCode, { ...bankCodeProps, country, dataStoreId: id }),
-    formUtils.isRequiredField("bankCity") && /* @__PURE__ */ jsx(BankCity, { ...bankCityProps, dataStoreId: id }),
-    shouldShowPayoutAlert(country) && !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":"BGN","description":"New Bulgarian Lev","exponent":2,"symbol":""},{"currencyCode":"BHD","description":"Bahraini Dinar","exponent":3,"symbol":""},{"currencyCode":"BMD","description":"Bermudian Dollar","exponent":2,"symbol":""},{"currencyCode":"BND","description":"Brunei Dollar","exponent":2,"symbol":""},{"currencyCode":"BOB","description":"Bolivia Boliviano","exponent":2,"symbol":""},{"currencyCode":"BRL","description":"Brazilian Real","exponent":2,"symbol":"R$"},{"currencyCode":"BSD","description":"Bahamian Dollar","exponent":2,"symbol":""},{"currencyCode":"BTN","description":"Bhutan Ngultrum","exponent":2,"symbol":"Nu."},{"currencyCode":"BWP","description":"Botswana Pula","exponent":2,"symbol":""},{"currencyCode":"BYN","description":"Belarusian Ruble","exponent":2,"symbol":"Br"},{"currencyCode":"BYR","description":"Belarusian Ruble","exponent":0,"symbol":"Br"},{"currencyCode":"BZD","description":"Belize Dollar","exponent":2,"symbol":""},{"currencyCode":"CAD","description":"Canadian Dollar","exponent":2,"symbol":"$"},{"currencyCode":"CHF","description":"Swiss Franc","exponent":2,"symbol":""},{"currencyCode":"CLP","description":"Chilean Peso","exponent":2,"symbol":"$"},{"currencyCode":"CNY","description":"Yuan Renminbi","exponent":2,"symbol":"¥"},{"currencyCode":"COP","description":"Colombian Peso","exponent":2,"symbol":"₱"},{"currencyCode":"CRC","description":"Costa Rican Colon","exponent":2,"symbol":""},{"currencyCode":"CSD","description":"Serbian Dinar","exponent":2,"symbol":""},{"currencyCode":"CUP","description":"Cuban Peso","exponent":2,"symbol":""},{"currencyCode":"CVE","description":"Cape Verdi Escudo","exponent":0,"symbol":""},{"currencyCode":"CZK","description":"Czech Koruna","exponent":2,"symbol":""},{"currencyCode":"DJF","description":"Djibouti Franc","exponent":0,"symbol":""},{"currencyCode":"DKK","description":"Danish Krone","exponent":2,"symbol":"kr"},{"currencyCode":"DOP","description":"Dominican Republic Peso","exponent":2,"symbol":""},{"currencyCode":"DZD","description":"Algerian Dinar","exponent":2,"symbol":""},{"currencyCode":"EEK","description":"Estonian Krone","exponent":2,"symbol":""},{"currencyCode":"EGP","description":"Egyptian Pound","exponent":2,"symbol":"£"},{"currencyCode":"ETB","description":"Ethiopian Birr","exponent":2,"symbol":""},{"currencyCode":"EUR","description":"Euro","exponent":2,"symbol":"€"},{"currencyCode":"FJD","description":"Fiji Dollar","exponent":2,"symbol":"$"},{"currencyCode":"FKP","description":"Falkland Islands Pound","exponent":2,"symbol":""},{"currencyCode":"GBP","description":"Pound Sterling","exponent":2,"symbol":"£"},{"currencyCode":"GEL","description":"Georgian Lari","exponent":2,"symbol":""},{"currencyCode":"GHC","description":"Ghanaian Cedi (2nd)","exponent":0,"symbol":""},{"currencyCode":"GHS","description":"Ghanaian Cedi (3rd)","exponent":2,"symbol":"GH₵"},{"currencyCode":"GIP","description":"Gibraltar Pound","exponent":2,"symbol":""},{"currencyCode":"GMD","description":"Gambia Delasi","exponent":2,"symbol":""},{"currencyCode":"GNF","description":"Guinea Franc","exponent":0,"symbol":""},{"currencyCode":"GTQ","description":"Guatemala Quetzal","exponent":2,"symbol":""},{"currencyCode":"GYD","description":"Guyanese Dollar","exponent":2,"symbol":""},{"currencyCode":"HKD","description":"Hong Kong Dollar","exponent":2,"symbol":"$"},{"currencyCode":"HNL","description":"Honduras Lempira","exponent":2,"symbol":""},{"currencyCode":"HRK","description":"Croatia Kuna","exponent":2,"symbol":""},{"currencyCode":"HTG","description":"Haitian Gourde","exponent":2,"symbol":""},{"currencyCode":"HUF","description":"Hungarian Forint","exponent":2,"symbol":"Ft"},{"currencyCode":"IDR","description":"Indonesian Rupiah","exponent":0,"symbol":""},{"currencyCode":"ILS","description":"New Israeli Scheqel","exponent":2,"symbol":"₪"},{"currencyCode":"INR","description":"Indian Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"IQD","description":"Iraqi Dinar","exponent":3,"symbol":""},{"currencyCode":"ISK","description":"Iceland Krona","exponent":2,"symbol":""},{"currencyCode":"JMD","description":"Jamaican Dollar","exponent":2,"symbol":""},{"currencyCode":"JOD","description":"Jordanian Dinar","exponent":3,"symbol":""},{"currencyCode":"JPY","description":"Japanese Yen","exponent":0,"symbol":"¥"},{"currencyCode":"KES","description":"Kenyan Shilling","exponent":2,"symbol":""},{"currencyCode":"KGS","description":"Kyrgyzstan Som","exponent":2,"symbol":""},{"currencyCode":"KHR","description":"Cambodia Riel","exponent":2,"symbol":""},{"currencyCode":"KMF","description":"Comoro Franc","exponent":0,"symbol":""},{"currencyCode":"KRW","description":"South-Korean Won","exponent":0,"symbol":"₩"},{"currencyCode":"KWD","description":"Kuwaiti Dinar","exponent":3,"symbol":""},{"currencyCode":"KYD","description":"Cayman Islands Dollar","exponent":2,"symbol":""},{"currencyCode":"KZT","description":"Kazakhstani Tenge","exponent":2,"symbol":"8"},{"currencyCode":"LAK","description":"Laos Kip","exponent":2,"symbol":""},{"currencyCode":"LBP","description":"Lebanese Pound","exponent":2,"symbol":"£"},{"currencyCode":"LKR","description":"Sri Lanka Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"LTL","description":"Lithunianian Litas","exponent":2,"symbol":""},{"currencyCode":"LVL","description":"Latvian Lats","exponent":2,"symbol":""},{"currencyCode":"LYD","description":"Libyan Dinar","exponent":3,"symbol":""},{"currencyCode":"MAD","description":"Moroccan Dirham","exponent":2,"symbol":""},{"currencyCode":"MDL","description":"Moldovia Leu","exponent":2,"symbol":""},{"currencyCode":"MKD","description":"Macedonian Denar","exponent":2,"symbol":"ден"},{"currencyCode":"MMK","description":"Myanmar Kyat","exponent":2,"symbol":""},{"currencyCode":"MNT","description":"Mongolia Tugrik","exponent":2,"symbol":""},{"currencyCode":"MOP","description":"Macau Pataca","exponent":2,"symbol":""},{"currencyCode":"MRO","description":"Mauritania Ouguiya","exponent":1,"symbol":""},{"currencyCode":"MRU","description":"Mauritania Ouguiya","exponent":2,"symbol":""},{"currencyCode":"MUR","description":"Mauritius Rupee","exponent":2,"symbol":""},{"currencyCode":"MVR","description":"Maldives Rufiyaa","exponent":2,"symbol":""},{"currencyCode":"MWK","description":"Malawi Kwacha","exponent":2,"symbol":""},{"currencyCode":"MXN","description":"Mexican Peso","exponent":2,"symbol":"$"},{"currencyCode":"MXP","description":"Mexican Peso","exponent":2,"symbol":""},{"currencyCode":"MYR","description":"Malaysian Ringgit","exponent":2,"symbol":""},{"currencyCode":"MZN","description":"Mozambican Metical","exponent":2,"symbol":""},{"currencyCode":"NAD","description":"Namibian Dollar","exponent":2,"symbol":"$"},{"currencyCode":"NGN","description":"Nigerian naira","exponent":2,"symbol":"&"},{"currencyCode":"NIO","description":"Nicaragua Cordoba Oro","exponent":2,"symbol":""},{"currencyCode":"NOK","description":"Norwegian Krone","exponent":2,"symbol":""},{"currencyCode":"NPR","description":"Nepalese Rupee","exponent":2,"symbol":""},{"currencyCode":"NZD","description":"New Zealand Dollar","exponent":2,"symbol":"$"},{"currencyCode":"OMR","description":"Rial Omani","exponent":3,"symbol":"﷼"},{"currencyCode":"PAB","description":"Panamanian Balboa","exponent":2,"symbol":""},{"currencyCode":"PEN","description":"Peruvian Nuevo Sol","exponent":2,"symbol":"S/."},{"currencyCode":"PGK","description":"New Guinea Kina","exponent":2,"symbol":""},{"currencyCode":"PHP","description":"Philippine Peso","exponent":2,"symbol":"₱"},{"currencyCode":"PKR","description":"Pakistan Rupee","exponent":2,"symbol":"₨"},{"currencyCode":"PLN","description":"New Polish Zloty","exponent":2,"symbol":""},{"currencyCode":"PYG","description":"Paraguay Guarani","exponent":0,"symbol":""},{"currencyCode":"QAR","description":"Qatari Rial","exponent":2,"symbol":"﷼"},{"currencyCode":"ROL","description":"Romanian Lei","exponent":2,"symbol":""},{"currencyCode":"RON","description":"New Romanian Lei","exponent":2,"symbol":""},{"currencyCode":"RSD","description":"Serbian Dinar","exponent":2,"symbol":"РСД"},{"currencyCode":"RUB","description":"Russian Ruble","exponent":2,"symbol":"руб"},{"currencyCode":"RWF","description":"Rwanda Franc","exponent":0,"symbol":""},{"currencyCode":"SAR","description":"Saudi Riyal","exponent":2,"symbol":"﷼"},{"currencyCode":"SBD","description":"Solomon Island Dollar","exponent":2,"symbol":""},{"currencyCode":"SCR","description":"Seychelles Rupee","exponent":2,"symbol":""},{"currencyCode":"SEK","description":"Swedish Krone","exponent":2,"symbol":"kr"},{"currencyCode":"SGD","description":"Singapore Dollar","exponent":2,"symbol":"$"},{"currencyCode":"SHP","description":"St. Helena Pound","exponent":2,"symbol":""},{"currencyCode":"SKK","description":"Slovak Koruna","exponent":2,"symbol":""},{"currencyCode":"SLE","description":"Sierra Leone Leone","exponent":2,"symbol":"Le"},{"currencyCode":"SLL","description":"Sierra Leone Leone","exponent":2,"symbol":""},{"currencyCode":"SOS","description":"Somalia Shilling","exponent":2,"symbol":""},{"currencyCode":"SRD","description":"Surinamese dollar","exponent":2,"symbol":"Sr$"},{"currencyCode":"STD","description":"Sao Tome & Principe Dobra","exponent":2,"symbol":""},{"currencyCode":"STN","description":"Sao Tome & Principe Dobra","exponent":2,"symbol":""},{"currencyCode":"SVC","description":"El Salvador Colón","exponent":2,"symbol":"₡"},{"currencyCode":"SZL","description":"Swaziland Lilangeni","exponent":2,"symbol":""},{"currencyCode":"THB","description":"Thai Baht","exponent":2,"symbol":"฿"},{"currencyCode":"TND","description":"Tunisian Dinar","exponent":3,"symbol":""},{"currencyCode":"TOP","description":"Tonga Pa’anga","exponent":2,"symbol":""},{"currencyCode":"TRY","description":"New Turkish Lira","exponent":2,"symbol":"₤"},{"currencyCode":"TTD","description":"Trinidad & Tobago Dollar","exponent":2,"symbol":""},{"currencyCode":"TWD","description":"New Taiwan Dollar","exponent":2,"symbol":"元"},{"currencyCode":"TZS","description":"Tanzanian Shilling","exponent":2,"symbol":""},{"currencyCode":"UAH","description":"Ukraine Hryvnia","exponent":2,"symbol":""},{"currencyCode":"UGX","description":"Uganda Shilling","exponent":0,"symbol":""},{"currencyCode":"USD","description":"US Dollars","exponent":2,"symbol":"$"},{"currencyCode":"UYU","description":"Peso Uruguayo","exponent":2,"symbol":"₱"},{"currencyCode":"UZS","description":"Uzbekistani Som","exponent":2,"symbol":"som"},{"currencyCode":"VEF","description":"Venezuelan Bolívar","exponent":2,"symbol":"Bs.F."},{"currencyCode":"VND","description":"Vietnamese New Dong","exponent":0,"symbol":"₫"},{"currencyCode":"VUV","description":"Vanuatu Vatu","exponent":0,"symbol":""},{"currencyCode":"WST","description":"Samoan Tala","exponent":2,"symbol":""},{"currencyCode":"XAF","description":"CFA Franc BEAC","exponent":0,"symbol":""},{"currencyCode":"XCD","description":"East Carribean Dollar","exponent":2,"symbol":"EC$"},{"currencyCode":"XOF","description":"CFA Franc BCEAO","exponent":0,"symbol":""},{"currencyCode":"XPF","description":"CFP Franc","exponent":0,"symbol":""},{"currencyCode":"YER","description":"Yemeni Rial","exponent":2,"symbol":""},{"currencyCode":"ZAR","description":"South African Rand","exponent":2,"symbol":"R"},{"currencyCode":"ZMK","description":"Zambia Kwacha","exponent":2,"symbol":""},{"currencyCode":"ZMW","description":"Zambian Kwacha","exponent":2,"symbol":""}]');
-const ALLOWED_PAYOUT_CURRENCIES = Object.keys(Currencies);
-const PreferredCurrency = (props) => {
-  const { country, preferredCurrency, handleChangeFor } = props;
-  const { t } = useTranslation(["common", "banking"]);
-  const currencyDescriptionByCode = new Map(
-    currenciesDataset.map((currency) => [currency.currencyCode, currency.description])
-  );
-  const getPrioritizedCurrencies = () => {
-    const countryPreferredCurrencies = currencyByCountry[country] || [];
-    const allowedCountryCurrencies = countryPreferredCurrencies.filter(
-      (currency) => ALLOWED_PAYOUT_CURRENCIES.includes(currency)
-    );
-    const otherAllowedCurrencies = ALLOWED_PAYOUT_CURRENCIES.filter(
-      (currency) => !allowedCountryCurrencies.includes(currency)
-    );
-    if (allowedCountryCurrencies.length > 0 && otherAllowedCurrencies.length > 0) {
-      return [...allowedCountryCurrencies, null, ...otherAllowedCurrencies];
-    }
-    return [...allowedCountryCurrencies, ...otherAllowedCurrencies];
-  };
-  const prioritizedCurrencies = getPrioritizedCurrencies();
-  const currenciesAsOptions = prioritizedCurrencies.map((currency) => {
-    if (currency === null) {
-      return {
-        id: "separator",
-        name: " ",
-        disabled: true
-      };
-    }
-    const description2 = currencyDescriptionByCode.get(currency);
-    const label = description2 ? `${description2} (${currency})` : currency;
-    return {
-      id: currency,
-      name: label
-    };
-  });
-  const selectCurrency = (e) => {
-    if (e.id === "separator") {
-      return;
-    }
-    handleChangeFor("preferredCurrency")(e.id);
-  };
-  return /* @__PURE__ */ jsx(
-    Field,
-    {
-      name: "preferredCurrency",
-      label: t(($) => $["preferredPayoutCurrency"], { ns: "banking" }),
-      helper: t(($) => $["ifYouChooseAPayoutCurrencyThatDoesntMatchYourBankAccount"], {
-        ns: "banking"
-      }),
-      helperPosition: "below",
-      children: (childProps) => /* @__PURE__ */ jsx(
-        Select,
-        {
-          ...childProps,
-          onSelect: selectCurrency,
-          name: "preferredPayoutCurrency",
-          placeholder: t(($) => $["localFormat"], { ns: "banking" }),
-          selected: preferredCurrency,
-          items: currenciesAsOptions || []
-        }
-      )
-    }
-  );
-};
-const getMustHaveSameAccountHolderNameTransKey = (legalEntityType) => {
-  switch (legalEntityType) {
-    case "individual":
-    case "soleProprietorship":
-      return "theBankAccountHolderMustBeInYourName";
-    case "organization":
-    case "trust":
-    case "unincorporatedPartnership":
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-    default:
-      return "theBankAccountHolderMustHaveTheSameNameAsYourCompany";
-  }
-};
-const payoutModalContent = "adyen-kyc-payout-modal-content";
-const title = "adyen-kyc-title";
-const section = "adyen-kyc-section";
-const sectionTitle = "adyen-kyc-section-title";
-const sectionText = "adyen-kyc-section-text";
-const simplerTermsBox = "adyen-kyc-simpler-terms-box";
-const simplerTermsTitle = "adyen-kyc-simpler-terms-title";
-const bulletList = "adyen-kyc-bullet-list";
-const styles$1 = {
-  payoutModalContent,
-  title,
-  section,
-  sectionTitle,
-  sectionText,
-  simplerTermsBox,
-  simplerTermsTitle,
-  bulletList
-};
-function PayoutRequirementsModal({
-  isOpen,
-  onClose,
-  provider
-}) {
-  const { t } = useTranslation("banking");
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx(
-    Modal,
-    {
-      ariaLabel: t(($) => $["aboutPayoutBankAccounts"]),
-      onClose,
-      size: "medium",
-      showCloseButton: true,
-      inset: true,
-      children: /* @__PURE__ */ jsxs("div", { className: styles$1.payoutModalContent, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "title-m", el: "h1", className: styles$1.title, children: t(($) => $["aboutPayoutBankAccounts"]) }),
-        /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["doesMyBankAccountNeedToBeInSameCountry"]) }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", className: styles$1.sectionText, children: t(($) => $["countryDependsExplanation"]) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["whichPayoutCurrencyShouldIChoose"]) }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", className: styles$1.sectionText, children: t(($) => $["currencyRecommendation"]) }),
-          /* @__PURE__ */ jsxs("div", { className: styles$1.simplerTermsBox, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: styles$1.simplerTermsTitle, children: t(($) => $["inSimplerTerms"]) }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body", children: t(($) => $["currencySimplerTerms"]) })
-          ] })
-        ] }),
-        provider && /* @__PURE__ */ jsxs("div", { className: styles$1.section, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", className: styles$1.sectionTitle, children: t(($) => $["howDoesVerificationWithOurPartnerWork"], {
-            provider: provider?.name
-          }) }),
-          /* @__PURE__ */ jsx(Typography, { className: styles$1.sectionText, children: t(($) => $["isOurTrustedPartnerHelpingSpeedUpSetup"], {
-            provider: provider?.name
-          }) }),
-          /* @__PURE__ */ jsxs("ul", { className: styles$1.bulletList, children: [
-            /* @__PURE__ */ jsx("li", { children: t(($) => $["selectTheBankToReceivePayouts"]) }),
-            /* @__PURE__ */ jsx("li", { children: t(($) => $["loginIntoYourBankingEnvironment"]) }),
-            /* @__PURE__ */ jsx("li", { children: t(($) => $["yourBankWillConfirmYourAccountDetails"]) })
-          ] }),
-          /* @__PURE__ */ jsx(Typography, { children: t(($) => $["adyenWillOnlyGetTemporaryAccess"]) })
-        ] })
-      ] })
-    }
-  );
-}
-const payoutCountryDetailsFields = [
-  "bankCountry",
-  "preferredCurrency"
-];
-const DEFAULT_CURRENCY_FALLBACK = "USD";
-const getDefaultCurrencyForCountry = (country) => currencyByCountry[country]?.[0] ?? DEFAULT_CURRENCY_FALLBACK;
-const getCountryCodeFromEvent = (event) => event?.target?.value;
-function PayoutCountryDetails(props) {
-  const { legalEntityResponse, data: propData, provider } = props;
-  const { t: commonT } = useTranslation("common");
-  const { t } = useTranslation("banking");
-  const { isSettingEnabled } = useSettingsContext();
-  const country = getLegalEntityCountry(legalEntityResponse);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const legalEntityType = legalEntityResponse.type;
-  const defaultCurrency = getDefaultCurrencyForCountry(country);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...props,
-    schema: payoutCountryDetailsFields,
-    defaultData: {
-      bankCountry: propData?.bankCountry ?? country,
-      preferredCurrency: propData?.preferredCurrency ?? defaultCurrency
-    },
-    shouldValidate: true
-  });
-  const formUtils = createFormUtils(props, commonT);
-  const allowedBankCountries = Object.keys(currencyByCountry);
-  const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
-  const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
-  const description2 = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
-    t(($) => $["forYouToReceiveYourPayouts"]),
-    " ",
-    /* @__PURE__ */ jsx(
-      Trans,
-      {
-        t,
-        ns: "banking",
-        i18nKey: ($) => $[getMustHaveSameAccountHolderNameTransKey(legalEntityType)],
-        values: { name: accountHolder, companyName: accountHolder }
-      }
-    )
-  ] });
-  const descriptionExtra = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-u-margin-bottom-12", children: /* @__PURE__ */ jsx(
-    Trans,
-    {
-      t,
-      ns: "banking",
-      i18nKey: ($) => $["payoutAccountsMustMeetSomeRequirements"],
-      components: {
-        requirementsLink: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setIsModalOpen(true),
-            style: {
-              background: "none",
-              border: "none",
-              color: "inherit",
-              textDecoration: "underline",
-              cursor: "pointer",
-              padding: 0,
-              font: "inherit"
-            }
-          }
-        )
-      }
-    }
-  ) });
-  const { updateStateSlice } = useGlobalDataSlice(
-    "payoutCountryDetails"
-  );
-  useEffect(() => {
-    updateStateSlice({ data, valid, errors, fieldProblems });
-  }, [data, valid, errors, updateStateSlice, fieldProblems]);
-  const updateCountryField = (event) => {
-    const updatedCountry = getCountryCodeFromEvent(event);
-    handleChangeFor("bankCountry", "input")(updatedCountry);
-    handleChangeFor("preferredCurrency", "input")(getDefaultCurrencyForCountry(updatedCountry));
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("form", { style: { minHeight: "480px" }, children: [
-      /* @__PURE__ */ jsx(Header, { title: t(($) => $["payoutBankAccount"]), children: /* @__PURE__ */ jsxs("div", { slot: "description", className: "adyen-kyc-form-header__description", children: [
-        description2,
-        descriptionExtra
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        CountryField,
-        {
-          data: { country: data.bankCountry },
-          valid: { country: valid?.bankCountry },
-          errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
-          labels: { country: t(($) => $["bankAccountCountryRegion"]) },
-          readonly: false,
-          allowedCountries: allowedBankCountries,
-          handleChangeFor: () => updateCountryField
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PreferredCurrency,
-        {
-          country: data.bankCountry,
-          preferredCurrency: data.preferredCurrency ?? defaultCurrency,
-          handleChangeFor
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      PayoutRequirementsModal,
-      {
-        isOpen: isModalOpen,
-        onClose: () => setIsModalOpen(false),
-        provider
-      }
-    )
-  ] });
-}
-const regions = {
-  europe: [
-    ...EEA_Countries,
-    CountryCodes.Switzerland,
-    CountryCodes.UnitedKingdom,
-    CountryCodes.Gibraltar
-  ],
-  apac: [CountryCodes.NewZealand, CountryCodes.Australia]
-};
-const getAllowedBankCountries = (country) => Object.values(regions).find((countriesInARegion) => countriesInARegion.includes(country)) ?? [
-  country
-];
-const tinkLogo = lazy(() => import("./tink-logo-BcIv93ND.js"));
-const plaidLogo = lazy(() => import("./plaid-logo-CtActXTN.js"));
-const yapilyLogo = lazy(() => import("./yapily-logo-CZ4ywjwA.js"));
-const instantVerificationImage = lazy(
-  () => import("./instant-verification-Dvvkyfmp.js")
-);
-const manualVerificationImage = lazy(
-  () => import("./manual-verification-BvZWqA00.js")
-);
-const instantVerificationImageNew = lazy(
-  () => import("./payout-verification-instant-5u-wvFKv.js")
-);
-const manualVerificationImageNew = lazy(
-  () => import("./payout-verification-manual-BH2mu0UW.js")
-);
-const getProviderIconName = (providerName) => {
-  switch (providerName?.toLowerCase()) {
-    case "tink":
-      return tinkLogo;
-    case "plaid":
-      return plaidLogo;
-    case "yapily":
-      return yapilyLogo;
-    default:
-      return void 0;
-  }
-};
-const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName, makePayoutVerificationMethodsMetadata2) => ({
-  instantVerification: {
-    name: "verifyViaMobileBankingAppOrWebsite",
-    subtitle: "instant",
-    svgImport: makePayoutVerificationMethodsMetadata2 ? instantVerificationImageNew : instantVerificationImage,
-    description: "instantVerificationDescription",
-    provider: instantVerificationProviderName ? {
-      name: instantVerificationProviderName,
-      svgImport: getProviderIconName(instantVerificationProviderName)
-    } : void 0
-  },
-  manualVerification: {
-    name: "uploadABankStatement",
-    subtitle: "mayTakeAFewDays",
-    description: "manualVerificationDescription",
-    svgImport: makePayoutVerificationMethodsMetadata2 ? manualVerificationImageNew : manualVerificationImage
-  }
-});
-const payoutVerificationMethods = ["instantVerification", "manualVerification"];
-const fieldVerificationMethods = "adyen-kyc-field-verification-methods";
-const fieldVerificationMethodsCard = "adyen-kyc-field-verification-methods-card";
-const fieldVerificationMethodsFooter = "adyen-kyc-field-verification-methods-footer";
-const fieldVerificationMethodsLogo = "adyen-kyc-field-verification-methods-logo";
-const radioGroupCardIllustration = "adyen-kyc-radio-group-card-illustration";
-const instantVerificationError = "adyen-kyc-instant-verification-error";
-const payoutVerificationMethodCard = "adyen-kyc-payout-verification-method-card";
-const payoutVerificationMethodCardDisabled = "adyen-kyc-payout-verification-method-card-disabled";
-const payoutVerificationMethodCardImage = "adyen-kyc-payout-verification-method-card-image";
-const payoutVerificationMethodCardContent = "adyen-kyc-payout-verification-method-card-content";
-const payoutVerificationMethodCardTitle = "adyen-kyc-payout-verification-method-card-title";
-const payoutVerificationMethodCardSubtitle = "adyen-kyc-payout-verification-method-card-subtitle";
-const payoutVerificationMethodCardBody = "adyen-kyc-payout-verification-method-card-body";
-const payoutVerificationMethodCardImageContainer = "adyen-kyc-payout-verification-method-card-image-container";
-const styles = {
-  fieldVerificationMethods,
-  fieldVerificationMethodsCard,
-  fieldVerificationMethodsFooter,
-  fieldVerificationMethodsLogo,
-  radioGroupCardIllustration,
-  instantVerificationError,
-  payoutVerificationMethodCard,
-  payoutVerificationMethodCardDisabled,
-  payoutVerificationMethodCardImage,
-  payoutVerificationMethodCardContent,
-  payoutVerificationMethodCardTitle,
-  payoutVerificationMethodCardSubtitle,
-  payoutVerificationMethodCardBody,
-  payoutVerificationMethodCardImageContainer
-};
-const PayoutVerificationMethodOptionIcon = ({
-  method,
-  methodsMetadata
-}) => {
-  const { svgImport } = methodsMetadata[method];
-  return /* @__PURE__ */ jsx(Image, { className: styles.payoutVerificationMethodCardImage, lazyLoadedImage: svgImport });
-};
-const PayoutVerificationMethodOptionCard = ({
-  payoutMethod,
-  title: title2,
-  subtitle,
-  tag,
-  selectVerificationMethod,
-  payoutVerificationMethod,
-  methodsMetadata,
-  bankInfoValidated,
-  instantVerificationAvailable
-}) => {
-  const isInstantVerificationCard = payoutMethod === "instantVerification";
-  const isCardDisabled = bankInfoValidated || isInstantVerificationCard && !instantVerificationAvailable;
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      className: cx(styles.payoutVerificationMethodCard, {
-        "adyen-kyc-u-margin-bottom-8": isInstantVerificationCard,
-        [styles.payoutVerificationMethodCardDisabled]: isCardDisabled
-      }),
-      bodyClassName: styles.payoutVerificationMethodCardBody,
-      onClick: () => selectVerificationMethod(payoutMethod),
-      stateful: true,
-      active: payoutMethod === payoutVerificationMethod,
-      disabled: isCardDisabled,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: styles.payoutVerificationMethodCardImageContainer, children: /* @__PURE__ */ jsx(
-          PayoutVerificationMethodOptionIcon,
-          {
-            method: payoutMethod,
-            methodsMetadata
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: styles.payoutVerificationMethodCardContent, children: [
-          tag,
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              el: "h4",
-              variant: "body-strongest",
-              className: styles.payoutVerificationMethodCardTitle,
-              children: title2
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              el: "p",
-              variant: "body",
-              color: "secondary",
-              className: styles.payoutVerificationMethodCardSubtitle,
-              children: subtitle
-            }
-          )
-        ] })
-      ]
-    },
-    payoutMethod
-  );
-};
-const payoutVerificationMethodFields = ["payoutVerificationMethod", "bankCountry", ...accountVerificationFields];
-function PayoutVerificationMethod(props) {
-  const {
-    heading,
-    country,
-    accountHolder,
-    provider,
-    bankVendorsLoadingStatus,
-    instantVerificationAvailable,
-    legalEntityResponse,
-    validators,
-    bankInfoValidated,
-    data: payoutVerificationMethodData,
-    fieldValidationErrors,
-    formVerificationErrors
-  } = props;
-  const { type: legalEntityType } = legalEntityResponse;
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const instantVerificationError2 = useContext(InstantVerificationErrorContext);
-  const { isSettingEnabled } = useSettingsContext();
-  const { isExperimentEnabled } = useExperimentsContext();
-  const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
-  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
-    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
-  );
-  const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
-    SettingNames.AllowIntraRegionCrossBorderPayout
-  );
-  const enabledUnbiasedVerificationMethod = isExperimentEnabled(
-    "BankVerificationMethodAutonomy_UnbiasedSelection"
-  );
-  const [hasSelectedMethod, setHasSelectedMethod] = useState(false);
-  const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
-    ...props,
-    schema: payoutVerificationMethodFields,
-    defaultData: {
-      verifiedAccountHolder: accountHolder,
-      verifiedCurrencyCode: currencyByCountry[country]?.[0],
-      bankCountry: country,
-      ...payoutVerificationMethodData
-    },
-    rules: validators || {
-      payoutVerificationMethod: {
-        modes: ["blur"],
-        validate: (payoutVerificationMethod) => !enabledUnbiasedVerificationMethod || !!payoutVerificationMethod
-      }
-    },
-    fieldProblems: fieldValidationErrors
-  });
-  const formUtils = createFormUtils(props, commonT);
-  const { sliceData, updateStateSlice } = useGlobalDataSlice("payoutVerificationMethod");
-  const { clearStateSlice: clearPayoutAccountDetails } = useGlobalDataSlice("payoutAccountDetails");
-  useEffect(
-    () => updateStateSlice({ data: { ...sliceData, ...data }, errors, valid, fieldProblems }),
-    [data, errors, fieldProblems, valid]
-  );
-  const methodsMetadata = makePayoutVerificationMethodsMetadata(
-    provider?.name,
-    isPayoutVerificationMethodPageRedesignEnabled
-  );
-  const PayoutVerificationMethodOptionFooter = ({
-    method,
-    methodsMetadata: methodsMetadata2
-  }) => {
-    const { t: t2 } = useTranslation("common");
-    const { provider: provider2 } = methodsMetadata2[method];
-    return provider2 ? /* @__PURE__ */ jsxs(Typography, { el: "div", variant: "caption", className: styles.fieldVerificationMethodsFooter, children: [
-      t2(($) => $["poweredBy"]),
-      provider2.svgImport ? /* @__PURE__ */ jsx(
-        Image,
-        {
-          className: styles.fieldVerificationMethodsLogo,
-          lazyLoadedImage: provider2.svgImport
-        }
-      ) : ` ${provider2.name}`
-    ] }) : null;
-  };
-  const selectVerificationMethod = (method) => {
-    setHasSelectedMethod(true);
-    handleChangeFor("payoutVerificationMethod")(method);
-  };
-  useEffect(() => {
-    if (bankInfoValidated || enabledUnbiasedVerificationMethod) return;
-    if (!hasSelectedMethod && instantVerificationAvailable && data.payoutVerificationMethod !== "instantVerification") {
-      handleChangeFor("payoutVerificationMethod")("instantVerification");
-    }
-    if (!instantVerificationAvailable && data.payoutVerificationMethod !== "manualVerification") {
-      handleChangeFor("payoutVerificationMethod")("manualVerification");
-    }
-  }, [
-    data.payoutVerificationMethod,
-    handleChangeFor,
-    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 },
-      errors: { country: formUtils.getErrorMessage("bankCountry", errors, fieldProblems) },
-      labels: { country: t(($) => $["bankAccountCountryRegion"]) },
-      readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1 || bankInfoValidated,
-      allowedCountries: allowedBankCountries,
-      handleChangeFor: () => (e) => {
-        clearPayoutAccountDetails();
-        return handleChangeFor("bankCountry", "input")(e);
-      },
-      helperText: {
-        country: 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 }
-      }
-    )
-  ] });
-  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 })
-      }
-    ),
-    !isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) && 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: (childProps) => isPayoutVerificationMethodPageRedesignEnabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            PayoutVerificationMethodOptionCard,
-            {
-              payoutMethod: "instantVerification",
-              title: t(($) => $["logInWithYourBank"]),
-              subtitle: t(($) => $["theFastestWayToVerifyYourAccount"]),
-              tag: /* @__PURE__ */ jsx(Tag, { variant: "blue", className: "adyen-kyc-u-margin-bottom-8", children: t(($) => $["recommended"]) }),
-              selectVerificationMethod,
-              methodsMetadata,
-              payoutVerificationMethod: data.payoutVerificationMethod,
-              instantVerificationAvailable,
-              bankInfoValidated
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            PayoutVerificationMethodOptionCard,
-            {
-              payoutMethod: "manualVerification",
-              title: t(($) => $["verifyManually"]),
-              subtitle: t(($) => $["enterYourAccountsDetailsOnYourOwn"]),
-              selectVerificationMethod,
-              methodsMetadata,
-              payoutVerificationMethod: data.payoutVerificationMethod
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx(
-          RadioGroupCard,
-          {
-            ...childProps,
-            name: "verificationMethod",
-            options: payoutVerificationMethods,
-            onSelect: selectVerificationMethod,
-            selected: data.payoutVerificationMethod,
-            optionId: (method) => method,
-            optionName: (method) => t(($) => $[methodsMetadata[method].name]),
-            optionDescription: (method) => t(($) => $[methodsMetadata[method].description]),
-            optionSubtitle: (method) => t(($) => $[methodsMetadata[method].subtitle]),
-            className: styles.fieldVerificationMethods,
-            optionClassNames: () => ({
-              label: styles.fieldVerificationMethodsCard
-            }),
-            isOptionDisabled: (option) => bankInfoValidated || option === "instantVerification" && !instantVerificationAvailable,
-            renderOptionIcon: (method) => /* @__PURE__ */ jsx("div", { className: styles.radioGroupCardIllustration, children: /* @__PURE__ */ jsx(
-              PayoutVerificationMethodOptionIcon,
-              {
-                method,
-                methodsMetadata
-              }
-            ) }),
-            renderOptionFooter: (method) => /* @__PURE__ */ jsx(
-              PayoutVerificationMethodOptionFooter,
-              {
-                method,
-                methodsMetadata
-              }
-            ),
-            floatingRadio: true
-          }
-        )
-      }
-    ),
-    /* @__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: bankDocumentFields
-  },
-  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,
-    associatedLegalArrangement,
-    provider,
-    bankVendorsLoadingStatus,
-    instantVerificationAvailable,
-    setHideSidebar,
-    setSkipSubmit,
-    createTrustedTransferInstrument: createTrustedTransferInstrument2,
-    accountDetailsFromInput,
-    country,
-    accountHolder,
-    data: propData,
-    onBack,
-    trustedTransferInstrumentId
-  } = 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 { isExperimentEnabled } = useExperimentsContext();
-  const isCrossBorderPayoutsEnabled = isExperimentEnabled("EnableCrossBorderPayouts");
-  const isBankStatementDocumentOptional = createFormUtils(
-    bankDocumentFormProps ?? {},
-    commonT
-  ).isOptionalField("bankStatementDocument");
-  const globalData = useGlobalData();
-  const data = isEmpty(globalData) || propData?.payoutAccountDetails?.transferInstrumentId ? propData : globalData;
-  const resetData = useResetGlobalData();
-  const verifyInstantly = data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
-  const bankCountry = (isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) ? 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(
-    () => 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) {
-      const fieldNames = validateAccountDetails.invalidFields.map((field) => extractFieldName(field.name)).map((key) => commonT(($) => $[key]));
-      const invalidFieldsString = concatenateFieldNames(fieldNames);
-      setInvalidFieldNames(invalidFieldsString);
-      setArePayoutAccountDetailsInvalid(true);
-    } else {
-      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
-          }
-        ) })
-      }
-    ),
-    verifyInstantly ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: activeForm?.formId !== PayoutAccountVerificationFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
-        children: /* @__PURE__ */ jsx(
-          BankVerification,
-          {
-            ...accountVerificationFormProps,
-            heading: t(($) => $["bankAccountVerification"]),
-            id: PayoutAccountVerificationFormID,
-            provider,
-            country: bankCountry,
-            onBack,
-            hideSidebar: setHideSidebar,
-            setBankVerificationError: setInstantVerificationError,
-            bankInfoValidated,
-            setBankInfoValidated,
-            formIsActive: activeForm?.formId === PayoutAccountVerificationFormID,
-            createTrustedTransferInstrument: createTrustedTransferInstrument2
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__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: isExperimentEnabled(ExperimentNames.EnableBankDocumentClassification) ? /* @__PURE__ */ jsx(
-            MemoizedBankDocumentClassification,
-            {
-              ...bankDocumentFormProps,
-              id: PayoutAccountDocumentsFormID,
-              legalEntity: legalEntityResponse,
-              associatedLegalArrangement,
-              country: bankCountry,
-              formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
-            }
-          ) : /* @__PURE__ */ jsx(
-            MemoizedBankDocument,
-            {
-              ...bankDocumentFormProps,
-              heading: t(
-                ($) => $[isBankStatementDocumentOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
-              ),
-              description: t(
-                ($) => $[legalEntityResponse.type === "individual" ? "toHelpVerifyYourBankDetailsIndividual" : "toHelpVerifyYourBankDetailsBusiness"]
-              ),
-              id: PayoutAccountDocumentsFormID,
-              legalEntity: legalEntityResponse,
-              associatedLegalArrangement,
-              country: bankCountry,
-              formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(Show, { when: showPayoutVerificationMethodError, children: /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        analyticsEventLabel: "payoutVerificationMethodError",
-        title: t(($) => $["toContinuePleaseChooseAVerificationMethod"]),
-        confirmText: commonT(($) => $["ok"]),
-        onConfirm: () => {
-          showPayoutVerificationMethodError.value = false;
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Show, { when: showInstantVerificationPayoutModal, children: /* @__PURE__ */ jsx(
-      BankVerification,
-      {
-        ...accountVerificationFormProps,
-        heading: t(($) => $["bankAccountVerification"]),
-        id: PayoutAccountVerificationFormID,
-        provider,
-        country: bankCountry,
-        onBack,
-        hideSidebar: setHideSidebar,
-        setBankVerificationError: setInstantVerificationError,
-        bankInfoValidated,
-        setBankInfoValidated,
-        formIsActive: activeForm?.formId === PayoutVerificationMethodFormID,
-        createTrustedTransferInstrument: createTrustedTransferInstrument2
-      }
-    ) })
-  ] });
-}
-const rules = ({
-  data,
-  requiredFields,
-  isExperimentEnabled
-}) => createFormRules({
-  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 (data?.payoutVerificationMethod?.payoutVerificationMethod !== "instantVerification" && (isExperimentEnabled?.("EnableCheckOnCreateBankAccount") || isExperimentEnabled?.("BankVerificationFlowOptimization_CAASIntegration"))) {
-      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) {
-    throw new Error("Bank statement document missing");
-  }
-  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 CUSTOM_LABELS = {
-  verifiedAccountHolder: "accountHolder",
-  verifiedBankCountry: "bankCountry",
-  verifiedBankName: "bankName",
-  verifiedCurrencyCode: "currencyCode",
-  verifiedBankAccountNumber: "bankAccountNumber"
-};
-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;
-};
-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"
-    },
-    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 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, enabledUnbiasedVerificationMethod) => {
-  if (transferInstrument) {
-    return "manualVerification";
-  } else {
-    return enabledUnbiasedVerificationMethod || !instantVerificationEnabled ? void 0 : "instantVerification";
-  }
-};
-const showInstantVerificationPayoutModal = signal(false);
-function PayoutDetailsDropin({
-  legalEntityResponse,
-  associatedLegalArrangement,
-  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: 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 { isExperimentEnabled } = useExperimentsContext();
-  const { isSettingEnabled } = useSettingsContext();
-  const enabledCrossBorderPayouts = isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts);
-  const defaultPayoutCountry = getLegalEntityCountry(legalEntityResponse);
-  const existingPayoutDetails = useMemo(
-    () => transferInstrument ? mapTransferInstrumentToPayoutAccount(transferInstrument, enabledCrossBorderPayouts) : void 0,
-    [transferInstrument]
-  );
-  const [documents, setDocuments] = useState();
-  const [isCaasCalled, setIsCaasCalled] = useState(false);
-  const enableCheckOnCreateBankAccount = isExperimentEnabled("EnableCheckOnCreateBankAccount") || isExperimentEnabled("BankVerificationFlowOptimization_CAASIntegration");
-  const enabledUnbiasedVerificationMethod = isExperimentEnabled(
-    "BankVerificationMethodAutonomy_UnbiasedSelection"
-  );
-  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
-    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
-  );
-  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,
-        enabledUnbiasedVerificationMethod
-      ),
-      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 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;
-  const checkAsAServiceAnalyticsProps = {
-    "Experiment name": ExperimentNames.BankVerificationFlowOptimization_CAASIntegration,
-    "Experiment value": enableCheckOnCreateBankAccount ? "TREATMENT" : "CONTROL"
-  };
-  useEffect(() => {
-    userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addTaskEvent("Landed on page", {
-      actionType: "start",
-      ...checkAsAServiceAnalyticsProps
-    });
-  }, []);
-  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(
-    () => 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(
-    () => rules({
-      data,
-      requiredFields,
-      isExperimentEnabled
-    }),
-    [bankAccountCountry, data, taskType, isExperimentEnabled]
-  );
-  const apiBankAccount = useMemo(() => {
-    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(() => {
-    const appropriatePayoutDetailsSteps = getAppropriatePayoutDetailsSteps(
-      Boolean(prefilledData?.payoutAccountDetails?.transferInstrumentId),
-      instantVerificationAvailable,
-      isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout),
-      enabledCrossBorderPayouts
-    );
-    if (enableCheckOnCreateBankAccount && !isCheckAsAServiceError && (checkAsAServiceResultStatus === "VALID" || checkAsAServiceResultStatus === void 0) && !isMaskedBankAccountNumber) {
-      delete appropriatePayoutDetailsSteps[payoutSteps.payoutAccountDocuments.formId];
-    }
-    return appropriatePayoutDetailsSteps;
-  }, [
-    providers,
-    enableCheckOnCreateBankAccount,
-    checkAsAServiceResultStatus,
-    isCheckAsAServiceError,
-    isMaskedBankAccountNumber
-  ]);
-  const derivedProps = useMemo(() => {
-    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(() => {
-    const requiredForms = getRequiredForms(
-      payoutDetailsSteps,
-      derivedProps?.requiredFields,
-      derivedProps?.optionalFields
-    );
-    return addValidityToForms(requiredForms, formValidity, problems);
-  }, [derivedProps, formValidity, 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 isRequiredDocuments = isDocumentsRequired(forms2);
-    if (isRequiredDocuments) {
-      const documentToUpload = await mapPayoutDocumentsToApiDocuments(
-        dataSubmitted,
-        transferInstrument2.id
-      );
-      if (documentToUpload) {
-        try {
-          const documents2 = await documentUtils.uploadDocuments(
-            [documentToUpload],
-            transferInstrument2.id
-          );
-          documents2.forEach((document2) => {
-            userEvents.addTaskEvent("Success", {
-              actionType: "upload",
-              documentType: dataSubmitted.payoutAccountDocuments?.documentType ?? document2.type,
-              // tracks BankDocumentTypes
-              fileExtention: document2.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,
-        ...checkAsAServiceAnalyticsProps
-      });
-      try {
-        await submitDocuments({ forms, transferInstrument: response, dataSubmitted });
-        clearToasts();
-        externalOnSubmit?.({ ...dataSubmitted, id: response?.id });
-      } catch (e) {
-        showToast({ label: e.message, variant: "error" });
-      } 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,
-        ...checkAsAServiceAnalyticsProps
-      });
-    }
-  };
-  const isDocumentsRequired = (forms2) => forms2.some((form) => form.formId === payoutSteps.payoutAccountDocuments.formId);
-  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,
-    steps
-  } = useFormComposer({
-    problems,
-    forms,
-    externalBackClick,
-    navigationTrackingParams: {
-      ...checkAsAServiceAnalyticsProps
-    },
-    onSubmit: skipSubmit ? async () => {
-      if (enabledCrossBorderPayouts && trustedTransferInstrumentId) {
-        try {
-          await handleUpdateTransferInstrument({
-            transferInstrument: {
-              legalEntityId: rootLegalEntityId.value,
-              bankAccount: {
-                preferredCurrencyCode: data.payoutCountryDetails?.preferredCurrency,
-                trustedSource: true
-              },
-              type: "bankAccount"
-            },
-            transferInstrumentId: trustedTransferInstrumentId
-          });
-        } catch {
-          showToast({ label: commonT(($) => $["failedToUpdateDetails"]), variant: "error" });
-        }
-      }
-      if (trustedTransferInstrumentId) {
-        externalOnSubmit?.({ ...data, id: trustedTransferInstrumentId });
-      }
-      userEvents.addTaskEvent("Success", {
-        actionType: "submit"
-      });
-      navigateBackToTaskList?.();
-    } : onSubmit
-  });
-  useEffect(() => {
-    if (isCaasCalled && forms) {
-      if (checkAsAServiceResultStatus !== "VALID") {
-        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 (isPayoutVerificationMethodPageRedesignEnabled && activeForm.formId === "payoutVerificationMethod") {
-      if (isInstantVerificationFlow) {
-        showInstantVerificationPayoutModal.value = true;
-        return;
-      } else {
-        handleNextClick();
-      }
-    }
-    if (!data?.payoutVerificationMethod?.payoutVerificationMethod) {
-      showPayoutVerificationMethodError.value = true;
-      return;
-    }
-    if (enableCheckOnCreateBankAccount && 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 (isExperimentEnabled(ExperimentNames.EnablePayoutVerificationMethodPageRedesign) && activeForm.formId === "payoutVerificationMethod" && createTrustedTransferInstrumentStatus === "success") {
-      gotoFormByFormIndex(forms.length - 1);
-      setPreviousTrustedInstrumentStatus(createTrustedTransferInstrumentStatus);
-    }
-  }
-  const omittedForms = data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification" ? [] : [payoutSteps.payoutVerificationMethod.formId];
-  const { header: invalidFieldHeader, content: invalidFieldContent } = getInvalidFieldsErrorMessage(
-    checkAsAServiceResultErrors ?? []
-  );
-  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"]
-              }
-            },
-            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleBackClick : void 0,
-            handleNextClick: handleFormNextClick,
-            handleHomeClick,
-            handleCloseClick,
-            hideSidebar: hideSidebar || hideFooterAndSidebar,
-            hideFooter: hideFooterAndSidebar,
-            loadingStatus: isTransferInstrumentLoading ? "loading" : loadingStatus,
-            asModal,
-            forms,
-            onSubmit,
-            gotoFormByFormIndex,
-            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,
-                associatedLegalArrangement,
-                provider,
-                bankVendorsLoadingStatus,
-                instantVerificationAvailable,
-                createTrustedTransferInstrument: createTrustedTransferInstrumentHandler,
-                accountDetailsFromInput,
-                trustedTransferInstrumentId
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  PayoutDetailsDropin as P,
-  PayoutDetailsPage$1 as a
-};