@adyen/kyc-components 4.14.0 → 4.15.0-beta.0

package/dist/{PayoutDetailsDropinMultiForm-3m2wfCKF.js → PayoutDetailsDropinMultiForm-CN3Mq3RI.js}

@@ -1,11 +1,11 @@
 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] = "a0c73460-8b52-4891-83e1-0e0546084dd6", e._sentryDebugIdIdentifier = "sentry-dbid-a0c73460-8b52-4891-83e1-0e0546084dd6");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8f4485db-5ef3-4b77-8f60-9116768c7225", e._sentryDebugIdIdentifier = "sentry-dbid-8f4485db-5ef3-4b77-8f60-9116768c7225");
 } catch (e) {}
-import { a as Icon, i as Typography, o as createLogger, r as useTranslation, t as Trans } from "./translation-ZXpd9jdD.js";
-import { C as useDataset, J as extractFieldName, M as ExperimentNames, N as FeatureNames, T as datasetUtilities, Z as hasEmptyFields, dt as StateContext, ft as useAccountHolder, j as useToggleContext, k as Header, nt as isEmpty, q as concatenateFieldNames, tt as isAccountIdentifierObscured, w as datasetIdentifier, x as Alert } from "./resolveEnvironment-CIjrqyM1.js";
-import { t as Button } from "./Button-DBN5gM_d.js";
-import { n as httpGet, r as httpPost, s as useApiContext } from "./http-DYzfwjcs.js";
+import { a as Icon, i as Typography, o as createLogger, r as useTranslation, t as Trans } from "./translation-BR3rLb4m.js";
+import { C as useDataset, J as extractFieldName, M as ExperimentNames, N as FeatureNames, T as datasetUtilities, Z as hasEmptyFields, ft as useAccountHolder, j as useToggleContext, k as Header, nt as isEmpty, q as concatenateFieldNames, tt as isAccountIdentifierObscured, w as datasetIdentifier, x as Alert } from "./resolveEnvironment-QjQSqNQs.js";
+import { t as Button } from "./Button-3qGOI53m.js";
+import { n as httpGet, r as httpPost, s as useApiContext } from "./http-DeQp0G69.js";
 import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BHh7Ux8v.js";
 import { t as useSettingsContext } from "./useSettingsContext-Bpf4UqRT.js";
@@ -16,50 +16,47 @@ import { t as TaskTypes } from "./taskTypes-NawDTp5n.js";
 import { d as hasOwnEntityAssociationOfType } from "./entityAssociationUtil-C-wflW8q.js";
 import { t as EEA_Countries } from "./countries-CPj8hkLs.js";
 import { t as Card } from "./Card-BCGLpdw7.js";
-import { i as useAnalyticsContext, t as Modal } from "./Modal-BgeE7zM2.js";
+import { i as useAnalyticsContext, t as Modal } from "./Modal-C__-5LgI.js";
 import { t as SettingNames } from "./types-Cwq1JAWT.js";
-import { n as useToastContext, t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-Ngv5bNVT.js";
-import { n as translateTranslatable, r as LoaderWrapper } from "./utils-DcUoR5qG.js";
-import { t as Confirm } from "./Confirm-C4GotFqm.js";
-import { n as Image } from "./unincorporated-partnership-GaTPaALJ.js";
+import { n as useToastContext, t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-C1N15Q0Y.js";
+import { n as translateTranslatable, r as LoaderWrapper } from "./utils-BtyrxTzp.js";
+import { t as Confirm } from "./Confirm-6QfuYcA7.js";
+import { n as Image } from "./unincorporated-partnership-BstfjTh2.js";
 import { n as getLegalEntityNameBasedOnType, r as getPayoutAccountHolderName } from "./getName-D4ECvzcI.js";
-import { i as FormFlow, n as addValidityToForms, o as useFormComposer, r as getRequiredForms, s as FormContextProvider, t as useFormContext } from "./useFormContext-BgTBjjTn.js";
-import { r as getPropsFromConfigurations, t as augmentWithCountryConfigs } from "./process-field-configurations-U459c7bG.js";
-import { t as ErrorPanel } from "./ErrorPanel-BvGPgHnp.js";
+import { i as FormFlow, n as addValidityToForms, o as useFormComposer, r as getRequiredForms, s as FormContextProvider, t as useFormContext } from "./useFormContext-BTYjMg5H.js";
+import { r as getPropsFromConfigurations, t as augmentWithCountryConfigs } from "./process-field-configurations-n3ecaPQ8.js";
+import { t as ErrorPanel } from "./ErrorPanel-CLMnAAMi.js";
 import { t as trackNavigation } from "./trackNavigation-DR70qR8T.js";
 import { n as mergeFieldMetadataIntoProps, t as createFormUtils } from "./formUtils-DVc3a6gf.js";
-import { n as summaryStep } from "./Summary-CfY39bvE.js";
+import { n as summaryStep } from "./Summary-CxQgBZob.js";
 import { r as summaryItem } from "./summaryItem-uDWmtYtt.js";
-import { n as isNotEmptyValidator, t as useMultiForm } from "./useMultiForm-CuEwrpJW.js";
-import { a as useUnifyLoadingStatus, i as useScenarioConfiguration, o as payoutAccountFormat, r as getPageName, t as mapExistingFile } from "./mapExistingFile-CZB9JLAV.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-CtlV_Bum.js";
-import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-B-xdIAir.js";
-import { a as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable, i as isValidationError, o as processValidationErrors, r as isIdDocumentUploadError, s as isMaintenanceModeError, t as isBankStatementUploadError } from "./validationError-tIm9Zzjt.js";
-import { a as StateContextSetter, c as getDocument, i as bytesToSize, n as fileValidationRules, o as createDocumentRequest, r as DropzoneFile, s as documentApiUtils, t as defaultFileValidationOptions, u as getFileExtention } from "./validate-5G10CMRq.js";
-import { t as omitObscuredFieldsIfUnchanged } from "./omitObscuredFieldsIfUnchanged-DYruZ9lP.js";
+import { n as isNotEmptyValidator, t as useMultiForm } from "./useMultiForm-DJ8osfTK.js";
+import { a as useUnifyLoadingStatus, i as useScenarioConfiguration, o as payoutAccountFormat, r as getPageName, t as mapExistingFile } from "./mapExistingFile-BmyzNoup.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-Doq80YT8.js";
+import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-Ccb-5Sk2.js";
+import { a as mapCreateOrUpdateTransferInstrumentErrorMessageToTranslatable, i as isValidationError, o as processValidationErrors, r as isIdDocumentUploadError, s as isMaintenanceModeError, t as isBankStatementUploadError } from "./validationError-DqjDv5Q-.js";
+import { a as createDocumentRequest, i as bytesToSize, l as getFileExtention, n as fileValidationRules, o as documentApiUtils, r as DropzoneFile, s as getDocument, t as defaultFileValidationOptions } from "./validate-B2bZh_uL.js";
+import { t as omitObscuredFieldsIfUnchanged } from "./omitObscuredFieldsIfUnchanged-hdceMqqj.js";
 import { t as uppercase } from "./uppercase-DvjwUM0n.js";
-import { o as validatePatternOnBlur } from "./patternValidators-7Kab872i.js";
+import { o as validatePatternOnBlur } from "./patternValidators-CDmm-_TB.js";
 import { t as bankStatementDescriptionPattern } from "./basePatterns-plHFNzgJ.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
-import { t as Field } from "./Field-CQWAWo5U.js";
-import { t as LandingLayout } from "./LandingLayout-Dg0sEASR.js";
-import { t as Select } from "./Select-vMYP9lm8.js";
-import { n as debounce } from "./debouncedInputEvent-D2-Kctv9.js";
-import { t as TextArea } from "./TextArea-C2DkQ41s.js";
-import { t as useForm } from "./useForm-CNC9xGFw.js";
-import { t as getFieldProps } from "./getProps-1L-urpfA.js";
-import { t as Link } from "./Link-DtaYQWb-.js";
-import { t as InputText } from "./InputText-8abfNtHh.js";
-import { n as CountryField } from "./CountryField-CsIpt5bM.js";
+import { t as Field } from "./Field-DAUlw0M5.js";
+import { t as LandingLayout } from "./LandingLayout-C1yh_ggf.js";
+import { t as Select } from "./Select-CvIMIYjl.js";
+import { t as TextArea } from "./TextArea-BvphlYOu.js";
+import { t as Link } from "./Link-C0jrInxa.js";
+import { t as InputText } from "./InputText-B-ebylm4.js";
+import { n as CountryField } from "./CountryField-CoPyShy3.js";
+import { t as ContextGuidance } from "./ContextGuidance-DLlQSpdE.js";
 import { t as createFormRules } from "./form-rules-CUUQGacJ.js";
-import { t as ContextGuidance } from "./ContextGuidance-DjYWbiMK.js";
 import { t as Tag } from "./Tag-CNeDHqKp.js";
-import { n as useTransferInstrument, t as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-DuqJ08ye.js";
+import { n as useTransferInstrument, t as mapTransferInstrumentToPayoutAccount } from "./mapTransferInstrumentToPayoutAccount-DZMqLmU8.js";
 import { t as Currencies } from "./currency-DQwXq9Mc.js";
-import { t as currencyByCountry } from "./types-Bvp3aTbC.js";
-import { t as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-wgiUFuxT.js";
+import { t as currencyByCountry } from "./types-KjTYEnAG.js";
+import { t as useUnincorporatedPartnershipMembers } from "./useUnincorporatedPartnershipMembers-DK_yrIU4.js";
 import { t as Divider } from "./Divider-BENvVRnz.js";
-import { lazy, memo, useEffect, useMemo, useRef, useState } from "preact/compat";
+import { lazy, memo, useMemo, useRef, useState } from "preact/compat";
 import { useCallback as useCallback$1, useContext as useContext$1, useEffect as useEffect$1, useMemo as useMemo$1, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
 import cx from "classnames";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
@@ -473,6 +470,20 @@ function FilePicker({ files, setFiles, isValid, errorMessage, multiple = false,
 	] });
 }
 //#endregion
+//#region src/utils/getFormSlice.ts
+function getFormSlice(form, key) {
+	return {
+		data: form.data[key],
+		valid: form.valid[key],
+		errors: form.errors[key],
+		requiredFields: form.requiredFields?.[key],
+		optionalFields: form.optionalFields?.[key],
+		obscuredFields: form.obscuredFields?.[key],
+		trustedFields: form.trustedFields?.[key],
+		handleChange: (fieldName, mode) => form.handleChangeFor(fieldName, key, mode)
+	};
+}
+//#endregion
 //#region src/components/BankAccount/fields/BankAccountNumber/fieldConfig.ts
 var simpleBankAccountNumberMetadata = (example, length, maxLength) => {
 	if (maxLength) return {
@@ -1026,38 +1037,26 @@ var validDocumentTypes = [
 	"RIB"
 ];
 function BankDocumentClassification(props) {
-	const { legalEntity, validators, data: bankData, id, fieldValidationErrors, formVerificationErrors, shouldValidate, country, handleFieldChange, valid: propValid, errors: propErrors, handleNextClick } = props;
+	const { legalEntity, id, fieldValidationErrors: fieldProblems, formVerificationErrors, country, handleNextClick } = props;
 	const { t } = useTranslation("banking");
 	const { t: commonT } = useTranslation("common");
-	const stateRef = useRef({ setState: null });
 	const [showReviewModal, setShowReviewModal] = useState(false);
 	const inputRef = useRef(null);
 	const logger = createLogger();
 	const userEvents = useAnalyticsContext();
 	const [creditCardError, setCreditCardError] = useState(false);
-	const formUtils = createFormUtils(props, commonT);
+	const { form } = useFormContext();
+	const { data: bankDocumentData, valid, errors, handleChange, requiredFields, optionalFields, trustedFields } = getFormSlice(form, "payoutAccountDocuments");
+	const data = bankDocumentData;
+	const formUtils = createFormUtils({
+		...props,
+		requiredFields,
+		optionalFields,
+		trustedFields
+	}, commonT);
 	const { isFeatureEnabled } = useToggleContext();
 	const enableBankDocumentClassification = isFeatureEnabled(FeatureNames.EnableBankDocumentClassification);
 	const isShadowMode = isFeatureEnabled(FeatureNames.EnableBankDocumentClassificationShadowMode);
-	const rules = useMemo(() => ({
-		...validators || bankDocumentValidationRules,
-		bankStatementDocument: fileValidationRules(bankStatementValidationOptions)
-	}), [validators]);
-	const localForm = useForm({
-		...props,
-		schema: bankDocumentClassificationFields,
-		defaultData: bankData,
-		rules,
-		fieldProblems: fieldValidationErrors,
-		shouldValidate
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? bankData : localForm.data;
-	const valid = useMultiFormMode ? propValid : localForm.valid;
-	const errors = useMultiFormMode ? propErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { triggerValidation, setData } = localForm;
 	const validateDocumentMutation = useValidateDocumentMultipart({
 		onSuccess: (response) => {
 			userEvents.addEvent("Success", {
@@ -1102,7 +1101,6 @@ function BankDocumentClassification(props) {
 	const handleDocumentUpload = async (files) => {
 		setCreditCardError(false);
 		handleChange("bankStatementDocument")(files);
-		if (!useMultiFormMode) triggerValidation();
 		if (!(enableBankDocumentClassification && [
 			"US",
 			"FR",
@@ -1134,40 +1132,6 @@ function BankDocumentClassification(props) {
 			}
 		}
 	};
-	const alreadyUploadedDocuments = useMemo(() => bankData?.bankStatementDocument ?? [], [bankData?.bankStatementDocument]);
-	useEffect(() => {
-		if (!useMultiFormMode && alreadyUploadedDocuments.length > 0) {
-			setData("bankStatementDocument", alreadyUploadedDocuments);
-			if (bankData?.description) setData("description", bankData.description);
-			triggerValidation();
-		}
-	}, [
-		alreadyUploadedDocuments,
-		bankData?.description,
-		setData,
-		triggerValidation,
-		useMultiFormMode
-	]);
-	useEffect(() => {
-		if (!useMultiFormMode) stateRef.current?.setState?.({
-			type: "addToState",
-			value: {
-				data,
-				valid,
-				errors,
-				fieldProblems,
-				dataStoreId: id,
-				schema: bankDocumentClassificationFields
-			}
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		id,
-		useMultiFormMode
-	]);
 	const trackModalAction = (reason) => {
 		userEvents.addEvent("Clicked button", {
 			actionType: "close",
@@ -1221,17 +1185,13 @@ function BankDocumentClassification(props) {
 			/* @__PURE__ */ jsxs("form", {
 				className: BankDocumentClassification_module_default.bankDocumentClassification,
 				children: [
-					!useMultiFormMode && /* @__PURE__ */ jsx(StateContextSetter, {
-						owner: id,
-						stateRef
-					}),
 					/* @__PURE__ */ jsx(Header, {
 						title: t(($) => $["uploadABankDocument"]),
 						description: t(($) => $["toVerifyYourBankAccountDetails"])
 					}),
 					/* @__PURE__ */ jsx(ErrorPanel, {
 						verificationErrors: formVerificationErrors,
-						validationErrors: fieldValidationErrors,
+						validationErrors: fieldProblems,
 						formUtils,
 						id: "ariaErrorField"
 					}),
@@ -1347,33 +1307,6 @@ function BankDocumentClassification(props) {
 }
 var 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);
 //#endregion
-//#region src/context/StateContext/useStateContext.ts
-function useStateContext() {
-	return useContext$1(StateContext);
-}
-//#endregion
-//#region src/context/StateContext/useGlobalData.ts
-function useGlobalDataSlice(sliceId) {
-	const { dispatch, getData } = useStateContext();
-	const sliceData = getData()[sliceId];
-	const updateState = useCallback$1((updatedSlice) => dispatch({
-		type: "addToState",
-		value: {
-			...updatedSlice,
-			dataStoreId: sliceId
-		}
-	}), [sliceId]);
-	const clearState = useCallback$1(() => dispatch({
-		type: "removeFromState",
-		value: { dataStoreId: sliceId }
-	}), [sliceId]);
-	return {
-		sliceData,
-		updateStateSlice: useMemo$1(() => debounce(updateState, 200), [updateState]),
-		clearStateSlice: useMemo$1(() => debounce(clearState, 200), [clearState])
-	};
-}
-//#endregion
 //#region src/datasets/currencies.json
 var currencies_default = /* @__PURE__ */ JSON.parse("[{\"currencyCode\":\"AED\",\"description\":\"UAE Dirham\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"ALL\",\"description\":\"Albanian Lek\",\"exponent\":2,\"symbol\":\"L\"},{\"currencyCode\":\"AMD\",\"description\":\"Armenian Dram\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"ANG\",\"description\":\"Antillian Guilder\",\"exponent\":2,\"symbol\":\"Naƒ\"},{\"currencyCode\":\"AOA\",\"description\":\"Angolan kwanza\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"ARS\",\"description\":\"Nuevo Argentine Peso\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"AUD\",\"description\":\"Australian Dollar\",\"exponent\":2,\"symbol\":\"A$\"},{\"currencyCode\":\"AWG\",\"description\":\"Aruban Guilder\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"AZN\",\"description\":\"Azerbaijani manat\",\"exponent\":2,\"symbol\":\"man\"},{\"currencyCode\":\"BAM\",\"description\":\"Bosnia and Herzegovina Convertible Marks\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BBD\",\"description\":\"Barbados Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BDT\",\"description\":\"Bangladesh Taka\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BGL\",\"description\":\"Bulgaria Lev\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BHD\",\"description\":\"Bahraini Dinar\",\"exponent\":3,\"symbol\":\"\"},{\"currencyCode\":\"BMD\",\"description\":\"Bermudian Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BND\",\"description\":\"Brunei Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BOB\",\"description\":\"Bolivia Boliviano\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BRL\",\"description\":\"Brazilian Real\",\"exponent\":2,\"symbol\":\"R$\"},{\"currencyCode\":\"BSD\",\"description\":\"Bahamian Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BTN\",\"description\":\"Bhutan Ngultrum\",\"exponent\":2,\"symbol\":\"Nu.\"},{\"currencyCode\":\"BWP\",\"description\":\"Botswana Pula\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"BYN\",\"description\":\"Belarusian Ruble\",\"exponent\":2,\"symbol\":\"Br\"},{\"currencyCode\":\"BYR\",\"description\":\"Belarusian Ruble\",\"exponent\":0,\"symbol\":\"Br\"},{\"currencyCode\":\"BZD\",\"description\":\"Belize Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"CAD\",\"description\":\"Canadian Dollar\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"CHF\",\"description\":\"Swiss Franc\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"CLP\",\"description\":\"Chilean Peso\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"CNY\",\"description\":\"Yuan Renminbi\",\"exponent\":2,\"symbol\":\"¥\"},{\"currencyCode\":\"COP\",\"description\":\"Colombian Peso\",\"exponent\":2,\"symbol\":\"₱\"},{\"currencyCode\":\"CRC\",\"description\":\"Costa Rican Colon\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"CSD\",\"description\":\"Serbian Dinar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"CUP\",\"description\":\"Cuban Peso\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"CVE\",\"description\":\"Cape Verdi Escudo\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"CZK\",\"description\":\"Czech Koruna\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"DJF\",\"description\":\"Djibouti Franc\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"DKK\",\"description\":\"Danish Krone\",\"exponent\":2,\"symbol\":\"kr\"},{\"currencyCode\":\"DOP\",\"description\":\"Dominican Republic Peso\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"DZD\",\"description\":\"Algerian Dinar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"EEK\",\"description\":\"Estonian Krone\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"EGP\",\"description\":\"Egyptian Pound\",\"exponent\":2,\"symbol\":\"£\"},{\"currencyCode\":\"ETB\",\"description\":\"Ethiopian Birr\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"EUR\",\"description\":\"Euro\",\"exponent\":2,\"symbol\":\"€\"},{\"currencyCode\":\"FJD\",\"description\":\"Fiji Dollar\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"FKP\",\"description\":\"Falkland Islands Pound\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"GBP\",\"description\":\"Pound Sterling\",\"exponent\":2,\"symbol\":\"£\"},{\"currencyCode\":\"GEL\",\"description\":\"Georgian Lari\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"GHC\",\"description\":\"Ghanaian Cedi (2nd)\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"GHS\",\"description\":\"Ghanaian Cedi (3rd)\",\"exponent\":2,\"symbol\":\"GH₵\"},{\"currencyCode\":\"GIP\",\"description\":\"Gibraltar Pound\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"GMD\",\"description\":\"Gambia Delasi\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"GNF\",\"description\":\"Guinea Franc\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"GTQ\",\"description\":\"Guatemala Quetzal\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"GYD\",\"description\":\"Guyanese Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"HKD\",\"description\":\"Hong Kong Dollar\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"HNL\",\"description\":\"Honduras Lempira\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"HRK\",\"description\":\"Croatia Kuna\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"HTG\",\"description\":\"Haitian Gourde\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"HUF\",\"description\":\"Hungarian Forint\",\"exponent\":2,\"symbol\":\"Ft\"},{\"currencyCode\":\"IDR\",\"description\":\"Indonesian Rupiah\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"ILS\",\"description\":\"New Israeli Scheqel\",\"exponent\":2,\"symbol\":\"₪\"},{\"currencyCode\":\"INR\",\"description\":\"Indian Rupee\",\"exponent\":2,\"symbol\":\"₨\"},{\"currencyCode\":\"IQD\",\"description\":\"Iraqi Dinar\",\"exponent\":3,\"symbol\":\"\"},{\"currencyCode\":\"ISK\",\"description\":\"Iceland Krona\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"JMD\",\"description\":\"Jamaican Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"JOD\",\"description\":\"Jordanian Dinar\",\"exponent\":3,\"symbol\":\"\"},{\"currencyCode\":\"JPY\",\"description\":\"Japanese Yen\",\"exponent\":0,\"symbol\":\"¥\"},{\"currencyCode\":\"KES\",\"description\":\"Kenyan Shilling\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"KGS\",\"description\":\"Kyrgyzstan Som\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"KHR\",\"description\":\"Cambodia Riel\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"KMF\",\"description\":\"Comoro Franc\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"KRW\",\"description\":\"South-Korean Won\",\"exponent\":0,\"symbol\":\"₩\"},{\"currencyCode\":\"KWD\",\"description\":\"Kuwaiti Dinar\",\"exponent\":3,\"symbol\":\"\"},{\"currencyCode\":\"KYD\",\"description\":\"Cayman Islands Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"KZT\",\"description\":\"Kazakhstani Tenge\",\"exponent\":2,\"symbol\":\"8\"},{\"currencyCode\":\"LAK\",\"description\":\"Laos Kip\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"LBP\",\"description\":\"Lebanese Pound\",\"exponent\":2,\"symbol\":\"£\"},{\"currencyCode\":\"LKR\",\"description\":\"Sri Lanka Rupee\",\"exponent\":2,\"symbol\":\"₨\"},{\"currencyCode\":\"LTL\",\"description\":\"Lithunianian Litas\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"LVL\",\"description\":\"Latvian Lats\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"LYD\",\"description\":\"Libyan Dinar\",\"exponent\":3,\"symbol\":\"\"},{\"currencyCode\":\"MAD\",\"description\":\"Moroccan Dirham\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MDL\",\"description\":\"Moldovia Leu\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MKD\",\"description\":\"Macedonian Denar\",\"exponent\":2,\"symbol\":\"ден\"},{\"currencyCode\":\"MMK\",\"description\":\"Myanmar Kyat\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MNT\",\"description\":\"Mongolia Tugrik\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MOP\",\"description\":\"Macau Pataca\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MRO\",\"description\":\"Mauritania Ouguiya\",\"exponent\":1,\"symbol\":\"\"},{\"currencyCode\":\"MRU\",\"description\":\"Mauritania Ouguiya\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MUR\",\"description\":\"Mauritius Rupee\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MVR\",\"description\":\"Maldives Rufiyaa\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MWK\",\"description\":\"Malawi Kwacha\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MXN\",\"description\":\"Mexican Peso\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"MXP\",\"description\":\"Mexican Peso\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MYR\",\"description\":\"Malaysian Ringgit\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"MZN\",\"description\":\"Mozambican Metical\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"NAD\",\"description\":\"Namibian Dollar\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"NGN\",\"description\":\"Nigerian naira\",\"exponent\":2,\"symbol\":\"&\"},{\"currencyCode\":\"NIO\",\"description\":\"Nicaragua Cordoba Oro\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"NOK\",\"description\":\"Norwegian Krone\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"NPR\",\"description\":\"Nepalese Rupee\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"NZD\",\"description\":\"New Zealand Dollar\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"OMR\",\"description\":\"Rial Omani\",\"exponent\":3,\"symbol\":\"﷼\"},{\"currencyCode\":\"PAB\",\"description\":\"Panamanian Balboa\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"PEN\",\"description\":\"Peruvian Nuevo Sol\",\"exponent\":2,\"symbol\":\"S/.\"},{\"currencyCode\":\"PGK\",\"description\":\"New Guinea Kina\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"PHP\",\"description\":\"Philippine Peso\",\"exponent\":2,\"symbol\":\"₱\"},{\"currencyCode\":\"PKR\",\"description\":\"Pakistan Rupee\",\"exponent\":2,\"symbol\":\"₨\"},{\"currencyCode\":\"PLN\",\"description\":\"New Polish Zloty\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"PYG\",\"description\":\"Paraguay Guarani\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"QAR\",\"description\":\"Qatari Rial\",\"exponent\":2,\"symbol\":\"﷼\"},{\"currencyCode\":\"ROL\",\"description\":\"Romanian Lei\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"RON\",\"description\":\"New Romanian Lei\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"RSD\",\"description\":\"Serbian Dinar\",\"exponent\":2,\"symbol\":\"РСД\"},{\"currencyCode\":\"RUB\",\"description\":\"Russian Ruble\",\"exponent\":2,\"symbol\":\"руб\"},{\"currencyCode\":\"RWF\",\"description\":\"Rwanda Franc\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"SAR\",\"description\":\"Saudi Riyal\",\"exponent\":2,\"symbol\":\"﷼\"},{\"currencyCode\":\"SBD\",\"description\":\"Solomon Island Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SCR\",\"description\":\"Seychelles Rupee\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SEK\",\"description\":\"Swedish Krone\",\"exponent\":2,\"symbol\":\"kr\"},{\"currencyCode\":\"SGD\",\"description\":\"Singapore Dollar\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"SHP\",\"description\":\"St. Helena Pound\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SKK\",\"description\":\"Slovak Koruna\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SLE\",\"description\":\"Sierra Leone Leone\",\"exponent\":2,\"symbol\":\"Le\"},{\"currencyCode\":\"SLL\",\"description\":\"Sierra Leone Leone\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SOS\",\"description\":\"Somalia Shilling\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SRD\",\"description\":\"Surinamese dollar\",\"exponent\":2,\"symbol\":\"Sr$\"},{\"currencyCode\":\"STD\",\"description\":\"Sao Tome & Principe Dobra\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"STN\",\"description\":\"Sao Tome & Principe Dobra\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"SVC\",\"description\":\"El Salvador Colón\",\"exponent\":2,\"symbol\":\"₡\"},{\"currencyCode\":\"SZL\",\"description\":\"Swaziland Lilangeni\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"THB\",\"description\":\"Thai Baht\",\"exponent\":2,\"symbol\":\"฿\"},{\"currencyCode\":\"TND\",\"description\":\"Tunisian Dinar\",\"exponent\":3,\"symbol\":\"\"},{\"currencyCode\":\"TOP\",\"description\":\"Tonga Pa’anga\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"TRY\",\"description\":\"New Turkish Lira\",\"exponent\":2,\"symbol\":\"₤\"},{\"currencyCode\":\"TTD\",\"description\":\"Trinidad & Tobago Dollar\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"TWD\",\"description\":\"New Taiwan Dollar\",\"exponent\":2,\"symbol\":\"元\"},{\"currencyCode\":\"TZS\",\"description\":\"Tanzanian Shilling\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"UAH\",\"description\":\"Ukraine Hryvnia\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"UGX\",\"description\":\"Uganda Shilling\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"USD\",\"description\":\"US Dollars\",\"exponent\":2,\"symbol\":\"$\"},{\"currencyCode\":\"UYU\",\"description\":\"Peso Uruguayo\",\"exponent\":2,\"symbol\":\"₱\"},{\"currencyCode\":\"UZS\",\"description\":\"Uzbekistani Som\",\"exponent\":2,\"symbol\":\"som\"},{\"currencyCode\":\"VEF\",\"description\":\"Venezuelan Bolívar\",\"exponent\":2,\"symbol\":\"Bs.F.\"},{\"currencyCode\":\"VND\",\"description\":\"Vietnamese New Dong\",\"exponent\":0,\"symbol\":\"₫\"},{\"currencyCode\":\"VUV\",\"description\":\"Vanuatu Vatu\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"WST\",\"description\":\"Samoan Tala\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"XAF\",\"description\":\"CFA Franc BEAC\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"XCD\",\"description\":\"East Carribean Dollar\",\"exponent\":2,\"symbol\":\"EC$\"},{\"currencyCode\":\"XOF\",\"description\":\"CFA Franc BCEAO\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"XPF\",\"description\":\"CFP Franc\",\"exponent\":0,\"symbol\":\"\"},{\"currencyCode\":\"YER\",\"description\":\"Yemeni Rial\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"ZAR\",\"description\":\"South African Rand\",\"exponent\":2,\"symbol\":\"R\"},{\"currencyCode\":\"ZMK\",\"description\":\"Zambia Kwacha\",\"exponent\":2,\"symbol\":\"\"},{\"currencyCode\":\"ZMW\",\"description\":\"Zambian Kwacha\",\"exponent\":2,\"symbol\":\"\"}]");
 //#endregion
@@ -1620,30 +1553,22 @@ var DEFAULT_CURRENCY_FALLBACK = "USD";
 var getDefaultCurrencyForCountry = (country) => currencyByCountry[country]?.[0] ?? DEFAULT_CURRENCY_FALLBACK;
 var getCountryCodeFromEvent = (event) => event?.target?.value;
 function PayoutCountryDetails(props) {
-	const { legalEntityResponse, data: propData, provider, handleFieldChange, valid: propValid, errors: propErrors, fieldValidationErrors: propFieldValidationErrors } = props;
+	const { legalEntityResponse, provider, fieldValidationErrors: fieldProblems } = props;
 	const { t: commonT } = useTranslation("common");
 	const { t } = useTranslation("banking");
 	const { isSettingEnabled } = useSettingsContext();
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange, requiredFields, optionalFields, trustedFields } = getFormSlice(form, "payoutCountryDetails");
 	const country = getLegalEntityCountry(legalEntityResponse);
 	const [isModalOpen, setIsModalOpen] = useState$1(false);
 	const legalEntityType = legalEntityResponse.type;
 	const defaultCurrency = getDefaultCurrencyForCountry(country);
-	const localForm = useForm({
+	const formUtils = createFormUtils({
 		...props,
-		schema: payoutCountryDetailsFields,
-		defaultData: {
-			bankCountry: propData?.bankCountry ?? country,
-			preferredCurrency: propData?.preferredCurrency ?? defaultCurrency
-		},
-		shouldValidate: true
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? propData : localForm.data;
-	const valid = useMultiFormMode ? propValid : localForm.valid;
-	const errors = useMultiFormMode ? propErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? propFieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const formUtils = createFormUtils(props, commonT);
+		requiredFields,
+		optionalFields,
+		trustedFields
+	}, commonT);
 	const allowedBankCountries = Object.keys(currencyByCountry);
 	const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
 	const accountHolder = getPayoutAccountHolderName(legalEntityResponse, t);
@@ -1681,22 +1606,6 @@ function PayoutCountryDetails(props) {
 			}) }
 		})
 	});
-	const { updateStateSlice } = useGlobalDataSlice("payoutCountryDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data: localForm.data,
-			valid: localForm.valid,
-			errors: localForm.errors,
-			fieldProblems: localForm.fieldProblems
-		});
-	}, [
-		localForm.data,
-		localForm.valid,
-		localForm.errors,
-		updateStateSlice,
-		localForm.fieldProblems,
-		useMultiFormMode
-	]);
 	const updateCountryField = (event) => {
 		const updatedCountry = getCountryCodeFromEvent(event);
 		handleChange("bankCountry", "input")(updatedCountry);
@@ -2083,23 +1992,10 @@ var useInstantVerificationErrorNotification = (notificationVisibilityDuration) =
 	return [errorNotification, setErrorNotification];
 };
 function BankVerification(props) {
-	const { setBankVerificationError, onBack, hideSidebar, setBankInfoValidated, bankInfoValidated, createTrustedTransferInstrument, country, data: propData, provider, id, fieldValidationErrors, handleFieldChange, valid: propValid, errors: propErrors } = props;
+	const { setBankVerificationError, onBack, hideSidebar, setBankInfoValidated, bankInfoValidated, createTrustedTransferInstrument, country, provider } = props;
 	const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
-	const schema = accountVerificationFields;
-	const stateRef = useRef$1({ setState: null });
-	const localForm = useForm({
-		...props,
-		schema,
-		defaultData: propData,
-		rules: bankVerificationValidationRules,
-		fieldProblems: fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? propData : localForm.data;
-	const valid = useMultiFormMode ? propValid : localForm.valid;
-	const errors = useMultiFormMode ? propErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
+	const { form } = useFormContext();
+	const { data: propData, handleChange } = getFormSlice(form, "payoutAccountVerification");
 	const retrieveBankAccountInfo = async ({ realLastFour, number, bankName }) => {
 		handleChange("verifiedBankAccountNumber")(realLastFour ? `*******${realLastFour}` : number);
 		handleChange("verifiedBankName")(bankName);
@@ -2108,42 +2004,19 @@ function BankVerification(props) {
 		handleChange("verifiedCurrencyCode")(propData?.verifiedCurrencyCode ?? currencyByCountry[country]?.[0]);
 		setBankInfoValidated?.(true);
 		hideSidebar?.(false);
-		if (!useMultiFormMode) localForm.triggerValidation();
 		await invalidateRootLegalEntity();
 		showInstantVerificationPayoutModal.value = false;
 	};
-	useEffect$1(() => {
-		if (!useMultiFormMode) stateRef.current.setState?.({
-			type: "addToState",
-			value: {
-				data,
-				valid,
-				errors,
-				fieldProblems,
-				dataStoreId: id,
-				schema
-			}
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		localForm.isValid,
-		useMultiFormMode
-	]);
 	if (provider) {
 		if (bankInfoValidated || !showInstantVerificationPayoutModal.value) return null;
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [!useMultiFormMode && /* @__PURE__ */ jsx(StateContextSetter, {
-			owner: id,
-			stateRef
-		}), /* @__PURE__ */ jsx(BankVerificationOverlay, {
+		return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(BankVerificationOverlay, {
 			url: provider.redirectUrl,
 			setBankVerificationError,
 			onBack,
 			retrieveBankAccountInfo,
 			createTrustedTransferInstrument,
 			providerName: provider.name
-		})] });
+		}) });
 	}
 }
 //#endregion
@@ -2176,42 +2049,18 @@ function BankAccountFormat(props) {
 var bankAccountNumberFields = ["bankAccountNumber"];
 function BankAccountNumber(props) {
 	const { t } = useTranslation("common");
-	const { country, fieldConfig = defaultFieldConfig$3, onFocus, onBlur, handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const { country, fieldConfig = defaultFieldConfig$3, onFocus, onBlur, fieldValidationErrors: fieldProblems } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange, obscuredFields } = getFormSlice(form, "payoutAccountDetails");
 	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$3);
-	const mergedProps = mergeFieldMetadataIntoProps("bankAccountNumber", metadata, props);
-	const localForm = useForm({
-		...mergedProps,
-		schema: bankAccountNumberFields,
-		rules: mergedProps.validators,
-		defaultData: mergedProps.data,
-		fieldProblems: mergedProps?.fieldValidationErrors,
-		obscuredFields: mergedProps.obscuredFields
+	const mergedProps = mergeFieldMetadataIntoProps("bankAccountNumber", metadata, {
+		...props,
+		obscuredFields
 	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? propsData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
 	const handleBlur = () => {
 		onBlur?.();
 		handleChange("bankAccountNumber", "blur");
 	};
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		useMultiFormMode
-	]);
 	const formUtils = createFormUtils(mergedProps, t);
 	return /* @__PURE__ */ jsx(MaskedInput, {
 		name: "bankAccountNumber",
@@ -2233,38 +2082,11 @@ function BankAccountNumber(props) {
 }
 //#endregion
 //#region src/components/BankAccount/fields/BankCity/BankCity.tsx
-var bankCityFields = ["bankCity"];
 function BankCity(props) {
 	const { t } = useTranslation("common");
-	const { validators, data: bankCityData, valid: propsValid, errors: propsErrors, fieldValidationErrors, handleFieldChange } = props;
-	const localForm = useForm({
-		...props,
-		schema: bankCityFields,
-		rules: validators,
-		defaultData: bankCityData,
-		fieldProblems: fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? bankCityData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		useMultiFormMode
-	]);
+	const { fieldValidationErrors: fieldProblems } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange } = getFormSlice(form, "payoutAccountDetails");
 	const formUtils = createFormUtils(props, t);
 	return /* @__PURE__ */ jsx(Field, {
 		name: "bankCity",
@@ -2288,38 +2110,11 @@ function BankCity(props) {
 var bankCodeFields = ["bankCode"];
 function BankCode(props) {
 	const { t } = useTranslation("common");
-	const { country, fieldConfig = defaultFieldConfig$2, handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const { country, fieldConfig = defaultFieldConfig$2, fieldValidationErrors: fieldProblems } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange } = getFormSlice(form, "payoutAccountDetails");
 	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$2);
-	const mergedProps = mergeFieldMetadataIntoProps("bankCode", metadata, props);
-	const localForm = useForm({
-		...mergedProps,
-		schema: bankCodeFields,
-		rules: mergedProps.validators,
-		defaultData: mergedProps.data,
-		fieldProblems: mergedProps.fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? propsData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		useMultiFormMode
-	]);
-	const formUtils = createFormUtils(mergedProps, t);
+	const formUtils = createFormUtils(mergeFieldMetadataIntoProps("bankCode", metadata, props), t);
 	return /* @__PURE__ */ jsx(MaskedInput, {
 		name: "bankCode",
 		type: "text",
@@ -2341,35 +2136,9 @@ function BankCode(props) {
 var bankNameFields = ["bankName"];
 function BankName(props) {
 	const { t } = useTranslation("common");
-	const { validators, data: bankNameData, valid: propsValid, errors: propsErrors, fieldValidationErrors, handleFieldChange } = props;
-	const localForm = useForm({
-		...props,
-		schema: bankNameFields,
-		rules: validators,
-		defaultData: bankNameData,
-		fieldProblems: fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? bankNameData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		useMultiFormMode
-	]);
+	const { fieldValidationErrors: fieldProblems } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange } = getFormSlice(form, "payoutAccountDetails");
 	const formUtils = createFormUtils(props, t);
 	return /* @__PURE__ */ jsx(Field, {
 		name: "bankName",
@@ -2393,41 +2162,15 @@ function BankName(props) {
 var branchCodeFields = ["branchCode"];
 function BranchCode(props) {
 	const { t } = useTranslation("common");
-	const { country, fieldConfig = defaultFieldConfig$1, onFocus, onBlur, handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors } = props;
+	const { country, fieldConfig = defaultFieldConfig$1, onFocus, onBlur, fieldValidationErrors: fieldProblems } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange } = getFormSlice(form, "payoutAccountDetails");
 	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata$1);
 	const mergedProps = mergeFieldMetadataIntoProps("branchCode", metadata, props);
-	const localForm = useForm({
-		...mergedProps,
-		schema: branchCodeFields,
-		rules: mergedProps.validators,
-		defaultData: mergedProps.data,
-		fieldProblems: mergedProps?.fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? propsData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
 	const handleBlur = () => {
 		onBlur?.();
 		handleChange("branchCode", "blur");
 	};
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		useMultiFormMode
-	]);
 	const formUtils = createFormUtils(mergedProps, t);
 	return /* @__PURE__ */ jsx(MaskedInput, {
 		name: "branchCode",
@@ -2451,39 +2194,14 @@ function BranchCode(props) {
 var ibanFields = ["iban"];
 function Iban(props) {
 	const { t } = useTranslation("common");
-	const { country, fieldConfig = defaultFieldConfig, data: ibanData, valid: propsValid, errors: propsErrors, obscuredFields, fieldValidationErrors, handleFieldChange } = props;
+	const { country, fieldConfig = defaultFieldConfig, fieldValidationErrors: fieldProblems } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange, obscuredFields } = getFormSlice(form, "payoutAccountDetails");
 	const metadata = resolveFieldMetadata(fieldConfig[country], {}, defaultFieldMetadata);
-	const mergedProps = mergeFieldMetadataIntoProps("iban", metadata, props);
-	const localForm = useForm({
-		...mergedProps,
-		schema: ibanFields,
-		rules: mergedProps.validators,
-		defaultData: ibanData,
-		fieldProblems: fieldValidationErrors,
+	const formUtils = createFormUtils(mergeFieldMetadataIntoProps("iban", metadata, {
+		...props,
 		obscuredFields
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? ibanData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		errors,
-		valid,
-		fieldProblems,
-		useMultiFormMode
-	]);
-	const formUtils = createFormUtils(mergedProps, t);
+	}), t);
 	return /* @__PURE__ */ jsx(MaskedInput, {
 		name: "iban",
 		type: "text",
@@ -2506,37 +2224,10 @@ function Iban(props) {
 var swiftCodeFields = ["swiftCode"];
 function SwiftCode(props) {
 	const { t } = useTranslation("common");
-	const { handleFieldChange, data: propsData, valid: propsValid, errors: propsErrors, fieldValidationErrors: propsFieldValidationErrors, country } = props;
-	const mergedProps = mergeFieldMetadataIntoProps("swiftCode", swiftCodeFieldMetadata, props);
-	const localForm = useForm({
-		...mergedProps,
-		schema: swiftCodeFields,
-		rules: mergedProps.validators,
-		defaultData: mergedProps.data,
-		fieldProblems: mergedProps?.fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? propsData : localForm.data;
-	const valid = useMultiFormMode ? propsValid : localForm.valid;
-	const errors = useMultiFormMode ? propsErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? propsFieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const { updateStateSlice } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data,
-			valid,
-			errors,
-			fieldProblems
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems,
-		useMultiFormMode
-	]);
-	const formUtils = createFormUtils(mergedProps, t);
+	const { fieldValidationErrors: fieldProblems, country } = props;
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange } = getFormSlice(form, "payoutAccountDetails");
+	const formUtils = createFormUtils(mergeFieldMetadataIntoProps("swiftCode", swiftCodeFieldMetadata, props), t);
 	return /* @__PURE__ */ jsx(MaskedInput, {
 		name: "swiftCode",
 		type: "text",
@@ -2788,22 +2479,18 @@ function PayoutAccount(props) {
 	const { isSettingEnabled } = useSettingsContext();
 	const isCrossBorderPayoutsEnabled = isFeatureEnabled(FeatureNames.EnableCrossBorderPayouts) && isSettingEnabled(SettingNames.AllowCrossBorderPayout);
 	const bankAccountFormatSelectionAllowed = isSettingEnabled(SettingNames.AllowBankAccountFormatSelection);
-	const { heading, country, id, legalEntityResponse, requiredFields = [], arePayoutAccountDetailsInvalid, invalidFieldNames, formVerificationErrors, fieldValidationErrors, preferredCurrencyCode, data, errors, valid, handleFieldChange, showInstantVerificationCTA, provider } = props;
+	const { heading, country, id, legalEntityResponse, arePayoutAccountDetailsInvalid, invalidFieldNames, formVerificationErrors, fieldValidationErrors, preferredCurrencyCode, showInstantVerificationCTA, provider } = props;
+	const { form } = useFormContext();
+	const { data, requiredFields = [], optionalFields, trustedFields, obscuredFields } = getFormSlice(form, "payoutAccountDetails");
 	const showCheckGuidance = shouldShowCheckGuidance(country) && !showInstantVerificationCTA;
 	const formUtils = createFormUtils({
 		...props,
-		requiredFields
+		requiredFields,
+		optionalFields,
+		trustedFields,
+		obscuredFields
 	}, commonT);
-	const bankAccountNumberProps = getFieldProps(props, bankAccountNumberFields);
-	const swiftCodeProps = getFieldProps(props, swiftCodeFields);
-	const ibanProps = getFieldProps(props, ibanFields);
-	const branchCodeProps = getFieldProps(props, branchCodeFields);
-	const bankNameProps = getFieldProps(props, bankNameFields);
-	const bankCodeProps = getFieldProps(props, bankCodeFields);
-	const bankCityProps = getFieldProps(props, bankCityFields);
-	const { clearStateSlice } = useGlobalDataSlice("payoutAccountDetails");
 	const handleAccountFormatChange = (accountFormat) => {
-		clearStateSlice();
 		payoutAccountFormat.value = accountFormat;
 	};
 	const localCurrency = isCrossBorderPayoutsEnabled ? isLocalCurrency(country, preferredCurrencyCode) : true;
@@ -2816,13 +2503,6 @@ function PayoutAccount(props) {
 		}
 		if (!localCurrency) handleAccountFormatChange?.("numberAndBic");
 	}, [country, preferredCurrencyCode]);
-	const multiFormProps = handleFieldChange ? {
-		data,
-		valid,
-		errors,
-		fieldValidationErrors,
-		handleFieldChange
-	} : {};
 	return /* @__PURE__ */ jsxs("form", {
 		"aria-describedby": "ariaErrorField",
 		children: [
@@ -2846,48 +2526,41 @@ function PayoutAccount(props) {
 				handleAccountFormatChange
 			}),
 			formUtils.isRequiredField("branchCode") && /* @__PURE__ */ jsx(BranchCode, {
-				...branchCodeProps,
 				country,
 				dataStoreId: id,
+				fieldValidationErrors,
 				onFocus: showCheckGuidance ? () => setCheckAnnotation("routing") : void 0,
-				onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0,
-				...multiFormProps
+				onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0
 			}),
 			formUtils.isRequiredField("bankAccountNumber") && /* @__PURE__ */ jsx(BankAccountNumber, {
-				...bankAccountNumberProps,
 				country,
 				dataStoreId: id,
+				fieldValidationErrors,
 				onFocus: showCheckGuidance ? () => setCheckAnnotation("account") : void 0,
-				onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0,
-				...multiFormProps
+				onBlur: showCheckGuidance ? () => setCheckAnnotation(void 0) : void 0
 			}),
 			formUtils.isRequiredField("iban") && /* @__PURE__ */ jsx(Iban, {
-				...ibanProps,
 				dataStoreId: id,
 				country,
-				...multiFormProps
+				fieldValidationErrors
 			}),
 			formUtils.isRequiredField("swiftCode") && /* @__PURE__ */ jsx(SwiftCode, {
-				...swiftCodeProps,
 				dataStoreId: id,
-				...multiFormProps,
-				country
+				country,
+				fieldValidationErrors
 			}),
 			formUtils.isRequiredField("bankName") && /* @__PURE__ */ jsx(BankName, {
-				...bankNameProps,
 				dataStoreId: id,
-				...multiFormProps
+				fieldValidationErrors
 			}),
 			formUtils.isRequiredField("bankCode") && /* @__PURE__ */ jsx(BankCode, {
-				...bankCodeProps,
 				country,
 				dataStoreId: id,
-				...multiFormProps
+				fieldValidationErrors
 			}),
 			formUtils.isRequiredField("bankCity") && /* @__PURE__ */ jsx(BankCity, {
-				...bankCityProps,
 				dataStoreId: id,
-				...multiFormProps
+				fieldValidationErrors
 			}),
 			shouldShowPayoutAlert(country) && !isCrossBorderPayoutsEnabled && /* @__PURE__ */ jsx(Alert, {
 				title: getSupportedCurrencyGuidance(t, country, requiredFields),
@@ -2987,7 +2660,7 @@ var payoutVerificationMethodFields = [
 	...accountVerificationFields
 ];
 function PayoutVerificationMethod(props) {
-	const { heading, country, accountHolder, provider, bankVendorsLoadingStatus, instantVerificationAvailable, legalEntityResponse, validators, bankInfoValidated, data: payoutVerificationMethodData, fieldValidationErrors, formVerificationErrors, handleFieldChange, valid: propValid, errors: propErrors } = props;
+	const { heading, country, accountHolder, provider, bankVendorsLoadingStatus, instantVerificationAvailable, legalEntityResponse, bankInfoValidated, fieldValidationErrors: fieldProblems, formVerificationErrors } = props;
 	const { type: legalEntityType } = legalEntityResponse;
 	const { t } = useTranslation("banking");
 	const { t: commonT } = useTranslation("common");
@@ -2997,46 +2670,14 @@ function PayoutVerificationMethod(props) {
 	const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
 	const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(SettingNames.AllowIntraRegionCrossBorderPayout);
 	const [hasSelectedMethod, setHasSelectedMethod] = useState$1(false);
-	const localForm = useForm({
+	const { form } = useFormContext();
+	const { data, valid, errors, handleChange, requiredFields, optionalFields, trustedFields } = getFormSlice(form, "payoutVerificationMethod");
+	const formUtils = createFormUtils({
 		...props,
-		schema: payoutVerificationMethodFields,
-		defaultData: {
-			verifiedAccountHolder: accountHolder,
-			verifiedCurrencyCode: currencyByCountry[country]?.[0],
-			bankCountry: country,
-			...payoutVerificationMethodData
-		},
-		rules: validators || { payoutVerificationMethod: {
-			modes: ["blur"],
-			validate: (payoutVerificationMethod) => !!payoutVerificationMethod
-		} },
-		fieldProblems: fieldValidationErrors
-	});
-	const useMultiFormMode = !!handleFieldChange;
-	const data = useMultiFormMode ? payoutVerificationMethodData : localForm.data;
-	const valid = useMultiFormMode ? propValid : localForm.valid;
-	const errors = useMultiFormMode ? propErrors : localForm.errors;
-	const fieldProblems = useMultiFormMode ? fieldValidationErrors : localForm.fieldProblems;
-	const handleChange = useMultiFormMode ? handleFieldChange : localForm.handleChangeFor;
-	const formUtils = createFormUtils(props, commonT);
-	const { sliceData, updateStateSlice } = useGlobalDataSlice("payoutVerificationMethod");
-	const { clearStateSlice: clearPayoutAccountDetails } = useGlobalDataSlice("payoutAccountDetails");
-	useEffect$1(() => {
-		if (!useMultiFormMode) updateStateSlice({
-			data: {
-				...sliceData,
-				...localForm.data
-			},
-			errors: localForm.errors,
-			valid: localForm.valid,
-			fieldProblems: localForm.fieldProblems
-		});
-	}, [
-		localForm.data,
-		localForm.errors,
-		localForm.fieldProblems,
-		localForm.valid
-	]);
+		requiredFields,
+		optionalFields,
+		trustedFields
+	}, commonT);
 	const methodsMetadata = makePayoutVerificationMethodsMetadata(provider?.name);
 	const selectVerificationMethod = (method) => {
 		setHasSelectedMethod(true);
@@ -3063,10 +2704,7 @@ function PayoutVerificationMethod(props) {
 		labels: { country: t(($) => $["bankAccountCountryRegion"]) },
 		readonly: !intraRegionCrossBorderPayoutsAllowed || allowedBankCountries.length === 1 || bankInfoValidated,
 		allowedCountries: allowedBankCountries,
-		handleChangeFor: () => (e) => {
-			if (!useMultiFormMode) clearPayoutAccountDetails();
-			return handleChange("bankCountry", "input")(e);
-		},
+		handleChangeFor: () => handleChange("bankCountry", "input"),
 		helperText: intraRegionCrossBorderPayoutsAllowed ? void 0 : t(($) => $[legalEntityType === LegalEntityTypes.INDIVIDUAL ? "youCanOnlyUseABankAccountInTheCountryRegionWhereYouLive" : "youCanOnlyUseABankAccountInTheCountryRegionWhereYourCompanyIsRegistered"])
 	});
 	const description = canChangeEntityType ? /* @__PURE__ */ jsx(AccountHolderDescriptionFragment, { legalEntityResponse }) : /* @__PURE__ */ jsxs(Typography, { children: [
@@ -3137,7 +2775,7 @@ function PayoutVerificationMethod(props) {
 			}),
 			/* @__PURE__ */ jsx(ErrorPanel, {
 				verificationErrors: formVerificationErrors,
-				validationErrors: fieldValidationErrors,
+				validationErrors: fieldProblems,
 				formUtils,
 				id: "ariaErrorField"
 			}),
@@ -3245,15 +2883,7 @@ function PayoutDetailsMultiform({ activeForm, shouldValidate, problems = {}, cou
 				provider,
 				shouldValidate,
 				fieldValidationErrors: problems.validationErrors?.[activeForm.formId] ?? {},
-				formVerificationErrors: problems.verificationErrors?.[activeForm.formId] ?? {},
-				data: form.data.payoutCountryDetails,
-				errors: form.errors.payoutCountryDetails,
-				valid: form.valid.payoutCountryDetails,
-				allFields: form.allFields?.payoutCountryDetails,
-				requiredFields: form.requiredFields?.payoutCountryDetails,
-				optionalFields: form.optionalFields?.payoutCountryDetails,
-				trustedFields: form.trustedFields?.payoutCountryDetails,
-				handleFieldChange: (fieldName, mode) => form.handleChangeFor(fieldName, "payoutCountryDetails", mode)
+				formVerificationErrors: problems.verificationErrors?.[activeForm.formId] ?? {}
 			});
 			case PayoutVerificationMethodFormID: return /* @__PURE__ */ jsx(InstantVerificationErrorContext.Provider, {
 				value: instantVerificationError,
@@ -3269,15 +2899,7 @@ function PayoutDetailsMultiform({ activeForm, shouldValidate, problems = {}, cou
 					instantVerificationAvailable,
 					shouldValidate,
 					fieldValidationErrors: problems.validationErrors?.[activeForm.formId] ?? {},
-					formVerificationErrors: problems.verificationErrors?.[activeForm.formId] ?? {},
-					data: form.data.payoutVerificationMethod,
-					errors: form.errors.payoutVerificationMethod,
-					valid: form.valid.payoutVerificationMethod,
-					allFields: form.allFields?.payoutVerificationMethod,
-					requiredFields: form.requiredFields?.payoutVerificationMethod,
-					optionalFields: form.optionalFields?.payoutVerificationMethod,
-					trustedFields: form.trustedFields?.payoutVerificationMethod,
-					handleFieldChange: (fieldName, mode) => form.handleChangeFor(fieldName, "payoutVerificationMethod", mode)
+					formVerificationErrors: problems.verificationErrors?.[activeForm.formId] ?? {}
 				})
 			});
 			case PayoutAccountDetailsFormID: return /* @__PURE__ */ jsx(InstantVerificationErrorContext.Provider, {
@@ -3293,15 +2915,6 @@ function PayoutDetailsMultiform({ activeForm, shouldValidate, problems = {}, cou
 					shouldValidate,
 					fieldValidationErrors: problems.validationErrors?.[activeForm.formId] ?? {},
 					formVerificationErrors: problems.verificationErrors?.[activeForm.formId] ?? {},
-					data: form.data.payoutAccountDetails,
-					errors: form.errors.payoutAccountDetails,
-					valid: form.valid.payoutAccountDetails,
-					allFields: form.allFields?.payoutAccountDetails,
-					requiredFields: form.requiredFields?.payoutAccountDetails,
-					optionalFields: form.optionalFields?.payoutAccountDetails,
-					trustedFields: form.trustedFields?.payoutAccountDetails,
-					obscuredFields: form.obscuredFields?.payoutAccountDetails,
-					handleFieldChange: (fieldName, mode) => form.handleChangeFor(fieldName, "payoutAccountDetails", mode),
 					showInstantVerificationCTA,
 					provider
 				})
@@ -3313,14 +2926,6 @@ function PayoutDetailsMultiform({ activeForm, shouldValidate, problems = {}, cou
 				shouldValidate,
 				fieldValidationErrors: problems.validationErrors?.[activeForm.formId] ?? {},
 				formVerificationErrors: problems.verificationErrors?.[activeForm.formId] ?? {},
-				data: form.data.payoutAccountDocuments,
-				errors: form.errors.payoutAccountDocuments,
-				valid: form.valid.payoutAccountDocuments,
-				allFields: form.allFields?.payoutAccountDocuments,
-				requiredFields: form.requiredFields?.payoutAccountDocuments,
-				optionalFields: form.optionalFields?.payoutAccountDocuments,
-				trustedFields: form.trustedFields?.payoutAccountDocuments,
-				handleFieldChange: (fieldName, mode) => form.handleChangeFor(fieldName, "payoutAccountDocuments", mode),
 				handleNextClick
 			});
 			default: return null;
@@ -3342,15 +2947,7 @@ function PayoutDetailsMultiform({ activeForm, shouldValidate, problems = {}, cou
 			createTrustedTransferInstrument,
 			shouldValidate,
 			fieldValidationErrors: problems.validationErrors?.[PayoutAccountVerificationFormID] ?? {},
-			formVerificationErrors: problems.verificationErrors?.[PayoutAccountVerificationFormID] ?? {},
-			data: form.data.payoutAccountVerification,
-			errors: form.errors.payoutAccountVerification,
-			valid: form.valid.payoutAccountVerification,
-			allFields: form.allFields?.payoutAccountVerification,
-			requiredFields: form.requiredFields?.payoutAccountVerification,
-			optionalFields: form.optionalFields?.payoutAccountVerification,
-			trustedFields: form.trustedFields?.payoutAccountVerification,
-			handleFieldChange: (fieldName, mode) => form.handleChangeFor(fieldName, "payoutAccountVerification", mode)
+			formVerificationErrors: problems.verificationErrors?.[PayoutAccountVerificationFormID] ?? {}
 		})
 	})] });
 }