@payloadcms/ui 3.0.0-beta.127 → 3.0.0-beta.129

package/dist/elements/BulkUpload/AddingFilesView/index.js

@@ -6,6 +6,7 @@ import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { reduceFieldsToValues } from 'payload/shared';
 import React from 'react';
+import { useAuth } from '../../../providers/Auth/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
@@ -23,6 +24,7 @@ export function AddingFilesView() {
     activeIndex,
     collectionSlug,
     docPermissions,
+    documentSlots,
     forms,
     hasPublishPermission,
     hasSavePermission,
@@ -30,48 +32,53 @@ export function AddingFilesView() {
   } = useFormsManager();
   const activeForm = forms[activeIndex];
   const {
-    config
+    getEntityConfig
   } = useConfig();
   const {
     i18n
   } = useTranslation();
+  const {
+    user
+  } = useAuth();
   const {
     openModal
   } = useModal();
   let t0;
-  if ($[0] !== collectionSlug || $[1] !== config.collections || $[2] !== openModal || $[3] !== i18n || $[4] !== activeForm || $[5] !== hasSubmitted || $[6] !== docPermissions || $[7] !== hasPublishPermission || $[8] !== hasSavePermission || $[9] !== activeIndex || $[10] !== forms) {
+  if ($[0] !== collectionSlug || $[1] !== getEntityConfig || $[2] !== openModal || $[3] !== i18n || $[4] !== activeForm || $[5] !== hasSubmitted || $[6] !== user || $[7] !== docPermissions || $[8] !== hasPublishPermission || $[9] !== hasSavePermission || $[10] !== documentSlots || $[11] !== activeIndex || $[12] !== forms) {
+    const collection = getEntityConfig({
+      collectionSlug
+    });
     let t1;
-    if ($[12] !== collectionSlug) {
-      t1 = c => c.slug === collectionSlug;
-      $[12] = collectionSlug;
-      $[13] = t1;
-    } else {
-      t1 = $[13];
-    }
-    const collection = config.collections.find(t1);
-    let t2;
     if ($[14] !== openModal) {
-      t2 = () => openModal(discardBulkUploadModalSlug);
+      t1 = () => openModal(discardBulkUploadModalSlug);
       $[14] = openModal;
-      $[15] = t2;
+      $[15] = t1;
     } else {
-      t2 = $[15];
+      t1 = $[15];
     }
     t0 = _jsxs("div", {
       className: baseClass,
       children: [_jsx(FileSidebar, {}), _jsxs("div", {
         className: `${baseClass}__editView`,
         children: [_jsx(DrawerHeader, {
-          onClose: t2,
+          onClose: t1,
           title: getTranslation(collection.labels.singular, i18n)
         }), activeForm ? _jsxs(DocumentInfoProvider, {
           collectionSlug,
+          currentEditor: user,
           docPermissions,
+          hasPublishedDoc: false,
           hasPublishPermission,
           hasSavePermission,
           id: null,
           initialData: reduceFieldsToValues(activeForm.formState, true),
           initialState: activeForm.formState,
+          isLocked: false,
+          lastUpdateTime: 0,
+          mostRecentVersionIsAutosaved: false,
+          unpublishedVersionCount: 0,
+          Upload: documentSlots.Upload,
+          versionCount: 0,
           children: [_jsx(ActionsBar, {}), _jsx(EditForm, {
             submitted: hasSubmitted
           })]
@@ -79,19 +86,21 @@ export function AddingFilesView() {
       }), _jsx(DiscardWithoutSaving, {})]
     });
     $[0] = collectionSlug;
-    $[1] = config.collections;
+    $[1] = getEntityConfig;
     $[2] = openModal;
     $[3] = i18n;
     $[4] = activeForm;
     $[5] = hasSubmitted;
-    $[6] = docPermissions;
-    $[7] = hasPublishPermission;
-    $[8] = hasSavePermission;
-    $[9] = activeIndex;
-    $[10] = forms;
-    $[11] = t0;
+    $[6] = user;
+    $[7] = docPermissions;
+    $[8] = hasPublishPermission;
+    $[9] = hasSavePermission;
+    $[10] = documentSlots;
+    $[11] = activeIndex;
+    $[12] = forms;
+    $[13] = t0;
   } else {
-    t0 = $[11];
+    t0 = $[13];
   }
   return t0;
 }

package/dist/elements/BulkUpload/AddingFilesView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","forms","hasPublishPermission","hasSavePermission","hasSubmitted","activeForm","config","i18n","openModal","t0","collections","t1","slug","collection","find","t2","_jsxs","className","children","_jsx","onClose","title","labels","singular","id","initialData","formState","initialState","submitted","length"],"sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ActionsBar } from '../ActionsBar/index.js'\nimport { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js'\nimport { EditForm } from '../EditForm/index.js'\nimport { FileSidebar } from '../FileSidebar/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--file-manager'\n\nexport function AddingFilesView() {\n  const {\n    activeIndex,\n    collectionSlug,\n    docPermissions,\n    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { openModal } = useModal()\n\n  const collection = config.collections.find((c) => c.slug === collectionSlug)\n\n  return (\n    <div className={baseClass}>\n      <FileSidebar />\n\n      <div className={`${baseClass}__editView`}>\n        <DrawerHeader\n          onClose={() => openModal(discardBulkUploadModalSlug)}\n          title={getTranslation(collection.labels.singular, i18n)}\n        />\n        {activeForm ? (\n          <DocumentInfoProvider\n            collectionSlug={collectionSlug}\n            docPermissions={docPermissions}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={null}\n            initialData={reduceFieldsToValues(activeForm.formState, true)}\n            initialState={activeForm.formState}\n            key={`${activeIndex}-${forms.length}`}\n          >\n            <ActionsBar />\n            <EditForm submitted={hasSubmitted} />\n          </DocumentInfoProvider>\n        ) : null}\n      </div>\n\n      <DiscardWithoutSaving />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","reduceFieldsToValues","React","useAuth","useConfig","DocumentInfoProvider","useTranslation","ActionsBar","discardBulkUploadModalSlug","DiscardWithoutSaving","EditForm","FileSidebar","useFormsManager","DrawerHeader","baseClass","AddingFilesView","$","activeIndex","collectionSlug","docPermissions","documentSlots","forms","hasPublishPermission","hasSavePermission","hasSubmitted","activeForm","getEntityConfig","i18n","user","openModal","t0","collection","t1","_jsxs","className","children","_jsx","onClose","title","labels","singular","currentEditor","hasPublishedDoc","id","initialData","formState","initialState","isLocked","lastUpdateTime","mostRecentVersionIsAutosaved","unpublishedVersionCount","Upload","versionCount","submitted","length"],"sources":["../../../../src/elements/BulkUpload/AddingFilesView/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React from 'react'\n\nimport { useAuth } from '../../../providers/Auth/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ActionsBar } from '../ActionsBar/index.js'\nimport { discardBulkUploadModalSlug, DiscardWithoutSaving } from '../DiscardWithoutSaving/index.js'\nimport { EditForm } from '../EditForm/index.js'\nimport { FileSidebar } from '../FileSidebar/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { DrawerHeader } from '../Header/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--file-manager'\n\nexport function AddingFilesView() {\n  const {\n    activeIndex,\n    collectionSlug,\n    docPermissions,\n    documentSlots,\n    forms,\n    hasPublishPermission,\n    hasSavePermission,\n    hasSubmitted,\n  } = useFormsManager()\n  const activeForm = forms[activeIndex]\n  const { getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const { user } = useAuth()\n  const { openModal } = useModal()\n\n  const collection = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  return (\n    <div className={baseClass}>\n      <FileSidebar />\n\n      <div className={`${baseClass}__editView`}>\n        <DrawerHeader\n          onClose={() => openModal(discardBulkUploadModalSlug)}\n          title={getTranslation(collection.labels.singular, i18n)}\n        />\n        {activeForm ? (\n          <DocumentInfoProvider\n            collectionSlug={collectionSlug}\n            currentEditor={user}\n            docPermissions={docPermissions}\n            hasPublishedDoc={false}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={null}\n            initialData={reduceFieldsToValues(activeForm.formState, true)}\n            initialState={activeForm.formState}\n            isLocked={false}\n            key={`${activeIndex}-${forms.length}`}\n            lastUpdateTime={0}\n            mostRecentVersionIsAutosaved={false}\n            unpublishedVersionCount={0}\n            Upload={documentSlots.Upload}\n            versionCount={0}\n          >\n            <ActionsBar />\n            <EditForm submitted={hasSubmitted} />\n          </DocumentInfoProvider>\n        ) : null}\n      </div>\n\n      <DiscardWithoutSaving />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,0BAA0B,EAAEC,oBAAoB,QAAQ;AACjE,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,gBAAA;EAAA,MAAAC,CAAA,GAAAlB,EAAA;EACL;IAAAmB,WAAA;IAAAC,cAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,KAAA;IAAAC,oBAAA;IAAAC,iBAAA;IAAAC;EAAA,IASIZ,eAAA;EACJ,MAAAa,UAAA,GAAmBJ,KAAK,CAACJ,WAAA;EACzB;IAAAS;EAAA,IAA4BtB,SAAA;EAC5B;IAAAuB;EAAA,IAAiBrB,cAAA;EACjB;IAAAsB;EAAA,IAAiBzB,OAAA;EACjB;IAAA0B;EAAA,IAAsB9B,QAAA;EAAA,IAAA+B,EAAA;EAAA,IAAAd,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAa,SAAA,IAAAb,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAS,UAAA,IAAAT,CAAA,QAAAQ,YAAA,IAAAR,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAM,oBAAA,IAAAN,CAAA,QAAAO,iBAAA,IAAAP,CAAA,SAAAI,aAAA,IAAAJ,CAAA,SAAAC,WAAA,IAAAD,CAAA,SAAAK,KAAA;IAEtB,MAAAU,UAAA,GAAmBL,eAAA;MAAAR;IAAA,CAAiC;IAAA,IAAAc,EAAA;IAAA,IAAAhB,CAAA,SAAAa,SAAA;MAQnCG,EAAA,GAAAA,CAAA,KAAMH,SAAA,CAAArB,0BAAU;MAAAQ,CAAA,OAAAa,SAAA;MAAAb,CAAA,OAAAgB,EAAA;IAAA;MAAAA,EAAA,GAAAhB,CAAA;IAAA;IAL/Bc,EAAA,GAAAG,KAAA,CAAC;MAAAC,SAAA,EAAApB,SAAA;MAAAqB,QAAA,GACCC,IAAA,CAAAzB,WAAA,IAAC,GAEDsB,KAAA,CAAC;QAAAC,SAAA,EAAe,GAAApB,SAAA,YAAwB;QAAAqB,QAAA,GACtCC,IAAA,CAAAvB,YAAA;UAAAwB,OAAA,EACWL,EAAgB;UAAAM,KAAA,EAClBtC,cAAA,CAAe+B,UAAA,CAAAQ,MAAA,CAAAC,QAAA,EAA4Bb,IAAA;QAAA,C,GAEnDF,UAAA,GACCQ,KAAA,CAAA5B,oBAAA;UAAAa,cAAA;UAAAuB,aAAA,EAEiBb,IAAA;UAAAT,cAAA;UAAAuB,eAAA;UAAApB,oBAAA;UAAAC,iBAAA;UAAAoB,EAAA;UAAAC,WAAA,EAMF3C,oBAAA,CAAqBwB,UAAA,CAAAoB,SAAA,MAAsB;UAAAC,YAAA,EAC1CrB,UAAA,CAAAoB,SAAA;UAAAE,QAAA;UAAAC,cAAA;UAAAC,4BAAA;UAAAC,uBAAA;UAAAC,MAAA,EAMN/B,aAAA,CAAA+B,MAAA;UAAAC,YAAA;UAAAjB,QAAA,GAGRC,IAAA,CAAA7B,UAAA,IAAC,GACD6B,IAAA,CAAA1B,QAAA;YAAA2C,SAAA,EAAqB7B;UAAA,C;WARhB,GAAGP,WAAA,IAAeI,KAAA,CAAAiC,MAAA,EAAc,QAUrC;MAAA,C,GAGNlB,IAAA,CAAA3B,oBAAA,IAAC;IAAA,C;;;;;;;;;;;;;;;;;;SAjCHqB,E","ignoreList":[]}

package/dist/elements/BulkUpload/EditForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAkB/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,qBAkJpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAmB/C,OAAO,cAAc,CAAA;AAQrB,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,qBA8IpD"}

package/dist/elements/BulkUpload/EditForm/index.js

@@ -2,18 +2,19 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRouter, useSearchParams } from 'next/navigation.js';
-import React, { useCallback } from 'react';
+import React, { useCallback, useEffect } from 'react';
 import { Form, useForm } from '../../../forms/Form/index.js';
 import { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
-import { RenderComponent } from '../../../providers/Config/RenderComponent.js';
 import { useDocumentEvents } from '../../../providers/DocumentEvents/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useEditDepth } from '../../../providers/EditDepth/index.js';
 import { OperationProvider } from '../../../providers/Operation/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
 import { useUploadEdits } from '../../../providers/UploadEdits/index.js';
+import { abortAndIgnore } from '../../../utilities/abortAndIgnore.js';
 import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
-import { getFormState } from '../../../utilities/getFormState.js';
+import { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js';
 import { DocumentFields } from '../../DocumentFields/index.js';
 import { Upload } from '../../Upload/index.js';
 import { useFormsManager } from '../FormsManager/index.js';
@@ -28,30 +29,33 @@ export function EditForm({
 }) {
   const {
     action,
-    AfterDocument,
-    AfterFields,
-    BeforeDocument,
-    BeforeFields,
     collectionSlug: docSlug,
     docPermissions,
     getDocPreferences,
-    getVersions,
     hasSavePermission,
     initialState,
     isEditing,
     isInitializing,
-    onSave: onSaveFromContext
+    Upload: CustomUpload
   } = useDocumentInfo();
+  const {
+    onSave: onSaveFromContext
+  } = useDocumentDrawerContext();
+  const {
+    getFormState
+  } = useServerFunctions();
   const {
     config: {
       routes: {
-        admin: adminRoute,
-        api: apiRoute
-      },
-      serverURL
+        admin: adminRoute
+      }
     },
     getEntityConfig
   } = useConfig();
+  const formStateAbortControllerRef = React.useRef(null);
+  const collectionConfig = getEntityConfig({
+    collectionSlug: docSlug
+  });
   const router = useRouter();
   const depth = useEditDepth();
   const params = useSearchParams();
@@ -62,9 +66,6 @@ export function EditForm({
     resetUploadEdits
   } = useUploadEdits();
   const locale = params.get('locale');
-  const collectionConfig = getEntityConfig({
-    collectionSlug: docSlug
-  });
   const collectionSlug = collectionConfig.slug;
   const [schemaPath] = React.useState(collectionSlug);
   const onSave = useCallback(json => {
@@ -72,7 +73,6 @@ export function EditForm({
       entitySlug: collectionSlug,
       updatedAt: json?.result?.updatedAt || new Date().toISOString()
     });
-    void getVersions();
     if (typeof onSaveFromContext === 'function') {
       void onSaveFromContext({
         ...json,
@@ -89,30 +89,36 @@ export function EditForm({
     } else {
       resetUploadEdits();
     }
-  }, [adminRoute, collectionSlug, depth, getVersions, isEditing, locale, onSaveFromContext, reportUpdate, resetUploadEdits, router]);
+  }, [adminRoute, collectionSlug, depth, isEditing, locale, onSaveFromContext, reportUpdate, resetUploadEdits, router]);
   const onChange = useCallback(async ({
     formState: prevFormState
   }) => {
+    abortAndIgnore(formStateAbortControllerRef.current);
+    const controller = new AbortController();
+    formStateAbortControllerRef.current = controller;
     const docPreferences = await getDocPreferences();
     const {
       state: newFormState
     } = await getFormState({
-      apiRoute,
-      body: {
-        collectionSlug,
-        docPreferences,
-        formState: prevFormState,
-        operation: 'create',
-        schemaPath
-      },
-      serverURL
+      collectionSlug,
+      docPermissions,
+      docPreferences,
+      formState: prevFormState,
+      operation: 'create',
+      schemaPath,
+      signal: controller.signal
     });
     return newFormState;
-  }, [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL]);
+  }, [collectionSlug, schemaPath, getDocPreferences, getFormState, docPermissions]);
+  useEffect(() => {
+    return () => {
+      abortAndIgnore(formStateAbortControllerRef.current);
+    };
+  }, []);
   return /*#__PURE__*/_jsx(OperationProvider, {
     operation: "create",
-    children: /*#__PURE__*/_jsxs(BulkUploadProvider, {
-      children: [BeforeDocument, /*#__PURE__*/_jsxs(Form, {
+    children: /*#__PURE__*/_jsx(BulkUploadProvider, {
+      children: /*#__PURE__*/_jsxs(Form, {
         action: action,
         className: `${baseClass}__form`,
         disabled: isInitializing || !hasSavePermission,
@@ -123,22 +129,18 @@ export function EditForm({
         onSuccess: onSave,
         submitted: submitted,
         children: [/*#__PURE__*/_jsx(DocumentFields, {
-          AfterFields: AfterFields,
-          BeforeFields: BeforeFields || /*#__PURE__*/_jsx(React.Fragment, {
-            children: collectionConfig?.admin?.components?.edit?.Upload ? /*#__PURE__*/_jsx(RenderComponent, {
-              mappedComponent: collectionConfig.admin.components.edit.Upload
-            }) : /*#__PURE__*/_jsx(Upload, {
+          BeforeFields: /*#__PURE__*/_jsx(React.Fragment, {
+            children: CustomUpload || /*#__PURE__*/_jsx(Upload, {
               collectionSlug: collectionConfig.slug,
               initialState: initialState,
               uploadConfig: collectionConfig.upload
             })
           }),
-          docPermissions: docPermissions || {},
+          docPermissions: docPermissions,
           fields: collectionConfig.fields,
-          readOnly: !hasSavePermission,
-          schemaPath: schemaPath
+          schemaPathSegments: [collectionConfig.slug]
         }), /*#__PURE__*/_jsx(ReportAllErrors, {}), /*#__PURE__*/_jsx(GetFieldProxy, {})]
-      }), AfterDocument]
+      })
     })
   });
 }
@@ -178,7 +180,7 @@ function ReportAllErrors() {
   }
   return /*#__PURE__*/_jsx(WatchChildErrors, {
     fields: docConfig.fields,
-    path: "",
+    path: [],
     setErrorCount: reportFormErrorCount
   });
 }

package/dist/elements/BulkUpload/EditForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","Form","useForm","WatchChildErrors","useConfig","RenderComponent","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useUploadEdits","formatAdminURL","getFormState","DocumentFields","Upload","useFormsManager","BulkUploadProvider","baseClass","EditForm","submitted","action","AfterDocument","AfterFields","BeforeDocument","BeforeFields","collectionSlug","docSlug","docPermissions","getDocPreferences","getVersions","hasSavePermission","initialState","isEditing","isInitializing","onSave","onSaveFromContext","config","routes","admin","adminRoute","api","apiRoute","serverURL","getEntityConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","collectionConfig","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","docPreferences","state","newFormState","body","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","Fragment","components","edit","mappedComponent","uploadConfig","upload","fields","readOnly","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","useEffect","current","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","useRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, DocumentPermissions } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { RenderComponent } from '../../../providers/Config/RenderComponent.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { getFormState } from '../../../utilities/getFormState.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { BulkUploadProvider } from '../index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({ submitted }: EditFormProps) {\n  const {\n    action,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    hasSavePermission,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const router = useRouter()\n  const depth = useEditDepth()\n  const params = useSearchParams()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n\n  const locale = params.get('locale')\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\n  const collectionSlug = collectionConfig.slug\n\n  const [schemaPath] = React.useState(collectionSlug)\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        entitySlug: collectionSlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n        router.push(redirectRoute)\n      } else {\n        resetUploadEdits()\n      }\n    },\n    [\n      adminRoute,\n      collectionSlug,\n      depth,\n      getVersions,\n      isEditing,\n      locale,\n      onSaveFromContext,\n      reportUpdate,\n      resetUploadEdits,\n      router,\n    ],\n  )\n\n  const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n      const { state: newFormState } = await getFormState({\n        apiRoute,\n        body: {\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          operation: 'create',\n          schemaPath,\n        },\n        serverURL,\n      })\n\n      return newFormState\n    },\n    [apiRoute, collectionSlug, schemaPath, getDocPreferences, serverURL],\n  )\n\n  return (\n    <OperationProvider operation=\"create\">\n      <BulkUploadProvider>\n        {BeforeDocument}\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disabled={isInitializing || !hasSavePermission}\n          initialState={isInitializing ? undefined : initialState}\n          isInitializing={isInitializing}\n          method=\"POST\"\n          onChange={[onChange]}\n          onSuccess={onSave}\n          submitted={submitted}\n        >\n          <DocumentFields\n            AfterFields={AfterFields}\n            BeforeFields={\n              BeforeFields || (\n                <React.Fragment>\n                  {collectionConfig?.admin?.components?.edit?.Upload ? (\n                    <RenderComponent\n                      mappedComponent={collectionConfig.admin.components.edit.Upload}\n                    />\n                  ) : (\n                    <Upload\n                      collectionSlug={collectionConfig.slug}\n                      initialState={initialState}\n                      uploadConfig={collectionConfig.upload}\n                    />\n                  )}\n                </React.Fragment>\n              )\n            }\n            docPermissions={docPermissions || ({} as DocumentPermissions)}\n            fields={collectionConfig.fields}\n            readOnly={!hasSavePermission}\n            schemaPath={schemaPath}\n          />\n          <ReportAllErrors />\n          <GetFieldProxy />\n        </Form>\n        {AfterDocument}\n      </BulkUploadProvider>\n    </OperationProvider>\n  )\n}\n\nfunction GetFieldProxy() {\n  const { getFields } = useForm()\n  const { getFormDataRef } = useFormsManager()\n\n  React.useEffect(() => {\n    getFormDataRef.current = getFields\n  }, [getFields, getFormDataRef])\n\n  return null\n}\n\nfunction ReportAllErrors() {\n  const { docConfig } = useDocumentInfo()\n  const { activeIndex, setFormTotalErrorCount } = useFormsManager()\n  const errorCountRef = React.useRef(0)\n\n  const reportFormErrorCount = React.useCallback(\n    (errorCount) => {\n      if (errorCount === errorCountRef.current) {\n        return\n      }\n      setFormTotalErrorCount({ errorCount, index: activeIndex })\n      errorCountRef.current = errorCount\n    },\n    [activeIndex, setFormTotalErrorCount],\n  )\n\n  if (!docConfig) {\n    return null\n  }\n\n  return <WatchChildErrors fields={docConfig.fields} path=\"\" setErrorCount={reportFormErrorCount} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useRouter","useSearchParams","React","useCallback","useEffect","Form","useForm","WatchChildErrors","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","OperationProvider","useServerFunctions","useUploadEdits","abortAndIgnore","formatAdminURL","useDocumentDrawerContext","DocumentFields","Upload","useFormsManager","BulkUploadProvider","baseClass","EditForm","submitted","action","collectionSlug","docSlug","docPermissions","getDocPreferences","hasSavePermission","initialState","isEditing","isInitializing","CustomUpload","onSave","onSaveFromContext","getFormState","config","routes","admin","adminRoute","getEntityConfig","formStateAbortControllerRef","useRef","collectionConfig","router","depth","params","reportUpdate","resetUploadEdits","locale","get","slug","schemaPath","useState","json","entitySlug","updatedAt","result","Date","toISOString","operation","redirectRoute","path","doc","id","push","onChange","formState","prevFormState","current","controller","AbortController","docPreferences","state","newFormState","signal","_jsx","_jsxs","className","disabled","undefined","method","onSuccess","BeforeFields","Fragment","uploadConfig","upload","fields","schemaPathSegments","ReportAllErrors","GetFieldProxy","getFields","getFormDataRef","docConfig","activeIndex","setFormTotalErrorCount","errorCountRef","reportFormErrorCount","errorCount","index","setErrorCount"],"sources":["../../../../src/elements/BulkUpload/EditForm/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { useCallback, useEffect } from 'react'\n\nimport type { EditFormProps } from './types.js'\n\nimport { Form, useForm } from '../../../forms/Form/index.js'\nimport { type FormProps } from '../../../forms/Form/types.js'\nimport { WatchChildErrors } from '../../../forms/WatchChildErrors/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentEvents } from '../../../providers/DocumentEvents/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { OperationProvider } from '../../../providers/Operation/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useUploadEdits } from '../../../providers/UploadEdits/index.js'\nimport { abortAndIgnore } from '../../../utilities/abortAndIgnore.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { useDocumentDrawerContext } from '../../DocumentDrawer/Provider.js'\nimport { DocumentFields } from '../../DocumentFields/index.js'\nimport { Upload } from '../../Upload/index.js'\nimport { useFormsManager } from '../FormsManager/index.js'\nimport { BulkUploadProvider } from '../index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\n\nexport function EditForm({ submitted }: EditFormProps) {\n  const {\n    action,\n    collectionSlug: docSlug,\n    docPermissions,\n    getDocPreferences,\n    hasSavePermission,\n    initialState,\n    isEditing,\n    isInitializing,\n    Upload: CustomUpload,\n  } = useDocumentInfo()\n\n  const { onSave: onSaveFromContext } = useDocumentDrawerContext()\n\n  const { getFormState } = useServerFunctions()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const formStateAbortControllerRef = React.useRef<AbortController>(null)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: docSlug }) as ClientCollectionConfig\n  const router = useRouter()\n  const depth = useEditDepth()\n  const params = useSearchParams()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n\n  const locale = params.get('locale')\n\n  const collectionSlug = collectionConfig.slug\n\n  const [schemaPath] = React.useState(collectionSlug)\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        entitySlug: collectionSlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n        router.push(redirectRoute)\n      } else {\n        resetUploadEdits()\n      }\n    },\n    [\n      adminRoute,\n      collectionSlug,\n      depth,\n      isEditing,\n      locale,\n      onSaveFromContext,\n      reportUpdate,\n      resetUploadEdits,\n      router,\n    ],\n  )\n\n  const onChange: NonNullable<FormProps['onChange']>[0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n\n      const controller = new AbortController()\n      formStateAbortControllerRef.current = controller\n\n      const docPreferences = await getDocPreferences()\n      const { state: newFormState } = await getFormState({\n        collectionSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        operation: 'create',\n        schemaPath,\n        signal: controller.signal,\n      })\n\n      return newFormState\n    },\n    [collectionSlug, schemaPath, getDocPreferences, getFormState, docPermissions],\n  )\n\n  useEffect(() => {\n    return () => {\n      abortAndIgnore(formStateAbortControllerRef.current)\n    }\n  }, [])\n\n  return (\n    <OperationProvider operation=\"create\">\n      <BulkUploadProvider>\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disabled={isInitializing || !hasSavePermission}\n          initialState={isInitializing ? undefined : initialState}\n          isInitializing={isInitializing}\n          method=\"POST\"\n          onChange={[onChange]}\n          onSuccess={onSave}\n          submitted={submitted}\n        >\n          <DocumentFields\n            BeforeFields={\n              <React.Fragment>\n                {CustomUpload || (\n                  <Upload\n                    collectionSlug={collectionConfig.slug}\n                    initialState={initialState}\n                    uploadConfig={collectionConfig.upload}\n                  />\n                )}\n              </React.Fragment>\n            }\n            docPermissions={docPermissions}\n            fields={collectionConfig.fields}\n            schemaPathSegments={[collectionConfig.slug]}\n          />\n          <ReportAllErrors />\n          <GetFieldProxy />\n        </Form>\n      </BulkUploadProvider>\n    </OperationProvider>\n  )\n}\n\nfunction GetFieldProxy() {\n  const { getFields } = useForm()\n  const { getFormDataRef } = useFormsManager()\n\n  React.useEffect(() => {\n    getFormDataRef.current = getFields\n  }, [getFields, getFormDataRef])\n\n  return null\n}\n\nfunction ReportAllErrors() {\n  const { docConfig } = useDocumentInfo()\n  const { activeIndex, setFormTotalErrorCount } = useFormsManager()\n  const errorCountRef = React.useRef(0)\n\n  const reportFormErrorCount = React.useCallback(\n    (errorCount) => {\n      if (errorCount === errorCountRef.current) {\n        return\n      }\n      setFormTotalErrorCount({ errorCount, index: activeIndex })\n      errorCountRef.current = errorCount\n    },\n    [activeIndex, setFormTotalErrorCount],\n  )\n\n  if (!docConfig) {\n    return null\n  }\n\n  return (\n    <WatchChildErrors fields={docConfig.fields} path={[]} setErrorCount={reportFormErrorCount} />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/FormsManager/index.d.ts

@@ -1,4 +1,4 @@
-import type { Data, DocumentPermissions } from 'payload';
+import type { Data, DocumentPermissions, DocumentSlots } from 'payload';
 import React from 'react';
 import type { State } from './reducer.js';
 type FormsManagerContext = {
@@ -6,6 +6,7 @@ type FormsManagerContext = {
     readonly addFiles: (filelist: FileList) => Promise<void>;
     readonly collectionSlug: string;
     readonly docPermissions?: DocumentPermissions;
+    readonly documentSlots: DocumentSlots;
     readonly forms: State['forms'];
     getFormDataRef: React.RefObject<() => Data>;
     readonly hasPublishPermission: boolean;

package/dist/elements/BulkUpload/FormsManager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAA;AAInE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAezC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,mBAAmB,CAAA;IAC7C,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;QACD,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,CAAA;IAChC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AA2BD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AACD,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBAwWnE;AAED,wBAAgB,eAAe,wBAE9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,mBAAmB,EAAE,aAAa,EAAa,MAAM,SAAS,CAAA;AAIlF,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAezC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,mBAAmB,CAAA;IAC7C,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,oBAAoB,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAA;IACnC,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChG,QAAQ,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,sBAAsB,EAAE,CAAC,EAChC,UAAU,EACV,KAAK,GACN,EAAE;QACD,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,aAAa,EAAE,MAAM,EAAE,CAAA;IAChC,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAClC,CAAA;AA4BD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBAuXnE;AAED,wBAAgB,eAAe,wBAE9B"}

package/dist/elements/BulkUpload/FormsManager/index.js

@@ -8,8 +8,8 @@ import { toast } from 'sonner';
 import { fieldReducer } from '../../../forms/Form/fieldReducer.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { getFormState } from '../../../utilities/getFormState.js';
 import { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js';
 import { LoadingOverlay } from '../../Loading/index.js';
 import { useLoadingOverlay } from '../../LoadingOverlay/index.js';
@@ -22,6 +22,7 @@ const Context = /*#__PURE__*/React.createContext({
   addFiles: () => Promise.resolve(),
   collectionSlug: '',
   docPermissions: undefined,
+  documentSlots: {},
   forms: [],
   getFormDataRef: {
     current: () => ({})
@@ -61,6 +62,11 @@ export function FormsManagerProvider({
     i18n,
     t
   } = useTranslation();
+  const {
+    getDocumentSlots,
+    getFormState
+  } = useServerFunctions();
+  const [documentSlots, setDocumentSlots] = React.useState({});
   const [hasSubmitted, setHasSubmitted] = React.useState(false);
   const [docPermissions, setDocPermissions] = React.useState();
   const [hasSavePermission, setHasSavePermission] = React.useState(false);
@@ -100,7 +106,7 @@ export function FormsManagerProvider({
         await new Promise(resolve => setTimeout(resolve, 100));
       }
     })();
-  }, [formsCount, createThumbnail]);
+  }, [formsCount]);
   const {
     toggleLoadingOverlay
   } = useLoadingOverlay();
@@ -119,7 +125,7 @@ export function FormsManagerProvider({
   const initialStateRef = React.useRef(null);
   const getFormDataRef = React.useRef(() => ({}));
   const actionURL = `${api}/${collectionSlug}`;
-  const initilizeSharedDocPermissions = React.useCallback(async () => {
+  const initializeSharedDocPermissions = React.useCallback(async () => {
     const params = {
       locale: code || undefined
     };
@@ -157,27 +163,31 @@ export function FormsManagerProvider({
     if (abortController?.signal) {
       abortController.abort('aborting previous fetch for initial form state without files');
     }
+    // FETCH AND SET THE DOCUMENT SLOTS HERE!
+    const documentSlots_0 = await getDocumentSlots({
+      collectionSlug
+    });
+    setDocumentSlots(documentSlots_0);
     try {
       const {
         state: formStateWithoutFiles
       } = await getFormState({
-        apiRoute: config.routes.api,
-        body: {
-          collectionSlug,
-          locale: code,
-          operation: 'create',
-          schemaPath: collectionSlug
+        collectionSlug,
+        docPermissions,
+        docPreferences: {
+          fields: {}
         },
-        // onError: onLoadError,
-        serverURL: config.serverURL,
-        signal: abortController?.signal
+        locale: code,
+        operation: 'create',
+        renderAllFields: true,
+        schemaPath: collectionSlug
       });
       initialStateRef.current = formStateWithoutFiles;
       setHasInitializedState(true);
-    } catch (error) {
+    } catch (_err) {
       // swallow error
     }
-  }, [code, collectionSlug, config.routes.api, config.serverURL]);
+  }, [getDocumentSlots, collectionSlug, getFormState, docPermissions, code]);
   const setActiveIndex = React.useCallback(index => {
     const currentFormsData = getFormDataRef.current();
     dispatch({
@@ -258,7 +268,7 @@ export function FormsManagerProvider({
         }
         // should expose some sort of helper for this
         if (json_0?.errors?.length) {
-          const [fieldErrors] = json_0.errors.reduce(([fieldErrs, nonFieldErrs], err) => {
+          const [fieldErrors, nonFieldErrors] = json_0.errors.reduce(([fieldErrs, nonFieldErrs], err) => {
             const newFieldErrs = [];
             const newNonFieldErrs = [];
             if (err?.message) {
@@ -266,7 +276,7 @@ export function FormsManagerProvider({
             }
             if (Array.isArray(err?.data?.errors)) {
               err.data?.errors.forEach(dataError => {
-                if (dataError?.field) {
+                if (dataError?.path) {
                   newFieldErrs.push(dataError);
                 } else {
                   newNonFieldErrs.push(dataError);
@@ -282,6 +292,14 @@ export function FormsManagerProvider({
               errors: fieldErrors
             })
           };
+          if (req.status === 413) {
+            // file too large
+            currentForms[i_1] = {
+              ...currentForms[i_1],
+              errorCount: currentForms[i_1].errorCount + 1
+            };
+            toast.error(nonFieldErrors[0]?.message);
+          }
         }
       } catch (_) {
         // swallow
@@ -325,7 +343,7 @@ export function FormsManagerProvider({
       void initializeSharedFormState();
     }
     if (!hasInitializedDocPermissions) {
-      void initilizeSharedDocPermissions();
+      void initializeSharedDocPermissions();
     }
     if (initialFiles) {
       if (!hasInitializedState || !hasInitializedDocPermissions) {
@@ -339,13 +357,14 @@ export function FormsManagerProvider({
       hasInitializedWithFiles.current = true;
     }
     return;
-  }, [addFiles, initialFiles, initializeSharedFormState, initilizeSharedDocPermissions, collectionSlug, hasInitializedState, hasInitializedDocPermissions]);
+  }, [addFiles, initialFiles, initializeSharedFormState, initializeSharedDocPermissions, collectionSlug, hasInitializedState, hasInitializedDocPermissions]);
   return /*#__PURE__*/_jsxs(Context.Provider, {
     value: {
       activeIndex: state.activeIndex,
       addFiles,
       collectionSlug,
       docPermissions,
+      documentSlots,
       forms,
       getFormDataRef,
       hasPublishPermission,