@adyen/kyc-components 4.0.0-compact.4 → 4.0.0-compact.7

package/dist/{PayoutDetailsDropin-D_ee4PgW.js → PayoutDetailsDropin-C2pNMAZS.js}

@@ -2,49 +2,75 @@
 {
   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] = "c607f193-f211-4edc-a75c-3d3a222d71ba", e._sentryDebugIdIdentifier = "sentry-dbid-c607f193-f211-4edc-a75c-3d3a222d71ba");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7725ff34-da49-423b-9ddf-d995366df46f", e._sentryDebugIdIdentifier = "sentry-dbid-7725ff34-da49-423b-9ddf-d995366df46f");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, 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, j as useQuery, k as httpPost, m as httpGet, a0 as useMutation, a2 as useQueryClient, P as createLogger, C as CountryCodes, u as useTranslation, c as useLegalEntity, R as ROOT_LE, r as LegalEntityTypes, a as addResourceBundles, L as Loader, M as EntityTypes, _ as __variableDynamicImportRuntimeHelper, a3 as useAnalyticsContext, a4 as Icon, G as Typography, B as Button, ak as objectsDeepEqual, aV as doArraysMatch, W as isEmpty, X as useExperimentsContext, bg as getSdkToken, H as hasOwnEntityAssociationOfType, K as useAccountHolder, o as useSettingsContext, g as getLegalEntityCountry, ao as Trans, bh as EEA_Countries, bi as isAccountIdentifierObscured, bj as hasEmptyFields, bk as extractFieldName, bl as concatenateFieldNames, aq as keysOf, aA as getCapabilityProblems, O as TaskTypes, aB as cloneObject, w as skipToken } from "./StoreProvider-DTMSAVgy.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-C6ha6E0S.js";
-import { u as useForm, F as Field, S as Select, L as LoaderWrapper } from "./useForm-BsQfbbso.js";
-import { E as ExperimentNames } from "./types-Dk94b8kx.js";
-import { I as InputText, S as SettingNames } from "./InputText-qTMbrUXW.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext } from "./useGlobalData-CO2a2RhB.js";
-import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-BQYYaLd-.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-BBc1EBeB.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-BYk71qFP.js";
-import { A as AdyenKycSdkError, p as payoutAccountFormat, m as mapExistingFile, g as getPageName, u as useScenarioConfiguration, b as useUnifyLoadingStatus } from "./mapExistingFile-Iep6Rez8.js";
-import { u as useDataset, d as datasetIdentifier, C as Confirm, a as datasetUtilities } from "./useDataset-D1R4kueP.js";
-import { c as currencyByCountry, C as Currencies } from "./types-DtV30rT3.js";
-import { F as FormWrapper } from "./FormWrapper-D2abCVld.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-BcmQ2z0b.js";
+import { b as useApiContext, $ as httpPost, k as httpGet, a3 as createLogger, a0 as CountryCodes, u as useTranslation, c as useLegalEntity, a as addResourceBundles, L as Loader, R as ROOT_LE, a8 as EntityTypes, _ as __variableDynamicImportRuntimeHelper, p as useAnalyticsContext, r as Icon, z as Typography, V as Button, o as LegalEntityTypes, a6 as objectsDeepEqual, v as useExperimentsContext, aO as doArraysMatch, ai as isEmpty, aP as getSdkToken, aQ as hasOwnEntityAssociationOfType, m as useAccountHolder, B as useSettingsContext, g as getLegalEntityCountry, aB as Trans, aR as EEA_Countries, aS as isAccountIdentifierObscured, aT as hasEmptyFields, aU as extractFieldName, aV as concatenateFieldNames, aD as keysOf, a9 as getCapabilityProblems, j as TaskTypes, ab as cloneObject } from "./StoreProvider-99-ewU62.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount--gtugk3J.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-C2PvjjQc.js";
+import { E as ExperimentNames } from "./types-B7GElie6.js";
+import { S as SettingNames } from "./TaskVerificationStatus-DZIw2ztV.js";
+import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext } from "./useGlobalData-5Z6W3or1.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D643iewp.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-Dl2Isz78.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils--st1YpV6.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-BM9f5AeG.js";
+import { C as Confirm } from "./Confirm-C0J_JwMM.js";
+import { c as currencyByCountry } from "./types-C8io4KaH.js";
+import { F as FormWrapper } from "./FormWrapper-B3N3YosC.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-DdlWONz2.js";
 import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
-import { f as fileToBase64, a as getDocument, c as createDocumentRequest, d as documentApiUtils, b as getFileExtention } from "./documentUtils-CmY7W1gB.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-9MyzlDpt.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-OATZoluK.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-CtxacqMv.js";
+import { d as datasetIdentifier, a as datasetUtilities } from "./datasetUtil-BHQp0-xL.js";
+import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-CnZDw7kV.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-DqeucjDU.js";
 import { Show } from "@preact/signals/utils";
-import { s as summaryStep } from "./Summary-BOSxxPjv.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-BIYJvEAW.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CtNg5gYS.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, d as nonInputs, s as spacer, k as customInputs, v as validatePatternOnBlur, r as resolveFieldMetadata, M as MaskedInput, b as alphanumericInputs, u as uppercase, c as alphaInputs, I as Image, R as RadioGroupCard, C as ContextGuidance, x as createFormRules } from "./Spacer-BT5nYRXK.js";
+import { s as summaryStep } from "./Summary-D0GcSMNn.js";
+import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
+import { useParams } from "wouter-preact";
+import { u as useNavigate } from "./useNavigate-CI0N-POy.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-D8qEVVOM.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 { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-fl3LbBcx.js";
+import { F as Field } from "./Field-Bs7wGDqk.js";
+import { H as Header } from "./Header-vslG1ugE.js";
+import { S as Select } from "./Select-DaCJsYNl.js";
+import { T as TextArea } from "./TextArea-BjsWgkR-.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-ETDoz1H2.js";
+import { u as useForm } from "./useForm-DqUW2TbW.js";
+import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-BM9dNg4i.js";
+import { E as ErrorPanel } from "./ErrorPanel-CAALFKmE.js";
+import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-C_sWWLS3.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
-import { M as Modal } from "./Modal-B8fxl0iP.js";
-import { E as EndStateLayout } from "./EndStateLayout-DUFAp0sp.js";
+import { M as Modal } from "./Modal-CZ-HuGUO.js";
+import { E as EndStateLayout } from "./EndStateLayout-Cx1NUGVq.js";
+import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
 import { createContext } from "preact";
-import { a as Alert } from "./Alert-CjdHpM1t.js";
-import { A as ActionBar } from "./ActionBar-BYag3Mhx.js";
+import { a as Alert } from "./Alert-CFmX9yNV.js";
+import { A as ActionBar } from "./ActionBar-CijauUSe.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-BSW18fxr.js";
+import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
+import { v as validatePatternOnBlur } from "./patternValidators-vYKnE5-t.js";
+import { a as isNotEmptyValidator } from "./commonValidators-DTt6he7v.js";
+import { I as InputText } from "./InputText-BdCbTzL9.js";
+import { C as Currencies } from "./currency-CrdnaaDu.js";
+import { I as Image } from "./Image-CAucF9wz.js";
+import { C as CountryField } from "./CountryField-DxZlK1rV.js";
+import { C as Card } from "./Card-OQuFzmxm.js";
+import { L as Link } from "./Link-CXYU8cLY.js";
+import { R as RadioGroupCard } from "./RadioGroupCard-Y214QWmQ.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { C as Card } from "./Card-BHab7Kyt.js";
+import { u as useDataset } from "./useDataset-Cap5ZjTr.js";
+import { C as ContextGuidance } from "./ContextGuidance-074d6FWy.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -143,7 +169,6 @@ const updateTrustedTransferInstrument = async (legalEntityId, baseUrl, preferred
       path: `legalEntities/${legalEntityId}/transferInstruments/trusted/${transferInstrumentId}`
     },
     {
-      legalEntityId,
       preferredCurrencyCode
     }
   );
@@ -340,28 +365,24 @@ const mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry, pref
 });
 const showPayoutVerificationMethodError = signal(false);
 function PayoutDetailsPage({
-  transferInstrumentId,
-  setTransferInstrumentId,
+  transferInstrumentId: transferInstrumentIdProp,
+  setTransferInstrumentId: setTransferInstrumentIdProp,
   taskType,
   openBankingPartnerConfigId,
   onSubmit,
   handleHomeClick
 }) {
+  const routeParams = useParams();
+  const navigate = useNavigate();
+  const transferInstrumentId = transferInstrumentIdProp ?? routeParams.transferInstrumentId;
+  const setTransferInstrumentId = setTransferInstrumentIdProp ?? ((id) => navigate.replace(taskType, { transferInstrumentId: id }));
   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/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../language/ja-JP.json": () => import("./ja-JP-C6Go-kaC.js"), "../language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../language/sl-SI.json": () => import("./sl-SI-59OQIZ3f.js"), "../language/sv-SE.json": () => import("./sv-SE-CQWBP7n1.js") }), `../language/${lang}.json`, 3) }
+    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../language/ja-JP.json": () => import("./ja-JP-g6VOUGXZ.js"), "../language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../language/sl-SI.json": () => import("./sl-SI-59OQIZ3f.js"), "../language/sv-SE.json": () => import("./sv-SE-CQWBP7n1.js") }), `../language/${lang}.json`, 3) }
   ]);
-  if (!rootLe || associatedLeIsLoading) {
+  if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }
   const problems = capabilityProblems && transferInstrumentId ? getProblemsForEntity(capabilityProblems, EntityTypes.BANK_ACCOUNT, transferInstrumentId) : void 0;
@@ -372,7 +393,6 @@ function PayoutDetailsPage({
       currentTransferInstrumentId: transferInstrumentId,
       setCurrentTransferInstrumentId: setTransferInstrumentId,
       legalEntityResponse: rootLe,
-      associatedLegalArrangement: associatedLe,
       problems,
       onSubmit,
       handleHomeClick,
@@ -386,6 +406,27 @@ const PayoutDetailsPage$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   PayoutDetailsPage,
   showPayoutVerificationMethodError
 }, Symbol.toStringTag, { value: "Module" }));
+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
+  });
+};
 function FilePicker({
   files,
   setFiles,
@@ -414,7 +455,9 @@ function FilePicker({
   const hasRequiredError = errorMessage === "fieldIsRequired";
   const showDropzone = files.length < maxNumberOfFiles;
   const openFilePicker = () => fileInput.current?.click();
-  const handleFileDelete = (fileToDelete) => setFiles(files.filter((file) => file !== fileToDelete));
+  const handleFileDelete = (fileToDelete) => {
+    setFiles(files.filter((file) => file !== fileToDelete));
+  };
   const handleDragEnter = (e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -463,7 +506,9 @@ function FilePicker({
       DropzoneFile,
       {
         file,
-        onDelete: () => handleFileDelete(file),
+        onDelete: () => {
+          handleFileDelete(file);
+        },
         errorMessage,
         iconPrefix,
         loading
@@ -744,22 +789,35 @@ const bankDocumentFields = [
 function BankDocument(props) {
   const {
     legalEntity,
-    associatedLegalArrangement,
     country,
     optionalFields,
     validators,
     data: bankData,
     id,
-    description: description2,
-    heading,
     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(
     () => ({
@@ -833,6 +891,49 @@ function BankDocument(props) {
     }),
     [legalEntity, associatedLegalArrangement, unincorporatedPartnershipMembers]
   );
+  const validateDocumentMutation = useValidateDocument({
+    onSuccess: () => {
+      userEvents.addEvent("Success", {
+        actionType: "upload",
+        actionLevel: "journey",
+        label: "bankDocumentClassificationShadowMode"
+      });
+    },
+    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 }),
@@ -889,7 +990,7 @@ function BankDocument(props) {
               ...childProps,
               name: "bankStatementDocument",
               files: data.bankStatementDocument ?? [],
-              setFiles: handleChangeFor("bankStatementDocument"),
+              setFiles: handleDocumentUpload,
               isValid: valid.bankStatementDocument ?? isBankStatementOptional,
               errorMessage: errors.bankStatementDocument?.errorMessage,
               ...bankStatementValidationOptions
@@ -923,29 +1024,8 @@ function BankDocument(props) {
 }
 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
+  (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 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";
@@ -1373,7 +1453,7 @@ function BankDocumentClassification(props) {
 }
 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
+  (prevProps, nextProps) => objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && prevProps.country === nextProps.country && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.formIsActive === nextProps.formIsActive
 );
 const bankVerificationValidationRules = {
   verifiedAccountHolder: {
@@ -1430,7 +1510,8 @@ function BankVerificationOverlay({
   setBankVerificationError,
   onBack,
   retrieveBankAccountInfo,
-  createTrustedTransferInstrument: createTrustedTransferInstrument2
+  createTrustedTransferInstrument: createTrustedTransferInstrument2,
+  providerName
 }) {
   const { t } = useTranslation("banking");
   const userEvents = useAnalyticsContext();
@@ -1440,7 +1521,10 @@ function BankVerificationOverlay({
     userEvents.addPageEvent("Encountered error", {
       actionType: "add",
       returnType: "sdk error",
-      returnValue
+      returnValue,
+      additionalData: {
+        providerName
+      }
     });
   };
   const DEFAULT_ERROR = {
@@ -1510,7 +1594,12 @@ function BankVerificationOverlay({
       link: url,
       successHandler: (code, state) => {
         createTrustedTransferInstrument2?.(code, state).then((res) => {
-          userEvents.addPageEvent("Success", { actionType: "add" });
+          userEvents.addPageEvent("Success", {
+            actionType: "add",
+            additionalData: {
+              providerName
+            }
+          });
           if (res) {
             widgetCallback({
               action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
@@ -1581,7 +1670,10 @@ function BankVerificationWidget({
     userEvents.addPageEvent("Encountered error", {
       actionType: "add",
       returnType: "sdk error",
-      returnValue
+      returnValue,
+      additionalData: {
+        providerName: vendor
+      }
     });
   };
   const DEFAULT_ERROR = {
@@ -1659,7 +1751,12 @@ function BankVerificationWidget({
           link: url,
           successHandler: (code, state) => {
             createTrustedTransferInstrument2(code, state).then((res) => {
-              userEvents.addPageEvent("Success", { actionType: "add" });
+              userEvents.addPageEvent("Success", {
+                actionType: "add",
+                additionalData: {
+                  providerName: vendor
+                }
+              });
               if (res) {
                 widgetCallback({
                   action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
@@ -1714,7 +1811,12 @@ function BankVerificationWidget({
               action: VerificationWidgetCallbackActions.VERIFICATION_SUCCESS,
               result
             });
-            userEvents.addPageEvent("Success", { actionType: "add" });
+            userEvents.addPageEvent("Success", {
+              actionType: "add",
+              additionalData: {
+                providerName: vendor
+              }
+            });
           } catch (err) {
             if (err instanceof AdyenKycSdkError) {
               switch (err.message) {
@@ -1883,7 +1985,8 @@ function BankVerification(props) {
           setBankVerificationError,
           onBack: handleOnBack,
           retrieveBankAccountInfo,
-          createTrustedTransferInstrument: createTrustedTransferInstrument2
+          createTrustedTransferInstrument: createTrustedTransferInstrument2,
+          providerName: provider.name
         }
       )
     ] });
@@ -2958,9 +3061,9 @@ const styles$2 = {
   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 usCheckAccount = lazy(() => import("./us-check-account-number-9lI1dXNC.js"));
+const usCheckRouting = lazy(() => import("./us-check-routing-number-s_KaAGSM.js"));
+const usCheck = lazy(() => import("./us-check-C1rTBsCY.js"));
 const CheckGuidance = ({ annotated }) => {
   return /* @__PURE__ */ jsxs("div", { className: styles$2.checkGuidance, children: [
     /* @__PURE__ */ jsx(
@@ -3391,20 +3494,20 @@ const regions = {
 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 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-Dvvkyfmp.js")
+  () => import("./instant-verification-UrnuHTYn.js")
 );
 const manualVerificationImage = lazy(
-  () => import("./manual-verification-BvZWqA00.js")
+  () => import("./manual-verification-BO8zgAYT.js")
 );
 const instantVerificationImageNew = lazy(
-  () => import("./payout-verification-instant-5u-wvFKv.js")
+  () => import("./payout-verification-instant-BzpfOQLD.js")
 );
 const manualVerificationImageNew = lazy(
-  () => import("./payout-verification-manual-BH2mu0UW.js")
+  () => import("./payout-verification-manual-gNEoeZkV.js")
 );
 const getProviderIconName = (providerName) => {
   switch (providerName?.toLowerCase()) {
@@ -3444,7 +3547,6 @@ 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";
@@ -3459,7 +3561,6 @@ const styles = {
   radioGroupCardIllustration,
   instantVerificationError,
   payoutVerificationMethodCard,
-  payoutVerificationMethodCardDisabled,
   payoutVerificationMethodCardImage,
   payoutVerificationMethodCardContent,
   payoutVerificationMethodCardTitle,
@@ -3488,49 +3589,50 @@ const PayoutVerificationMethodOptionCard = ({
 }) => {
   const isInstantVerificationCard = payoutMethod === "instantVerification";
   const isCardDisabled = bankInfoValidated || isInstantVerificationCard && !instantVerificationAvailable;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Card,
     {
-      className: cx(styles.payoutVerificationMethodCard, {
-        "adyen-kyc-u-margin-bottom-8": isInstantVerificationCard,
-        [styles.payoutVerificationMethodCardDisabled]: isCardDisabled
-      }),
-      bodyClassName: styles.payoutVerificationMethodCardBody,
       onClick: () => selectVerificationMethod(payoutMethod),
-      stateful: !enabledUnbiasedSelectionOnCardClick,
-      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
-            }
-          )
-        ] })
-      ]
+      selected: enabledUnbiasedSelectionOnCardClick ? false : payoutMethod === payoutVerificationMethod,
+      padding: "none",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cx(styles.payoutVerificationMethodCardBody, styles.payoutVerificationMethodCard),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: styles.payoutVerificationMethodCardImageContainer, children: /* @__PURE__ */ jsx(
+              PayoutVerificationMethodOptionIcon,
+              {
+                method: payoutMethod,
+                methodsMetadata
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: styles.payoutVerificationMethodCardContent, children: [
+              tag,
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  el: "h4",
+                  variant: "body-strongest",
+                  className: styles.payoutVerificationMethodCardTitle,
+                  children: title2
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  el: "p",
+                  variant: "body",
+                  color: "secondary",
+                  className: styles.payoutVerificationMethodCardSubtitle,
+                  children: subtitle
+                }
+              )
+            ] })
+          ]
+        }
+      )
     },
     payoutMethod
   );
@@ -3652,11 +3754,9 @@ function PayoutVerificationMethod(props) {
         clearPayoutAccountDetails();
         return handleChangeFor("bankCountry", "input")(e);
       },
-      helperText: {
-        country: intraRegionCrossBorderPayoutsAllowed ? void 0 : t(
-          ($) => $[legalEntityType === LegalEntityTypes.INDIVIDUAL ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"]
-        )
-      }
+      helperText: intraRegionCrossBorderPayoutsAllowed ? void 0 : t(
+        ($) => $[legalEntityType === LegalEntityTypes.INDIVIDUAL ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"]
+      )
     }
   );
   const description2 = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
@@ -3694,7 +3794,7 @@ function PayoutVerificationMethod(props) {
         helper: instantVerificationAvailable ? void 0 : t(($) => $["weDoNotYetSupportInstantVerificationForBankAccountsIn"], {
           countryName: bankCountryName
         }),
-        children: (childProps) => isPayoutVerificationMethodPageRedesignEnabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        children: (childProps) => isPayoutVerificationMethodPageRedesignEnabled ? /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
           /* @__PURE__ */ jsx(
             PayoutVerificationMethodOptionCard,
             {
@@ -3829,7 +3929,6 @@ function PayoutDetails(props) {
   const {
     activeForm,
     legalEntityResponse,
-    associatedLegalArrangement,
     provider,
     bankVendorsLoadingStatus,
     instantVerificationAvailable,
@@ -3851,10 +3950,6 @@ function PayoutDetails(props) {
   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();
@@ -3984,7 +4079,6 @@ function PayoutDetails(props) {
               ...bankDocumentFormProps,
               id: PayoutAccountDocumentsFormID,
               legalEntity: legalEntityResponse,
-              associatedLegalArrangement,
               country: bankCountry,
               formIsActive: activeForm?.formId === PayoutAccountDocumentsFormID
             }
@@ -3992,15 +4086,8 @@ function PayoutDetails(props) {
             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
             }
@@ -4104,8 +4191,8 @@ const mapPayoutDetailsToTransferInstrument = ({
 };
 const mapPayoutDocumentsToApiDocuments = async (data, entityId) => {
   const { bankStatementDocument, description: description2 } = data.payoutAccountDocuments ?? {};
-  if (!bankStatementDocument) {
-    throw new Error("Bank statement document missing");
+  if (!bankStatementDocument?.length) {
+    return void 0;
   }
   const page1 = bankStatementDocument[0];
   if (!page1) {
@@ -4266,17 +4353,19 @@ const getInvalidFieldsErrorMessage = (errors) => {
     content: getInvalidFieldsErrorContent(firstInvalidField)
   };
 };
-const getPayoutVerificationMethod = (transferInstrument, instantVerificationEnabled, enabledUnbiasedVerificationMethod) => {
+const getPayoutVerificationMethod = (transferInstrument, instantVerificationEnabled, enabledUnbiasedVerificationMethod, isVerificationMethodPageVisible) => {
   if (transferInstrument) {
     return "manualVerification";
   } else {
-    return enabledUnbiasedVerificationMethod || !instantVerificationEnabled ? void 0 : "instantVerification";
+    if (enabledUnbiasedVerificationMethod && isVerificationMethodPageVisible) {
+      return void 0;
+    }
+    return instantVerificationEnabled ? "instantVerification" : "manualVerification";
   }
 };
 const showInstantVerificationPayoutModal = signal(false);
 function PayoutDetailsDropin({
   legalEntityResponse,
-  associatedLegalArrangement,
   problems: propProblems,
   onSubmit: externalOnSubmit,
   onChange,
@@ -4349,7 +4438,8 @@ function PayoutDetailsDropin({
       payoutVerificationMethod: getPayoutVerificationMethod(
         transferInstrument,
         instantVerificationEnabled,
-        enabledUnbiasedVerificationMethod
+        enabledUnbiasedVerificationMethod,
+        !transferInstrument && (instantVerificationEnabled || isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout))
       ),
       bankCountry: defaultPayoutCountry,
       ...existingPayoutDetails?.payoutVerificationMethod
@@ -4517,8 +4607,10 @@ function PayoutDetailsDropin({
     transferInstrument: transferInstrument2,
     dataSubmitted
   }) => {
-    const isRequiredDocuments = isDocumentsRequired(forms2);
-    if (isRequiredDocuments) {
+    const isBankDocumentFormPresent = forms2.some(
+      (form) => form.formId === payoutSteps.payoutAccountDocuments.formId
+    );
+    if (isBankDocumentFormPresent) {
       const documentToUpload = await mapPayoutDocumentsToApiDocuments(
         dataSubmitted,
         transferInstrument2.id
@@ -4595,6 +4687,11 @@ function PayoutDetailsDropin({
         externalOnSubmit?.({ ...dataSubmitted, id: response?.id });
       } catch (e) {
         showToast({ label: e.message, variant: "error" });
+        userEvents.addTaskEvent("Encountered error", {
+          ...baseTracking,
+          returnType: e?.errorCode || "backend",
+          returnValue: e?.title || e?.message
+        });
       } finally {
         setIsSubmitting(false);
       }
@@ -4624,7 +4721,6 @@ function PayoutDetailsDropin({
       });
     }
   };
-  const isDocumentsRequired = (forms2) => forms2.some((form) => form.formId === payoutSteps.payoutAccountDocuments.formId);
   const formatFileSummaryData = (bankDocuments) => {
     const bankStatementDocument = bankDocuments?.bankStatementDocument?.[0];
     return {
@@ -4734,9 +4830,10 @@ function PayoutDetailsDropin({
         return;
       } else {
         handleNextClick();
+        return;
       }
     }
-    if (!data?.payoutVerificationMethod?.payoutVerificationMethod && !enabledUnbiasedSelectionOnCardClick) {
+    if (activeForm.formId === "payoutVerificationMethod" && !data?.payoutVerificationMethod?.payoutVerificationMethod && !enabledUnbiasedSelectionOnCardClick) {
       showPayoutVerificationMethodError.value = true;
       return;
     }
@@ -4828,9 +4925,9 @@ function PayoutDetailsDropin({
             summary: {
               data: formatDataForSummary(),
               omitted: {
-                keys: ["transferInstrumentId", "payoutVerificationMethod"],
+                keys: ["transferInstrumentId"],
                 forms: omittedForms,
-                summaryEditButton: ["payoutVerificationMethod"]
+                summaryEditButton: ["payoutVerificationMethod", "payoutAccountVerification"]
               }
             },
             handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleFormBackClick : void 0,
@@ -4861,7 +4958,6 @@ function PayoutDetailsDropin({
                 setHideSidebar: setHideFooterAndSidebar,
                 setSkipSubmit,
                 legalEntityResponse,
-                associatedLegalArrangement,
                 provider,
                 bankVendorsLoadingStatus,
                 instantVerificationAvailable,