@adyen/kyc-components 4.3.0 → 4.4.0-beta.0

package/dist/{PayoutDetailsDropin-CHKMEoSE.js → PayoutDetailsDropin-fP0XOKYY.js}

@@ -2,70 +2,67 @@
 {
   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] = "4f10a637-aa00-4374-a7d4-307ed980c26c", e._sentryDebugIdIdentifier = "sentry-dbid-4f10a637-aa00-4374-a7d4-307ed980c26c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "774fb8ff-5773-4d85-8e3d-0c4422322ecc", e._sentryDebugIdIdentifier = "sentry-dbid-774fb8ff-5773-4d85-8e3d-0c4422322ecc");
   } 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, a3 as httpPost, j as httpGet, a8 as createLogger, a5 as CountryCodes, u as useTranslation, C as useLegalEntity, a as addResourceBundles, G as Loader, R as ROOT_LE, ad as EntityTypes, _ as __variableDynamicImportRuntimeHelper, m as useAnalyticsContext, p as Icon, z as Typography, Z as Button, L as LegalEntityTypes, ab as objectsDeepEqual, v as useExperimentsContext, aZ as doArraysMatch, au as Header, B as StackLayout, aq as isEmpty, a_ as getSdkToken, r as Alert, a7 as translateTranslatable, a$ as hasOwnEntityAssociationOfType, k as useAccountHolder, H as useSettingsContext, a4 as getLegalEntityCountry, aL as Trans, b0 as EEA_Countries, aj as useDataset, ak as datasetIdentifier, b1 as isAccountIdentifierObscured, b2 as hasEmptyFields, b3 as extractFieldName, b4 as concatenateFieldNames, aN as keysOf, ae as getCapabilityProblems, h as TaskTypes, ah as cloneObject, ag as datasetUtilities } from "./StoreProvider-DFR6yFy8.js";
-import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-CBruJcGL.js";
-import { L as LoaderWrapper } from "./LoaderWrapper-Dg9BXOfN.js";
-import { E as ExperimentNames } from "./types-D1PsvtzF.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-OuIcrYXq.js";
+import { u as useTransferInstrument, m as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-DC5rCBeC.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-BrMjOh8d.js";
+import { E as ExperimentNames } from "./types-DP1DvIeR.js";
 import { S as SettingNames } from "./types-CQ2p58-6.js";
-import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext } from "./useGlobalData-CAfs9dkH.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D7Wu9TN_.js";
-import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-CSUAI1_s.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-Ds8fesIK.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-BU4Lq435.js";
-import { C as Confirm } from "./Confirm-tO8eG5lI.js";
-import { c as currencyByCountry } from "./types-BxMBuuEz.js";
-import { F as FormWrapper } from "./FormWrapper-CM27JHcm.js";
-import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-CcsgWg6J.js";
+import { u as useGlobalDataSlice, a as useGlobalData, b as useResetGlobalData, c as useStateContext } from "./useGlobalData-Byz86Dwm.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-B6kjomhG.js";
+import { a as augmentWithCountryConfigs, g as getPropsFromConfigurations } from "./process-field-configurations-BLwIIYnH.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-BIMKuwjT.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-CqGVkBAW.js";
+import { C as Confirm } from "./Confirm-DCXKUVXM.js";
+import { c as currencyByCountry } from "./types-C-ztKw54.js";
+import { F as FormWrapper } from "./FormWrapper-HYumfmvK.js";
+import { i as isValidationError, p as processValidationErrors, b as isIdDocumentUploadError, c as isBankStatementUploadError, a as isMaintenanceModeError, m as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable } from "./validationError-YeKQde9b.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-DLxn3LIK.js";
-import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-VMVSrxGw.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-CJ4GOEBG.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-QeOupYto.js";
+import { g as getLegalEntityNameBasedOnType, b as getPayoutAccountHolderName } from "./getName-B38W_qUJ.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-CjQFGMKX.js";
 import { Show } from "@preact/signals/utils";
-import { s as summaryStep } from "./Summary-SxfPLeM9.js";
+import { s as summaryStep } from "./Summary-BdZCrtmA.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import { useParams } from "wouter-preact";
-import { u as useNavigate } from "./useNavigate-BXyVMJUH.js";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-B2aPSiz5.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-CS5lBNi-.js";
-import { S as Select } from "./Select-w8VBNvQR.js";
-import { T as TextArea } from "./TextArea-I88bxkOh.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-BORPRBzY.js";
-import { u as useForm } from "./useForm-B64f0N0r.js";
-import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-CRs95EuP.js";
-import { E as ErrorPanel } from "./ErrorPanel-0defccwj.js";
-import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-Ctj-XQBQ.js";
+import { F as Field } from "./Field-nIoNNk_N.js";
+import { S as Select } from "./Select-C90SXgWt.js";
+import { T as TextArea } from "./TextArea-DggFRd6A.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-ucvdLTGT.js";
+import { u as useForm } from "./useForm-DQH4mGUZ.js";
+import { u as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-DFI414tD.js";
+import { E as ErrorPanel } from "./ErrorPanel-Bsb874-e.js";
+import { c as createFormUtils, m as mergeFieldMetadataIntoProps } from "./formUtils-BFUZHoQZ.js";
 import { b as bankStatementDescriptionPattern } from "./basePatterns-BwdnMQxI.js";
-import { M as Modal } from "./Modal-CyGRv-gZ.js";
-import { E as EndStateLayout } from "./EndStateLayout-BcYjyuoi.js";
+import { M as Modal } from "./Modal-DFCycX68.js";
+import { E as EndStateLayout } from "./EndStateLayout-C63kFcwB.js";
 import { createContext } from "preact";
-import { A as ActionBar } from "./ActionBar-CYYTQnyt.js";
+import { A as ActionBar } from "./ActionBar-CNo6TTyu.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-DX9qywO6.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-BcdqJYu3.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { v as validatePatternOnBlur } from "./patternValidators-hk7OKIOW.js";
-import { a as isNotEmptyValidator } from "./commonValidators-BcyFMdFA.js";
-import { I as InputText } from "./InputText-CQMxEarX.js";
+import { v as validatePatternOnBlur } from "./patternValidators-re9oGFvp.js";
+import { a as isNotEmptyValidator } from "./commonValidators-Bv3KYb4e.js";
+import { I as InputText } from "./InputText-DCNTJXjB.js";
 import { C as Currencies } from "./currency-CrdnaaDu.js";
-import { I as Image } from "./Image-kVLn7Cb2.js";
-import { C as CountryField } from "./CountryField-BfpNTqr6.js";
+import { I as Image } from "./unincorporated-partnership-Hoe7PA91.js";
+import { C as CountryField } from "./CountryField-pShtGZpv.js";
 import { C as Card } from "./Card-OQuFzmxm.js";
-import { L as Link } from "./Link-deXxlSsM.js";
-import { R as RadioGroupCard } from "./RadioGroupCard-DfDec_J3.js";
+import { L as Link } from "./Link-B5DpLekJ.js";
+import { R as RadioGroupCard } from "./RadioGroupCard-C6sxs8KI.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { C as ContextGuidance } from "./ContextGuidance-D-wkN66k.js";
+import { C as ContextGuidance } from "./ContextGuidance-BGYRTngC.js";
 const getCheck = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -358,49 +355,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/bg-BG.json": () => import("./bg-BG-DyX-yYYI.js"), "../language/cs-CZ.json": () => import("./cs-CZ-BD5bYeuJ.js"), "../language/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../language/el-GR.json": () => import("./el-GR-DGbzdIL0.js"), "../language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../language/et-EE.json": () => import("./et-EE-D5SNtVsM.js"), "../language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../language/hr-HR.json": () => import("./hr-HR-BtowKWUi.js"), "../language/hu-HU.json": () => import("./hu-HU-MHIPehPS.js"), "../language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../language/ja-JP.json": () => import("./ja-JP-g6VOUGXZ.js"), "../language/lt-LT.json": () => import("./lt-LT-DDs3ngzd.js"), "../language/lv-LV.json": () => import("./lv-LV-CmB2-IO5.js"), "../language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../language/pl-PL.json": () => import("./pl-PL-DqzUSnFK.js"), "../language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../language/pt-PT.json": () => import("./pt-PT-CFY1O_K0.js"), "../language/ro-RO.json": () => import("./ro-RO-7CJ4F5iB.js"), "../language/sk-SK.json": () => import("./sk-SK-DubwJifw.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(
@@ -2439,7 +2393,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 +2402,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"
       }
     }
   },
@@ -3580,8 +3534,7 @@ const PayoutVerificationMethodOptionCard = ({
   payoutVerificationMethod,
   methodsMetadata,
   bankInfoValidated,
-  instantVerificationAvailable,
-  enabledUnbiasedSelectionOnCardClick
+  instantVerificationAvailable
 }) => {
   const isInstantVerificationCard = payoutMethod === "instantVerification";
   const isCardDisabled = bankInfoValidated || isInstantVerificationCard && !instantVerificationAvailable;
@@ -3590,7 +3543,7 @@ const PayoutVerificationMethodOptionCard = ({
     {
       onClick: () => selectVerificationMethod(payoutMethod),
       disabled: isCardDisabled,
-      selected: enabledUnbiasedSelectionOnCardClick ? false : payoutMethod === payoutVerificationMethod,
+      selected: payoutMethod === payoutVerificationMethod,
       padding: "none",
       children: /* @__PURE__ */ jsxs(
         "div",
@@ -3662,13 +3615,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,
@@ -3682,7 +3628,7 @@ function PayoutVerificationMethod(props) {
     rules: validators || {
       payoutVerificationMethod: {
         modes: ["blur"],
-        validate: (payoutVerificationMethod) => !enabledUnbiasedVerificationMethod || !!payoutVerificationMethod
+        validate: (payoutVerificationMethod) => !!payoutVerificationMethod
       }
     },
     fieldProblems: fieldValidationErrors
@@ -3720,7 +3666,7 @@ function PayoutVerificationMethod(props) {
     handleChangeFor("payoutVerificationMethod")(method);
   };
   useEffect(() => {
-    if (bankInfoValidated || enabledUnbiasedVerificationMethod) return;
+    if (bankInfoValidated) return;
     if (!hasSelectedMethod && instantVerificationAvailable && data.payoutVerificationMethod !== "instantVerification") {
       handleChangeFor("payoutVerificationMethod")("instantVerification");
     }
@@ -3802,8 +3748,7 @@ function PayoutVerificationMethod(props) {
               methodsMetadata,
               payoutVerificationMethod: data.payoutVerificationMethod,
               instantVerificationAvailable,
-              bankInfoValidated,
-              enabledUnbiasedSelectionOnCardClick
+              bankInfoValidated
             }
           ),
           /* @__PURE__ */ jsx(
@@ -3814,8 +3759,7 @@ function PayoutVerificationMethod(props) {
               subtitle: t(($) => $["enterYourAccountsDetailsOnYourOwn"]),
               selectVerificationMethod,
               methodsMetadata,
-              payoutVerificationMethod: data.payoutVerificationMethod,
-              enabledUnbiasedSelectionOnCardClick
+              payoutVerificationMethod: data.payoutVerificationMethod
             }
           )
         ] }) : /* @__PURE__ */ jsx(
@@ -3936,7 +3880,8 @@ function PayoutDetails(props) {
     accountHolder,
     data: propData,
     onBack,
-    trustedTransferInstrumentId
+    trustedTransferInstrumentId,
+    setHasAsyncValidationError
   } = props;
   const [instantVerificationError2, setInstantVerificationError] = useInstantVerificationErrorNotification(1e4);
   const payoutCountryDetailsFormProps = getFormProps(props, PayoutCountryDetailsFormID);
@@ -3979,11 +3924,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]);
@@ -4091,17 +4038,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,
       {
@@ -4349,13 +4285,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";
   }
 };
@@ -4405,10 +4338,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
   );
@@ -4433,9 +4362,7 @@ function PayoutDetailsDropin({
     payoutVerificationMethod: {
       payoutVerificationMethod: getPayoutVerificationMethod(
         transferInstrument,
-        instantVerificationEnabled,
-        enabledUnbiasedVerificationMethod,
-        !transferInstrument && (instantVerificationEnabled || isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout))
+        instantVerificationEnabled
       ),
       bankCountry: defaultPayoutCountry,
       ...existingPayoutDetails?.payoutVerificationMethod
@@ -4467,6 +4394,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(() => {
@@ -4583,8 +4511,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) {
@@ -4829,10 +4758,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();
@@ -4861,34 +4786,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,
     {
@@ -4926,7 +4823,7 @@ function PayoutDetailsDropin({
                 summaryEditButton: ["payoutVerificationMethod", "payoutAccountVerification"]
               }
             },
-            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleFormBackClick : void 0,
+            handleBackClick: !isPayoutVerificationMethodPageRedesignEnabled || activeForm.formId !== "summary" ? handleBackClick : void 0,
             handleNextClick: handleFormNextClick,
             handleHomeClick,
             handleCloseClick,
@@ -4941,7 +4838,6 @@ function PayoutDetailsDropin({
             canSubmit: canSubmit(),
             problems,
             steps,
-            hideNextButton: enabledUnbiasedSelectionOnCardClick && activeForm.formId === "payoutVerificationMethod",
             children: (!isTransferInstrumentLoading || isSubmitting) && /* @__PURE__ */ jsx(
               PayoutDetails,
               {
@@ -4959,7 +4855,8 @@ function PayoutDetailsDropin({
                 instantVerificationAvailable,
                 createTrustedTransferInstrument: createTrustedTransferInstrumentHandler,
                 accountDetailsFromInput,
-                trustedTransferInstrumentId
+                trustedTransferInstrumentId,
+                setHasAsyncValidationError
               }
             )
           }
@@ -4969,6 +4866,5 @@ function PayoutDetailsDropin({
   );
 }
 export {
-  PayoutDetailsDropin as P,
-  PayoutDetailsPage$1 as a
+  PayoutDetailsDropin as P
 };

package/dist/PayoutDetailsPage-Bg4jqe0M.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] = "2fc52a9b-0ff2-475c-ab05-102a957b3549", e._sentryDebugIdIdentifier = "sentry-dbid-2fc52a9b-0ff2-475c-ab05-102a957b3549");
+  } 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-OuIcrYXq.js";
+import { jsx } from "preact/jsx-runtime";
+import { useParams } from "wouter-preact";
+import { h as useNavigate } from "./OnboardingDropinComponent-CvE6pJKz.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-1vXQVg7Q.js";
+import { P as PayoutDetailsDropin } from "./PayoutDetailsDropin-fP0XOKYY.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/bg-BG.json": () => import("./bg-BG-DyX-yYYI.js"), "../language/cs-CZ.json": () => import("./cs-CZ-BD5bYeuJ.js"), "../language/da-DK.json": () => import("./da-DK-h8DYQ_Iq.js"), "../language/de-DE.json": () => import("./de-DE-LQE_LFFL.js"), "../language/el-GR.json": () => import("./el-GR-DGbzdIL0.js"), "../language/en-US.json": () => import("./en-US--1W760fR.js"), "../language/es-ES.json": () => import("./es-ES-DdGmXdxO.js"), "../language/et-EE.json": () => import("./et-EE-D5SNtVsM.js"), "../language/fi-FI.json": () => import("./fi-FI-CIYa9SyS.js"), "../language/fr-FR.json": () => import("./fr-FR-l5z31r7i.js"), "../language/hr-HR.json": () => import("./hr-HR-BtowKWUi.js"), "../language/hu-HU.json": () => import("./hu-HU-MHIPehPS.js"), "../language/it-IT.json": () => import("./it-IT-BAvmkEF8.js"), "../language/ja-JP.json": () => import("./ja-JP-g6VOUGXZ.js"), "../language/lt-LT.json": () => import("./lt-LT-DDs3ngzd.js"), "../language/lv-LV.json": () => import("./lv-LV-CmB2-IO5.js"), "../language/nl-NL.json": () => import("./nl-NL-DV4NqPVW.js"), "../language/no-NO.json": () => import("./no-NO-B9618F4_.js"), "../language/pl-PL.json": () => import("./pl-PL-DqzUSnFK.js"), "../language/pt-BR.json": () => import("./pt-BR-zuqB_CBf.js"), "../language/pt-PT.json": () => import("./pt-PT-CFY1O_K0.js"), "../language/ro-RO.json": () => import("./ro-RO-7CJ4F5iB.js"), "../language/sk-SK.json": () => import("./sk-SK-DubwJifw.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
+    }
+  );
+}
+export {
+  PayoutDetailsPage
+};

package/dist/{RadioGroup-Bmyz_UGC.js → RadioGroup-sThBOoyi.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] = "ac3a6ff2-34f4-4ec2-abea-3a93218861aa", e._sentryDebugIdIdentifier = "sentry-dbid-ac3a6ff2-34f4-4ec2-abea-3a93218861aa");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "553bff1c-c0a8-4899-90ee-56815324a106", e._sentryDebugIdIdentifier = "sentry-dbid-553bff1c-c0a8-4899-90ee-56815324a106");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { u as useTranslation, m as useAnalyticsContext } from "./StoreProvider-DFR6yFy8.js";
+import { u as useTranslation, z as useAnalyticsContext } from "./StoreProvider-OuIcrYXq.js";
 import { a as useId } from "./useId-BZ0PA7jP.js";
 import { R as Radio } from "./Radio-BMtxBpnn.js";
 const RadioWithLabel = ({

package/dist/{RadioGroupCard-DfDec_J3.js → RadioGroupCard-C6sxs8KI.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] = "8509fa17-dbde-488f-8497-2de7b42513b2", e._sentryDebugIdIdentifier = "sentry-dbid-8509fa17-dbde-488f-8497-2de7b42513b2");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "22a24aec-081c-4f12-89b8-73918f8a5fe4", e._sentryDebugIdIdentifier = "sentry-dbid-22a24aec-081c-4f12-89b8-73918f8a5fe4");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { G as Loader, m as useAnalyticsContext } from "./StoreProvider-DFR6yFy8.js";
+import { V as Loader, z as useAnalyticsContext } from "./StoreProvider-OuIcrYXq.js";
 import cx from "classnames";
 import { a as useId } from "./useId-BZ0PA7jP.js";
 import { R as Radio } from "./Radio-BMtxBpnn.js";

package/dist/{Review-BfeBbmqL.js → Review-EZfLF4rz.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] = "eecd8960-5205-4398-a49e-c5e3dcbd7839", e._sentryDebugIdIdentifier = "sentry-dbid-eecd8960-5205-4398-a49e-c5e3dcbd7839");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f71a31f4-9734-446c-9fe6-3a70bb77d6ba", e._sentryDebugIdIdentifier = "sentry-dbid-f71a31f4-9734-446c-9fe6-3a70bb77d6ba");
   } catch (e) {
   }
 }
@@ -10,11 +10,11 @@
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
 import { useMutation } from "@tanstack/preact-query";
-import { b as useApiContext, a3 as httpPost, u as useTranslation, au as Header, bE as DropinLayout } from "./StoreProvider-DFR6yFy8.js";
-import { C as Checkbox } from "./Checkbox-CEt2JNWg.js";
-import { L as LoaderWrapper } from "./LoaderWrapper-Dg9BXOfN.js";
-import { u as useToastContext } from "./useToastContext-D7Wu9TN_.js";
-import { A as ActionBar } from "./ActionBar-CYYTQnyt.js";
+import { b as useApiContext, h as httpPost, u as useTranslation, aB as Header, bE as DropinLayout } from "./StoreProvider-OuIcrYXq.js";
+import { C as Checkbox } from "./Checkbox-DNfOluUb.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-BrMjOh8d.js";
+import { u as useToastContext } from "./useToastContext-B6kjomhG.js";
+import { A as ActionBar } from "./ActionBar-CNo6TTyu.js";
 const confirmReview = async (legalEntityId, baseUrl) => {
   return httpPost({
     baseUrl,

package/dist/{RootBusinessDetailsPage-CtRd9HPs.js → RootBusinessDetailsPage-DpdikJPd.js}

@@ -2,16 +2,16 @@
 {
   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] = "cf6470da-f44a-40f9-a165-97662eac2f74", e._sentryDebugIdIdentifier = "sentry-dbid-cf6470da-f44a-40f9-a165-97662eac2f74");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "719e62df-4e10-455f-9cc3-0ab62a7dd338", e._sentryDebugIdIdentifier = "sentry-dbid-719e62df-4e10-455f-9cc3-0ab62a7dd338");
   } catch (e) {
   }
 }
 ;
-import { u as useTranslation, a as addResourceBundles, G as Loader, ad as EntityTypes, a4 as getLegalEntityCountry, h as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DFR6yFy8.js";
+import { u as useTranslation, a as addResourceBundles, V as Loader, w as EntityTypes, a9 as getLegalEntityCountry, y as TaskTypes, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-OuIcrYXq.js";
 import { jsx } from "preact/jsx-runtime";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-B2aPSiz5.js";
-import { f as filterProblemsByTaskForms } from "./filterProblemsByTaskForms-Cz7iQtms.js";
-import { u as useBusinessDetailsData, g as getForms, B as BusinessDetailsDropin } from "./useBusinessDetailsData-SFopK4ma.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-1vXQVg7Q.js";
+import { i as filterProblemsByTaskForms } from "./OnboardingDropinComponent-CvE6pJKz.js";
+import { u as useBusinessDetailsData, g as getForms, B as BusinessDetailsDropin } from "./useBusinessDetailsData-CxXKyGeU.js";
 const RootBusinessDetailsPage = ({
   onSubmit,
   handleHomeClick