export function getDirtyFields(
	{
		formState: { dirtyFields },
		getValues,
	}: {
		formState: { dirtyFields: any };
		getValues: () => any;
	},
	formValues = getValues(),
) {
	// https://github.com/orgs/react-hook-form/discussions/9472
	if (typeof dirtyFields !== 'object' || dirtyFields === null || !formValues) {
		return {};
	}

	return Object.keys(dirtyFields).reduce(
		(accumulator, key) => {
			const isDirty = dirtyFields[key];
			const value = formValues[key];

			// If it's an array, apply the logic recursively to each item
			if (Array.isArray(isDirty)) {
				// eslint-disable-next-line no-underscore-dangle
				const _dirtyFields = isDirty.map((item, index) => getDirtyFields(item, value[index]));
				if (_dirtyFields.length > 0) {
					// eslint-disable-next-line no-param-reassign
					accumulator[key] = _dirtyFields;
				}
			}
			// If it's an object, apply the logic recursively
			else if (typeof isDirty === 'object' && isDirty !== null) {
				// eslint-disable-next-line no-param-reassign
				accumulator[key] = getDirtyFields(isDirty, value);
			}
			// If it's a dirty field, get the value from formValues
			else if (isDirty) {
				// eslint-disable-next-line no-param-reassign
				accumulator[key] = value;
			}

			return accumulator;
		},
		{} as Record<string, any>,
	);
}