@payloadcms/ui 3.0.0-canary.ff8c8fd → 3.0.0

package/dist/forms/Form/index.js

@@ -4,19 +4,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { dequal } from 'dequal/lite'; // lite: no need for Map and Set support
 import { useRouter } from 'next/navigation.js';
 import { serialize } from 'object-to-formdata';
-import { getDataByPath as getDataByPathFunc, getSiblingData as getSiblingDataFunc, reduceFieldsToValues, wait } from 'payload/shared';
+import { deepCopyObjectSimpleWithoutReactComponents, getDataByPath as getDataByPathFunc, getSiblingData as getSiblingDataFunc, reduceFieldsToValues, wait } from 'payload/shared';
 import React, { useCallback, useEffect, useReducer, useRef, useState } from 'react';
 import { toast } from 'sonner';
-import { useDebouncedEffect } from '../../hooks/useDebouncedEffect.js';
+import { useIgnoredEffectDebounced } from '../../hooks/useIgnoredEffect.js';
 import { useThrottledEffect } from '../../hooks/useThrottledEffect.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { abortAndIgnore } from '../../utilities/abortAndIgnore.js';
 import { requests } from '../../utilities/api.js';
-import { getFormState } from '../../utilities/getFormState.js';
 import { FormContext, FormFieldsContext, FormWatchContext, InitializingContext, ModifiedContext, ProcessingContext, SubmittedContext } from './context.js';
 import { errorMessages } from './errorMessages.js';
 import { fieldReducer } from './fieldReducer.js';
@@ -27,6 +28,8 @@ export const Form = props => {
   const {
     id,
     collectionSlug,
+    docPermissions,
+    getDocPreferences,
     globalSlug
   } = useDocumentInfo();
   const {
@@ -34,9 +37,9 @@ export const Form = props => {
     beforeSubmit,
     children,
     className,
+    disabled: disabledFromProps,
     disableSuccessStatus,
     disableValidationOnSubmit,
-    disabled: disabledFromProps,
     // fields: fieldsFromProps = collection?.fields || global?.fields,
     handleResponse,
     initialState,
@@ -63,15 +66,12 @@ export const Form = props => {
     user
   } = useAuth();
   const operation = useOperation();
+  const {
+    getFormState
+  } = useServerFunctions();
   const {
     config
   } = useConfig();
-  const {
-    routes: {
-      api: apiRoute
-    },
-    serverURL
-  } = config;
   const [disabled, setDisabled] = useState(disabledFromProps || false);
   const [isMounted, setIsMounted] = useState(false);
   const [modified, setModified] = useState(false);
@@ -80,6 +80,7 @@ export const Form = props => {
   const [submitted, setSubmitted] = useState(false);
   const formRef = useRef(null);
   const contextRef = useRef({});
+  const resetFormStateAbortControllerRef = useRef(null);
   const fieldsReducer = useReducer(fieldReducer, {}, () => initialState);
   /**
   * `fields` is the current, up-to-date state/data of all fields in the form. It can be modified by using dispatchFields,
@@ -96,7 +97,7 @@ export const Form = props => {
       const validatedField = field;
       if (field.passesCondition !== false) {
         let validationResult = validatedField.valid;
-        if (typeof field.validate === 'function') {
+        if ('validate' in field && typeof field.validate === 'function') {
           let valueToValidate = field.value;
           if (field?.rows && Array.isArray(field.rows)) {
             valueToValidate = contextRef.current.getDataByPath(path);
@@ -154,7 +155,7 @@ export const Form = props => {
       return;
     }
     // create new toast promise which will resolve manually later
-    let successToast, errorToast;
+    let errorToast, successToast;
     const promise = new Promise((resolve, reject) => {
       successToast = resolve;
       errorToast = reject;
@@ -182,14 +183,17 @@ export const Form = props => {
     }
     setProcessing(true);
     setDisabled(true);
-    if (waitForAutocomplete) await wait(100);
+    if (waitForAutocomplete) {
+      await wait(100);
+    }
     // Execute server side validations
     if (Array.isArray(beforeSubmit)) {
       let revalidatedFormState;
+      const serializableFields = deepCopyObjectSimpleWithoutReactComponents(contextRef.current.fields);
       await beforeSubmit.reduce(async (priorOnChange, beforeSubmitFn) => {
         await priorOnChange;
         const result = await beforeSubmitFn({
-          formState: fields
+          formState: serializableFields
         });
         revalidatedFormState = result;
       }, Promise.resolve());
@@ -215,11 +219,14 @@ export const Form = props => {
     }
     // If submit handler comes through via props, run that
     if (onSubmit) {
-      const data_4 = {
-        ...reduceFieldsToValues(fields, true),
-        ...overrides
-      };
-      onSubmit(fields, data_4);
+      const serializableFields_0 = deepCopyObjectSimpleWithoutReactComponents(contextRef.current.fields);
+      const data_4 = reduceFieldsToValues(serializableFields_0, true);
+      if (overrides) {
+        for (const [key, value] of Object.entries(overrides)) {
+          data_4[key] = value;
+        }
+      }
+      onSubmit(serializableFields_0, data_4);
     }
     if (!hasFormSubmitAction) {
       // No action provided, so we should return. An example where this happens are lexical link drawers. Upon submitting the drawer, we
@@ -252,9 +259,13 @@ export const Form = props => {
       const isJSON = contentType && contentType.indexOf('application/json') !== -1;
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       let json = {};
-      if (isJSON) json = await res.json();
+      if (isJSON) {
+        json = await res.json();
+      }
       if (res.status < 400) {
-        if (typeof onSuccess === 'function') await onSuccess(json);
+        if (typeof onSuccess === 'function') {
+          await onSuccess(json);
+        }
         setSubmitted(false);
         setProcessing(false);
         if (redirect) {
@@ -282,7 +293,7 @@ export const Form = props => {
             }
             if (Array.isArray(err_0?.data?.errors)) {
               err_0.data?.errors.forEach(dataError => {
-                if (dataError?.field) {
+                if (dataError?.path) {
                   newFieldErrs.push(dataError);
                 } else {
                   newNonFieldErrs.push(dataError);
@@ -304,13 +315,14 @@ export const Form = props => {
         errorToast(message);
       }
     } catch (err) {
-      console.error('Error submitting form', err);
+      console.error('Error submitting form', err) // eslint-disable-line no-console
+      ;
       setProcessing(false);
       setSubmitted(true);
       setDisabled(false);
       errorToast(err.message);
     }
-  }, [beforeSubmit, action, disableSuccessStatus, disableValidationOnSubmit, disabled, dispatchFields, fields, handleResponse, method, onSubmit, onSuccess, redirect, router, t, i18n, waitForAutocomplete]);
+  }, [beforeSubmit, action, disableSuccessStatus, disableValidationOnSubmit, disabled, dispatchFields, handleResponse, method, onSubmit, onSuccess, redirect, router, t, i18n, waitForAutocomplete]);
   const getFields = useCallback(() => contextRef.current.fields, []);
   const getField = useCallback(path_0 => contextRef.current.fields[path_0], []);
   const getData = useCallback(() => reduceFieldsToValues(contextRef.current.fields, true), []);
@@ -339,17 +351,23 @@ export const Form = props => {
     return formData_0;
   }, []);
   const reset = useCallback(async data_6 => {
-    const newState = await getFormState({
-      apiRoute,
-      body: {
-        id,
-        collectionSlug,
-        data: data_6,
-        globalSlug,
-        operation,
-        schemaPath: collectionSlug || globalSlug
-      },
-      serverURL
+    abortAndIgnore(resetFormStateAbortControllerRef.current);
+    const controller = new AbortController();
+    resetFormStateAbortControllerRef.current = controller;
+    const docPreferences = await getDocPreferences();
+    const {
+      state: newState
+    } = await getFormState({
+      id,
+      collectionSlug,
+      data: data_6,
+      docPermissions,
+      docPreferences,
+      globalSlug,
+      operation,
+      renderAllFields: true,
+      schemaPath: collectionSlug ? collectionSlug : globalSlug,
+      signal: controller.signal
     });
     contextRef.current = {
       ...initContextState
@@ -359,7 +377,7 @@ export const Form = props => {
       type: 'REPLACE_STATE',
       state: newState
     });
-  }, [apiRoute, collectionSlug, dispatchFields, globalSlug, id, operation, serverURL]);
+  }, [collectionSlug, dispatchFields, globalSlug, id, operation, getFormState, docPermissions, getDocPreferences]);
   const replaceState = useCallback(state => {
     contextRef.current = {
       ...initContextState
@@ -370,40 +388,24 @@ export const Form = props => {
       state
     });
   }, [dispatchFields]);
-  const getFieldStateBySchemaPath = useCallback(async ({
-    data: data_7,
-    schemaPath
-  }) => {
-    const fieldSchema = await getFormState({
-      apiRoute,
-      body: {
-        collectionSlug,
-        data: data_7,
-        globalSlug,
-        schemaPath
-      },
-      serverURL
-    });
-    return fieldSchema;
-  }, [apiRoute, collectionSlug, globalSlug, serverURL]);
-  const addFieldRow = useCallback(async ({
-    data: data_8,
+  const addFieldRow = useCallback(({
+    blockType,
     path: path_3,
-    rowIndex,
-    schemaPath: schemaPath_0
+    rowIndex: rowIndexArg,
+    subFieldState
   }) => {
-    const subFieldState = await getFieldStateBySchemaPath({
-      data: data_8,
-      schemaPath: schemaPath_0
-    });
+    const newRows = getDataByPath(path_3) || [];
+    const rowIndex = rowIndexArg === undefined ? newRows.length : rowIndexArg;
+    // dispatch ADD_ROW that sets requiresRender: true and adds a blank row to local form state.
+    // This performs no form state request, as the debounced onChange effect will do that for us.
     dispatchFields({
       type: 'ADD_ROW',
-      blockType: data_8?.blockType,
+      blockType,
       path: path_3,
       rowIndex,
       subFieldState
     });
-  }, [getFieldStateBySchemaPath, dispatchFields]);
+  }, [dispatchFields, getDataByPath]);
   const removeFieldRow = useCallback(({
     path: path_4,
     rowIndex: rowIndex_0
@@ -414,24 +416,27 @@ export const Form = props => {
       rowIndex: rowIndex_0
     });
   }, [dispatchFields]);
-  const replaceFieldRow = useCallback(async ({
-    data: data_9,
+  const replaceFieldRow = useCallback(({
+    blockType: blockType_0,
     path: path_5,
-    rowIndex: rowIndex_1,
-    schemaPath: schemaPath_1
+    rowIndex: rowIndexArg_0,
+    subFieldState: subFieldState_0
   }) => {
-    const subFieldState_0 = await getFieldStateBySchemaPath({
-      data: data_9,
-      schemaPath: schemaPath_1
-    });
+    const currentRows = getDataByPath(path_5);
+    const rowIndex_1 = rowIndexArg_0 === undefined ? currentRows.length : rowIndexArg_0;
     dispatchFields({
       type: 'REPLACE_ROW',
-      blockType: data_9?.blockType,
+      blockType: blockType_0,
       path: path_5,
       rowIndex: rowIndex_1,
       subFieldState: subFieldState_0
     });
-  }, [getFieldStateBySchemaPath, dispatchFields]);
+  }, [dispatchFields, getDataByPath]);
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(resetFormStateAbortControllerRef.current);
+    };
+  }, []);
   useEffect(() => {
     if (initializingFromProps !== undefined) {
       setInitializing(initializingFromProps);
@@ -463,10 +468,14 @@ export const Form = props => {
     setIsMounted(true);
   }, []);
   useEffect(() => {
-    if (typeof disabledFromProps === 'boolean') setDisabled(disabledFromProps);
+    if (typeof disabledFromProps === 'boolean') {
+      setDisabled(disabledFromProps);
+    }
   }, [disabledFromProps]);
   useEffect(() => {
-    if (typeof submittedFromProps === 'boolean') setSubmitted(submittedFromProps);
+    if (typeof submittedFromProps === 'boolean') {
+      setSubmitted(submittedFromProps);
+    }
   }, [submittedFromProps]);
   useEffect(() => {
     if (initialState) {
@@ -491,15 +500,19 @@ export const Form = props => {
     setModified(false);
   }, [locale]);
   const classes = [className, baseClass].filter(Boolean).join(' ');
-  useDebouncedEffect(() => {
+  useIgnoredEffectDebounced(() => {
     const executeOnChange = async () => {
       if (Array.isArray(onChange)) {
         let revalidatedFormState_0 = contextRef.current.fields;
         for (const onChangeFn of onChange) {
+          // Edit view default onChange is in packages/ui/src/views/Edit/index.tsx. This onChange usually sends a form state request
           revalidatedFormState_0 = await onChangeFn({
-            formState: revalidatedFormState_0
+            formState: deepCopyObjectSimpleWithoutReactComponents(contextRef.current.fields)
           });
         }
+        if (!revalidatedFormState_0) {
+          return;
+        }
         const {
           changed,
           newState: newState_0
@@ -513,11 +526,20 @@ export const Form = props => {
         }
       }
     };
-    if (modified) void executeOnChange();
-  }, 150,
-  // Make sure we trigger this whenever modified changes (not just when `fields` changes), otherwise we will miss merging server form state for the first form update/onChange. Here's why:
-  // `fields` updates before `modified`, because setModified is in a setTimeout. So on the first change, modified is false, so we don't trigger the effect even though we should.
-  [contextRef.current.fields, dispatchFields, onChange, modified]);
+    if (modified) {
+      void executeOnChange();
+    }
+  },
+  /*
+  Make sure we trigger this whenever modified changes (not just when `fields` changes),
+  otherwise we will miss merging server form state for the first form update/onChange.
+  Here's why:
+   `fields` updates before `modified`, because setModified is in a setTimeout.
+   So on the first change, modified is false, so we don't trigger the effect even though we should.
+  **/
+  [contextRef.current.fields, modified], [dispatchFields, onChange], {
+    delay: 250
+  });
   return /*#__PURE__*/_jsx("form", {
     action: typeof action === 'function' ? void action : action,
     className: classes,

package/dist/forms/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dequal","useRouter","serialize","getDataByPath","getDataByPathFunc","getSiblingData","getSiblingDataFunc","reduceFieldsToValues","wait","React","useCallback","useEffect","useReducer","useRef","useState","toast","useDebouncedEffect","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useLocale","useOperation","useTranslation","requests","getFormState","FormContext","FormFieldsContext","FormWatchContext","InitializingContext","ModifiedContext","ProcessingContext","SubmittedContext","errorMessages","fieldReducer","initContextState","mergeServerFormState","baseClass","Form","props","id","collectionSlug","globalSlug","action","beforeSubmit","children","className","disableSuccessStatus","disableValidationOnSubmit","disabled","disabledFromProps","handleResponse","initialState","isInitializing","initializingFromProps","onChange","onSubmit","onSuccess","redirect","submitted","submittedFromProps","uuid","waitForAutocomplete","method","undefined","router","code","locale","i18n","t","refreshCookie","user","operation","config","routes","api","apiRoute","serverURL","setDisabled","isMounted","setIsMounted","modified","setModified","initializing","setInitializing","processing","setProcessing","setSubmitted","formRef","contextRef","fieldsReducer","fields","dispatchFields","current","validateForm","validatedFieldState","isValid","dataFromContext","getData","data","validationPromises","Object","entries","map","path","field","validatedField","passesCondition","validationResult","valid","validate","valueToValidate","value","rows","Array","isArray","preferences","req","payload","siblingData","errorMessage","Promise","all","type","state","submit","options","e","actionArg","methodToUse","overrides","skipValidation","preventDefault","successToast","errorToast","promise","resolve","reject","hasFormSubmitAction","success","error","loading","stopPropagation","revalidatedFormState","reduce","priorOnChange","beforeSubmitFn","result","formState","every","formData","createFormData","res","toLowerCase","body","headers","language","contentType","get","isJSON","indexOf","json","status","push","message","errors","fieldErrors","nonFieldErrors","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","forEach","dataError","statusText","console","getFields","getField","file","dataWithOverrides","dataToSerialize","_payload","JSON","stringify","indices","nullsAsUndefineds","reset","newState","schemaPath","replaceState","getFieldStateBySchemaPath","fieldSchema","addFieldRow","rowIndex","subFieldState","blockType","removeFieldRow","replaceFieldRow","optimize","classes","filter","Boolean","join","executeOnChange","onChangeFn","changed","_jsx","noValidate","ref","Provider","useAllFormFields","useForm","useFormFields","useFormModified","useFormProcessing","useFormSubmitted","useWatchForm"],"sources":["../../../src/forms/Form/index.tsx"],"sourcesContent":["'use client'\nimport type { FormState, PayloadRequest } from 'payload'\n\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\nimport { useRouter } from 'next/navigation.js'\nimport { serialize } from 'object-to-formdata'\nimport {\n  getDataByPath as getDataByPathFunc,\n  getSiblingData as getSiblingDataFunc,\n  reduceFieldsToValues,\n  wait,\n} from 'payload/shared'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type {\n  Context as FormContextType,\n  FormProps,\n  GetDataByPath,\n  SubmitOptions,\n} from './types.js'\n\nimport { useDebouncedEffect } from '../../hooks/useDebouncedEffect.js'\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n} from './context.js'\nimport { errorMessages } from './errorMessages.js'\nimport { fieldReducer } from './fieldReducer.js'\nimport { initContextState } from './initContextState.js'\nimport { mergeServerFormState } from './mergeServerFormState.js'\n\nconst baseClass = 'form'\n\nexport const Form: React.FC<FormProps> = (props) => {\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const {\n    action,\n    beforeSubmit,\n    children,\n    className,\n    disableSuccessStatus,\n    disableValidationOnSubmit,\n    disabled: disabledFromProps,\n    // fields: fieldsFromProps = collection?.fields || global?.fields,\n    handleResponse,\n    initialState, // fully formed initial field state\n    isInitializing: initializingFromProps,\n    onChange,\n    onSubmit,\n    onSuccess,\n    redirect,\n    submitted: submittedFromProps,\n    uuid,\n    waitForAutocomplete,\n  } = props\n\n  const method = 'method' in props ? props?.method : undefined\n\n  const router = useRouter()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { refreshCookie, user } = useAuth()\n  const operation = useOperation()\n\n  const { config } = useConfig()\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const [disabled, setDisabled] = useState(disabledFromProps || false)\n  const [isMounted, setIsMounted] = useState(false)\n  const [modified, setModified] = useState(false)\n  const [initializing, setInitializing] = useState(initializingFromProps)\n  const [processing, setProcessing] = useState(false)\n  const [submitted, setSubmitted] = useState(false)\n  const formRef = useRef<HTMLFormElement>(null)\n  const contextRef = useRef({} as FormContextType)\n\n  const fieldsReducer = useReducer(fieldReducer, {}, () => initialState)\n\n  /**\n   * `fields` is the current, up-to-date state/data of all fields in the form. It can be modified by using dispatchFields,\n   * which calls the fieldReducer, which then updates the state.\n   */\n  const [fields, dispatchFields] = fieldsReducer\n\n  contextRef.current.fields = fields\n\n  const validateForm = useCallback(async () => {\n    const validatedFieldState = {}\n    let isValid = true\n\n    const dataFromContext = contextRef.current.getData()\n    const data = dataFromContext\n\n    const validationPromises = Object.entries(contextRef.current.fields).map(\n      async ([path, field]) => {\n        const validatedField = field\n\n        if (field.passesCondition !== false) {\n          let validationResult: boolean | string = validatedField.valid\n\n          if (typeof field.validate === 'function') {\n            let valueToValidate = field.value\n\n            if (field?.rows && Array.isArray(field.rows)) {\n              valueToValidate = contextRef.current.getDataByPath(path)\n            }\n\n            validationResult = await field.validate(valueToValidate, {\n              ...field,\n              id,\n              collectionSlug,\n              data,\n              operation,\n              preferences: {} as any,\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n                user,\n              } as unknown as PayloadRequest,\n              siblingData: contextRef.current.getSiblingData(path),\n            })\n\n            if (typeof validationResult === 'string') {\n              validatedField.errorMessage = validationResult\n              validatedField.valid = false\n            } else {\n              validatedField.valid = true\n              validatedField.errorMessage = undefined\n            }\n          }\n\n          if (validatedField.valid === false) {\n            isValid = false\n          }\n        }\n\n        validatedFieldState[path] = validatedField\n      },\n    )\n\n    await Promise.all(validationPromises)\n\n    if (!dequal(contextRef.current.fields, validatedFieldState)) {\n      dispatchFields({ type: 'REPLACE_STATE', state: validatedFieldState })\n    }\n\n    return isValid\n  }, [collectionSlug, config, dispatchFields, id, operation, t, user])\n\n  const submit = useCallback(\n    async (options: SubmitOptions = {}, e): Promise<void> => {\n      const {\n        action: actionArg = action,\n        method: methodToUse = method,\n        overrides = {},\n        skipValidation,\n      } = options\n\n      if (disabled) {\n        if (e) {\n          e.preventDefault()\n        }\n        return\n      }\n\n      // create new toast promise which will resolve manually later\n      let successToast, errorToast\n      const promise = new Promise((resolve, reject) => {\n        successToast = resolve\n        errorToast = reject\n      })\n\n      const hasFormSubmitAction =\n        actionArg || typeof action === 'string' || typeof action === 'function'\n\n      if (redirect || disableSuccessStatus || !hasFormSubmitAction) {\n        // Do not show submitting toast, as the promise toast may never disappear under these conditions.\n        // Instead, make successToast() or errorToast() throw toast.success / toast.error\n        successToast = (data) => toast.success(data)\n        errorToast = (data) => toast.error(data)\n      } else {\n        toast.promise(promise, {\n          error: (data) => {\n            return data as string\n          },\n          loading: t('general:submitting'),\n          success: (data) => {\n            return data as string\n          },\n        })\n      }\n\n      if (e) {\n        e.stopPropagation()\n        e.preventDefault()\n      }\n\n      setProcessing(true)\n      setDisabled(true)\n\n      if (waitForAutocomplete) await wait(100)\n\n      // Execute server side validations\n      if (Array.isArray(beforeSubmit)) {\n        let revalidatedFormState: FormState\n\n        await beforeSubmit.reduce(async (priorOnChange, beforeSubmitFn) => {\n          await priorOnChange\n\n          const result = await beforeSubmitFn({\n            formState: fields,\n          })\n\n          revalidatedFormState = result\n        }, Promise.resolve())\n\n        const isValid = Object.entries(revalidatedFormState).every(([, field]) => field.valid)\n\n        if (!isValid) {\n          setProcessing(false)\n          setSubmitted(true)\n          setDisabled(false)\n          return dispatchFields({ type: 'REPLACE_STATE', state: revalidatedFormState })\n        }\n      }\n\n      const isValid =\n        skipValidation || disableValidationOnSubmit ? true : await contextRef.current.validateForm()\n\n      // If not valid, prevent submission\n      if (!isValid) {\n        errorToast(t('error:correctInvalidFields'))\n        setProcessing(false)\n        setSubmitted(true)\n        setDisabled(false)\n        return\n      }\n\n      // If submit handler comes through via props, run that\n      if (onSubmit) {\n        const data = {\n          ...reduceFieldsToValues(fields, true),\n          ...overrides,\n        }\n\n        onSubmit(fields, data)\n      }\n\n      if (!hasFormSubmitAction) {\n        // No action provided, so we should return. An example where this happens are lexical link drawers. Upon submitting the drawer, we\n        // want to close it without submitting the form. Stuff like validation would be handled by lexical before this, through beforeSubmit\n        setProcessing(false)\n        setSubmitted(true)\n        setDisabled(false)\n        return\n      }\n\n      const formData = contextRef.current.createFormData(overrides)\n\n      try {\n        let res\n\n        if (typeof actionArg === 'string') {\n          res = await requests[methodToUse.toLowerCase()](actionArg, {\n            body: formData,\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n        } else if (typeof action === 'function') {\n          res = await action(formData)\n        }\n\n        setModified(false)\n        setDisabled(false)\n\n        if (typeof handleResponse === 'function') {\n          handleResponse(res, successToast, errorToast)\n          return\n        }\n\n        const contentType = res.headers.get('content-type')\n        const isJSON = contentType && contentType.indexOf('application/json') !== -1\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        let json: Record<string, any> = {}\n\n        if (isJSON) json = await res.json()\n        if (res.status < 400) {\n          if (typeof onSuccess === 'function') await onSuccess(json)\n          setSubmitted(false)\n          setProcessing(false)\n\n          if (redirect) {\n            router.push(redirect)\n          } else if (!disableSuccessStatus) {\n            successToast(json.message || t('general:submissionSuccessful'))\n          }\n        } else {\n          setProcessing(false)\n          setSubmitted(true)\n\n          contextRef.current = { ...contextRef.current } // triggers rerender of all components that subscribe to form\n          if (json.message) {\n            errorToast(json.message)\n\n            return\n          }\n\n          if (Array.isArray(json.errors)) {\n            const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n              ([fieldErrs, nonFieldErrs], err) => {\n                const newFieldErrs = []\n                const newNonFieldErrs = []\n\n                if (err?.message) {\n                  newNonFieldErrs.push(err)\n                }\n\n                if (Array.isArray(err?.data?.errors)) {\n                  err.data?.errors.forEach((dataError) => {\n                    if (dataError?.field) {\n                      newFieldErrs.push(dataError)\n                    } else {\n                      newNonFieldErrs.push(dataError)\n                    }\n                  })\n                }\n\n                return [\n                  [...fieldErrs, ...newFieldErrs],\n                  [...nonFieldErrs, ...newNonFieldErrs],\n                ]\n              },\n              [[], []],\n            )\n\n            dispatchFields({\n              type: 'ADD_SERVER_ERRORS',\n              errors: fieldErrors,\n            })\n\n            nonFieldErrors.forEach((err) => {\n              errorToast(err.message || t('error:unknown'))\n            })\n\n            return\n          }\n\n          const message = errorMessages?.[res.status] || res?.statusText || t('error:unknown')\n\n          errorToast(message)\n        }\n      } catch (err) {\n        console.error('Error submitting form', err)\n        setProcessing(false)\n        setSubmitted(true)\n        setDisabled(false)\n\n        errorToast(err.message)\n      }\n    },\n    [\n      beforeSubmit,\n      action,\n      disableSuccessStatus,\n      disableValidationOnSubmit,\n      disabled,\n      dispatchFields,\n      fields,\n      handleResponse,\n      method,\n      onSubmit,\n      onSuccess,\n      redirect,\n      router,\n      t,\n      i18n,\n      waitForAutocomplete,\n    ],\n  )\n\n  const getFields = useCallback(() => contextRef.current.fields, [])\n\n  const getField = useCallback((path: string) => contextRef.current.fields[path], [])\n\n  const getData = useCallback(() => reduceFieldsToValues(contextRef.current.fields, true), [])\n\n  const getSiblingData = useCallback(\n    (path: string) => getSiblingDataFunc(contextRef.current.fields, path),\n    [],\n  )\n  const getDataByPath = useCallback<GetDataByPath>(\n    (path: string) => getDataByPathFunc(contextRef.current.fields, path),\n    [],\n  )\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const createFormData = useCallback((overrides: any = {}) => {\n    const data = reduceFieldsToValues(contextRef.current.fields, true)\n\n    const file = data?.file\n\n    if (file) {\n      delete data.file\n    }\n\n    const dataWithOverrides = {\n      ...data,\n      ...overrides,\n    }\n\n    const dataToSerialize = {\n      _payload: JSON.stringify(dataWithOverrides),\n      file,\n    }\n\n    // nullAsUndefineds is important to allow uploads and relationship fields to clear themselves\n    const formData = serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false })\n\n    return formData\n  }, [])\n\n  const reset = useCallback(\n    async (data: unknown) => {\n      const newState = await getFormState({\n        apiRoute,\n        body: {\n          id,\n          collectionSlug,\n          data,\n          globalSlug,\n          operation,\n          schemaPath: collectionSlug || globalSlug,\n        },\n        serverURL,\n      })\n\n      contextRef.current = { ...initContextState } as FormContextType\n      setModified(false)\n      dispatchFields({ type: 'REPLACE_STATE', state: newState })\n    },\n    [apiRoute, collectionSlug, dispatchFields, globalSlug, id, operation, serverURL],\n  )\n\n  const replaceState = useCallback(\n    (state: FormState) => {\n      contextRef.current = { ...initContextState } as FormContextType\n      setModified(false)\n      dispatchFields({ type: 'REPLACE_STATE', state })\n    },\n    [dispatchFields],\n  )\n\n  const getFieldStateBySchemaPath = useCallback(\n    async ({ data, schemaPath }) => {\n      const fieldSchema = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug,\n          data,\n          globalSlug,\n          schemaPath,\n        },\n        serverURL,\n      })\n      return fieldSchema\n    },\n    [apiRoute, collectionSlug, globalSlug, serverURL],\n  )\n\n  const addFieldRow: FormContextType['addFieldRow'] = useCallback(\n    async ({ data, path, rowIndex, schemaPath }) => {\n      const subFieldState = await getFieldStateBySchemaPath({ data, schemaPath })\n\n      dispatchFields({\n        type: 'ADD_ROW',\n        blockType: data?.blockType,\n        path,\n        rowIndex,\n        subFieldState,\n      })\n    },\n    [getFieldStateBySchemaPath, dispatchFields],\n  )\n\n  const removeFieldRow: FormContextType['removeFieldRow'] = useCallback(\n    ({ path, rowIndex }) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n    },\n    [dispatchFields],\n  )\n\n  const replaceFieldRow: FormContextType['replaceFieldRow'] = useCallback(\n    async ({ data, path, rowIndex, schemaPath }) => {\n      const subFieldState = await getFieldStateBySchemaPath({ data, schemaPath })\n\n      dispatchFields({\n        type: 'REPLACE_ROW',\n        blockType: data?.blockType,\n        path,\n        rowIndex,\n        subFieldState,\n      })\n    },\n    [getFieldStateBySchemaPath, dispatchFields],\n  )\n\n  useEffect(() => {\n    if (initializingFromProps !== undefined) {\n      setInitializing(initializingFromProps)\n    }\n  }, [initializingFromProps])\n\n  contextRef.current.submit = submit\n  contextRef.current.getFields = getFields\n  contextRef.current.getField = getField\n  contextRef.current.getData = getData\n  contextRef.current.getSiblingData = getSiblingData\n  contextRef.current.getDataByPath = getDataByPath\n  contextRef.current.validateForm = validateForm\n  contextRef.current.createFormData = createFormData\n  contextRef.current.setModified = setModified\n  contextRef.current.setProcessing = setProcessing\n  contextRef.current.setSubmitted = setSubmitted\n  contextRef.current.disabled = disabled\n  contextRef.current.setDisabled = setDisabled\n  contextRef.current.formRef = formRef\n  contextRef.current.reset = reset\n  contextRef.current.replaceState = replaceState\n  contextRef.current.dispatchFields = dispatchFields\n  contextRef.current.addFieldRow = addFieldRow\n  contextRef.current.removeFieldRow = removeFieldRow\n  contextRef.current.replaceFieldRow = replaceFieldRow\n  contextRef.current.uuid = uuid\n  contextRef.current.initializing = initializing\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  useEffect(() => {\n    if (typeof disabledFromProps === 'boolean') setDisabled(disabledFromProps)\n  }, [disabledFromProps])\n\n  useEffect(() => {\n    if (typeof submittedFromProps === 'boolean') setSubmitted(submittedFromProps)\n  }, [submittedFromProps])\n\n  useEffect(() => {\n    if (initialState) {\n      contextRef.current = { ...initContextState } as FormContextType\n      dispatchFields({ type: 'REPLACE_STATE', optimize: false, state: initialState })\n    }\n  }, [initialState, dispatchFields])\n\n  useThrottledEffect(\n    () => {\n      refreshCookie()\n    },\n    15000,\n    [fields],\n  )\n\n  useEffect(() => {\n    contextRef.current = { ...contextRef.current } // triggers rerender of all components that subscribe to form\n    setModified(false)\n  }, [locale])\n\n  const classes = [className, baseClass].filter(Boolean).join(' ')\n\n  useDebouncedEffect(\n    () => {\n      const executeOnChange = async () => {\n        if (Array.isArray(onChange)) {\n          let revalidatedFormState: FormState = contextRef.current.fields\n\n          for (const onChangeFn of onChange) {\n            revalidatedFormState = await onChangeFn({\n              formState: revalidatedFormState,\n            })\n          }\n\n          const { changed, newState } = mergeServerFormState(\n            contextRef.current.fields || {},\n            revalidatedFormState,\n          )\n\n          if (changed) {\n            dispatchFields({\n              type: 'REPLACE_STATE',\n              optimize: false,\n              state: newState,\n            })\n          }\n        }\n      }\n\n      if (modified) void executeOnChange()\n    },\n    150,\n    // Make sure we trigger this whenever modified changes (not just when `fields` changes), otherwise we will miss merging server form state for the first form update/onChange. Here's why:\n    // `fields` updates before `modified`, because setModified is in a setTimeout. So on the first change, modified is false, so we don't trigger the effect even though we should.\n    [contextRef.current.fields, dispatchFields, onChange, modified],\n  )\n\n  return (\n    <form\n      action={typeof action === 'function' ? void action : action}\n      className={classes}\n      method={method}\n      noValidate\n      onSubmit={(e) => void contextRef.current.submit({}, e)}\n      ref={formRef}\n    >\n      <FormContext.Provider value={contextRef.current}>\n        <FormWatchContext.Provider\n          value={{\n            fields,\n            ...contextRef.current,\n          }}\n        >\n          <SubmittedContext.Provider value={submitted}>\n            <InitializingContext.Provider value={!isMounted || (isMounted && initializing)}>\n              <ProcessingContext.Provider value={processing}>\n                <ModifiedContext.Provider value={modified}>\n                  <FormFieldsContext.Provider value={fieldsReducer}>\n                    {children}\n                  </FormFieldsContext.Provider>\n                </ModifiedContext.Provider>\n              </ProcessingContext.Provider>\n            </InitializingContext.Provider>\n          </SubmittedContext.Provider>\n        </FormWatchContext.Provider>\n      </FormContext.Provider>\n    </form>\n  )\n}\n\nexport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useForm,\n  useFormFields,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n} from './context.js'\n\nexport { FormProps }\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dequal","useRouter","serialize","deepCopyObjectSimpleWithoutReactComponents","getDataByPath","getDataByPathFunc","getSiblingData","getSiblingDataFunc","reduceFieldsToValues","wait","React","useCallback","useEffect","useReducer","useRef","useState","toast","useIgnoredEffectDebounced","useThrottledEffect","useAuth","useConfig","useDocumentInfo","useLocale","useOperation","useServerFunctions","useTranslation","abortAndIgnore","requests","FormContext","FormFieldsContext","FormWatchContext","InitializingContext","ModifiedContext","ProcessingContext","SubmittedContext","errorMessages","fieldReducer","initContextState","mergeServerFormState","baseClass","Form","props","id","collectionSlug","docPermissions","getDocPreferences","globalSlug","action","beforeSubmit","children","className","disabled","disabledFromProps","disableSuccessStatus","disableValidationOnSubmit","handleResponse","initialState","isInitializing","initializingFromProps","onChange","onSubmit","onSuccess","redirect","submitted","submittedFromProps","uuid","waitForAutocomplete","method","undefined","router","code","locale","i18n","t","refreshCookie","user","operation","getFormState","config","setDisabled","isMounted","setIsMounted","modified","setModified","initializing","setInitializing","processing","setProcessing","setSubmitted","formRef","contextRef","resetFormStateAbortControllerRef","fieldsReducer","fields","dispatchFields","current","validateForm","validatedFieldState","isValid","dataFromContext","getData","data","validationPromises","Object","entries","map","path","field","validatedField","passesCondition","validationResult","valid","validate","valueToValidate","value","rows","Array","isArray","preferences","req","payload","siblingData","errorMessage","Promise","all","type","state","submit","options","e","actionArg","methodToUse","overrides","skipValidation","preventDefault","errorToast","successToast","promise","resolve","reject","hasFormSubmitAction","success","error","loading","stopPropagation","revalidatedFormState","serializableFields","reduce","priorOnChange","beforeSubmitFn","result","formState","every","key","formData","createFormData","res","toLowerCase","body","headers","language","contentType","get","isJSON","indexOf","json","status","push","message","errors","fieldErrors","nonFieldErrors","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","forEach","dataError","statusText","console","getFields","getField","file","dataWithOverrides","dataToSerialize","_payload","JSON","stringify","indices","nullsAsUndefineds","reset","controller","AbortController","docPreferences","newState","renderAllFields","schemaPath","signal","replaceState","addFieldRow","blockType","rowIndex","rowIndexArg","subFieldState","newRows","length","removeFieldRow","replaceFieldRow","currentRows","optimize","classes","filter","Boolean","join","executeOnChange","onChangeFn","changed","delay","_jsx","noValidate","ref","Provider","useAllFormFields","useForm","useFormFields","useFormModified","useFormProcessing","useFormSubmitted","useWatchForm"],"sources":["../../../src/forms/Form/index.tsx"],"sourcesContent":["'use client'\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\nimport { useRouter } from 'next/navigation.js'\nimport { serialize } from 'object-to-formdata'\nimport { type FormState, type PayloadRequest } from 'payload'\nimport {\n  deepCopyObjectSimpleWithoutReactComponents,\n  getDataByPath as getDataByPathFunc,\n  getSiblingData as getSiblingDataFunc,\n  reduceFieldsToValues,\n  wait,\n} from 'payload/shared'\nimport React, { useCallback, useEffect, useReducer, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type {\n  Context as FormContextType,\n  FormProps,\n  GetDataByPath,\n  SubmitOptions,\n} from './types.js'\n\nimport { useIgnoredEffectDebounced } from '../../hooks/useIgnoredEffect.js'\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore } from '../../utilities/abortAndIgnore.js'\nimport { requests } from '../../utilities/api.js'\nimport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  InitializingContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n} from './context.js'\nimport { errorMessages } from './errorMessages.js'\nimport { fieldReducer } from './fieldReducer.js'\nimport { initContextState } from './initContextState.js'\nimport { mergeServerFormState } from './mergeServerFormState.js'\n\nconst baseClass = 'form'\n\nexport const Form: React.FC<FormProps> = (props) => {\n  const { id, collectionSlug, docPermissions, getDocPreferences, globalSlug } = useDocumentInfo()\n\n  const {\n    action,\n    beforeSubmit,\n    children,\n    className,\n    disabled: disabledFromProps,\n    disableSuccessStatus,\n    disableValidationOnSubmit,\n    // fields: fieldsFromProps = collection?.fields || global?.fields,\n    handleResponse,\n    initialState, // fully formed initial field state\n    isInitializing: initializingFromProps,\n    onChange,\n    onSubmit,\n    onSuccess,\n    redirect,\n    submitted: submittedFromProps,\n    uuid,\n    waitForAutocomplete,\n  } = props\n\n  const method = 'method' in props ? props?.method : undefined\n\n  const router = useRouter()\n\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const { refreshCookie, user } = useAuth()\n  const operation = useOperation()\n\n  const { getFormState } = useServerFunctions()\n\n  const { config } = useConfig()\n\n  const [disabled, setDisabled] = useState(disabledFromProps || false)\n  const [isMounted, setIsMounted] = useState(false)\n  const [modified, setModified] = useState(false)\n  const [initializing, setInitializing] = useState(initializingFromProps)\n  const [processing, setProcessing] = useState(false)\n  const [submitted, setSubmitted] = useState(false)\n  const formRef = useRef<HTMLFormElement>(null)\n  const contextRef = useRef({} as FormContextType)\n  const resetFormStateAbortControllerRef = useRef<AbortController>(null)\n\n  const fieldsReducer = useReducer(fieldReducer, {}, () => initialState)\n\n  /**\n   * `fields` is the current, up-to-date state/data of all fields in the form. It can be modified by using dispatchFields,\n   * which calls the fieldReducer, which then updates the state.\n   */\n  const [fields, dispatchFields] = fieldsReducer\n\n  contextRef.current.fields = fields\n\n  const validateForm = useCallback(async () => {\n    const validatedFieldState = {}\n    let isValid = true\n\n    const dataFromContext = contextRef.current.getData()\n    const data = dataFromContext\n\n    const validationPromises = Object.entries(contextRef.current.fields).map(\n      async ([path, field]) => {\n        const validatedField = field\n\n        if (field.passesCondition !== false) {\n          let validationResult: boolean | string = validatedField.valid\n\n          if ('validate' in field && typeof field.validate === 'function') {\n            let valueToValidate = field.value\n\n            if (field?.rows && Array.isArray(field.rows)) {\n              valueToValidate = contextRef.current.getDataByPath(path)\n            }\n\n            validationResult = await field.validate(valueToValidate, {\n              ...field,\n              id,\n              collectionSlug,\n              data,\n              operation,\n              preferences: {} as any,\n              req: {\n                payload: {\n                  config,\n                },\n                t,\n                user,\n              } as unknown as PayloadRequest,\n              siblingData: contextRef.current.getSiblingData(path),\n            })\n\n            if (typeof validationResult === 'string') {\n              validatedField.errorMessage = validationResult\n              validatedField.valid = false\n            } else {\n              validatedField.valid = true\n              validatedField.errorMessage = undefined\n            }\n          }\n\n          if (validatedField.valid === false) {\n            isValid = false\n          }\n        }\n\n        validatedFieldState[path] = validatedField\n      },\n    )\n\n    await Promise.all(validationPromises)\n\n    if (!dequal(contextRef.current.fields, validatedFieldState)) {\n      dispatchFields({ type: 'REPLACE_STATE', state: validatedFieldState })\n    }\n\n    return isValid\n  }, [collectionSlug, config, dispatchFields, id, operation, t, user])\n\n  const submit = useCallback(\n    async (options: SubmitOptions = {}, e): Promise<void> => {\n      const {\n        action: actionArg = action,\n        method: methodToUse = method,\n        overrides = {},\n        skipValidation,\n      } = options\n\n      if (disabled) {\n        if (e) {\n          e.preventDefault()\n        }\n        return\n      }\n\n      // create new toast promise which will resolve manually later\n      let errorToast, successToast\n      const promise = new Promise((resolve, reject) => {\n        successToast = resolve\n        errorToast = reject\n      })\n\n      const hasFormSubmitAction =\n        actionArg || typeof action === 'string' || typeof action === 'function'\n\n      if (redirect || disableSuccessStatus || !hasFormSubmitAction) {\n        // Do not show submitting toast, as the promise toast may never disappear under these conditions.\n        // Instead, make successToast() or errorToast() throw toast.success / toast.error\n        successToast = (data) => toast.success(data)\n        errorToast = (data) => toast.error(data)\n      } else {\n        toast.promise(promise, {\n          error: (data) => {\n            return data as string\n          },\n          loading: t('general:submitting'),\n          success: (data) => {\n            return data as string\n          },\n        })\n      }\n\n      if (e) {\n        e.stopPropagation()\n        e.preventDefault()\n      }\n\n      setProcessing(true)\n      setDisabled(true)\n\n      if (waitForAutocomplete) {\n        await wait(100)\n      }\n\n      // Execute server side validations\n      if (Array.isArray(beforeSubmit)) {\n        let revalidatedFormState: FormState\n        const serializableFields = deepCopyObjectSimpleWithoutReactComponents(\n          contextRef.current.fields,\n        )\n\n        await beforeSubmit.reduce(async (priorOnChange, beforeSubmitFn) => {\n          await priorOnChange\n\n          const result = await beforeSubmitFn({\n            formState: serializableFields,\n          })\n\n          revalidatedFormState = result\n        }, Promise.resolve())\n\n        const isValid = Object.entries(revalidatedFormState).every(([, field]) => field.valid)\n\n        if (!isValid) {\n          setProcessing(false)\n          setSubmitted(true)\n          setDisabled(false)\n          return dispatchFields({ type: 'REPLACE_STATE', state: revalidatedFormState })\n        }\n      }\n\n      const isValid =\n        skipValidation || disableValidationOnSubmit ? true : await contextRef.current.validateForm()\n\n      // If not valid, prevent submission\n      if (!isValid) {\n        errorToast(t('error:correctInvalidFields'))\n        setProcessing(false)\n        setSubmitted(true)\n        setDisabled(false)\n        return\n      }\n\n      // If submit handler comes through via props, run that\n      if (onSubmit) {\n        const serializableFields = deepCopyObjectSimpleWithoutReactComponents(\n          contextRef.current.fields,\n        )\n        const data = reduceFieldsToValues(serializableFields, true)\n\n        if (overrides) {\n          for (const [key, value] of Object.entries(overrides)) {\n            data[key] = value\n          }\n        }\n\n        onSubmit(serializableFields, data)\n      }\n\n      if (!hasFormSubmitAction) {\n        // No action provided, so we should return. An example where this happens are lexical link drawers. Upon submitting the drawer, we\n        // want to close it without submitting the form. Stuff like validation would be handled by lexical before this, through beforeSubmit\n        setProcessing(false)\n        setSubmitted(true)\n        setDisabled(false)\n        return\n      }\n\n      const formData = contextRef.current.createFormData(overrides)\n\n      try {\n        let res\n\n        if (typeof actionArg === 'string') {\n          res = await requests[methodToUse.toLowerCase()](actionArg, {\n            body: formData,\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n        } else if (typeof action === 'function') {\n          res = await action(formData)\n        }\n\n        setModified(false)\n        setDisabled(false)\n\n        if (typeof handleResponse === 'function') {\n          handleResponse(res, successToast, errorToast)\n          return\n        }\n\n        const contentType = res.headers.get('content-type')\n        const isJSON = contentType && contentType.indexOf('application/json') !== -1\n\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        let json: Record<string, any> = {}\n\n        if (isJSON) {\n          json = await res.json()\n        }\n        if (res.status < 400) {\n          if (typeof onSuccess === 'function') {\n            await onSuccess(json)\n          }\n          setSubmitted(false)\n          setProcessing(false)\n\n          if (redirect) {\n            router.push(redirect)\n          } else if (!disableSuccessStatus) {\n            successToast(json.message || t('general:submissionSuccessful'))\n          }\n        } else {\n          setProcessing(false)\n          setSubmitted(true)\n\n          contextRef.current = { ...contextRef.current } // triggers rerender of all components that subscribe to form\n          if (json.message) {\n            errorToast(json.message)\n\n            return\n          }\n\n          if (Array.isArray(json.errors)) {\n            const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n              ([fieldErrs, nonFieldErrs], err) => {\n                const newFieldErrs = []\n                const newNonFieldErrs = []\n\n                if (err?.message) {\n                  newNonFieldErrs.push(err)\n                }\n\n                if (Array.isArray(err?.data?.errors)) {\n                  err.data?.errors.forEach((dataError) => {\n                    if (dataError?.path) {\n                      newFieldErrs.push(dataError)\n                    } else {\n                      newNonFieldErrs.push(dataError)\n                    }\n                  })\n                }\n\n                return [\n                  [...fieldErrs, ...newFieldErrs],\n                  [...nonFieldErrs, ...newNonFieldErrs],\n                ]\n              },\n              [[], []],\n            )\n\n            dispatchFields({\n              type: 'ADD_SERVER_ERRORS',\n              errors: fieldErrors,\n            })\n\n            nonFieldErrors.forEach((err) => {\n              errorToast(err.message || t('error:unknown'))\n            })\n\n            return\n          }\n\n          const message = errorMessages?.[res.status] || res?.statusText || t('error:unknown')\n\n          errorToast(message)\n        }\n      } catch (err) {\n        console.error('Error submitting form', err) // eslint-disable-line no-console\n        setProcessing(false)\n        setSubmitted(true)\n        setDisabled(false)\n        errorToast(err.message)\n      }\n    },\n    [\n      beforeSubmit,\n      action,\n      disableSuccessStatus,\n      disableValidationOnSubmit,\n      disabled,\n      dispatchFields,\n      handleResponse,\n      method,\n      onSubmit,\n      onSuccess,\n      redirect,\n      router,\n      t,\n      i18n,\n      waitForAutocomplete,\n    ],\n  )\n\n  const getFields = useCallback(() => contextRef.current.fields, [])\n\n  const getField = useCallback((path: string) => contextRef.current.fields[path], [])\n\n  const getData = useCallback(() => reduceFieldsToValues(contextRef.current.fields, true), [])\n\n  const getSiblingData = useCallback(\n    (path: string) => getSiblingDataFunc(contextRef.current.fields, path),\n    [],\n  )\n\n  const getDataByPath = useCallback<GetDataByPath>(\n    (path: string) => getDataByPathFunc(contextRef.current.fields, path),\n    [],\n  )\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const createFormData = useCallback((overrides: any = {}) => {\n    const data = reduceFieldsToValues(contextRef.current.fields, true)\n\n    const file = data?.file\n\n    if (file) {\n      delete data.file\n    }\n\n    const dataWithOverrides = {\n      ...data,\n      ...overrides,\n    }\n\n    const dataToSerialize = {\n      _payload: JSON.stringify(dataWithOverrides),\n      file,\n    }\n\n    // nullAsUndefineds is important to allow uploads and relationship fields to clear themselves\n    const formData = serialize(dataToSerialize, { indices: true, nullsAsUndefineds: false })\n\n    return formData\n  }, [])\n\n  const reset = useCallback(\n    async (data: unknown) => {\n      abortAndIgnore(resetFormStateAbortControllerRef.current)\n\n      const controller = new AbortController()\n      resetFormStateAbortControllerRef.current = controller\n\n      const docPreferences = await getDocPreferences()\n\n      const { state: newState } = await getFormState({\n        id,\n        collectionSlug,\n        data,\n        docPermissions,\n        docPreferences,\n        globalSlug,\n        operation,\n        renderAllFields: true,\n        schemaPath: collectionSlug ? collectionSlug : globalSlug,\n        signal: controller.signal,\n      })\n\n      contextRef.current = { ...initContextState } as FormContextType\n      setModified(false)\n      dispatchFields({ type: 'REPLACE_STATE', state: newState })\n    },\n    [\n      collectionSlug,\n      dispatchFields,\n      globalSlug,\n      id,\n      operation,\n      getFormState,\n      docPermissions,\n      getDocPreferences,\n    ],\n  )\n\n  const replaceState = useCallback(\n    (state: FormState) => {\n      contextRef.current = { ...initContextState } as FormContextType\n      setModified(false)\n      dispatchFields({ type: 'REPLACE_STATE', state })\n    },\n    [dispatchFields],\n  )\n\n  const addFieldRow: FormContextType['addFieldRow'] = useCallback(\n    ({ blockType, path, rowIndex: rowIndexArg, subFieldState }) => {\n      const newRows: unknown[] = getDataByPath(path) || []\n      const rowIndex = rowIndexArg === undefined ? newRows.length : rowIndexArg\n\n      // dispatch ADD_ROW that sets requiresRender: true and adds a blank row to local form state.\n      // This performs no form state request, as the debounced onChange effect will do that for us.\n      dispatchFields({\n        type: 'ADD_ROW',\n        blockType,\n        path,\n        rowIndex,\n        subFieldState,\n      })\n    },\n    [dispatchFields, getDataByPath],\n  )\n\n  const removeFieldRow: FormContextType['removeFieldRow'] = useCallback(\n    ({ path, rowIndex }) => {\n      dispatchFields({ type: 'REMOVE_ROW', path, rowIndex })\n    },\n    [dispatchFields],\n  )\n\n  const replaceFieldRow: FormContextType['replaceFieldRow'] = useCallback(\n    ({ blockType, path, rowIndex: rowIndexArg, subFieldState }) => {\n      const currentRows: unknown[] = getDataByPath(path)\n      const rowIndex = rowIndexArg === undefined ? currentRows.length : rowIndexArg\n\n      dispatchFields({\n        type: 'REPLACE_ROW',\n        blockType,\n        path,\n        rowIndex,\n        subFieldState,\n      })\n    },\n    [dispatchFields, getDataByPath],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(resetFormStateAbortControllerRef.current)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (initializingFromProps !== undefined) {\n      setInitializing(initializingFromProps)\n    }\n  }, [initializingFromProps])\n\n  contextRef.current.submit = submit\n  contextRef.current.getFields = getFields\n  contextRef.current.getField = getField\n  contextRef.current.getData = getData\n  contextRef.current.getSiblingData = getSiblingData\n  contextRef.current.getDataByPath = getDataByPath\n  contextRef.current.validateForm = validateForm\n  contextRef.current.createFormData = createFormData\n  contextRef.current.setModified = setModified\n  contextRef.current.setProcessing = setProcessing\n  contextRef.current.setSubmitted = setSubmitted\n  contextRef.current.disabled = disabled\n  contextRef.current.setDisabled = setDisabled\n  contextRef.current.formRef = formRef\n  contextRef.current.reset = reset\n  contextRef.current.replaceState = replaceState\n  contextRef.current.dispatchFields = dispatchFields\n  contextRef.current.addFieldRow = addFieldRow\n  contextRef.current.removeFieldRow = removeFieldRow\n  contextRef.current.replaceFieldRow = replaceFieldRow\n  contextRef.current.uuid = uuid\n  contextRef.current.initializing = initializing\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  useEffect(() => {\n    if (typeof disabledFromProps === 'boolean') {\n      setDisabled(disabledFromProps)\n    }\n  }, [disabledFromProps])\n\n  useEffect(() => {\n    if (typeof submittedFromProps === 'boolean') {\n      setSubmitted(submittedFromProps)\n    }\n  }, [submittedFromProps])\n\n  useEffect(() => {\n    if (initialState) {\n      contextRef.current = { ...initContextState } as FormContextType\n      dispatchFields({ type: 'REPLACE_STATE', optimize: false, state: initialState })\n    }\n  }, [initialState, dispatchFields])\n\n  useThrottledEffect(\n    () => {\n      refreshCookie()\n    },\n    15000,\n    [fields],\n  )\n\n  useEffect(() => {\n    contextRef.current = { ...contextRef.current } // triggers rerender of all components that subscribe to form\n    setModified(false)\n  }, [locale])\n\n  const classes = [className, baseClass].filter(Boolean).join(' ')\n\n  useIgnoredEffectDebounced(\n    () => {\n      const executeOnChange = async () => {\n        if (Array.isArray(onChange)) {\n          let revalidatedFormState: FormState = contextRef.current.fields\n\n          for (const onChangeFn of onChange) {\n            // Edit view default onChange is in packages/ui/src/views/Edit/index.tsx. This onChange usually sends a form state request\n            revalidatedFormState = await onChangeFn({\n              formState: deepCopyObjectSimpleWithoutReactComponents(contextRef.current.fields),\n            })\n          }\n\n          if (!revalidatedFormState) {\n            return\n          }\n\n          const { changed, newState } = mergeServerFormState(\n            contextRef.current.fields || {},\n            revalidatedFormState,\n          )\n\n          if (changed) {\n            dispatchFields({\n              type: 'REPLACE_STATE',\n              optimize: false,\n              state: newState,\n            })\n          }\n        }\n      }\n\n      if (modified) {\n        void executeOnChange()\n      }\n    },\n    /*\n      Make sure we trigger this whenever modified changes (not just when `fields` changes),\n      otherwise we will miss merging server form state for the first form update/onChange.\n\n      Here's why:\n        `fields` updates before `modified`, because setModified is in a setTimeout.\n        So on the first change, modified is false, so we don't trigger the effect even though we should.\n    **/\n    [contextRef.current.fields, modified],\n    [dispatchFields, onChange],\n    {\n      delay: 250,\n    },\n  )\n\n  return (\n    <form\n      action={typeof action === 'function' ? void action : action}\n      className={classes}\n      method={method}\n      noValidate\n      onSubmit={(e) => void contextRef.current.submit({}, e)}\n      ref={formRef}\n    >\n      <FormContext.Provider value={contextRef.current}>\n        <FormWatchContext.Provider\n          value={{\n            fields,\n            ...contextRef.current,\n          }}\n        >\n          <SubmittedContext.Provider value={submitted}>\n            <InitializingContext.Provider value={!isMounted || (isMounted && initializing)}>\n              <ProcessingContext.Provider value={processing}>\n                <ModifiedContext.Provider value={modified}>\n                  <FormFieldsContext.Provider value={fieldsReducer}>\n                    {children}\n                  </FormFieldsContext.Provider>\n                </ModifiedContext.Provider>\n              </ProcessingContext.Provider>\n            </InitializingContext.Provider>\n          </SubmittedContext.Provider>\n        </FormWatchContext.Provider>\n      </FormContext.Provider>\n    </form>\n  )\n}\n\nexport {\n  FormContext,\n  FormFieldsContext,\n  FormWatchContext,\n  ModifiedContext,\n  ProcessingContext,\n  SubmittedContext,\n  useAllFormFields,\n  useForm,\n  useFormFields,\n  useFormModified,\n  useFormProcessing,\n  useFormSubmitted,\n  useWatchForm,\n} from './context.js'\n\nexport { FormProps }\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/Form/index.scss

@@ -1,5 +1,7 @@
-.form {
-  > * {
-    width: 100%;
+@layer payload-default {
+  .form {
+    > * {
+      width: 100%;
+    }
   }
 }

package/dist/forms/Form/mergeServerFormState.d.ts

@@ -1,4 +1,4 @@
-import type { FormState } from 'payload';
+import { type FormState } from 'payload';
 /**
  * Merges certain properties from the server state into the client state. These do not include values,
  * as we do not want to update them on the client like that, which would cause flickering.

package/dist/forms/Form/mergeServerFormState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeServerFormState.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/mergeServerFormState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAQxC;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,kBAChB,SAAS,iBACT,SAAS,KACvB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAsDzC,CAAA"}
+{"version":3,"file":"mergeServerFormState.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/mergeServerFormState.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAaxC;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,kBAChB,SAAS,iBACT,SAAS,KACvB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAuEzC,CAAA"}

package/dist/forms/Form/mergeServerFormState.js

@@ -2,7 +2,7 @@
 
 import { dequal } from 'dequal/lite'; // lite: no need for Map and Set support
 import { mergeErrorPaths } from './mergeErrorPaths.js';
-const serverPropsToAccept = ['passesCondition', 'valid', 'errorMessage'];
+const serverPropsToAccept = ['passesCondition', 'valid', 'errorMessage', 'rows', 'customComponents', 'requiresRender'];
 /**
  * Merges certain properties from the server state into the client state. These do not include values,
  * as we do not want to update them on the client like that, which would cause flickering.
@@ -15,7 +15,9 @@ export const mergeServerFormState = (existingState, incomingState) => {
   const newState = {};
   if (existingState) {
     Object.entries(existingState).forEach(([path, newFieldState]) => {
-      if (!incomingState[path]) return;
+      if (!incomingState[path]) {
+        return;
+      }
       /**
       * Handle error paths
       */
@@ -36,13 +38,17 @@ export const mergeServerFormState = (existingState, incomingState) => {
         }
       }
       /**
-      * Handle the rest which is in serverPropsToAccept
+      * Handle adding all the remaining props that should be updated in the local form state from the server form state
       */
       serverPropsToAccept.forEach(prop => {
-        if (incomingState[path]?.[prop] !== newFieldState[prop]) {
+        if (!dequal(incomingState[path]?.[prop], newFieldState[prop])) {
           changed = true;
           if (!(prop in incomingState[path])) {
-            delete newFieldState[prop];
+            // Regarding excluding the customComponents prop from being deleted: the incoming state might not have been rendered, as rendering components for every form onchange is expensive.
+            // Thus, we simply re-use the initial render state
+            if (prop !== 'customComponents') {
+              delete newFieldState[prop];
+            }
           } else {
             newFieldState[prop] = incomingState[path][prop];
           }
@@ -53,6 +59,15 @@ export const mergeServerFormState = (existingState, incomingState) => {
         ...newFieldState
       };
     });
+    // Now loop over values that are part of incoming state but not part of existing state, and add them to the new state.
+    // This can happen if a new array row was added. In our local state, we simply add out stubbed `array` and `array.[index].id` entries to the local form state.
+    // However, all other array sub-fields are not added to the local state - those will be added by the server and may be incoming here.
+    for (const [path, newFieldState] of Object.entries(incomingState)) {
+      if (!existingState[path]) {
+        changed = true;
+        newState[path] = newFieldState;
+      }
+    }
   }
   return {
     changed,