@adyen/kyc-components 4.0.0-compact.8 → 4.0.0-compact.9

package/dist/{PayoutDetailsDropin-CQ8jWnhg.js → PayoutDetailsDropin-DWqomQHU.js}

@@ -2,75 +2,66 @@
 {
   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] = "7725ff34-da49-423b-9ddf-d995366df46f", e._sentryDebugIdIdentifier = "sentry-dbid-7725ff34-da49-423b-9ddf-d995366df46f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8397cf5a-d028-482d-820c-2020cb636985", e._sentryDebugIdIdentifier = "sentry-dbid-8397cf5a-d028-482d-820c-2020cb636985");
   } catch (e) {
   }
 }
 ;
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+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, $ 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-DwuHWsNs.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-DZ5tvBdP.js";
-import { L as LoaderWrapper } from "./LoaderWrapper-Brwtj1ws.js";
-import { E as ExperimentNames } from "./types-B7GElie6.js";
-import { S as SettingNames } from "./TaskVerificationStatus-DQVG3_xF.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext } from "./useGlobalData-DemxVumJ.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-B1vl-x5N.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-CAtKO6CG.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-NHYW3kj5.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-euVcQ8wC.js";
-import { C as Confirm } from "./Confirm-DqMkw97y.js";
-import { c as currencyByCountry } from "./types-COOK2jmb.js";
-import { F as FormWrapper } from "./FormWrapper-MyJZP-4s.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-DozI7J9X.js";
+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-CBB99upB.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-qpUP3sTf.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-BL7Hc_DC.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-xVRfhIqc.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-C2BAjZxO.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-BnIbMyYt.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-D44Paj5u.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-BigOdLU3.js";
+import { C as Confirm } from "./Confirm-NubmSSR7.js";
+import { c as currencyByCountry } from "./types-CcxS0801.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-DmAD3_AN.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-CoZiS4Ny.js";
-import { d as datasetIdentifier, a as datasetUtilities } from "./datasetUtil-BHQp0-xL.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-DAC824XH.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-DbWZPZHG.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-DDCTmBf4.js";
+import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-CdgtxRvu.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-B0fieiAe.js";
 import { Show } from "@preact/signals/utils";
-import { s as summaryStep } from "./Summary-BtqxXkko.js";
+import { s as summaryStep } from "./Summary-C5uRwUKn.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import { useParams } from "wouter-preact";
-import { u as useNavigate } from "./useNavigate-DdA-YVRy.js";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-Cx2uHyD0.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-GFhXhBL7.js";
-import { H as Header } from "./Header-B9Tv_mvA.js";
-import { S as Select } from "./Select-_jyQwO_g.js";
-import { T as TextArea } from "./TextArea-DFDjCEZ2.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-BMeOu2ox.js";
-import { u as useForm } from "./useForm-De1DLL-w.js";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-D7WsY1Dm.js";
-import { E as ErrorPanel } from "./ErrorPanel-8g7vzs2J.js";
-import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-Dg7QeiCj.js";
+import { F as Field } from "./Field-CPoHG0G-.js";
+import { S as Select } from "./Select-seF9rM5K.js";
+import { T as TextArea } from "./TextArea-BbRKVKmP.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-DXp9udzH.js";
+import { u as useForm } from "./useForm-BQDytQRR.js";
+import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-Duhfzca2.js";
+import { E as ErrorPanel } from "./ErrorPanel-D4kO8XQ8.js";
+import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-BEcbGHkz.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
-import { M as Modal } from "./Modal-BRPW5V15.js";
-import { E as EndStateLayout } from "./EndStateLayout-CNBH6HSv.js";
-import { S as StackLayout } from "./unincorporated-partnership-MeN1dp53.js";
+import { M as Modal } from "./Modal-BMdWqd0Y.js";
+import { E as EndStateLayout } from "./EndStateLayout-DVisdSEd.js";
 import { createContext } from "preact";
-import { a as Alert } from "./Alert-_9nVl6uE.js";
-import { A as ActionBar } from "./ActionBar-BOto3kIR.js";
+import { A as ActionBar } from "./ActionBar-CFMobUf9.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-D1fbApUW.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-1f16YE1z.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { v as validatePatternOnBlur } from "./patternValidators-EfBVKdNn.js";
-import { a as isNotEmptyValidator } from "./commonValidators-BWyE1hKM.js";
-import { I as InputText } from "./InputText-BstgOD1h.js";
+import { v as validatePatternOnBlur } from "./patternValidators-BkY5yvNa.js";
+import { a as isNotEmptyValidator } from "./commonValidators-CInBRB1V.js";
+import { I as InputText } from "./InputText-C55stM8O.js";
 import { C as Currencies } from "./currency-CrdnaaDu.js";
-import { I as Image } from "./Image-8l9eOMtL.js";
-import { C as CountryField } from "./CountryField-61GLcHq3.js";
+import { I as Image } from "./unincorporated-partnership-QawJyhxx.js";
+import { C as CountryField } from "./CountryField-C7SjQFv_.js";
 import { C as Card } from "./Card-OQuFzmxm.js";
-import { L as Link } from "./Link-hYPpX6dq.js";
-import { R as RadioGroupCard } from "./RadioGroupCard-Dp6kxT2Z.js";
+import { L as Link } from "./Link-ru5UMRxt.js";
+import { R as RadioGroupCard } from "./RadioGroupCard-Cbd_S6Fi.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { u as useDataset } from "./useDataset-CDtTEXqi.js";
-import { C as ContextGuidance } from "./ContextGuidance-PEl3_E1Y.js";
+import { C as ContextGuidance } from "./ContextGuidance-Dp2PWG5c.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -363,49 +354,6 @@ const mapPayoutAccountSchemaToApiBankAccount = (payoutAccount, bankCountry, pref
   countryCode: bankCountry,
   bankName: payoutAccount.bankName
 });
-const showPayoutVerificationMethodError = signal(false);
-function PayoutDetailsPage({
-  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 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-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) {
-    return /* @__PURE__ */ jsx(Loader, {});
-  }
-  const problems = capabilityProblems && transferInstrumentId ? getProblemsForEntity(capabilityProblems, EntityTypes.BANK_ACCOUNT, transferInstrumentId) : void 0;
-  return /* @__PURE__ */ jsx(
-    PayoutDetailsDropin,
-    {
-      taskType,
-      currentTransferInstrumentId: transferInstrumentId,
-      setCurrentTransferInstrumentId: setTransferInstrumentId,
-      legalEntityResponse: rootLe,
-      problems,
-      onSubmit,
-      handleHomeClick,
-      navigateBackToTaskList: handleHomeClick,
-      openBankingPartnerConfigId
-    }
-  );
-}
-const PayoutDetailsPage$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PayoutDetailsPage,
-  showPayoutVerificationMethodError
-}, Symbol.toStringTag, { value: "Module" }));
 const validateDocument = async (context, document2) => {
   const { baseUrl, rootLegalEntityId } = context;
   return httpPost(
@@ -892,11 +840,16 @@ function BankDocument(props) {
     [legalEntity, associatedLegalArrangement, unincorporatedPartnershipMembers]
   );
   const validateDocumentMutation = useValidateDocument({
-    onSuccess: () => {
+    onSuccess: (response) => {
       userEvents.addEvent("Success", {
         actionType: "upload",
         actionLevel: "journey",
-        label: "bankDocumentClassificationShadowMode"
+        label: "bankDocumentClassificationShadowMode",
+        additionalData: {
+          documentType: response?.documentType,
+          subDocumentType: response?.subDocumentType,
+          blurryOrLowQuality: response?.blurryOrLowQuality
+        }
       });
     },
     onError: () => {
@@ -2206,7 +2159,7 @@ function BankAccountNumber(props) {
       name: "bankAccountNumber",
       type: "text",
       label: formUtils.getLabel("bankAccountNumber"),
-      formatGuidance: formUtils.getGuidanceText("bankAccountNumber"),
+      formatGuidance: translateTranslatable(t, metadata.guidanceText),
       ...formUtils.getMask("bankAccountNumber"),
       isValid: valid.bankAccountNumber,
       errorMessage: formUtils.getErrorMessage("bankAccountNumber", errors, fieldProblems),
@@ -2319,7 +2272,7 @@ function BankCode(props) {
       type: "text",
       label: formUtils.getLabel("bankCode"),
       errorMessage: formUtils.getErrorMessage("bankCode", errors, fieldProblems),
-      formatGuidance: formUtils.getGuidanceText("bankCode"),
+      formatGuidance: translateTranslatable(t, metadata.guidanceText),
       ...formUtils.getMask("bankCode"),
       isValid: valid.bankCode,
       value: data.bankCode ?? "",
@@ -2439,7 +2392,7 @@ const defaultFieldConfig$1 = {
   },
   [CountryCodes.Sweden]: {
     label: "branchCode",
-    validators: validatePatternOnBlur(/^\d{4,5}$/),
+    validators: validatePatternOnBlur(/^(\d{4}|8\d{4})$/),
     mask: {
       mask: makeMask(
         ...numericInputs(4),
@@ -2448,11 +2401,11 @@ const defaultFieldConfig$1 = {
       )
     },
     guidanceText: {
-      key: "enterXToYDigitsForExample",
+      key: "enterXOrYDigitsForExample",
       values: {
-        minDigits: "4",
-        maxDigits: "5",
-        example: "5678 or 7635-2"
+        xDigits: "4",
+        yDigits: "5",
+        example: "5678 or 8635-2"
       }
     }
   },
@@ -2492,7 +2445,7 @@ function BranchCode(props) {
       name: "branchCode",
       type: "text",
       label: formUtils.getLabel("branchCode"),
-      formatGuidance: formUtils.getGuidanceText("branchCode"),
+      formatGuidance: translateTranslatable(t, metadata.guidanceText),
       ...formUtils.getMask("branchCode"),
       errorMessage: formUtils.getErrorMessage("branchCode", errors, fieldProblems),
       isValid: valid.branchCode,
@@ -2823,7 +2776,7 @@ function Iban(props) {
       name: "iban",
       type: "text",
       label: formUtils.getLabel("iban"),
-      formatGuidance: formUtils.getGuidanceText("iban"),
+      formatGuidance: translateTranslatable(t, metadata.guidanceText),
       ...formUtils.getMask("iban"),
       errorMessage: formUtils.getErrorMessage("iban", errors, fieldProblems),
       isValid: valid.iban,
@@ -2843,14 +2796,6 @@ const swiftCodeFieldMetadata = {
   mask: {
     mask: makeMask(...alphaInputs(6), ...alphanumericInputs(2), ...alphanumericInputs(3, true)),
     transformOnType: uppercase
-  },
-  guidanceText: {
-    key: "enterXOrYCharactersForExample",
-    values: {
-      xChars: "8",
-      yChars: "11",
-      example: "BANKDE65287"
-    }
   }
 };
 const swiftCodeFields = ["swiftCode"];
@@ -2877,7 +2822,11 @@ function SwiftCode(props) {
       name: "swiftCode",
       type: "text",
       label: formUtils.getLabel("swiftCode"),
-      formatGuidance: formUtils.getGuidanceText("swiftCode"),
+      formatGuidance: t(($) => $["enterXOrYCharactersForExample"], {
+        xChars: "8",
+        yChars: "11",
+        example: "BANKDE65287"
+      }),
       ...formUtils.getMask("swiftCode"),
       errorMessage: formUtils.getErrorMessage("swiftCode", errors, fieldProblems),
       isValid: valid.swiftCode,
@@ -3584,8 +3533,7 @@ const PayoutVerificationMethodOptionCard = ({
   payoutVerificationMethod,
   methodsMetadata,
   bankInfoValidated,
-  instantVerificationAvailable,
-  enabledUnbiasedSelectionOnCardClick
+  instantVerificationAvailable
 }) => {
   const isInstantVerificationCard = payoutMethod === "instantVerification";
   const isCardDisabled = bankInfoValidated || isInstantVerificationCard && !instantVerificationAvailable;
@@ -3594,7 +3542,7 @@ const PayoutVerificationMethodOptionCard = ({
     {
       onClick: () => selectVerificationMethod(payoutMethod),
       disabled: isCardDisabled,
-      selected: enabledUnbiasedSelectionOnCardClick ? false : payoutMethod === payoutVerificationMethod,
+      selected: payoutMethod === payoutVerificationMethod,
       padding: "none",
       children: /* @__PURE__ */ jsxs(
         "div",
@@ -3666,13 +3614,6 @@ function PayoutVerificationMethod(props) {
   const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
     SettingNames.AllowIntraRegionCrossBorderPayout
   );
-  const enabledUnbiasedSelectionOnCardClick = isExperimentEnabled(
-    ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnCardClick
-  );
-  const enabledUnbiasedSelectionOnContinue = isExperimentEnabled(
-    ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnContinue
-  );
-  const enabledUnbiasedVerificationMethod = enabledUnbiasedSelectionOnCardClick || enabledUnbiasedSelectionOnContinue;
   const [hasSelectedMethod, setHasSelectedMethod] = useState(false);
   const { handleChangeFor, data, valid, errors, fieldProblems } = useForm({
     ...props,
@@ -3686,7 +3627,7 @@ function PayoutVerificationMethod(props) {
     rules: validators || {
       payoutVerificationMethod: {
         modes: ["blur"],
-        validate: (payoutVerificationMethod) => !enabledUnbiasedVerificationMethod || !!payoutVerificationMethod
+        validate: (payoutVerificationMethod) => !!payoutVerificationMethod
       }
     },
     fieldProblems: fieldValidationErrors
@@ -3724,7 +3665,7 @@ function PayoutVerificationMethod(props) {
     handleChangeFor("payoutVerificationMethod")(method);
   };
   useEffect(() => {
-    if (bankInfoValidated || enabledUnbiasedVerificationMethod) return;
+    if (bankInfoValidated) return;
     if (!hasSelectedMethod && instantVerificationAvailable && data.payoutVerificationMethod !== "instantVerification") {
       handleChangeFor("payoutVerificationMethod")("instantVerification");
     }
@@ -3806,8 +3747,7 @@ function PayoutVerificationMethod(props) {
               methodsMetadata,
               payoutVerificationMethod: data.payoutVerificationMethod,
               instantVerificationAvailable,
-              bankInfoValidated,
-              enabledUnbiasedSelectionOnCardClick
+              bankInfoValidated
             }
           ),
           /* @__PURE__ */ jsx(
@@ -3818,8 +3758,7 @@ function PayoutVerificationMethod(props) {
               subtitle: t(($) => $["enterYourAccountsDetailsOnYourOwn"]),
               selectVerificationMethod,
               methodsMetadata,
-              payoutVerificationMethod: data.payoutVerificationMethod,
-              enabledUnbiasedSelectionOnCardClick
+              payoutVerificationMethod: data.payoutVerificationMethod
             }
           )
         ] }) : /* @__PURE__ */ jsx(
@@ -3940,7 +3879,8 @@ function PayoutDetails(props) {
     accountHolder,
     data: propData,
     onBack,
-    trustedTransferInstrumentId
+    trustedTransferInstrumentId,
+    setHasAsyncValidationError
   } = props;
   const [instantVerificationError2, setInstantVerificationError] = useInstantVerificationErrorNotification(1e4);
   const payoutCountryDetailsFormProps = getFormProps(props, PayoutCountryDetailsFormID);
@@ -3983,11 +3923,13 @@ function PayoutDetails(props) {
   };
   useEffect(() => {
     if (validateAccountDetails?.invalidFields && validateAccountDetails.invalidFields.length > 0) {
+      setHasAsyncValidationError?.(true);
       const fieldNames = validateAccountDetails.invalidFields.map((field) => extractFieldName(field.name)).map((key) => commonT(($) => $[key]));
       const invalidFieldsString = concatenateFieldNames(fieldNames);
       setInvalidFieldNames(invalidFieldsString);
       setArePayoutAccountDetailsInvalid(true);
     } else {
+      setHasAsyncValidationError?.(false);
       resetInvalidFieldState();
     }
   }, [t, validateAccountDetails]);
@@ -4095,17 +4037,6 @@ function PayoutDetails(props) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(Show, { when: showPayoutVerificationMethodError, children: /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        analyticsEventLabel: "payoutVerificationMethodError",
-        title: t(($) => $["toContinuePleaseChooseAVerificationMethod"]),
-        confirmText: commonT(($) => $["ok"]),
-        onConfirm: () => {
-          showPayoutVerificationMethodError.value = false;
-        }
-      }
-    ) }),
     /* @__PURE__ */ jsx(Show, { when: showInstantVerificationPayoutModal, children: /* @__PURE__ */ jsx(
       BankVerification,
       {
@@ -4353,13 +4284,10 @@ const getInvalidFieldsErrorMessage = (errors) => {
     content: getInvalidFieldsErrorContent(firstInvalidField)
   };
 };
-const getPayoutVerificationMethod = (transferInstrument, instantVerificationEnabled, enabledUnbiasedVerificationMethod, isVerificationMethodPageVisible) => {
+const getPayoutVerificationMethod = (transferInstrument, instantVerificationEnabled) => {
   if (transferInstrument) {
     return "manualVerification";
   } else {
-    if (enabledUnbiasedVerificationMethod && isVerificationMethodPageVisible) {
-      return void 0;
-    }
     return instantVerificationEnabled ? "instantVerification" : "manualVerification";
   }
 };
@@ -4409,10 +4337,6 @@ function PayoutDetailsDropin({
   );
   const [documents, setDocuments] = useState();
   const [isCaasCalled, setIsCaasCalled] = useState(false);
-  const enabledUnbiasedSelectionOnCardClick = isExperimentEnabled(
-    ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnCardClick
-  );
-  const enabledUnbiasedVerificationMethod = enabledUnbiasedSelectionOnCardClick || isExperimentEnabled(ExperimentNames.BankVerificationMethodAutonomy_UnbiasedSelectionOnContinue);
   const isPayoutVerificationMethodPageRedesignEnabled = isExperimentEnabled(
     ExperimentNames.EnablePayoutVerificationMethodPageRedesign
   );
@@ -4437,9 +4361,7 @@ function PayoutDetailsDropin({
     payoutVerificationMethod: {
       payoutVerificationMethod: getPayoutVerificationMethod(
         transferInstrument,
-        instantVerificationEnabled,
-        enabledUnbiasedVerificationMethod,
-        !transferInstrument && (instantVerificationEnabled || isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout))
+        instantVerificationEnabled
       ),
       bankCountry: defaultPayoutCountry,
       ...existingPayoutDetails?.payoutVerificationMethod
@@ -4471,6 +4393,7 @@ function PayoutDetailsDropin({
   const [accountDetailsFromInput, setAccountDetailsFromInput] = useState(
     prefilledData.payoutAccountDetails
   );
+  const [hasAsyncValidationError, setHasAsyncValidationError] = useState(false);
   const isMaskedBankAccountNumber = data.payoutAccountDetails?.bankAccountNumber?.includes("*") || data.payoutAccountDetails?.iban?.includes("*");
   const existingBankAccountFormat = transferInstrument ? transferInstrument?.bankAccount?.accountIdentification?.type === "numberAndBic" ? "numberAndBic" : existingPayoutDetails?.payoutAccountDetails?.iban ? "iban" : "local" : void 0;
   useEffect(() => {
@@ -4587,8 +4510,9 @@ function PayoutDetailsDropin({
       derivedProps?.requiredFields,
       derivedProps?.optionalFields
     );
-    return addValidityToForms(requiredForms, formValidity, problems);
-  }, [derivedProps, formValidity, problems, payoutDetailsSteps]);
+    const adjustedFormValidity = hasAsyncValidationError ? { ...formValidity, payoutAccountDetails: false } : formValidity;
+    return addValidityToForms(requiredForms, adjustedFormValidity, problems);
+  }, [derivedProps, formValidity, hasAsyncValidationError, problems, payoutDetailsSteps]);
   useEffect(() => {
     if (!transferInstrument?.documentDetails?.length) return;
     if (transferInstrument.id) {
@@ -4833,10 +4757,6 @@ function PayoutDetailsDropin({
         return;
       }
     }
-    if (activeForm.formId === "payoutVerificationMethod" && !data?.payoutVerificationMethod?.payoutVerificationMethod && !enabledUnbiasedSelectionOnCardClick) {
-      showPayoutVerificationMethodError.value = true;
-      return;
-    }
     if (activeForm.formId === "payoutAccountDetails" && activeForm.isValid && data.payoutAccountDetails && !isMaskedBankAccountNumber) {
       try {
         const { data: response } = await refetchCheckAsAService();
@@ -4865,34 +4785,6 @@ function PayoutDetailsDropin({
   const { header: invalidFieldHeader, content: invalidFieldContent } = getInvalidFieldsErrorMessage(
     checkAsAServiceResultErrors ?? []
   );
-  const prevPayoutVerificationMethodRef = useRef(
-    data.payoutVerificationMethod?.payoutVerificationMethod
-  );
-  useEffect(() => {
-    const payoutVerificationMethod = data.payoutVerificationMethod?.payoutVerificationMethod;
-    if (payoutVerificationMethod && enabledUnbiasedSelectionOnCardClick && payoutVerificationMethod !== prevPayoutVerificationMethodRef.current && activeForm.formId === "payoutVerificationMethod") {
-      prevPayoutVerificationMethodRef.current = payoutVerificationMethod;
-      handleFormNextClick();
-    }
-  }, [
-    data.payoutVerificationMethod?.payoutVerificationMethod,
-    enabledUnbiasedSelectionOnCardClick,
-    handleFormNextClick,
-    activeForm.formId
-  ]);
-  const handleFormBackClick = () => {
-    if (activeForm.formId === "payoutAccountDetails" && enabledUnbiasedSelectionOnCardClick) {
-      prevPayoutVerificationMethodRef.current = void 0;
-      setData((prevData) => ({
-        ...prevData,
-        payoutVerificationMethod: prevData.payoutVerificationMethod ? {
-          ...prevData.payoutVerificationMethod,
-          payoutVerificationMethod: void 0
-        } : void 0
-      }));
-    }
-    handleBackClick?.();
-  };
   return /* @__PURE__ */ jsxs(
     LoaderWrapper,
     {
@@ -4925,12 +4817,12 @@ function PayoutDetailsDropin({
             summary: {
               data: formatDataForSummary(),
               omitted: {
-                keys: ["transferInstrumentId"],
+                keys: ["transferInstrumentId", "payoutVerificationMethod"],
                 forms: omittedForms,
                 summaryEditButton: ["payoutVerificationMethod", "payoutAccountVerification"]
               }
             },
-            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleFormBackClick : void 0,
+            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleBackClick : void 0,
             handleNextClick: handleFormNextClick,
             handleHomeClick,
             handleCloseClick,
@@ -4945,7 +4837,6 @@ function PayoutDetailsDropin({
             canSubmit: canSubmit(),
             problems,
             steps,
-            hideNextButton: enabledUnbiasedSelectionOnCardClick && activeForm.formId === "payoutVerificationMethod",
             children: (!isTransferInstrumentLoading || isSubmitting) && /* @__PURE__ */ jsx(
               PayoutDetails,
               {
@@ -4963,7 +4854,8 @@ function PayoutDetailsDropin({
                 instantVerificationAvailable,
                 createTrustedTransferInstrument: createTrustedTransferInstrumentHandler,
                 accountDetailsFromInput,
-                trustedTransferInstrumentId
+                trustedTransferInstrumentId,
+                setHasAsyncValidationError
               }
             )
           }
@@ -4973,6 +4865,5 @@ function PayoutDetailsDropin({
   );
 }
 export {
-  PayoutDetailsDropin as P,
-  PayoutDetailsPage$1 as a
+  PayoutDetailsDropin as P
 };

package/dist/PayoutDetailsPage-NIBSRWDA.js

@@ -0,0 +1,55 @@
+;
+{
+  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] = "4db097cc-c581-4f52-a2a1-7568720bffc2", e._sentryDebugIdIdentifier = "sentry-dbid-4db097cc-c581-4f52-a2a1-7568720bffc2");
+  } catch (e) {
+  }
+}
+;
+import { u as useTranslation, R as useLegalEntity, U as ROOT_LE, a as addResourceBundles, V as Loader, w as EntityTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-CBB99upB.js";
+import { jsx } from "preact/jsx-runtime";
+import { useParams } from "wouter-preact";
+import { h as useNavigate } from "./OnboardingDropinComponent-CxUcB7IU.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-DFP6N3co.js";
+import { P as PayoutDetailsDropin } from "./PayoutDetailsDropin-DWqomQHU.js";
+function PayoutDetailsPage({
+  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 capabilityProblems = useCapabilityProblems();
+  addResourceBundles(i18n, [
+    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-mUuPR2YO.js"), "../language/de-DE.json": () => import("./de-DE-CwT6O212.js"), "../language/en-US.json": () => import("./en-US--1W760fR.js"), "../language/es-ES.json": () => import("./es-ES-Bh8k9Zx8.js"), "../language/fi-FI.json": () => import("./fi-FI-DhUeTfn1.js"), "../language/fr-FR.json": () => import("./fr-FR-CocDMzBc.js"), "../language/it-IT.json": () => import("./it-IT-B4bk2Xev.js"), "../language/ja-JP.json": () => import("./ja-JP-DK55NCZY.js"), "../language/nl-NL.json": () => import("./nl-NL-J7XpCpQm.js"), "../language/no-NO.json": () => import("./no-NO-CtDyNTm6.js"), "../language/pt-BR.json": () => import("./pt-BR-D4BTdo_w.js"), "../language/sl-SI.json": () => import("./sl-SI-C_4ajjU4.js"), "../language/sv-SE.json": () => import("./sv-SE-DKnUr7xo.js") }), `../language/${lang}.json`, 3) }
+  ]);
+  if (!rootLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const problems = capabilityProblems && transferInstrumentId ? getProblemsForEntity(capabilityProblems, EntityTypes.BANK_ACCOUNT, transferInstrumentId) : void 0;
+  return /* @__PURE__ */ jsx(
+    PayoutDetailsDropin,
+    {
+      taskType,
+      currentTransferInstrumentId: transferInstrumentId,
+      setCurrentTransferInstrumentId: setTransferInstrumentId,
+      legalEntityResponse: rootLe,
+      problems,
+      onSubmit,
+      handleHomeClick,
+      navigateBackToTaskList: handleHomeClick,
+      openBankingPartnerConfigId
+    }
+  );
+}
+export {
+  PayoutDetailsPage
+};

package/dist/{RadioGroup-BLGCNZj6.js → RadioGroup-BuAX_NLA.js}

@@ -2,14 +2,14 @@
 {
   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] = "b1023cae-2bec-49e3-ae42-49a6ca7304fb", e._sentryDebugIdIdentifier = "sentry-dbid-b1023cae-2bec-49e3-ae42-49a6ca7304fb");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c12ccf5f-7916-4fee-badb-6e5362fdcd42", e._sentryDebugIdIdentifier = "sentry-dbid-c12ccf5f-7916-4fee-badb-6e5362fdcd42");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { u as useTranslation, p as useAnalyticsContext } from "./StoreProvider-DwuHWsNs.js";
+import { u as useTranslation, z as useAnalyticsContext } from "./StoreProvider-CBB99upB.js";
 import { a as useId } from "./useId-BZ0PA7jP.js";
 import { R as Radio } from "./Radio-BMtxBpnn.js";
 const RadioWithLabel = ({

package/dist/{RadioGroupCard-Dp6kxT2Z.js → RadioGroupCard-Cbd_S6Fi.js}

@@ -2,13 +2,13 @@
 {
   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] = "56e0ac5c-2a36-40fb-9d63-334650091d3d", e._sentryDebugIdIdentifier = "sentry-dbid-56e0ac5c-2a36-40fb-9d63-334650091d3d");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "20c9a628-8977-4065-8820-9d58f8e3e337", e._sentryDebugIdIdentifier = "sentry-dbid-20c9a628-8977-4065-8820-9d58f8e3e337");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { L as Loader, p as useAnalyticsContext } from "./StoreProvider-DwuHWsNs.js";
+import { V as Loader, z as useAnalyticsContext } from "./StoreProvider-CBB99upB.js";
 import cx from "classnames";
 import { a as useId } from "./useId-BZ0PA7jP.js";
 import { R as Radio } from "./Radio-BMtxBpnn.js";