@adyen/kyc-components 4.5.1 → 4.6.0-beta.1

package/dist/{PayoutDetailsDropin-hc2Lwjfg.js → PayoutDetailsDropin-CaJE5U6g.js}

@@ -2,7 +2,7 @@
 {
   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] = "db3cbcfb-7e6d-4b82-a542-af47b77fcfa6", e._sentryDebugIdIdentifier = "sentry-dbid-db3cbcfb-7e6d-4b82-a542-af47b77fcfa6");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ab442435-ec41-4648-9d4d-3ece62dd3646", e._sentryDebugIdIdentifier = "sentry-dbid-ab442435-ec41-4648-9d4d-3ece62dd3646");
   } catch (e) {
   }
 }
@@ -10,58 +10,55 @@
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { signal } from "@preact/signals";
 import { useQuery, useMutation, useQueryClient, skipToken } from "@tanstack/preact-query";
-import { useState, useEffect, useRef, useMemo, useCallback, useContext } from "preact/hooks";
-import { b as useApiContext, h as httpPost, j as httpGet, m as createLogger, aa as CountryCodes, u as useTranslation, z as useAnalyticsContext, B as Icon, O as Typography, W as Button, L as LegalEntityTypes, ah as objectsDeepEqual, J as useExperimentsContext, b2 as doArraysMatch, aB as Header, P as StackLayout, ax as isEmpty, b3 as getSdkToken, G as Alert, ac as translateTranslatable, r as hasOwnEntityAssociationOfType, v as useAccountHolder, k as useSettingsContext, a9 as getLegalEntityCountry, aQ as Trans, b4 as EEA_Countries, ap as useDataset, aq as datasetIdentifier, b5 as isAccountIdentifierObscured, b6 as hasEmptyFields, b7 as extractFieldName, b8 as concatenateFieldNames, aS as keysOf, ak as getCapabilityProblems, y as TaskTypes, an as cloneObject, am as datasetUtilities } from "./StoreProvider-DS3-j_yO.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-CwsN-a7n.js";
-import { L as LoaderWrapper } from "./LoaderWrapper-BFpnMaZr.js";
-import { E as ExperimentNames } from "./types-_ugkpUNx.js";
-import { S as SettingNames } from "./types-CQ2p58-6.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext, F as FormWrapper } from "./useGlobalData-6k8_ruDF.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D4gUb18d.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-BGd8lBcb.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DuoGe_aD.js";
-import { D as DocumentGuidance, A as AdyenKycSdkError, u as uppercase, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, b as useScenarioConfiguration, c as useUnifyLoadingStatus } from "./mapExistingFile-BX4VgHc9.js";
-import { C as Confirm } from "./Confirm-C42kXNcg.js";
-import { c as currencyByCountry } from "./types-xe96hgXI.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-C6qoE3Ei.js";
+import { useState, useEffect, useRef, useCallback, useContext, useMemo as useMemo$1 } from "preact/hooks";
+import { b as useApiContext, j as httpPost, k as httpGet, ae as createLogger, a9 as CountryCodes, u as useTranslation, x as useAnalyticsContext, z as Icon, N as Typography, V as Button, ah as objectsDeepEqual, H as useToggleContext, aB as Header, ax as isEmpty, ab as translateTranslatable, q as hasOwnEntityAssociationOfType, L as LegalEntityTypes, t as useAccountHolder, m as useSettingsContext, C as Alert, a8 as getLegalEntityCountry, aQ as Trans, b3 as EEA_Countries, ap as useDataset, O as StackLayout, aq as datasetIdentifier, b4 as isAccountIdentifierObscured, b5 as hasEmptyFields, b6 as extractFieldName, b7 as concatenateFieldNames, aS as keysOf, ak as getCapabilityProblems, w as TaskTypes, an as cloneObject, am as datasetUtilities } from "./StoreProvider-CGAl-5Sk.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-ONPBT9KF.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-CgNgcjW-.js";
+import { S as SettingNames } from "./types-Dv0COrvY.js";
+import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext, F as FormWrapper } from "./useGlobalData-Crfi88kZ.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-fRmLeQb3.js";
+import { F as FeatureNames } from "./types-CTwBMnPB.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-BWC3i2at.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DoPR1iTm.js";
+import { u as uppercase, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, b as useScenarioConfiguration, c as useUnifyLoadingStatus } from "./mapExistingFile-BS79kq3W.js";
+import { C as Confirm } from "./Confirm-roUo52pe.js";
+import { c as currencyByCountry } from "./types-i_4sFTBn.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-1Dg0ubhb.js";
 import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
-import { D as DropzoneFile, e as bytesToSize, f as defaultFileValidationOptions, h as fileValidationRules, S as StateContextSetter, i as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./validate-C-38T_GY.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-DxauASkL.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-D0lDhWvH.js";
+import { D as DropzoneFile, e as bytesToSize, f as defaultFileValidationOptions, h as fileValidationRules, S as StateContextSetter, i as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./validate-DXgI7aOv.js";
+import { b as getPayoutAccountHolderName, g as getLegalEntityNameBasedOnType } from "./getName-Ca2cTXzw.js";
+import { o as omitObscuredFieldsIfUnchanged } from "./omitObscuredFieldsIfUnchanged-DhUQJrjg.js";
 import { Show } from "@preact/signals/utils";
-import { s as summaryStep } from "./Summary-B4rVi_1E.js";
+import { s as summaryStep } from "./Summary-DKmu4xU7.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
 import { c as createFormRules } from "./form-rules-DhbF2mY4.js";
 import { s as summaryItem } from "./summaryItem-CAQCQSkt.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 { F as Field } from "./Field-Dr2nucSo.js";
-import { S as Select } from "./Select-CDjrCQMg.js";
-import { T as TextArea } from "./TextArea-DHLHMQS0.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CVzKts0I.js";
-import { u as useForm } from "./useForm-D6L2c9Li.js";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-DR2H0kGz.js";
-import { E as ErrorPanel } from "./ErrorPanel-BuHWbhfh.js";
-import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-OvyHeoEE.js";
+import { memo, useRef as useRef$1, useState as useState$1, useMemo, useEffect as useEffect$1, lazy } from "preact/compat";
+import { F as Field } from "./Field-BDI27kIy.js";
+import { M as Modal } from "./Modal-727fSuFr.js";
+import { T as TextArea } from "./TextArea-BGhv4y1a.js";
+import { u as useForm } from "./useForm-OoKBR6oR.js";
+import { E as EndStateLayout } from "./EndStateLayout-5kx0pljK.js";
+import { E as ErrorPanel } from "./ErrorPanel-Cn8gzNGG.js";
+import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-zdJ_jyqE.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
-import { M as Modal } from "./Modal-CBxIPgQb.js";
-import { E as EndStateLayout } from "./EndStateLayout-DyV9bKDz.js";
 import { createContext } from "preact";
-import { A as ActionBar } from "./ActionBar-Cs-ZFNhk.js";
 import OpenBankingSDK from "@adyen/openbankingsdk";
-import { m as makeMask, n as numericInputs, a as nonInputs, s as spacer, c as customInputs, M as MaskedInput, d as alphanumericInputs, b as alphaInputs } from "./MaskedInput-D6wQgEqZ.js";
+import { S as Select } from "./Select-Bt5Y91sI.js";
+import { m as makeMask, n as numericInputs, a as nonInputs, s as spacer, c as customInputs, M as MaskedInput, d as alphanumericInputs, b as alphaInputs } from "./MaskedInput-B9djDROe.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { v as validatePatternOnBlur } from "./patternValidators-vRnpmLkN.js";
-import { a as isNotEmptyValidator } from "./commonValidators-Z8GTyWt2.js";
-import { I as InputText } from "./InputText-Cmp-jxkq.js";
+import { v as validatePatternOnBlur } from "./patternValidators-Cem-Icxv.js";
+import { a as isNotEmptyValidator } from "./commonValidators-nusLcRK6.js";
+import { I as InputText } from "./InputText-DFjKyN6O.js";
 import { C as Currencies } from "./currency-CrdnaaDu.js";
-import { I as Image } from "./unincorporated-partnership-B6NRgago.js";
-import { C as CountryField } from "./CountryField-DzcOrjgs.js";
+import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-DiyYkTfs.js";
+import { I as Image } from "./unincorporated-partnership-R_fKlee-.js";
+import { C as CountryField } from "./CountryField-Cxih2YUu.js";
 import { C as Card } from "./Card-OQuFzmxm.js";
-import { L as Link } from "./Link-DDnVkilX.js";
-import { R as RadioGroupCard } from "./RadioGroupCard-fFofJm6m.js";
+import { L as Link } from "./Link-C30mEtLP.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { C as ContextGuidance } from "./ContextGuidance-C2yYCn3r.js";
+import { C as ContextGuidance } from "./ContextGuidance-8vbKs48u.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -354,14 +351,14 @@ const mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry, pref
   countryCode: bankCountry,
   bankName: payoutAccount.bankName
 });
-const validateDocument = async (context, document2) => {
+const validateDocument = async (context, document) => {
   const { baseUrl, rootLegalEntityId } = context;
   return httpPost(
     {
       baseUrl,
       path: `legalEntities/${rootLegalEntityId}/genai/classify`
     },
-    document2
+    document
   );
 };
 const useValidateDocument = (options) => {
@@ -507,478 +504,6 @@ function FilePicker({
     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,
-    country,
-    optionalFields,
-    validators,
-    data: bankData,
-    id,
-    formIsActive,
-    fieldValidationErrors,
-    shouldValidate
-  } = props;
-  const { data: associatedLegalArrangement } = useAssociatedLegalEntity(legalEntity, [
-    LegalEntityTypes.SOLE_PROPRIETORSHIP,
-    LegalEntityTypes.TRUST,
-    LegalEntityTypes.UNINCORPORATED_PARTNERSHIP
-  ]);
-  const { t } = useTranslation("banking");
-  const { t: commonT } = useTranslation("common");
-  const { isExperimentEnabled } = useExperimentsContext();
-  const userEvents = useAnalyticsContext();
-  const isBankDocumentClassificationShadowModeEnabled = isExperimentEnabled(
-    ExperimentNames.EnableBankDocumentClassificationShadowMode
-  );
-  const stateRef = useRef({ setState: null });
-  const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
-  const heading = t(
-    ($) => $[isBankStatementOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
-  );
-  const description2 = t(
-    ($) => $[legalEntity.type === "individual" ? "toHelpVerifyYourBankDetailsIndividual" : "toHelpVerifyYourBankDetailsBusiness"]
-  );
-  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]
-  );
-  const validateDocumentMutation = useValidateDocument({
-    onSuccess: (response) => {
-      userEvents.addEvent("Success", {
-        actionType: "upload",
-        actionLevel: "journey",
-        label: "bankDocumentClassificationShadowMode",
-        additionalData: {
-          documentType: response?.documentType,
-          subDocumentType: response?.subDocumentType,
-          blurryOrLowQuality: response?.blurryOrLowQuality
-        }
-      });
-    },
-    onError: () => {
-      userEvents.addEvent("Encountered error", {
-        actionType: "upload",
-        actionLevel: "journey",
-        label: "bankDocumentClassificationShadowMode"
-      });
-    }
-  });
-  const handleDocumentUpload = async (files) => {
-    handleChangeFor("bankStatementDocument")(files);
-    const allowedCountries = ["US", "FR", "GB", "AU"];
-    const shouldClassifyDocument = files?.length > 0 && allowedCountries.includes(country || "") && isBankDocumentClassificationShadowModeEnabled;
-    if (shouldClassifyDocument) {
-      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 {
-          return;
-        }
-      }
-    }
-  };
-  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: handleDocumentUpload,
-              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.formIsActive === nextProps.formIsActive
-);
 const bankDocumentClassification = "adyen-kyc-bank-document-classification";
 const requirementsList = "adyen-kyc-requirements-list";
 const filePickerDisabled = "adyen-kyc-file-picker-disabled";
@@ -1005,64 +530,27 @@ const styles$3 = {
   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"]
+const bankDocumentValidationRules = {
+  description: {
+    modes: ["blur"],
+    validate: (description2) => description2 ? bankStatementDescriptionPattern.test(description2) : true,
+    errorMessage: "invalidFormatBankStatementDescription"
   }
-];
-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 getValidationIssuesKeys = (validationResponse) => {
+  const issues2 = [];
+  const { blurryOrLowQuality, documentType } = validationResponse;
+  if (blurryOrLowQuality) {
+    issues2.push("documentIsntReadable");
+  }
+  if (documentType === "other" || documentType !== "bankDocument") {
+    issues2.push("documentIsNotBankDocument");
+  }
+  if (!documentType || documentType === "other") {
+    issues2.push("documentNameMissing");
+  }
+  return issues2;
+};
 const CHARACTERS_LIMIT = 200;
 const bankDocumentClassificationFields = [
   "bankStatementDocument",
@@ -1078,14 +566,14 @@ function BankDocumentClassification(props) {
     formIsActive,
     fieldValidationErrors,
     formVerificationErrors,
-    shouldValidate
+    shouldValidate,
+    country
   } = 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
   );
@@ -1095,14 +583,19 @@ function BankDocumentClassification(props) {
   const userEvents = useAnalyticsContext();
   const isBankStatementOptional = optionalFields?.includes("bankStatementDocument") ?? false;
   const formUtils = createFormUtils(props, commonT);
-  const bankStatementValidationOptions = useMemo$1(
+  const { isFeatureEnabled } = useToggleContext();
+  const enableBankDocumentClassification = isFeatureEnabled(
+    FeatureNames.EnableBankDocumentClassification
+  );
+  const isShadowMode = isFeatureEnabled(FeatureNames.EnableBankDocumentClassificationShadowMode);
+  const bankStatementValidationOptions = useMemo(
     () => ({
       ...defaultFileValidationOptions,
       isOptional: isBankStatementOptional
     }),
     [isBankStatementOptional]
   );
-  const rules2 = useMemo$1(
+  const rules2 = useMemo(
     () => ({
       ...validators || bankDocumentValidationRules,
       bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
@@ -1119,8 +612,19 @@ function BankDocumentClassification(props) {
   });
   const validateDocumentMutation = useValidateDocument({
     onSuccess: (response) => {
+      userEvents.addEvent("Success", {
+        actionType: "upload",
+        actionLevel: "journey",
+        label: isShadowMode ? "bankDocumentClassificationShadowMode" : "bankDocumentClassification",
+        additionalData: {
+          documentType: response?.documentType,
+          subDocumentType: response?.subDocumentType,
+          blurryOrLowQuality: response?.blurryOrLowQuality
+        }
+      });
+      if (isShadowMode) return;
       setValidationResponse(response);
-      if (response?.blurryOrLowQuality || response?.documentType === "other" || response?.documentType !== "bankDocument") {
+      if (response?.blurryOrLowQuality || response?.documentType !== "bankDocument") {
         userEvents.addEvent("Opened modal", {
           actionType: "open",
           actionLevel: "journey",
@@ -1129,11 +633,6 @@ function BankDocumentClassification(props) {
         setShowReviewModal(true);
       } else {
         setShowEndState(true);
-        userEvents.addEvent("Success", {
-          actionType: "upload",
-          actionLevel: "journey",
-          label: "bankDocumentClassification"
-        });
         setTimeout(() => {
           setShowEndState(false);
           setShowReviewModal(false);
@@ -1144,8 +643,9 @@ function BankDocumentClassification(props) {
       userEvents.addEvent("Encountered error", {
         actionType: "upload",
         actionLevel: "journey",
-        label: "bankDocumentClassification"
+        label: isShadowMode ? "bankDocumentClassificationShadowMode" : "bankDocumentClassification"
       });
+      if (isShadowMode) return;
       logger2.error("Document validation failed:", error);
       setShowReviewModal(false);
       setValidationResponse(null);
@@ -1154,12 +654,13 @@ function BankDocumentClassification(props) {
   const handleDocumentUpload = async (files) => {
     setData("bankStatementDocument", files);
     triggerValidation();
+    if (!enableBankDocumentClassification && !isShadowMode) return;
     if (files.length > 0) {
       const file = files[0];
       if (file && file instanceof File) {
         try {
           const base64Content = await fileToBase64(file);
-          const document2 = {
+          const document = {
             documentType: "bankStatement",
             fileName: file.name,
             sessionId: legalEntity.id,
@@ -1170,7 +671,7 @@ function BankDocumentClassification(props) {
               }
             ]
           };
-          validateDocumentMutation.mutate(document2);
+          validateDocumentMutation.mutate(document);
         } catch (error) {
           logger2.error("Error processing document:", error);
         }
@@ -1182,7 +683,7 @@ function BankDocumentClassification(props) {
       triggerValidation();
     }
   }, [formIsActive, isBankStatementOptional, triggerValidation]);
-  const alreadyUploadedDocuments = useMemo$1(
+  const alreadyUploadedDocuments = useMemo(
     () => bankData?.bankStatementDocument ?? [],
     [bankData?.bankStatementDocument]
   );
@@ -1206,13 +707,6 @@ function BankDocumentClassification(props) {
       }
     });
   }, [data, valid, errors, fieldProblems, id]);
-  const documentsModifiers = useMemo$1(
-    () => ({
-      rootEntityType: legalEntity.type,
-      rootEntityLegalName: getLegalEntityNameBasedOnType(legalEntity)
-    }),
-    [legalEntity]
-  );
   const handleUploadNewDocument = () => {
     userEvents.addEvent("Clicked button", {
       actionType: "next",
@@ -1236,7 +730,7 @@ function BankDocumentClassification(props) {
       label: "bankDocumentClassificationContinueAnyway"
     });
   };
-  const documentPreview = useMemo$1(() => {
+  const documentPreview = useMemo(() => {
     if (!data.bankStatementDocument?.[0] || !showReviewModal) return null;
     const file = data.bankStatementDocument?.[0];
     return file.type === "application/pdf" || file.name.toLowerCase().endsWith(".pdf") ? /* @__PURE__ */ jsx(
@@ -1260,8 +754,7 @@ function BankDocumentClassification(props) {
           title: t(
             ($) => $[isBankStatementOptional ? "uploadABankDocumentOptional" : "uploadABankDocument"]
           ),
-          description: t(($) => $["toVerifyYourBankAccountDetails"]),
-          children: /* @__PURE__ */ jsx(Button, { slot: "actions", variant: "link", onClick: () => setShowRequirementsModal(true), children: commonT(($) => $["learnMore"]) })
+          description: t(($) => $["toVerifyYourBankAccountDetails"])
         }
       ),
       /* @__PURE__ */ jsx(
@@ -1274,13 +767,12 @@ function BankDocumentClassification(props) {
         }
       ),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: styles$3.requirementsList, children: t(($) => $["documentRequirements"]) }),
+        /* @__PURE__ */ jsx("h3", { className: styles$3.requirementsList, children: t(($) => $["makeSureYourDocumentIncludes"]) }),
         /* @__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("li", { children: t(($) => $["documentRequirementNameOrBusiness"]) }),
+          /* @__PURE__ */ jsx("li", { children: t(($) => $[`documentRequirementAccountNumber${country === "US" ? "Partial" : ""}`]) }),
+          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementBankInfo"]) }),
+          /* @__PURE__ */ jsx("li", { children: t(($) => $["documentRequirementReadableText"]) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(
@@ -1289,19 +781,25 @@ function BankDocumentClassification(props) {
           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,
+          children: (childProps) => /* @__PURE__ */ jsx(
+            "div",
             {
-              ...childProps,
-              name: "bankStatementDocument",
-              files: data.bankStatementDocument ?? [],
-              setFiles: handleDocumentUpload,
-              isValid: valid.bankStatementDocument ?? isBankStatementOptional,
-              errorMessage: errors.bankStatementDocument?.errorMessage,
-              loading: validateDocumentMutation.isPending,
-              ...bankStatementValidationOptions
+              className: validateDocumentMutation.isPending && !isShadowMode ? styles$3.filePickerDisabled : "",
+              children: /* @__PURE__ */ jsx(
+                FilePicker,
+                {
+                  ...childProps,
+                  name: "bankStatementDocument",
+                  files: data.bankStatementDocument ?? [],
+                  setFiles: handleDocumentUpload,
+                  isValid: valid.bankStatementDocument ?? isBankStatementOptional,
+                  errorMessage: errors.bankStatementDocument?.errorMessage,
+                  loading: validateDocumentMutation.isPending && !isShadowMode,
+                  ...bankStatementValidationOptions
+                }
+              )
             }
-          ) })
+          )
         }
       ),
       data.bankStatementDocument?.length ? /* @__PURE__ */ jsx(
@@ -1339,7 +837,6 @@ function BankDocumentClassification(props) {
           /* @__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(
@@ -1381,13 +878,6 @@ function BankDocumentClassification(props) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(
-      BankDocumentRequirementsModal,
-      {
-        isOpen: showRequirementsModal,
-        onClose: () => setShowRequirementsModal(false)
-      }
-    ),
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -1457,7 +947,7 @@ const VerificationWidgetCallbackActions = {
   RETRY_VERIFICATION: "retry_verification",
   HANDLE_EVENT: "handle_event"
 };
-const WIDGET_CONTAINER_CLASS$1 = `adyen-kyc-bank-verification-widget-container`;
+const WIDGET_CONTAINER_CLASS = `adyen-kyc-bank-verification-widget-container`;
 function BankVerificationOverlay({
   url,
   setBankVerificationError,
@@ -1527,7 +1017,7 @@ function BankVerificationOverlay({
         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`);
+            widgetContainerRef.current?.classList.add(`${WIDGET_CONTAINER_CLASS}--plaid-modal`);
           }
           break;
         }
@@ -1594,231 +1084,12 @@ function BankVerificationOverlay({
       }
     });
     openBanking.open();
-    container.classList.add(WIDGET_CONTAINER_CLASS$1, `${WIDGET_CONTAINER_CLASS$1}--fullscreen`);
+    container.classList.add(WIDGET_CONTAINER_CLASS);
     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,
-      additionalData: {
-        providerName: vendor
-      }
-    });
-  };
-  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",
-                additionalData: {
-                  providerName: vendor
-                }
-              });
-              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",
-              additionalData: {
-                providerName: vendor
-              }
-            });
-          } 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 });
+  return /* @__PURE__ */ jsx("div", { ref: widgetContainerRef, className: `${WIDGET_CONTAINER_CLASS}-overlay` });
 }
 const accountVerificationFields = [
   "verifiedAccountHolder",
@@ -1851,13 +1122,11 @@ const useInstantVerificationErrorNotification = (notificationVisibilityDuration)
 };
 function BankVerification(props) {
   const {
-    heading,
     setBankVerificationError,
     onBack,
     hideSidebar,
     setBankInfoValidated,
     bankInfoValidated,
-    formIsActive,
     createTrustedTransferInstrument: createTrustedTransferInstrument2,
     country,
     data: propData,
@@ -1865,16 +1134,9 @@ function BankVerification(props) {
     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,
@@ -1898,13 +1160,7 @@ function BankVerification(props) {
     hideSidebar?.(false);
     triggerValidation();
     await invalidateRootLegalEntity();
-    if (isPayoutVerificationMethodPageRedesignEnabled) {
-      showInstantVerificationPayoutModal.value = false;
-    }
-  };
-  const handleOnBack = () => {
-    setHideVerificationWidget(false);
-    onBack?.();
+    showInstantVerificationPayoutModal.value = false;
   };
   useEffect(() => {
     stateRef.current.setState?.({
@@ -1919,13 +1175,7 @@ function BankVerification(props) {
       }
     });
   }, [data, valid, errors, isValid]);
-  useEffect(() => {
-    if (!isPayoutVerificationMethodPageRedesignEnabled) {
-      hideSidebar?.(formIsActive && !bankInfoValidated);
-      return () => hideSidebar?.(false);
-    }
-  }, [bankInfoValidated, formIsActive]);
-  if (isPayoutVerificationMethodPageRedesignEnabled && provider) {
+  if (provider) {
     if (bankInfoValidated || !showInstantVerificationPayoutModal.value) {
       return null;
     }
@@ -1936,7 +1186,7 @@ function BankVerification(props) {
         {
           url: provider.redirectUrl,
           setBankVerificationError,
-          onBack: handleOnBack,
+          onBack,
           retrieveBankAccountInfo,
           createTrustedTransferInstrument: createTrustedTransferInstrument2,
           providerName: provider.name
@@ -1944,28 +1194,6 @@ function BankVerification(props) {
       )
     ] });
   }
-  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"]);
@@ -3050,9 +2278,9 @@ function PayoutAccount(props) {
   const { t } = useTranslation("banking");
   const { t: commonT } = useTranslation("common");
   const [checkAnnotation, setCheckAnnotation] = useState();
-  const { isExperimentEnabled } = useExperimentsContext();
-  const isCrossBorderPayoutsEnabled = isExperimentEnabled("EnableCrossBorderPayouts");
+  const { isFeatureEnabled } = useToggleContext();
   const { isSettingEnabled } = useSettingsContext();
+  const isCrossBorderPayoutsEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
   const bankAccountFormatSelectionAllowed = isSettingEnabled(
     SettingNames.AllowBankAccountFormatSelection
   );
@@ -3066,7 +2294,8 @@ function PayoutAccount(props) {
     invalidFieldNames,
     formVerificationErrors,
     fieldValidationErrors,
-    preferredCurrencyCode
+    preferredCurrencyCode,
+    data
   } = props;
   const showCheckGuidance = shouldShowCheckGuidance(country);
   const formUtils = createFormUtils({ ...props, requiredFields }, commonT);
@@ -3090,7 +2319,7 @@ function PayoutAccount(props) {
   const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
   const isEUR = preferredCurrencyCode === "EUR";
   useEffect(() => {
-    if (!isCrossBorderPayoutsEnabled) {
+    if (!isCrossBorderPayoutsEnabled || data?.transferInstrumentId) {
       return;
     }
     if (isEUR && localCurrency) {
@@ -3447,15 +2676,9 @@ const tinkLogo = lazy(() => import("./tink-logo-DDyjz5eJ.js"));
 const plaidLogo = lazy(() => import("./plaid-logo-FsZ7kfL-.js"));
 const yapilyLogo = lazy(() => import("./yapily-logo-BduxhNRA.js"));
 const instantVerificationImage = lazy(
-  () => import("./instant-verification-UrnuHTYn.js")
-);
-const manualVerificationImage = lazy(
-  () => import("./manual-verification-BO8zgAYT.js")
-);
-const instantVerificationImageNew = lazy(
   () => import("./payout-verification-instant-BzpfOQLD.js")
 );
-const manualVerificationImageNew = lazy(
+const manualVerificationImage = lazy(
   () => import("./payout-verification-manual-gNEoeZkV.js")
 );
 const getProviderIconName = (providerName) => {
@@ -3470,11 +2693,11 @@ const getProviderIconName = (providerName) => {
       return void 0;
   }
 };
-const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName, makePayoutVerificationMethodsMetadata2) => ({
+const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName) => ({
   instantVerification: {
     name: "verifyViaMobileBankingAppOrWebsite",
     subtitle: "instant",
-    svgImport: makePayoutVerificationMethodsMetadata2 ? instantVerificationImageNew : instantVerificationImage,
+    svgImport: instantVerificationImage,
     description: "instantVerificationDescription",
     provider: instantVerificationProviderName ? {
       name: instantVerificationProviderName,
@@ -3485,15 +2708,9 @@ const makePayoutVerificationMethodsMetadata = (instantVerificationProviderName,
     name: "uploadABankStatement",
     subtitle: "mayTakeAFewDays",
     description: "manualVerificationDescription",
-    svgImport: makePayoutVerificationMethodsMetadata2 ? manualVerificationImageNew : manualVerificationImage
+    svgImport: 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 payoutVerificationMethodCardImage = "adyen-kyc-payout-verification-method-card-image";
@@ -3503,11 +2720,6 @@ const payoutVerificationMethodCardSubtitle = "adyen-kyc-payout-verification-meth
 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,
   payoutVerificationMethodCardImage,
@@ -3606,11 +2818,8 @@ function PayoutVerificationMethod(props) {
   const { t: commonT } = useTranslation("common");
   const instantVerificationError2 = useContext(InstantVerificationErrorContext);
   const { isSettingEnabled } = useSettingsContext();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isFeatureEnabled } = useToggleContext();
   const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
-  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
-    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
-  );
   const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
     SettingNames.AllowIntraRegionCrossBorderPayout
   );
@@ -3639,27 +2848,7 @@ function PayoutVerificationMethod(props) {
     () => 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 methodsMetadata = makePayoutVerificationMethodsMetadata(provider?.name);
   const selectVerificationMethod = (method) => {
     setHasSelectedMethod(true);
     handleChangeFor("payoutVerificationMethod")(method);
@@ -3713,6 +2902,7 @@ function PayoutVerificationMethod(props) {
       }
     )
   ] });
+  const isCrossBorderPayoutEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
   return /* @__PURE__ */ jsxs("form", { className: styles.payoutVerificationMethod, children: [
     heading && /* @__PURE__ */ jsx(Header, { title: heading, children: /* @__PURE__ */ jsx("template", { slot: "description", children: description2 }) }),
     instantVerificationError2 && /* @__PURE__ */ jsx(
@@ -3724,7 +2914,7 @@ function PayoutVerificationMethod(props) {
         children: instantVerificationError2.content && /* @__PURE__ */ jsx("p", { className: "adyen-kyc-u-margin-0", children: instantVerificationError2.content })
       }
     ),
-    !isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) && countryField,
+    !isCrossBorderPayoutEnabled && countryField,
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -3735,7 +2925,7 @@ function PayoutVerificationMethod(props) {
         helper: instantVerificationAvailable ? void 0 : t(($) => $["weDoNotYetSupportInstantVerificationForBankAccountsIn"], {
           countryName: bankCountryName
         }),
-        children: (childProps) => isPayoutVerificationMethodPageRedesignEnabled ? /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
+        children: () => /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
           /* @__PURE__ */ jsx(
             PayoutVerificationMethodOptionCard,
             {
@@ -3761,40 +2951,7 @@ function PayoutVerificationMethod(props) {
               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(
@@ -3850,7 +3007,7 @@ const payoutSteps = {
     formId: "payoutAccountDocuments",
     formName: "bankDocument",
     formHeader: "bankDocumentHeader",
-    fields: bankDocumentFields
+    fields: bankDocumentClassificationFields
   },
   payoutAccountVerification: {
     formId: "payoutAccountVerification",
@@ -3888,13 +3045,14 @@ function PayoutDetails(props) {
   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 { isFeatureEnabled } = useToggleContext();
+  const { isSettingEnabled } = useSettingsContext();
+  const isCrossBorderPayoutsEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
   const globalData = useGlobalData();
   const data = isEmpty(globalData) || propData?.payoutAccountDetails?.transferInstrumentId ? propData : globalData;
   const resetData = useResetGlobalData();
   const verifyInstantly = data?.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
-  const bankCountry = (isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts) ? data?.payoutCountryDetails?.bankCountry : data?.payoutVerificationMethod?.bankCountry) ?? country;
+  const bankCountry = (isCrossBorderPayoutsEnabled ? data?.payoutCountryDetails?.bankCountry : data?.payoutVerificationMethod?.bankCountry) ?? country;
   useEffect(() => resetData(), [resetData]);
   useEffect(() => {
     if (activeForm?.formId === summaryStep.formId && verifyInstantly && trustedTransferInstrumentId) {
@@ -3904,7 +3062,7 @@ function PayoutDetails(props) {
   const [bankInfoValidated, setBankInfoValidated] = useState(false);
   const [arePayoutAccountDetailsInvalid, setArePayoutAccountDetailsInvalid] = useState(false);
   const [invalidFieldNames, setInvalidFieldNames] = useState("");
-  const payload = useMemo(
+  const payload = useMemo$1(
     () => bankCountry && accountDetailsFromInput ? getAccountIdentificationFromPayoutAccountSchema(
       accountDetailsFromInput,
       bankCountry,
@@ -3969,74 +3127,41 @@ function PayoutDetails(props) {
         ) })
       }
     ),
-    !showInstantVerificationPayoutModal.value && /* @__PURE__ */ jsx(Fragment, { children: verifyInstantly ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       "div",
       {
-        className: activeForm?.formId !== PayoutAccountVerificationFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+        className: activeForm?.formId !== payoutSteps.payoutAccountDetails.formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
         children: /* @__PURE__ */ jsx(
-          BankVerification,
+          PayoutAccount,
           {
-            ...accountVerificationFormProps,
-            heading: t(($) => $["bankAccountVerification"]),
-            id: PayoutAccountVerificationFormID,
-            provider,
+            ...payoutAccountFormProps,
+            heading: t(($) => $["addABankAccountForPayouts"]),
+            id: payoutSteps.payoutAccountDetails.formId,
             country: bankCountry,
-            onBack,
-            hideSidebar: setHideSidebar,
-            setBankVerificationError: setInstantVerificationError,
-            bankInfoValidated,
-            setBankInfoValidated,
-            formIsActive: activeForm?.formId === PayoutAccountVerificationFormID,
-            createTrustedTransferInstrument: createTrustedTransferInstrument2
+            legalEntityResponse,
+            arePayoutAccountDetailsInvalid,
+            invalidFieldNames,
+            preferredCurrencyCode: globalData?.payoutCountryDetails?.preferredCurrency
           }
         )
       }
-    ) : /* @__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,
-              country: bankCountry,
-              formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
-            }
-          ) : /* @__PURE__ */ jsx(
-            MemoizedBankDocument,
-            {
-              ...bankDocumentFormProps,
-              id: PayoutAccountDocumentsFormID,
-              legalEntity: legalEntityResponse,
-              country: bankCountry,
-              formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
-            }
-          )
-        }
-      )
-    ] }) }),
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: activeForm?.formId !== PayoutAccountDocumentsFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+        children: /* @__PURE__ */ jsx(
+          MemoizedBankDocumentClassification,
+          {
+            ...bankDocumentFormProps,
+            id: PayoutAccountDocumentsFormID,
+            legalEntity: legalEntityResponse,
+            country: bankCountry,
+            formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
+          }
+        )
+      }
+    ),
     /* @__PURE__ */ jsx(Show, { when: showInstantVerificationPayoutModal, children: /* @__PURE__ */ jsx(
       BankVerification,
       {
@@ -4327,19 +3452,16 @@ function PayoutDetailsDropin({
   const { t: commonT } = useTranslation("common");
   const userEvents = useAnalyticsContext();
   const { showToast, clearToasts } = useToastContext();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isFeatureEnabled } = useToggleContext();
   const { isSettingEnabled } = useSettingsContext();
-  const enabledCrossBorderPayouts = isExperimentEnabled(ExperimentNames.EnableCrossBorderPayouts);
+  const enabledCrossBorderPayouts = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
   const defaultPayoutCountry = getLegalEntityCountry(legalEntityResponse);
-  const existingPayoutDetails = useMemo(
+  const existingPayoutDetails = useMemo$1(
     () => transferInstrument ? mapTransferInstrumentToPayoutAccount(transferInstrument, enabledCrossBorderPayouts) : void 0,
     [transferInstrument]
   );
   const [documents, setDocuments] = useState();
   const [isCaasCalled, setIsCaasCalled] = useState(false);
-  const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
-    ExperimentNames.EnablePayoutVerificationMethodPageRedesign
-  );
   const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
   const fallbackCurrency = currencyByCountry[defaultPayoutCountry]?.[0];
   const accountHolderName = accountHolder || getLegalEntityNameBasedOnType(legalEntityResponse);
@@ -4396,12 +3518,6 @@ function PayoutDetailsDropin({
   const [hasAsyncValidationError, setHasAsyncValidationError] = useState(false);
   const isMaskedBankAccountNumber = data.payoutAccountDetails?.bankAccountNumber?.includes("*") || data.payoutAccountDetails?.iban?.includes("*");
   const existingBankAccountFormat = transferInstrument ? transferInstrument?.bankAccount?.accountIdentification?.type === "numberAndBic" ? "numberAndBic" : existingPayoutDetails?.payoutAccountDetails?.iban ? "iban" : "local" : void 0;
-  useEffect(() => {
-    userEvents.updateBaseTrackingPayload({ task: taskType });
-    userEvents.addTaskEvent("Landed on page", {
-      actionType: "start"
-    });
-  }, []);
   useEffect(() => {
     setData({
       ...currentState.data,
@@ -4426,7 +3542,7 @@ function PayoutDetailsDropin({
       enabled: instantVerificationEnabled
     }
   );
-  const instantVerificationAvailable = useMemo(
+  const instantVerificationAvailable = useMemo$1(
     () => Boolean(instantVerificationEnabled && providers?.[0]?.redirectUrl),
     [instantVerificationEnabled, providers]
   );
@@ -4443,14 +3559,14 @@ function PayoutDetailsDropin({
     country: bankAccountCountry,
     existingBankAccountFormat
   });
-  const fieldsFromCustomRules = useMemo(
+  const fieldsFromCustomRules = useMemo$1(
     () => rules({
       data,
       requiredFields
     }),
-    [bankAccountCountry, data, taskType, isExperimentEnabled]
+    [bankAccountCountry, data, taskType, isFeatureEnabled]
   );
-  const apiBankAccount = useMemo(() => {
+  const apiBankAccount = useMemo$1(() => {
     const payoutAccountDetails = data.payoutAccountDetails ?? { bankAccountNumber: "" };
     return mapPayoutAccountSchemaToApiBankAccount(payoutAccountDetails, bankAccountCountry);
   }, [data, bankAccountCountry]);
@@ -4467,7 +3583,7 @@ function PayoutDetailsDropin({
   const provider = providers?.[0];
   const isInstantVerificationFlow = data.payoutVerificationMethod?.payoutVerificationMethod === "instantVerification";
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const payoutDetailsSteps = useMemo(() => {
+  const payoutDetailsSteps = useMemo$1(() => {
     const appropriatePayoutDetailsSteps = getAppropriatePayoutDetailsSteps(
       Boolean(prefilledData?.payoutAccountDetails?.transferInstrumentId),
       instantVerificationAvailable,
@@ -4479,7 +3595,7 @@ function PayoutDetailsDropin({
     }
     return appropriatePayoutDetailsSteps;
   }, [providers, checkAsAServiceResultStatus, isCheckAsAServiceError, isMaskedBankAccountNumber]);
-  const derivedProps = useMemo(() => {
+  const derivedProps = useMemo$1(() => {
     return getPropsFromConfigurations({
       scenarioConfiguration: fieldConfigurations,
       forms: payoutDetailsSteps,
@@ -4504,7 +3620,7 @@ function PayoutDetailsDropin({
     instantVerificationEnabled ? bankVendorsLoadingStatus : "success",
     isSubmitting ? "loading" : "success"
   );
-  const forms = useMemo(() => {
+  const forms = useMemo$1(() => {
     const requiredForms = getRequiredForms(
       payoutDetailsSteps,
       derivedProps?.requiredFields,
@@ -4545,12 +3661,12 @@ function PayoutDetailsDropin({
             [documentToUpload],
             transferInstrument2.id
           );
-          documents2.forEach((document2) => {
+          documents2.forEach((document) => {
             userEvents.addTaskEvent("Success", {
               actionType: "upload",
-              documentType: dataSubmitted.payoutAccountDocuments?.documentType ?? document2.type,
+              documentType: dataSubmitted.payoutAccountDocuments?.documentType ?? document.type,
               // tracks BankDocumentTypes
-              fileExtention: document2.attachments?.map((item) => getFileExtention(item.pageName ?? "")).filter((item) => item !== void 0) ?? void 0
+              fileExtention: document.attachments?.map((item) => getFileExtention(item.pageName ?? "")).filter((item) => item !== void 0) ?? void 0
             });
           });
         } catch {
@@ -4702,6 +3818,7 @@ function PayoutDetailsDropin({
     activeForm,
     setShouldValidate,
     gotoFormByFormIndex,
+    gotoFormByFormId,
     steps
   } = useFormComposer({
     problems,
@@ -4742,7 +3859,7 @@ function PayoutDetailsDropin({
     setIsCaasCalled(false);
   }, [forms, checkAsAServiceResultStatus, isCaasCalled]);
   const handleFormNextClick = async () => {
-    if (isPayoutVerificationMethodPageRedesignEnabled && activeForm.formId === "payoutVerificationMethod") {
+    if (activeForm.formId === "payoutVerificationMethod") {
       if (isInstantVerificationFlow) {
         trackNavigation({
           userEvents,
@@ -4776,7 +3893,7 @@ function PayoutDetailsDropin({
       handleNextClick();
       setPreviousTrustedInstrumentStatus(createTrustedTransferInstrumentStatus);
     }
-    if (isExperimentEnabled(ExperimentNames.EnablePayoutVerificationMethodPageRedesign) && activeForm.formId === "payoutVerificationMethod" && createTrustedTransferInstrumentStatus === "success") {
+    if (activeForm.formId === "payoutVerificationMethod" && createTrustedTransferInstrumentStatus === "success") {
       gotoFormByFormIndex(forms.length - 1);
       setPreviousTrustedInstrumentStatus(createTrustedTransferInstrumentStatus);
     }
@@ -4822,7 +3939,7 @@ function PayoutDetailsDropin({
                 summaryEditButton: ["payoutVerificationMethod", "payoutAccountVerification"]
               }
             },
-            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleBackClick : void 0,
+            handleBackClick: activeForm.formId !== "summary" ? handleBackClick : void 0,
             handleNextClick: handleFormNextClick,
             handleHomeClick,
             handleCloseClick,
@@ -4833,6 +3950,7 @@ function PayoutDetailsDropin({
             forms,
             onSubmit,
             gotoFormByFormIndex,
+            gotoFormByFormId,
             validateForm: () => setShouldValidate(true),
             canSubmit: canSubmit(),
             problems,