@adyen/kyc-components 4.23.0 → 4.24.0-beta.1

package/dist/useMultiForm-BxASst0O.js

@@ -0,0 +1,790 @@
+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] = "6764dfb9-cb05-4d5d-bd6c-f506af554ff0", e._sentryDebugIdIdentifier = "sentry-dbid-6764dfb9-cb05-4d5d-bd6c-f506af554ff0");
+} catch (e) {}
+import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { a as objectsDeepEqual } from "./genUtils-nphCwt1A.js";
+import { y as isEmpty } from "./validatorUtils-D2O6AAZn.js";
+import { r as omitKeys, t as addKeys } from "./formUtils-BHgG8yQZ.js";
+import { t as ValidationResult } from "./validationResult-bjYBDjbU.js";
+import { useCallback, useEffect, useMemo, useReducer } from "preact/hooks";
+//#region src/hooks/useMultiForm/reducer.ts
+/** Checks if a field key exists on the nested data object (even if its value is undefined) */
+var hasOwnNestedField = (data, formName, fieldKey) => {
+	const form = data?.[formName];
+	return form != null && typeof form === "object" && Object.hasOwn(form, fieldKey);
+};
+var hasValueChanged = (newData, prevData) => {
+	if (typeof newData === "object") return !objectsDeepEqual(newData, prevData);
+	return newData !== prevData;
+};
+/** Formats and validates a field */
+var processField = ({ key, value, formName, mode, defaultData, data, fieldContext, formatters, staticValidate }) => {
+	const formatterFn = formatters?.[key]?.formatter ? formatters[key]?.formatter : formatters?.[key];
+	const formattedValue = formatterFn && typeof formatterFn === "function" ? formatterFn(value, fieldContext) : value;
+	const fieldHasDefaultValue = key in (defaultData ?? {});
+	const fieldHasChanged = defaultData?.[key] !== value;
+	const validationResult = (fieldContext.state.obscuredFields?.includes(key) ? fieldHasChanged : fieldHasChanged || fieldHasDefaultValue) ? staticValidate({
+		key,
+		value: formattedValue,
+		mode,
+		formName
+	}, data, fieldContext) : new ValidationResult([{
+		isValid: true,
+		hasError: false
+	}]);
+	const asyncValidationResult = fieldContext.state?.asyncErrors?.[key];
+	/** Add any existing async validation result to validation result */
+	if (asyncValidationResult) validationResult.addError(asyncValidationResult);
+	return [formattedValue, validationResult];
+};
+/**
+* The function takes in the below params and spits out an initial state, by running the validations
+* across all forms and fields. It makes sure all validations are done and only sets the validity
+* instead of the errors, this is to avoid users seeing error immaturely on initial load.
+*
+* @param requiredFields
+* @param staticValidate
+* @param asyncValidate
+* @param defaultData
+* @param obscuredFields
+* @param optionalFields
+* @param trustedFields
+* @param fieldProblems
+* @param formatters
+* @param data
+*/
+function init({ requiredFields, staticValidate, defaultData, obscuredFields, optionalFields, trustedFields, fieldProblems, formatters, data, asyncErrors }) {
+	/**
+	* Fetches the validation result of a field in a form
+	* @param fieldKey
+	* @param formName
+	*/
+	const getProcessedState = (fieldKey, formName) => {
+		const [formattedValue, validationResult] = processField({
+			key: fieldKey,
+			value: hasOwnNestedField(data, formName, fieldKey) ? data?.[formName]?.[fieldKey] ?? null : defaultData?.[formName]?.[fieldKey] ?? null,
+			mode: "blur",
+			formName,
+			formatters: formatters?.[formName],
+			defaultData: defaultData?.[formName],
+			data,
+			fieldContext: { state: {
+				data: data?.[formName],
+				obscuredFields: obscuredFields?.[formName],
+				optionalFields: optionalFields?.[formName],
+				trustedFields: trustedFields?.[formName],
+				requiredFields: requiredFields?.[formName],
+				asyncErrors: asyncErrors?.[formName]
+			} },
+			staticValidate
+		});
+		return {
+			valid: validationResult.isValid && !fieldProblems?.[formName]?.[fieldKey] || false,
+			errors: null,
+			data: formattedValue,
+			fieldProblems: fieldProblems?.[formName]?.[fieldKey]
+		};
+	};
+	/**
+	* requiredFields can be undefined if the configuration api call is not yet completed
+	* returned default state in this case
+	*/
+	if (!requiredFields) return {
+		data: defaultData,
+		errors: {},
+		fieldProblems: {},
+		valid: {},
+		requiredFields: {},
+		asyncErrors: {},
+		defaultData
+	};
+	/**
+	* Make sure forms containing only optional fields are also taken into account
+	*/
+	const formsForOptionalFields = Object.keys(optionalFields ?? {});
+	const formsForRequiredFields = Object.keys(requiredFields);
+	/**
+	* Visits every field and builds a state with the validity
+	*/
+	return Array.from(/* @__PURE__ */ new Set([...formsForOptionalFields, ...formsForRequiredFields])).reduce((acc, formName) => {
+		const form = formName;
+		const optionalsFormFields = optionalFields?.[form] ?? [];
+		const requiredFormFields = requiredFields?.[form] ?? [];
+		const formState = [...optionalsFormFields, ...requiredFormFields].reduce((acc, field) => {
+			const { valid, errors, data, fieldProblems: processedFieldProblems } = getProcessedState(field, form);
+			return {
+				...acc,
+				data: {
+					...acc.data,
+					[field]: data
+				},
+				valid: {
+					...acc.valid,
+					[field]: valid
+				},
+				errors: {
+					...acc.errors,
+					[field]: errors
+				},
+				fieldProblems: {
+					...acc.fieldProblems,
+					...processedFieldProblems ? { [field]: processedFieldProblems } : {}
+				}
+			};
+		}, {});
+		return {
+			requiredFields,
+			data: {
+				...acc.data,
+				[formName]: formState.data
+			},
+			valid: {
+				...acc.valid,
+				[formName]: formState.valid
+			},
+			errors: {
+				...acc.errors,
+				[formName]: formState.errors
+			},
+			fieldProblems: {
+				...acc.fieldProblems,
+				[formName]: formState.fieldProblems
+			},
+			asyncErrors: { ...acc.asyncErrors },
+			obscuredFields,
+			optionalFields,
+			trustedFields,
+			defaultData
+		};
+	}, {
+		requiredFields,
+		data: {},
+		valid: {},
+		errors: {},
+		fieldProblems: {},
+		obscuredFields,
+		optionalFields,
+		trustedFields,
+		asyncErrors: {}
+	});
+}
+function reducer({ staticValidate, obscuredFields, optionalFields, trustedFields, formatters, defaultData }) {
+	return (state, { type, key, mode, value, formData, formName, selectedSchema, innerFormFields, requiredFields, optionalFields: newOptionalFields, asyncValidationResults }) => {
+		const clonedState = structuredClone(state);
+		switch (type) {
+			case "setData":
+				if (!key || !formName) return state;
+				clonedState.data[formName] ??= {};
+				clonedState.data[formName][key] = value;
+				return clonedState;
+			case "setFormData": {
+				if (!formName || !formData) return state;
+				const formRequiredFields = clonedState.requiredFields?.[formName] ?? [];
+				const formOptionalFields = clonedState.optionalFields?.[formName] ?? [];
+				const allowedFields = [...formRequiredFields, ...formOptionalFields];
+				const filteredUpdates = {};
+				for (const formDataKey in formData) if (allowedFields.includes(formDataKey)) filteredUpdates[formDataKey] = formData[formDataKey];
+				clonedState.data[formName] = filteredUpdates;
+				const formValidity = allowedFields.reduce((acc, field) => {
+					const [, validation] = processField({
+						key: field,
+						value: filteredUpdates[field],
+						mode: "blur",
+						formName,
+						defaultData: defaultData?.[formName],
+						data: clonedState.data,
+						formatters: formatters?.[formName],
+						fieldContext: { state: {
+							data: clonedState?.data?.[formName],
+							obscuredFields: obscuredFields?.[formName],
+							optionalFields: optionalFields?.[formName],
+							trustedFields: trustedFields?.[formName],
+							errors: clonedState.errors?.[formName],
+							valid: clonedState.valid?.[formName],
+							fieldProblems: clonedState.fieldProblems?.[formName],
+							asyncErrors: clonedState.asyncErrors?.[formName]
+						} },
+						staticValidate
+					});
+					return {
+						...acc,
+						[field]: validation.isValid
+					};
+				}, {});
+				clonedState.data[formName] = filteredUpdates;
+				clonedState.valid[formName] = formValidity;
+				return clonedState;
+			}
+			case "setValid":
+				if (!key || !formName || clonedState.valid[formName]?.[key] === value) return state;
+				clonedState.valid[formName] ??= {};
+				clonedState.valid[formName][key] = !!value;
+				return clonedState;
+			case "setErrors":
+				if (!key || !formName) return state;
+				clonedState.errors[formName] ??= {};
+				clonedState.errors[formName][key] = value;
+				return clonedState;
+			case "setRequiredFields": {
+				/**
+				* If defaultData changes reset the data in the form to new defaultData
+				* Fetching documents are bit delayed, this accomodates that delay
+				*/
+				const hasDefaultDataChanged = !objectsDeepEqual(defaultData, state.defaultData);
+				if (objectsDeepEqual(requiredFields, clonedState.requiredFields) && objectsDeepEqual(newOptionalFields, clonedState.optionalFields) && !hasDefaultDataChanged) return state;
+				const updatedData = hasDefaultDataChanged ? defaultData : structuredClone(clonedState.data);
+				/**
+				* When schema changes without a defaultData refresh, re-add any fields that were
+				* previously removed and are now reintroduced from the local stash.
+				*
+				* This preserves user-entered values across dynamic required/optional transitions,
+				* such as when rule-driven fields are temporarily hidden and then shown again.
+				*/
+				if (!hasDefaultDataChanged && updatedData) for (const formName in requiredFields) {
+					const form = formName;
+					const prevFields = [...clonedState.requiredFields?.[form] ?? [], ...clonedState.optionalFields?.[form] ?? []];
+					[...requiredFields?.[form] ?? [], ...newOptionalFields?.[form] ?? []].filter((field) => !prevFields.includes(field)).forEach((field) => {
+						const currentValue = updatedData?.[form]?.[field];
+						const localValue = clonedState.local?.[form]?.data?.[field];
+						if (typeof currentValue === "undefined" && typeof localValue !== "undefined") {
+							if (!updatedData[form]) return;
+							updatedData[form][field] = localValue;
+						}
+					});
+				}
+				const newState = init({
+					requiredFields,
+					data: updatedData,
+					fieldProblems: clonedState.fieldProblems,
+					obscuredFields,
+					optionalFields: newOptionalFields,
+					trustedFields,
+					staticValidate,
+					defaultData
+				});
+				if (hasDefaultDataChanged) return newState;
+				/**
+				* Persist values of fields that are being removed from the active schema into local.
+				*
+				* These values are later used to restore data for reintroduced fields in subsequent
+				* schema transitions, avoiding silent data loss during dynamic form updates.
+				*/
+				const local = Object.keys(requiredFields ?? {}).reduce((acc, formName) => {
+					const form = formName;
+					const prevFields = [...clonedState.requiredFields?.[form] ?? [], ...clonedState.optionalFields?.[form] ?? []];
+					const nextFields = [...requiredFields?.[form] ?? [], ...newOptionalFields?.[form] ?? []];
+					const removedFields = prevFields.filter((field) => !nextFields.includes(field));
+					if (!removedFields.length) {
+						if (clonedState.local?.[form]) return {
+							...acc,
+							[form]: clonedState.local[form]
+						};
+						return acc;
+					}
+					const localFormData = {
+						...clonedState.local?.[form]?.data ?? {},
+						...removedFields.reduce((fieldAcc, field) => {
+							const value = clonedState.data?.[form]?.[field];
+							if (typeof value !== "undefined") return {
+								...fieldAcc,
+								[field]: value
+							};
+							return fieldAcc;
+						}, {})
+					};
+					return {
+						...acc,
+						[form]: {
+							...clonedState.local?.[form] ?? {},
+							data: localFormData
+						}
+					};
+				}, {});
+				return {
+					...newState,
+					local
+				};
+			}
+			case "setInnerFormRequiredFields": {
+				/**
+				* This sets the requiredFields in a single form.
+				* Ideally this should not be used anywhere, as this goes against the idea of having all
+				* the rules of calculating requiredFields in a single place. keeping this in case we have
+				* any exceptional scenarios where this would be required. Can be removed once all forms
+				* migrated to useMultiform
+				*/
+				if (!innerFormFields || !formName) return state;
+				const requiredFields = {
+					...clonedState.requiredFields,
+					[formName]: innerFormFields
+				};
+				const defaultState = init({
+					requiredFields,
+					defaultData,
+					fieldProblems: clonedState.fieldProblems,
+					obscuredFields,
+					optionalFields,
+					trustedFields,
+					staticValidate,
+					data: defaultData
+				});
+				const removedFields = clonedState.optionalFields?.[formName].length ? [...(clonedState.requiredFields?.[formName] ?? []).filter((field) => !innerFormFields.includes(field)), ...clonedState.optionalFields[formName].filter((field) => !optionalFields?.[formName].includes(field))] : clonedState.requiredFields?.[formName].filter((field) => !innerFormFields.includes(field));
+				const newFields = optionalFields?.[formName].length ? [...innerFormFields.filter((field) => !clonedState.requiredFields?.[formName].includes(field)), ...(optionalFields[formName] ?? []).filter((field) => !clonedState.optionalFields?.[formName].includes(field))] : innerFormFields.filter((field) => !clonedState.requiredFields?.[formName].includes(field));
+				const formLocal = {
+					data: omitKeys(clonedState.data?.[formName], newFields),
+					errors: omitKeys(clonedState.errors?.[formName], newFields),
+					valid: omitKeys(clonedState.valid?.[formName], newFields),
+					fieldProblems: omitKeys(clonedState.fieldProblems?.[formName], newFields)
+				};
+				const local = {
+					...clonedState.local,
+					[formName]: formLocal
+				};
+				const updatedFormData = addKeys(omitKeys(clonedState.data?.[formName], removedFields), newFields, null, defaultState.data?.[formName], clonedState.local?.[formName].data);
+				const updatedData = {
+					...clonedState.data,
+					[formName]: updatedFormData
+				};
+				const updatedFormValidity = addKeys(omitKeys(clonedState.valid?.[formName], removedFields), newFields, false, defaultState.valid?.[formName], clonedState.local?.[formName].valid);
+				const updatedValidity = {
+					...clonedState.valid,
+					[formName]: updatedFormValidity
+				};
+				const updatedFormErrors = addKeys(omitKeys(clonedState.errors?.[formName], removedFields), newFields, null, defaultState.errors?.[formName], clonedState.local?.[formName].errors);
+				const updatedErrors = {
+					...clonedState.errors,
+					[formName]: updatedFormErrors
+				};
+				const updatedFormFieldProblems = addKeys(omitKeys(clonedState.fieldProblems?.[formName], removedFields), newFields, false, defaultState.fieldProblems?.[formName], clonedState.local?.[formName].fieldProblems);
+				return {
+					requiredFields,
+					data: updatedData,
+					valid: updatedValidity,
+					errors: updatedErrors,
+					fieldProblems: {
+						...clonedState.fieldProblems,
+						[formName]: updatedFormFieldProblems
+					},
+					asyncErrors: clonedState.asyncErrors,
+					optionalFields,
+					trustedFields,
+					local,
+					defaultData
+				};
+			}
+			case "updateField": {
+				/**
+				* Called when a field value changes in form
+				* Validates the field and updates data, validity, error in the state for the field
+				*/
+				if (!key || !mode || !formName) return state;
+				const updatedData = {
+					...clonedState.data,
+					[formName]: {
+						...clonedState.data?.[formName],
+						[key]: value
+					}
+				};
+				/**
+				* Wipe async errors for the field if value has been changed
+				*/
+				const updatedAsyncErrors = hasValueChanged(value, clonedState.data?.[formName]?.[key]) ? {
+					...clonedState.asyncErrors,
+					[formName]: {
+						...clonedState.asyncErrors?.[formName],
+						[key]: null
+					}
+				} : clonedState.asyncErrors;
+				const [formattedValue, validation] = processField({
+					key,
+					value,
+					mode,
+					formName,
+					defaultData: defaultData?.[formName],
+					data: updatedData,
+					formatters: formatters?.[formName],
+					fieldContext: { state: {
+						data: clonedState.data?.[formName],
+						obscuredFields: obscuredFields?.[formName],
+						optionalFields: optionalFields?.[formName],
+						trustedFields: trustedFields?.[formName],
+						errors: clonedState.errors[formName],
+						valid: clonedState.valid[formName],
+						fieldProblems: clonedState.fieldProblems[formName],
+						asyncErrors: updatedAsyncErrors[formName]
+					} },
+					staticValidate
+				});
+				const clearFieldProblems = (clonedState.data?.[formName])?.[key] !== formattedValue;
+				return {
+					...clonedState,
+					data: {
+						...clonedState.data,
+						[formName]: {
+							...clonedState.data?.[formName],
+							[key]: formattedValue
+						}
+					},
+					asyncErrors: updatedAsyncErrors,
+					errors: {
+						...clonedState.errors,
+						[formName]: {
+							...clonedState.errors[formName],
+							[key]: validation.getError() ?? null
+						}
+					},
+					valid: {
+						...clonedState.valid,
+						[formName]: {
+							...clonedState?.valid?.[formName],
+							[key]: (validation.isValid && !clonedState.fieldProblems?.[formName]?.[key]) ?? false
+						}
+					},
+					fieldProblems: {
+						...clonedState.fieldProblems,
+						[formName]: {
+							...clonedState.fieldProblems[formName],
+							...!clearFieldProblems && clonedState.fieldProblems?.[formName]?.[key] ? { [key]: true } : {}
+						}
+					}
+				};
+			}
+			case "validateForm": {
+				/**
+				* Called when triggerValidation('formName') is called, validates all the fields in the form
+				* and populates the errors in the state
+				*/
+				if (!formName) return state;
+				const formFields = clonedState.requiredFields?.[formName];
+				if (!formFields) return state;
+				const formState = (selectedSchema || formFields).reduce((acc, field) => {
+					const formData = clonedState.data?.[formName];
+					const [formattedValue, validation] = processField({
+						key: field,
+						mode: "blur",
+						value: formData?.[field] ?? null,
+						formName,
+						defaultData: defaultData?.[formName],
+						data: clonedState.data,
+						formatters: formatters?.[formName],
+						fieldContext: { state: {
+							data: clonedState.data?.[formName],
+							obscuredFields: obscuredFields?.[formName],
+							optionalFields: optionalFields?.[formName],
+							trustedFields: trustedFields?.[formName],
+							errors: clonedState.errors[formName],
+							valid: clonedState.valid[formName],
+							fieldProblems: clonedState.fieldProblems[formName],
+							asyncErrors: clonedState.asyncErrors[formName]
+						} },
+						staticValidate
+					});
+					const clearFieldProblems = (clonedState?.data?.[formName])?.[field] !== formattedValue;
+					const fieldAsyncValidationResult = asyncValidationResults?.[field];
+					return {
+						data: formData,
+						asyncErrors: {
+							...acc.asyncErrors,
+							[field]: fieldAsyncValidationResult?.getError() ?? null
+						},
+						errors: {
+							...acc.errors,
+							[field]: validation.getError() ?? fieldAsyncValidationResult?.getError() ?? null
+						},
+						valid: {
+							...acc.valid,
+							[field]: validation.isValid && (fieldAsyncValidationResult?.isValid ?? true) && !clonedState.fieldProblems[formName][field]
+						},
+						fieldProblems: {
+							...acc.fieldProblems,
+							...!clearFieldProblems && acc.fieldProblems?.[field] ? { [field]: true } : {}
+						}
+					};
+				}, {});
+				return {
+					...clonedState,
+					errors: {
+						...clonedState.errors,
+						[formName]: formState.errors
+					},
+					asyncErrors: {
+						...clonedState.asyncErrors,
+						[formName]: formState.asyncErrors
+					},
+					valid: {
+						...clonedState.valid,
+						[formName]: formState.valid
+					},
+					fieldProblems: {
+						...clonedState.fieldProblems,
+						[formName]: formState.fieldProblems
+					}
+				};
+			}
+			default: throw new Error("Undefined useForm action");
+		}
+	};
+}
+//#endregion
+//#region src/hooks/useMultiForm/useMultiFormAsyncValidator.ts
+var logger = createLogger();
+/**
+* Returns
+* - triggerAsyncValidation function which can execute the async validation for a field and populate the sync validation results
+* - asyncValidationResult state which keeps track of async validations of all fields.
+* @param asyncRules
+*/
+var useMultiFormAsyncValidator = (asyncRules) => {
+	const validResult = {
+		isValid: true,
+		hasError: false
+	};
+	const triggerAsyncValidation = useCallback(async (field, formName, data) => {
+		if (!asyncRules) return new ValidationResult([validResult]);
+		const rule = typeof asyncRules === "function" ? asyncRules(data)[formName]?.[field] : asyncRules[formName][field];
+		const value = data?.[formName]?.[field];
+		if (!rule || !value) return new ValidationResult([validResult]);
+		const isValid = await rule.asyncValidate(value).catch(logger.error);
+		if (isValid === false) return new ValidationResult([{
+			isValid,
+			errorMessage: typeof rule.errorMessage === "function" ? rule.errorMessage(value) : rule.errorMessage,
+			hasError: !isValid
+		}]);
+		return new ValidationResult([validResult]);
+	}, [asyncRules]);
+	const triggerAsyncFormValidation = async (formName, state, selectedSchema) => {
+		const fields = selectedSchema ?? state.requiredFields?.[formName];
+		if (!fields?.length) return { isValid: true };
+		const asyncValidationResults = await fields.reduce(async (accPromise, fieldName) => {
+			const acc = await accPromise;
+			const asyncValidationResult = await triggerAsyncValidation(fieldName, formName, state.data);
+			return {
+				...acc,
+				[fieldName]: asyncValidationResult
+			};
+		}, Promise.resolve({}));
+		const isValid = Object.values(asyncValidationResults).every((validationResult) => validationResult.isValid);
+		return {
+			...asyncValidationResults,
+			isValid
+		};
+	};
+	return { triggerAsyncFormValidation };
+};
+//#endregion
+//#region src/utils/validation/commonValidators.ts
+var isTruthyValidator = {
+	validate: (value) => !!value,
+	modes: ["blur"],
+	errorMessage: "fieldIsRequired"
+};
+var isNotEmptyValidator = {
+	validate: (value) => !isEmpty(value),
+	modes: ["blur"],
+	errorMessage: "fieldIsRequired"
+};
+//#endregion
+//#region src/hooks/useMultiForm/useMultiFormStaticValidator.ts
+var useMultiFormStaticValidator = (rules) => {
+	const getRulesForField = useCallback((field, form, data) => {
+		const fallbackRule = {
+			validate: () => true,
+			modes: ["blur", "input"]
+		};
+		if (!form) return [fallbackRule];
+		const fieldRules = typeof rules === "function" ? rules(data)?.[form]?.[field] ?? [fallbackRule] : rules?.[form]?.[field] ?? [fallbackRule];
+		return Array.isArray(fieldRules) ? fieldRules : [fieldRules];
+	}, [rules]);
+	return { triggerStaticValidation: useCallback(({ key, value, mode = "blur", formName }, data, context) => {
+		const fieldRules = getRulesForField(key, formName, data);
+		const isFieldOptional = !!context?.state.optionalFields?.includes(key);
+		const isFieldObscured = !!context?.state.obscuredFields?.includes(key);
+		if (!isFieldOptional) fieldRules.unshift(isNotEmptyValidator);
+		return new ValidationResult(fieldRules.map((rule) => {
+			const shouldValidate = rule.modes.includes(mode) && !isFieldObscured;
+			const isValid = isFieldOptional && isEmpty(value) ? true : rule.validate(value, context);
+			return {
+				isValid,
+				errorMessage: typeof rule.errorMessage === "function" ? rule.errorMessage(value, context) : rule.errorMessage,
+				hasError: shouldValidate && !isValid
+			};
+		}));
+	}, [getRulesForField]) };
+};
+//#endregion
+//#region src/hooks/useMultiForm/useMultiForm.ts
+function useMultiForm({ defaultData, rules, asyncRules, fieldProblems, allFields, requiredFields, obscuredFields, optionalFields, trustedFields, formatters }) {
+	const { triggerStaticValidation } = useMultiFormStaticValidator(rules);
+	const { triggerAsyncFormValidation } = useMultiFormAsyncValidator(asyncRules);
+	const getRequiredFields = useMemo(() => typeof requiredFields === "function" ? requiredFields : () => requiredFields, [requiredFields]);
+	const getSchema = useMemo(() => getRequiredFields(defaultData), [defaultData, getRequiredFields]);
+	const getReducer = useCallback(() => reducer({
+		staticValidate: triggerStaticValidation,
+		defaultData,
+		obscuredFields,
+		optionalFields,
+		trustedFields,
+		formatters
+	}), [
+		triggerStaticValidation,
+		obscuredFields,
+		optionalFields,
+		trustedFields,
+		formatters,
+		defaultData
+	]);
+	const initialData = useMemo(() => ({
+		requiredFields: getSchema,
+		defaultData,
+		fieldProblems,
+		obscuredFields,
+		optionalFields,
+		trustedFields,
+		formatters,
+		staticValidate: triggerStaticValidation,
+		data: defaultData
+	}), [
+		getSchema,
+		defaultData,
+		fieldProblems,
+		obscuredFields,
+		optionalFields,
+		trustedFields,
+		formatters,
+		triggerStaticValidation
+	]);
+	const [state, dispatch] = useReducer(getReducer(), initialData, init);
+	const isValid = useMemo(() => {
+		const formsForOptionalFields = Object.keys(state.optionalFields ?? {});
+		const formsForRequiredFields = Object.keys(state.requiredFields ?? {});
+		return Array.from(/* @__PURE__ */ new Set([...formsForOptionalFields, ...formsForRequiredFields])).reduce((acc, formName) => {
+			const form = formName;
+			const optionalsFormFields = state.optionalFields?.[form] ?? [];
+			const requiredFormFields = state.requiredFields?.[form] ?? [];
+			const formFields = [...optionalsFormFields, ...requiredFormFields];
+			const formValidity = state.valid[formName] ?? {};
+			return {
+				...acc,
+				[formName]: Object.entries(formValidity)?.every(([field, valid]) => formFields.includes(field) ? valid : true)
+			};
+		}, {});
+	}, [state.requiredFields, state.valid]);
+	const getTargetValue = useCallback((formName, key, e) => {
+		if (!e?.target) return e;
+		if (e.target.type === "checkbox") return !state.data?.[formName][key];
+		return e.target.value;
+	}, [state.data]);
+	const setErrors = useCallback((formName, key, value) => {
+		dispatch({
+			type: "setErrors",
+			key,
+			value,
+			formName
+		});
+	}, []);
+	const setValid = useCallback((formName, key, value) => {
+		dispatch({
+			type: "setValid",
+			key,
+			value,
+			formName
+		});
+	}, []);
+	const setData = useCallback((formName, key, value) => {
+		dispatch({
+			type: "setData",
+			key,
+			value,
+			formName
+		});
+	}, []);
+	const setFormData = useCallback((formName, formData) => {
+		dispatch({
+			type: "setFormData",
+			formName,
+			formData
+		});
+	}, []);
+	const handleChangeFor = useCallback((formName, key, mode = "blur") => (e) => {
+		const value = getTargetValue(formName, key, e);
+		dispatch({
+			type: "updateField",
+			key,
+			value,
+			mode,
+			formName
+		});
+	}, [getTargetValue]);
+	const triggerValidation = useCallback(async (formName, selectedSchema) => {
+		const asyncValidationResults = await triggerAsyncFormValidation(formName, state, selectedSchema);
+		dispatch({
+			type: "validateForm",
+			formName,
+			selectedSchema,
+			asyncValidationResults
+		});
+		return asyncValidationResults.isValid;
+	}, [state, triggerAsyncFormValidation]);
+	const resetToDefaultData = useCallback(() => {
+		if (!getSchema) return;
+		Object.entries(getSchema).forEach(([formName]) => {
+			const form = formName;
+			const formData = defaultData?.[form];
+			getSchema[form].forEach((field) => {
+				if (!formData || typeof formData[field] !== "undefined") {
+					handleChangeFor(form, field)(formData);
+					return;
+				}
+				setValid(form, field, false);
+				setErrors(form, field, null);
+				setData(form, field, formData[field]);
+			});
+		});
+	}, [
+		defaultData,
+		getSchema,
+		handleChangeFor,
+		setData,
+		setErrors,
+		setValid
+	]);
+	useEffect(() => {
+		const requiredFields = getRequiredFields(state.data);
+		if (!requiredFields) return;
+		dispatch({
+			type: "setRequiredFields",
+			requiredFields,
+			defaultData,
+			optionalFields
+		});
+	}, [
+		getRequiredFields,
+		state.data,
+		defaultData,
+		optionalFields
+	]);
+	return {
+		setData,
+		setFormData,
+		setValid,
+		setErrors,
+		handleChangeFor,
+		triggerValidation,
+		resetToDefaultData,
+		isValid,
+		allFields,
+		requiredFields: state.requiredFields,
+		optionalFields: state.optionalFields,
+		trustedFields: state.trustedFields,
+		obscuredFields: state.obscuredFields,
+		valid: state.valid,
+		errors: state.errors,
+		data: state.data,
+		fieldProblems: state.fieldProblems,
+		defaultData,
+		asyncErrors: state.asyncErrors
+	};
+}
+//#endregion
+export { isNotEmptyValidator as n, isTruthyValidator as r, useMultiForm as t };