@payloadcms/ui 3.0.0-canary.294ea5c → 3.0.0-canary.3926e86

package/dist/providers/Config/index.js

@@ -2,14 +2,15 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useCallback, useContext } from 'react';
-const Context = /*#__PURE__*/createContext(undefined);
+import React, { createContext, useCallback, useContext, useState } from 'react';
+const RootConfigContext = /*#__PURE__*/createContext(undefined);
 export const ConfigProvider = t0 => {
   const $ = _c(7);
   const {
     children,
-    config
+    config: configFromProps
   } = t0;
+  const [config, setConfig] = useState(configFromProps);
   let t1;
   if ($[0] !== config.collections || $[1] !== config.globals) {
     t1 = t2 => {
@@ -34,10 +35,11 @@ export const ConfigProvider = t0 => {
   const getEntityConfig = t1;
   let t2;
   if ($[3] !== config || $[4] !== getEntityConfig || $[5] !== children) {
-    t2 = _jsx(Context.Provider, {
+    t2 = _jsx(RootConfigContext.Provider, {
       value: {
         config,
-        getEntityConfig
+        getEntityConfig,
+        setConfig
       },
       children
     });
@@ -51,6 +53,6 @@ export const ConfigProvider = t0 => {
   return t2;
 };
 export const useConfig = () => {
-  return useContext(Context);
+  return useContext(RootConfigContext);
 };
 //# sourceMappingURL=index.js.map

package/dist/providers/Config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","Context","undefined","ConfigProvider","t0","$","children","config","t1","collections","globals","t2","collectionSlug","globalSlug","find","collection","slug","global","getEntityConfig","_jsx","Provider","value","useConfig"],"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext } from 'react'\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  getEntityConfig: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ClientConfig['collections'][number] | ClientConfig['globals'][number]\n}\n\nconst Context = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config }) => {\n  const getEntityConfig = useCallback(\n    ({ collectionSlug, globalSlug }: { collectionSlug?: string; globalSlug?: string }) => {\n      if (collectionSlug) {\n        return config.collections.find((collection) => collection.slug === collectionSlug)\n      }\n\n      if (globalSlug) {\n        return config.globals.find((global) => global.slug === globalSlug)\n      }\n\n      return null\n    },\n    [config],\n  )\n\n  return <Context.Provider value={{ config, getEntityConfig }}>{children}</Context.Provider>\n}\n\nexport const useConfig = (): ClientConfigContext => useContext(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,QAAQ;AAU9D,MAAMC,OAAA,gBAAUH,aAAA,CAA+CI,SAAA;AAE/D,OAAO,MAAMC,cAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC;EAAA,IAAAH,EAAoB;EAAA,IAAAI,EAAA;EAAA,IAAAH,CAAA,QAAAE,MAAA,CAAAE,WAAA,IAAAJ,CAAA,QAAAE,MAAA,CAAAG,OAAA;IAEtBF,EAAA,GAAAG,EAAA;MAAC;QAAAC,cAAA;QAAAC;MAAA,IAAAF,EAAgF;MAAA,IAC3EC,cAAA;QAAA,OACKL,MAAA,CAAAE,WAAA,CAAAK,IAAA,CAAAC,UAAA,IAAwCA,UAAA,CAAAC,IAAA,KAAoBJ,cAAA;MAAA;MAAA,IAGjEC,UAAA;QAAA,OACKN,MAAA,CAAAG,OAAA,CAAAI,IAAA,CAAAG,MAAA,IAAgCA,MAAA,CAAAD,IAAA,KAAgBH,UAAA;MAAA;MAAA;IAAA;IAI3DR,CAAA,MAAAE,MAAA,CAAAE,WAAA;IAAAJ,CAAA,MAAAE,MAAA,CAAAG,OAAA;IAAAL,CAAA,MAAAG,EAAA;EAAA;IAAAA,EAAA,GAAAH,CAAA;EAAA;EAXF,MAAAa,eAAA,GAAwBV,EAYd;EAAA,IAAAG,EAAA;EAAA,IAAAN,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAa,eAAA,IAAAb,CAAA,QAAAC,QAAA;IAGHK,EAAA,GAAAQ,IAAA,CAAAlB,OAAA,CAAAmB,QAAA;MAAAC,KAAA;QAAAd,MAAA;QAAAW;MAAA;MAAAZ;IAAA,C;;;;;;;;SAAAK,E;CACT;AAEA,OAAO,MAAMW,SAAA,GAAYA,CAAA;EAAA,OAA2BtB,UAAA,CAAAC,OAAW;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useState","RootConfigContext","undefined","ConfigProvider","t0","$","children","config","configFromProps","setConfig","t1","collections","globals","t2","collectionSlug","globalSlug","find","collection","slug","global","getEntityConfig","_jsx","Provider","value","useConfig"],"sources":["../../../src/providers/Config/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext, useState } from 'react'\n\nexport type ClientConfigContext = {\n  config: ClientConfig\n  getEntityConfig: (args: {\n    collectionSlug?: string\n    globalSlug?: string\n  }) => ClientCollectionConfig | ClientGlobalConfig | null\n  setConfig: (config: ClientConfig) => void\n}\n\nexport type EntityConfigContext = {\n  collectionConfig?: ClientCollectionConfig\n  globalConfig?: ClientGlobalConfig\n  setEntityConfig: (args: {\n    collectionConfig?: ClientCollectionConfig | null\n    globalConfig?: ClientGlobalConfig | null\n  }) => void\n}\n\nconst RootConfigContext = createContext<ClientConfigContext | undefined>(undefined)\n\nexport const ConfigProvider: React.FC<{\n  readonly children: React.ReactNode\n  readonly config: ClientConfig\n}> = ({ children, config: configFromProps }) => {\n  const [config, setConfig] = useState<ClientConfig>(configFromProps)\n\n  const getEntityConfig = useCallback(\n    ({ collectionSlug, globalSlug }: { collectionSlug?: string; globalSlug?: string }) => {\n      if (collectionSlug) {\n        return config.collections.find((collection) => collection.slug === collectionSlug)\n      }\n\n      if (globalSlug) {\n        return config.globals.find((global) => global.slug === globalSlug)\n      }\n\n      return null\n    },\n    [config],\n  )\n\n  return (\n    <RootConfigContext.Provider value={{ config, getEntityConfig, setConfig }}>\n      {children}\n    </RootConfigContext.Provider>\n  )\n}\n\nexport const useConfig = (): ClientConfigContext => useContext(RootConfigContext)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAoBxE,MAAMC,iBAAA,gBAAoBJ,aAAA,CAA+CK,SAAA;AAEzE,OAAO,MAAMC,cAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAAqC;EACzC,OAAAG,MAAA,EAAAE,SAAA,IAA4BT,QAAA,CAAuBQ,eAAA;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAE,MAAA,CAAAI,WAAA,IAAAN,CAAA,QAAAE,MAAA,CAAAK,OAAA;IAGjDF,EAAA,GAAAG,EAAA;MAAC;QAAAC,cAAA;QAAAC;MAAA,IAAAF,EAAgF;MAAA,IAC3EC,cAAA;QAAA,OACKP,MAAA,CAAAI,WAAA,CAAAK,IAAA,CAAAC,UAAA,IAAwCA,UAAA,CAAAC,IAAA,KAAoBJ,cAAA;MAAA;MAAA,IAGjEC,UAAA;QAAA,OACKR,MAAA,CAAAK,OAAA,CAAAI,IAAA,CAAAG,MAAA,IAAgCA,MAAA,CAAAD,IAAA,KAAgBH,UAAA;MAAA;MAAA;IAAA;IAI3DV,CAAA,MAAAE,MAAA,CAAAI,WAAA;IAAAN,CAAA,MAAAE,MAAA,CAAAK,OAAA;IAAAP,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAXF,MAAAe,eAAA,GAAwBV,EAYd;EAAA,IAAAG,EAAA;EAAA,IAAAR,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAe,eAAA,IAAAf,CAAA,QAAAC,QAAA;IAIRO,EAAA,GAAAQ,IAAA,CAAApB,iBAAA,CAAAqB,QAAA;MAAAC,KAAA;QAAAhB,MAAA;QAAAa,eAAA;QAAAX;MAAA;MAAAH;IAAA,C;;;;;;;;SAAAO,E;CAIJ;AAEA,OAAO,MAAMW,SAAA,GAAYA,CAAA;EAAA,OAA2BzB,UAAA,CAAAE,iBAAW;AAAA","ignoreList":[]}

package/dist/providers/DocumentEvents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useContext","useState","Context","mostRecentUpdate","reportUpdate","doc","DocumentEventsProvider","t0","$","children","t1","_jsx","Provider","value","useDocumentEvents"],"sources":["../../../src/providers/DocumentEvents/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nexport type UpdatedDocument = {\n  entitySlug: string\n  id?: number | string\n  updatedAt: string\n}\n\nconst Context = createContext({\n  mostRecentUpdate: null,\n  reportUpdate: (doc: UpdatedDocument) => null, // eslint-disable-line @typescript-eslint/no-unused-vars\n})\n\nexport const DocumentEventsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [mostRecentUpdate, reportUpdate] = useState<UpdatedDocument>(null)\n\n  return <Context.Provider value={{ mostRecentUpdate, reportUpdate }}>{children}</Context.Provider>\n}\n\nexport const useDocumentEvents = () => useContext(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAQ3D,MAAMC,OAAA,gBAAUH,aAAA,CAAc;EAC5BI,gBAAA,EAAkB;EAClBC,YAAA,EAAeC,GAAA,IAAyB;AAC1C;AAEA,OAAO,MAAMC,sBAAA,GAAkEC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY;EAAA,IAAAF,EAAY;EAC1F,OAAAJ,gBAAA,EAAAC,YAAA,IAAyCH,QAAA,KAA0B;EAAA,IAAAS,EAAA;EAAA,IAAAF,CAAA,QAAAL,gBAAA,IAAAK,CAAA,QAAAC,QAAA;IAE5DC,EAAA,GAAAC,IAAA,CAAAT,OAAA,CAAAU,QAAA;MAAAC,KAAA;QAAAV,gBAAA;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;SAAAC,E;CACT;AAEA,OAAO,MAAMI,iBAAA,GAAoBA,CAAA;EAAA,OAAMd,UAAA,CAAAE,OAAW;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useContext","useState","Context","mostRecentUpdate","reportUpdate","doc","DocumentEventsProvider","t0","$","children","t1","_jsx","Provider","value","useDocumentEvents"],"sources":["../../../src/providers/DocumentEvents/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext, useState } from 'react'\n\nexport type UpdatedDocument = {\n  entitySlug: string\n  id?: number | string\n  updatedAt: string\n}\n\nconst Context = createContext({\n  mostRecentUpdate: null,\n  reportUpdate: (doc: UpdatedDocument) => null,\n})\n\nexport const DocumentEventsProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const [mostRecentUpdate, reportUpdate] = useState<UpdatedDocument>(null)\n\n  return <Context.Provider value={{ mostRecentUpdate, reportUpdate }}>{children}</Context.Provider>\n}\n\nexport const useDocumentEvents = () => useContext(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAQ3D,MAAMC,OAAA,gBAAUH,aAAA,CAAc;EAC5BI,gBAAA,EAAkB;EAClBC,YAAA,EAAeC,GAAA,IAAyB;AAC1C;AAEA,OAAO,MAAMC,sBAAA,GAAkEC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY;EAAA,IAAAF,EAAY;EAC1F,OAAAJ,gBAAA,EAAAC,YAAA,IAAyCH,QAAA,KAA0B;EAAA,IAAAS,EAAA;EAAA,IAAAF,CAAA,QAAAL,gBAAA,IAAAK,CAAA,QAAAC,QAAA;IAE5DC,EAAA,GAAAC,IAAA,CAAAT,OAAA,CAAAU,QAAA;MAAAC,KAAA;QAAAV,gBAAA;QAAAC;MAAA;MAAAK;IAAA,C;;;;;;;SAAAC,E;CACT;AAEA,OAAO,MAAMI,iBAAA,GAAoBA,CAAA;EAAA,OAAMd,UAAA,CAAAE,OAAW;AAAA","ignoreList":[]}

package/dist/providers/DocumentInfo/index.d.ts

@@ -3,6 +3,6 @@ import type { DocumentInfoContext, DocumentInfoProps } from './types.js';
 export type * from './types.js';
 export declare const useDocumentInfo: () => DocumentInfoContext;
 export declare const DocumentInfoProvider: React.FC<{
-    children: React.ReactNode;
+    readonly children: React.ReactNode;
 } & DocumentInfoProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/providers/DocumentInfo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAexE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AAyhB7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,iBAAiB,CAOtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/DocumentInfo/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAElG,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAcxE,mBAAmB,YAAY,CAAA;AAE/B,eAAO,MAAM,eAAe,QAAO,mBAA0C,CAAA;AA+S7E,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IACE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,GAAG,iBAAiB,CAOtB,CAAA"}

package/dist/providers/DocumentInfo/index.js

@@ -1,20 +1,17 @@
 'use client';
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { notFound } from 'next/navigation.js';
-import { reduceFieldsToValues } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useAuth } from '../../providers/Auth/index.js';
+import { requests } from '../../utilities/api.js';
 import { formatDocTitle } from '../../utilities/formatDocTitle.js';
-import { getFormState } from '../../utilities/getFormState.js';
-import { hasSavePermission as getHasSavePermission } from '../../utilities/hasSavePermission.js';
-import { isEditing as getIsEditing } from '../../utilities/isEditing.js';
-import { useAuth } from '../Auth/index.js';
 import { useConfig } from '../Config/index.js';
 import { useLocale } from '../Locale/index.js';
 import { usePreferences } from '../Preferences/index.js';
 import { useTranslation } from '../Translation/index.js';
 import { UploadEditsProvider, useUploadEdits } from '../UploadEdits/index.js';
+import { useGetDocPermissions } from './useGetDocPermissions.js';
 const Context = /*#__PURE__*/createContext({});
 export const useDocumentInfo = () => {
   return useContext(Context);
@@ -26,30 +23,45 @@ const DocumentInfo = ({
   const {
     id,
     collectionSlug,
+    currentEditor: currentEditorFromProps,
     docPermissions: docPermissionsFromProps,
     globalSlug,
+    hasPublishedDoc: hasPublishedDocFromProps,
     hasPublishPermission: hasPublishPermissionFromProps,
     hasSavePermission: hasSavePermissionFromProps,
-    initialData: initialDataFromProps,
-    initialState: initialStateFromProps,
-    onLoadError,
-    onSave: onSaveFromProps
+    initialData: data,
+    initialState,
+    isLocked: isLockedFromProps,
+    lastUpdateTime: lastUpdateTimeFromProps,
+    mostRecentVersionIsAutosaved: mostRecentVersionIsAutosavedFromProps,
+    unpublishedVersionCount: unpublishedVersionCountFromProps,
+    versionCount: versionCountFromProps
   } = props;
+  const [docPermissions, setDocPermissions] = useState(docPermissionsFromProps);
+  const [hasSavePermission, setHasSavePermission] = useState(hasSavePermissionFromProps);
+  const [hasPublishPermission, setHasPublishPermission] = useState(hasPublishPermissionFromProps);
+  const {
+    permissions
+  } = useAuth();
   const {
     config: {
       admin: {
         dateFormat
       },
-      collections,
-      globals,
       routes: {
         api
       },
       serverURL
-    }
+    },
+    getEntityConfig
   } = useConfig();
-  const collectionConfig = collections.find(c => c.slug === collectionSlug);
-  const globalConfig = globals.find(g => g.slug === globalSlug);
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug
+  });
+  const abortControllerRef = useRef(new AbortController());
   const docConfig = collectionConfig || globalConfig;
   const {
     i18n
@@ -57,46 +69,32 @@ const DocumentInfo = ({
   const {
     uploadEdits
   } = useUploadEdits();
-  const [documentTitle, setDocumentTitle] = useState(() => {
-    if (!initialDataFromProps) return '';
-    return formatDocTitle({
-      collectionConfig,
-      data: {
-        ...initialDataFromProps,
-        id
-      },
-      dateFormat,
-      fallback: id?.toString(),
-      globalConfig,
-      i18n
-    });
-  });
-  const [isLoading, setIsLoading] = useState(false);
-  const [isError, setIsError] = useState(false);
-  const [data, setData] = useState(initialDataFromProps);
-  const [initialState, setInitialState] = useState(initialStateFromProps);
-  const [publishedDoc, setPublishedDoc] = useState(null);
-  const [versions, setVersions] = useState(null);
-  const [docPermissions, setDocPermissions] = useState(docPermissionsFromProps);
-  const [hasSavePermission, setHasSavePermission] = useState(hasSavePermissionFromProps);
-  const [hasPublishPermission, setHasPublishPermission] = useState(hasPublishPermissionFromProps);
+  const [documentTitle, setDocumentTitle] = useState(() => formatDocTitle({
+    collectionConfig,
+    data: {
+      ...data,
+      id
+    },
+    dateFormat,
+    fallback: id?.toString(),
+    globalConfig,
+    i18n
+  }));
+  const [mostRecentVersionIsAutosaved, setMostRecentVersionIsAutosaved] = useState(mostRecentVersionIsAutosavedFromProps);
+  const [versionCount, setVersionCount] = useState(versionCountFromProps);
+  const [hasPublishedDoc, setHasPublishedDoc] = useState(hasPublishedDocFromProps);
+  const [unpublishedVersionCount, setUnpublishedVersionCount] = useState(unpublishedVersionCountFromProps);
+  const [documentIsLocked, setDocumentIsLocked] = useState(isLockedFromProps);
+  const [currentEditor, setCurrentEditor] = useState(currentEditorFromProps);
+  const [lastUpdateTime, setLastUpdateTime] = useState(lastUpdateTimeFromProps);
   const isInitializing = initialState === undefined || data === undefined;
-  const [unpublishedVersions, setUnpublishedVersions] = useState(null);
   const {
     getPreference,
     setPreference
   } = usePreferences();
-  const {
-    permissions
-  } = useAuth();
   const {
     code: locale
   } = useLocale();
-  const prevLocale = useRef(locale);
-  const hasInitializedDocPermissions = useRef(false);
-  // Separate locale cache used for handling permissions
-  const prevLocalePermissions = useRef(locale);
-  const versionsConfig = docConfig?.versions;
   const baseURL = `${serverURL}${api}`;
   let slug;
   let pluralType;
@@ -113,169 +111,74 @@ const DocumentInfo = ({
       preferencesKey = `collection-${slug}-${id}`;
     }
   }
-  const isEditing = getIsEditing({
-    id,
-    collectionSlug,
-    globalSlug
-  });
-  const operation = isEditing ? 'update' : 'create';
-  const shouldFetchVersions = Boolean(versionsConfig && docPermissions?.readVersions?.permission);
-  const getVersions = useCallback(async () => {
-    let versionFetchURL;
-    let publishedFetchURL;
-    let unpublishedVersionJSON = null;
-    let versionJSON = null;
-    let shouldFetch = true;
-    const versionParams = {
-      depth: 0,
-      where: {
-        and: []
-      }
-    };
-    const publishedVersionParams = {
-      depth: 0,
-      locale: locale || undefined,
-      where: {
-        and: [{
-          or: [{
-            _status: {
-              equals: 'published'
-            }
-          }, {
-            _status: {
-              exists: false
-            }
-          }]
-        }]
-      }
-    };
-    if (globalSlug) {
-      versionFetchURL = `${baseURL}/globals/${globalSlug}/versions`;
-      publishedFetchURL = `${baseURL}/globals/${globalSlug}?${qs.stringify(publishedVersionParams)}`;
-    }
-    if (collectionSlug) {
-      versionFetchURL = `${baseURL}/${collectionSlug}/versions`;
-      publishedVersionParams.where.and.push({
-        id: {
-          equals: id
-        }
-      });
-      publishedFetchURL = `${baseURL}/${collectionSlug}?${qs.stringify(publishedVersionParams)}`;
-      if (!id) {
-        shouldFetch = false;
-      }
-      versionParams.where.and.push({
-        parent: {
-          equals: id
-        }
-      });
-    }
-    if (shouldFetch) {
-      let publishedJSON;
-      if (versionsConfig?.drafts) {
-        publishedJSON = await fetch(publishedFetchURL, {
-          credentials: 'include',
+  const unlockDocument = useCallback(async (docId, slug_0) => {
+    try {
+      const isGlobal = slug_0 === globalSlug;
+      const query = isGlobal ? `where[globalSlug][equals]=${slug_0}` : `where[document.value][equals]=${docId}&where[document.relationTo][equals]=${slug_0}`;
+      const request = await requests.get(`${serverURL}${api}/payload-locked-documents?${query}`);
+      const {
+        docs
+      } = await request.json();
+      if (docs.length > 0) {
+        const lockId = docs[0].id;
+        await requests.delete(`${serverURL}${api}/payload-locked-documents/${lockId}`, {
           headers: {
-            'Accept-Language': i18n.language
-          }
-        }).then(res => res.json());
-        if (collectionSlug) {
-          publishedJSON = publishedJSON?.docs?.[0];
-        }
-      }
-      if (shouldFetchVersions) {
-        versionJSON = await fetch(`${versionFetchURL}?${qs.stringify(versionParams)}`, {
-          credentials: 'include',
-          headers: {
-            'Accept-Language': i18n.language
-          }
-        }).then(res_0 => res_0.json());
-        if (publishedJSON?.updatedAt) {
-          const newerVersionParams = {
-            ...versionParams,
-            where: {
-              ...versionParams.where,
-              and: [...versionParams.where.and, {
-                updatedAt: {
-                  greater_than: publishedJSON?.updatedAt
-                }
-              }]
-            }
-          };
-          // Get any newer versions available
-          const newerVersionRes = await fetch(`${versionFetchURL}?${qs.stringify(newerVersionParams)}`, {
-            credentials: 'include',
-            headers: {
-              'Accept-Language': i18n.language
-            }
-          });
-          if (newerVersionRes.status === 200) {
-            unpublishedVersionJSON = await newerVersionRes.json();
+            'Content-Type': 'application/json'
           }
-        }
+        });
+        setDocumentIsLocked(false);
       }
-      setPublishedDoc(publishedJSON);
-      setVersions(versionJSON);
-      setUnpublishedVersions(unpublishedVersionJSON);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to unlock the document', error);
     }
-  }, [i18n, globalSlug, collectionSlug, id, baseURL, locale, versionsConfig, shouldFetchVersions]);
-  const getDocPermissions = React.useCallback(async data_0 => {
-    const params = {
-      locale: locale || undefined
-    };
-    const idToUse = data_0?.id || id;
-    const newIsEditing = getIsEditing({
-      id: idToUse,
-      collectionSlug,
-      globalSlug
-    });
-    if (newIsEditing) {
-      const docAccessURL = collectionSlug ? `/${collectionSlug}/access/${idToUse}` : globalSlug ? `/globals/${globalSlug}/access` : null;
-      if (docAccessURL) {
-        const res_1 = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
-          body: JSON.stringify(data_0),
-          credentials: 'include',
-          headers: {
-            'Accept-Language': i18n.language,
-            'Content-Type': 'application/json'
-          },
-          method: 'post'
-        });
-        const json = await res_1.json();
-        const publishedAccessJSON = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
+  }, [serverURL, api, globalSlug]);
+  const updateDocumentEditor = useCallback(async (docId_0, slug_1, user) => {
+    try {
+      const isGlobal_0 = slug_1 === globalSlug;
+      const query_0 = isGlobal_0 ? `where[globalSlug][equals]=${slug_1}` : `where[document.value][equals]=${docId_0}&where[document.relationTo][equals]=${slug_1}`;
+      // Check if the document is already locked
+      const request_0 = await requests.get(`${serverURL}${api}/payload-locked-documents?${query_0}`);
+      const {
+        docs: docs_0
+      } = await request_0.json();
+      if (docs_0.length > 0) {
+        const lockId_0 = docs_0[0].id;
+        const userData = typeof user === 'object' ? {
+          relationTo: user.collection,
+          value: user.id
+        } : {
+          relationTo: 'users',
+          value: user
+        };
+        // Send a patch request to update the _lastEdited info
+        await requests.patch(`${serverURL}${api}/payload-locked-documents/${lockId_0}`, {
           body: JSON.stringify({
-            ...(data_0 || {}),
-            _status: 'published'
+            user: userData
           }),
-          credentials: 'include',
           headers: {
-            'Accept-Language': i18n.language,
             'Content-Type': 'application/json'
-          },
-          method: 'POST'
-        }).then(res_2 => res_2.json());
-        setDocPermissions(json);
-        setHasSavePermission(getHasSavePermission({
-          collectionSlug,
-          docPermissions: json,
-          globalSlug,
-          isEditing: newIsEditing
-        }));
-        setHasPublishPermission(publishedAccessJSON?.update?.permission);
+          }
+        });
       }
-    } else {
-      // when creating new documents, there is no permissions saved for this document yet
-      // use the generic entity permissions instead
-      const newDocPermissions = collectionSlug ? permissions?.collections?.[collectionSlug] : permissions?.globals?.[globalSlug];
-      setDocPermissions(newDocPermissions);
-      setHasSavePermission(getHasSavePermission({
-        collectionSlug,
-        docPermissions: newDocPermissions,
-        globalSlug,
-        isEditing: newIsEditing
-      }));
+    } catch (error_0) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to update the document editor', error_0);
     }
-  }, [serverURL, api, id, permissions, i18n.language, locale, collectionSlug, globalSlug]);
+  }, [serverURL, api, globalSlug]);
+  const getDocPermissions = useGetDocPermissions({
+    id: id,
+    api,
+    collectionSlug,
+    globalSlug,
+    i18n,
+    locale,
+    permissions,
+    serverURL,
+    setDocPermissions,
+    setHasPublishPermission,
+    setHasSavePermission
+  });
   const getDocPreferences = useCallback(() => {
     return getPreference(preferencesKey);
   }, [getPreference, preferencesKey]);
@@ -299,81 +202,13 @@ const DocumentInfo = ({
       }
     }
   }, [setPreference, preferencesKey, getDocPreferences]);
-  const onSave = React.useCallback(async json_0 => {
-    if (typeof onSaveFromProps === 'function') {
-      void onSaveFromProps(json_0);
+  const incrementVersionCount = useCallback(() => {
+    if (collectionConfig && collectionConfig.versions) {
+      setVersionCount(Math.min(versionCount + 1, collectionConfig.versions.maxPerDoc));
+    } else if (globalConfig && globalConfig.versions) {
+      setVersionCount(Math.min(versionCount + 1, globalConfig.versions.max));
     }
-    const docPreferences = await getDocPreferences();
-    const newData = collectionSlug ? json_0.doc : json_0.result;
-    const newState = await getFormState({
-      apiRoute: api,
-      body: {
-        id,
-        collectionSlug,
-        data: newData,
-        docPreferences,
-        globalSlug,
-        locale,
-        operation,
-        schemaPath: collectionSlug || globalSlug
-      },
-      serverURL
-    });
-    setInitialState(newState);
-    setData(newData);
-    await getDocPermissions(newData);
-  }, [api, collectionSlug, getDocPreferences, globalSlug, id, operation, locale, onSaveFromProps, serverURL, getDocPermissions]);
-  useEffect(() => {
-    const abortController = new AbortController();
-    const localeChanged = locale !== prevLocale.current;
-    if (initialStateFromProps === undefined || initialDataFromProps === undefined || localeChanged) {
-      if (localeChanged) prevLocale.current = locale;
-      const getInitialState = async () => {
-        setIsError(false);
-        setIsLoading(true);
-        try {
-          const result = await getFormState({
-            apiRoute: api,
-            body: {
-              id,
-              collectionSlug,
-              globalSlug,
-              locale,
-              operation,
-              schemaPath: collectionSlug || globalSlug
-            },
-            onError: onLoadError,
-            serverURL,
-            signal: abortController.signal
-          });
-          const data_1 = reduceFieldsToValues(result, true);
-          setData(data_1);
-          if (localeChanged) void getDocPermissions(data_1);
-          setInitialState(result);
-        } catch (err) {
-          if (!abortController.signal.aborted) {
-            if (typeof onLoadError === 'function') {
-              void onLoadError();
-            }
-            setIsError(true);
-            setIsLoading(false);
-          }
-        }
-        setIsLoading(false);
-      };
-      void getInitialState();
-    }
-    return () => {
-      try {
-        abortController.abort();
-      } catch (error) {
-        // swallow error
-      }
-    };
-  }, [api, operation, collectionSlug, serverURL, id, globalSlug, locale, onLoadError, initialDataFromProps, initialStateFromProps, getDocPermissions]);
-  useEffect(() => {
-    void getVersions();
-  }, [getVersions]);
+  }, [collectionConfig, globalConfig, versionCount]);
   useEffect(() => {
     setDocumentTitle(formatDocTitle({
       collectionConfig,
@@ -386,50 +221,64 @@ const DocumentInfo = ({
       globalConfig,
       i18n
     }));
-  }, [collectionConfig, data, dateFormat, i18n, id, globalConfig]);
+  }, [collectionConfig, globalConfig, data, dateFormat, i18n, id]);
+  // clean on unmount
   useEffect(() => {
-    if (data && (collectionSlug || globalSlug)) {
-      if (hasInitializedDocPermissions.current === false && (!docPermissions || hasSavePermission === undefined || hasSavePermission === null || hasPublishPermission === undefined || hasPublishPermission === null)) {
-        hasInitializedDocPermissions.current = true;
-        void getDocPermissions(data);
+    const re1 = abortControllerRef.current;
+    return () => {
+      if (re1) {
+        try {
+          re1.abort();
+        } catch (_err) {
+          // swallow error
+        }
       }
-    }
-  }, [getDocPermissions, docPermissionsFromProps, hasSavePermissionFromProps, hasPublishPermissionFromProps, setDocPermissions, collectionSlug, globalSlug, data, docPermissions, hasSavePermission, hasPublishPermission]);
+    };
+  }, []);
   const action = React.useMemo(() => {
     const docURL = `${baseURL}${pluralType === 'globals' ? `/globals` : ''}/${slug}${id ? `/${id}` : ''}`;
-    const params_0 = {
+    const params = {
       depth: 0,
       'fallback-locale': 'null',
       locale,
       uploadEdits: uploadEdits || undefined
     };
-    return `${docURL}${qs.stringify(params_0, {
+    return `${docURL}${qs.stringify(params, {
       addQueryPrefix: true
     })}`;
   }, [baseURL, locale, pluralType, id, slug, uploadEdits]);
-  if (isError) notFound();
   const value = {
     ...props,
     action,
+    currentEditor,
     docConfig,
     docPermissions,
+    documentIsLocked,
     getDocPermissions,
     getDocPreferences,
-    getVersions,
+    hasPublishedDoc,
     hasPublishPermission,
     hasSavePermission,
+    incrementVersionCount,
     initialData: data,
     initialState,
     isInitializing,
-    isLoading,
-    onSave,
+    lastUpdateTime,
+    mostRecentVersionIsAutosaved,
     preferencesKey,
-    publishedDoc,
+    setCurrentEditor,
     setDocFieldPreferences,
+    setDocumentIsLocked,
     setDocumentTitle,
+    setHasPublishedDoc,
+    setLastUpdateTime,
+    setMostRecentVersionIsAutosaved,
+    setUnpublishedVersionCount,
     title: documentTitle,
-    unpublishedVersions,
-    versions
+    unlockDocument,
+    unpublishedVersionCount,
+    updateDocumentEditor,
+    versionCount
   };
   return /*#__PURE__*/_jsx(Context.Provider, {
     value: value,