@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/views/Edit/index.js

@@ -1,6 +1,5 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { useRouter, useSearchParams } from 'next/navigation.js';
 import { formatAdminURL, hasAutosaveEnabled } from 'payload/shared';
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -38,516 +37,595 @@ const baseClass = 'collection-edit';
 // This component receives props only on _pages_
 // When rendered within a drawer, props are empty
 // This is solely to support custom edit views which get server-rendered
-export function DefaultEditView({
-  BeforeDocumentControls,
-  Description,
-  EditMenuItems,
-  LivePreview: CustomLivePreview,
-  PreviewButton,
-  PublishButton,
-  SaveButton,
-  SaveDraftButton,
-  Upload: CustomUpload,
-  UploadControls
-}) {
-  const {
-    id,
-    action,
-    AfterDocument,
-    AfterFields,
-    apiURL,
-    BeforeFields,
-    collectionSlug,
-    currentEditor,
-    data,
-    disableActions,
-    disableCreate,
-    disableLeaveWithoutSaving,
-    docPermissions,
-    documentIsLocked,
-    documentLockState,
-    getDocPermissions,
-    getDocPreferences,
-    globalSlug,
-    hasPublishPermission,
-    hasSavePermission,
-    incrementVersionCount,
-    initialState,
-    isEditing,
-    isInitializing,
-    isLocked,
-    isTrashed,
-    lastUpdateTime,
-    redirectAfterCreate,
-    redirectAfterDelete,
-    redirectAfterDuplicate,
-    redirectAfterRestore,
-    setCurrentEditor,
-    setData,
-    setDocumentIsLocked,
-    setLastUpdateTime,
-    unlockDocument,
-    updateDocumentEditor
-  } = useDocumentInfo();
-  const {
-    clearDoc,
-    drawerSlug,
-    onDelete,
-    onDuplicate,
-    onRestore,
-    onSave: onSaveFromContext
-  } = useDocumentDrawerContext();
-  const isInDrawer = Boolean(drawerSlug);
-  const {
-    refreshCookieAsync,
-    user
-  } = useAuth();
-  const {
-    config,
-    config: {
-      admin: {
-        user: userSlug
-      },
-      routes: {
-        admin: adminRoute
-      },
-      serverURL
-    },
-    getEntityConfig
-  } = useConfig();
-  const collectionConfig = getEntityConfig({
-    collectionSlug
-  });
-  const globalConfig = getEntityConfig({
-    globalSlug
-  });
-  const depth = useEditDepth();
-  const router = useRouter();
-  const params = useSearchParams();
-  const {
-    reportUpdate
-  } = useDocumentEvents();
-  const {
-    resetUploadEdits
-  } = useUploadEdits();
-  const {
-    getFormState
-  } = useServerFunctions();
-  const {
-    startRouteTransition
-  } = useRouteTransition();
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const {
-    isLivePreviewEnabled,
-    isLivePreviewing,
-    previewWindowType,
-    setURL: setLivePreviewURL,
-    typeofLivePreviewURL,
-    url: livePreviewURL
-  } = useLivePreviewContext();
-  const {
-    isPreviewEnabled,
-    setPreviewURL
-  } = usePreviewURL();
-  const abortOnChangeRef = useRef(null);
-  const abortOnSaveRef = useRef(null);
-  const locale = params.get('locale');
-  const entitySlug = collectionConfig?.slug || globalConfig?.slug;
-  const operation = collectionSlug && !id ? 'create' : 'update';
-  const auth = collectionConfig ? collectionConfig.auth : undefined;
-  const upload = collectionConfig ? collectionConfig.upload : undefined;
-  const docConfig = collectionConfig || globalConfig;
-  const lockDocumentsProp = docConfig?.lockDocuments !== undefined ? docConfig?.lockDocuments : true;
-  const isLockingEnabled = lockDocumentsProp !== false;
-  const lockDurationDefault = 300 // Default 5 minutes in seconds
-  ;
-  const lockDuration = typeof lockDocumentsProp === 'object' ? lockDocumentsProp.duration : lockDurationDefault;
-  const lockDurationInMilliseconds = lockDuration * 1000;
-  const autosaveEnabled = hasAutosaveEnabled(docConfig);
-  const [isReadOnlyForIncomingUser, setIsReadOnlyForIncomingUser] = useState(false);
-  const [showTakeOverModal, setShowTakeOverModal] = useState(false);
-  const [editSessionStartTime, setEditSessionStartTime] = useState(Date.now());
-  const lockExpiryTime = lastUpdateTime + lockDurationInMilliseconds;
-  const isLockExpired = Date.now() > lockExpiryTime;
-  const preventLeaveWithoutSaving = !isReadOnlyForIncomingUser && (typeof disableLeaveWithoutSaving !== 'undefined' ? !disableLeaveWithoutSaving : !autosaveEnabled);
-  const schemaPathSegments = useMemo(() => [entitySlug], [entitySlug]);
-  const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(() => {
-    if (operation === 'create' && auth && !auth.disableLocalStrategy) {
-      return true;
-    }
-    return false;
-  });
-  const nextHrefRef = React.useRef(null);
-  const handleDocumentLocking = useCallback(lockedState => {
-    setDocumentIsLocked(true);
-    const previousOwnerID = typeof documentLockState.current?.user === 'object' ? documentLockState.current?.user?.id : documentLockState.current?.user;
-    if (lockedState) {
-      const lockedUserID = typeof lockedState.user === 'string' || typeof lockedState.user === 'number' ? lockedState.user : lockedState.user.id;
-      if (!documentLockState.current || lockedUserID !== previousOwnerID) {
-        if (previousOwnerID === user.id && lockedUserID !== user.id) {
-          setShowTakeOverModal(true);
-          documentLockState.current.hasShownLockedModal = true;
+export function DefaultEditView({ BeforeDocumentControls, Description, EditMenuItems, LivePreview: CustomLivePreview, PreviewButton, PublishButton, SaveButton, SaveDraftButton, Upload: CustomUpload, UploadControls }) {
+    const { id, action, AfterDocument, AfterFields, apiURL, BeforeFields, collectionSlug, currentEditor, data, disableActions, disableCreate, disableLeaveWithoutSaving, docPermissions, documentIsLocked, documentLockState, getDocPermissions, getDocPreferences, globalSlug, hasPublishPermission, hasSavePermission, incrementVersionCount, initialState, isEditing, isInitializing, isLocked, isTrashed, lastUpdateTime, redirectAfterCreate, redirectAfterDelete, redirectAfterDuplicate, redirectAfterRestore, setCurrentEditor, setData, setDocumentIsLocked, setLastUpdateTime, unlockDocument, updateDocumentEditor } = useDocumentInfo();
+    const { clearDoc, drawerSlug, onDelete, onDuplicate, onRestore, onSave: onSaveFromContext } = useDocumentDrawerContext();
+    const isInDrawer = Boolean(drawerSlug);
+    const { refreshCookieAsync, user } = useAuth();
+    const { config, config: { admin: { user: userSlug }, routes: { admin: adminRoute }, serverURL }, getEntityConfig } = useConfig();
+    const collectionConfig = getEntityConfig({
+        collectionSlug
+    });
+    const globalConfig = getEntityConfig({
+        globalSlug
+    });
+    const depth = useEditDepth();
+    const router = useRouter();
+    const params = useSearchParams();
+    const { reportUpdate } = useDocumentEvents();
+    const { resetUploadEdits } = useUploadEdits();
+    const { getFormState } = useServerFunctions();
+    const { startRouteTransition } = useRouteTransition();
+    const { clearRouteCache } = useRouteCache();
+    const { isLivePreviewEnabled, isLivePreviewing, previewWindowType, setURL: setLivePreviewURL, typeofLivePreviewURL, url: livePreviewURL } = useLivePreviewContext();
+    const { isPreviewEnabled, setPreviewURL } = usePreviewURL();
+    const abortOnChangeRef = useRef(null);
+    const abortOnSaveRef = useRef(null);
+    const locale = params.get('locale');
+    const entitySlug = collectionConfig?.slug || globalConfig?.slug;
+    const operation = collectionSlug && !id ? 'create' : 'update';
+    const auth = collectionConfig ? collectionConfig.auth : undefined;
+    const upload = collectionConfig ? collectionConfig.upload : undefined;
+    const docConfig = collectionConfig || globalConfig;
+    const lockDocumentsProp = docConfig?.lockDocuments !== undefined ? docConfig?.lockDocuments : true;
+    const isLockingEnabled = lockDocumentsProp !== false;
+    const lockDurationDefault = 300;
+    // Default 5 minutes in seconds
+    const lockDuration = typeof lockDocumentsProp === 'object' ? lockDocumentsProp.duration : lockDurationDefault;
+    const lockDurationInMilliseconds = lockDuration * 1000;
+    const autosaveEnabled = hasAutosaveEnabled(docConfig);
+    const [isReadOnlyForIncomingUser, setIsReadOnlyForIncomingUser] = useState(false);
+    const [showTakeOverModal, setShowTakeOverModal] = useState(false);
+    const [editSessionStartTime, setEditSessionStartTime] = useState(Date.now());
+    const lockExpiryTime = lastUpdateTime + lockDurationInMilliseconds;
+    const isLockExpired = Date.now() > lockExpiryTime;
+    const preventLeaveWithoutSaving = !isReadOnlyForIncomingUser && (typeof disableLeaveWithoutSaving !== 'undefined' ? !disableLeaveWithoutSaving : !autosaveEnabled);
+    const schemaPathSegments = useMemo(()=>[
+            entitySlug
+        ], [
+        entitySlug
+    ]);
+    const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(()=>{
+        if (operation === 'create' && auth && !auth.disableLocalStrategy) {
+            return true;
         }
-        documentLockState.current = {
-          hasShownLockedModal: documentLockState.current?.hasShownLockedModal || false,
-          isLocked: true,
-          user: lockedState.user
-        };
-        setCurrentEditor(lockedState.user);
-      }
-      // Update lastUpdateTime when lock state changes
-      if (lockedState.lastEditedAt) {
-        setLastUpdateTime(new Date(lockedState.lastEditedAt).getTime());
-      }
-    }
-  }, [documentLockState, setCurrentEditor, setDocumentIsLocked, setLastUpdateTime, user?.id]);
-  const handlePrevent = useCallback(nextHref => {
-    nextHrefRef.current = nextHref;
-  }, []);
-  const handleLeaveConfirm = useCallback(async () => {
-    const lockUser = documentLockState.current?.user;
-    const isLockOwnedByCurrentUser = typeof lockUser === 'object' ? lockUser?.id === user?.id : lockUser === user?.id;
-    if (isLockingEnabled && documentIsLocked && (id || globalSlug)) {
-      // Check where user is trying to go
-      const nextPath = nextHrefRef.current ? new URL(nextHrefRef.current).pathname : '';
-      const isInternalView = ['/preview', '/api', '/versions'].some(path => nextPath.includes(path));
-      // Remove the lock if the user is navigating away from the document view they have locked
-      if (isLockOwnedByCurrentUser && !isInternalView) {
-        try {
-          await unlockDocument(id, collectionSlug ?? globalSlug);
-          setDocumentIsLocked(false);
-          setCurrentEditor(null);
-        } catch (err) {
-          console.error('Failed to unlock before leave', err); // eslint-disable-line no-console
+        return false;
+    });
+    const nextHrefRef = React.useRef(null);
+    const handleDocumentLocking = useCallback((lockedState)=>{
+        setDocumentIsLocked(true);
+        const previousOwnerID = typeof documentLockState.current?.user === 'object' ? documentLockState.current?.user?.id : documentLockState.current?.user;
+        if (lockedState) {
+            const lockedUserID = typeof lockedState.user === 'string' || typeof lockedState.user === 'number' ? lockedState.user : lockedState.user.id;
+            if (!documentLockState.current || lockedUserID !== previousOwnerID) {
+                if (previousOwnerID === user.id && lockedUserID !== user.id) {
+                    setShowTakeOverModal(true);
+                    documentLockState.current.hasShownLockedModal = true;
+                }
+                documentLockState.current = {
+                    hasShownLockedModal: documentLockState.current?.hasShownLockedModal || false,
+                    isLocked: true,
+                    user: lockedState.user
+                };
+                setCurrentEditor(lockedState.user);
+            }
+            // Update lastUpdateTime when lock state changes
+            if (lockedState.lastEditedAt) {
+                setLastUpdateTime(new Date(lockedState.lastEditedAt).getTime());
+            }
         }
-      }
-    }
-  }, [collectionSlug, documentIsLocked, documentLockState, globalSlug, id, isLockingEnabled, setCurrentEditor, setDocumentIsLocked, unlockDocument, user?.id]);
-  const onSave = useCallback(async (json, ctx) => {
-    const {
-      context,
-      formState
-    } = ctx || {};
-    const controller = handleAbortRef(abortOnSaveRef);
-    const document = json?.doc || json?.result;
-    const updatedAt = document?.updatedAt || new Date().toISOString();
-    // If we're editing the doc of the logged-in user,
-    // Refresh the cookie to get new permissions
-    if (user && collectionSlug === userSlug && id === user.id) {
-      void refreshCookieAsync();
-    }
-    setLastUpdateTime(updatedAt);
-    if (context?.incrementVersionCount !== false) {
-      incrementVersionCount();
-    }
-    if (typeof setData === 'function') {
-      void setData(document || {});
-    }
-    if (typeof onSaveFromContext === 'function') {
-      const operation_0 = id ? 'update' : 'create';
-      void onSaveFromContext({
-        ...json,
-        context,
-        operation: operation_0,
-        // @ts-expect-error todo: this is not right, should be under `doc`?
-        updatedAt: operation_0 === 'update' ? new Date().toISOString() : document?.updatedAt || new Date().toISOString()
-      });
-    }
-    if (!isEditing && depth < 2 && redirectAfterCreate !== false) {
-      // Redirect to the same locale if it's been set
-      const redirectRoute = formatAdminURL({
-        adminRoute,
-        path: `/collections/${collectionSlug}/${document?.id}${locale ? `?locale=${locale}` : ''}`
-      });
-      startRouteTransition(() => router.push(redirectRoute));
-    } else {
-      resetUploadEdits();
-    }
-    if (context?.getDocPermissions !== false) {
-      await getDocPermissions(json);
-    }
-    if (id || globalSlug) {
-      const docPreferences = await getDocPreferences();
-      const {
-        livePreviewURL: livePreviewURL_0,
-        previewURL,
-        state
-      } = await getFormState({
-        id,
+    }, [
+        documentLockState,
+        setCurrentEditor,
+        setDocumentIsLocked,
+        setLastUpdateTime,
+        user?.id
+    ]);
+    const handlePrevent = useCallback((nextHref)=>{
+        nextHrefRef.current = nextHref;
+    }, []);
+    const handleLeaveConfirm = useCallback(async ()=>{
+        const lockUser = documentLockState.current?.user;
+        const isLockOwnedByCurrentUser = typeof lockUser === 'object' ? lockUser?.id === user?.id : lockUser === user?.id;
+        if (isLockingEnabled && documentIsLocked && (id || globalSlug)) {
+            // Check where user is trying to go
+            const nextPath = nextHrefRef.current ? new URL(nextHrefRef.current).pathname : '';
+            const isInternalView = [
+                '/preview',
+                '/api',
+                '/versions'
+            ].some((path)=>nextPath.includes(path));
+            // Remove the lock if the user is navigating away from the document view they have locked
+            if (isLockOwnedByCurrentUser && !isInternalView) {
+                try {
+                    await unlockDocument(id, collectionSlug ?? globalSlug);
+                    setDocumentIsLocked(false);
+                    setCurrentEditor(null);
+                } catch (err) {
+                    console.error('Failed to unlock before leave', err);
+                }
+            }
+        }
+    }, // eslint-disable-line no-console
+    [
         collectionSlug,
-        data: document,
-        docPermissions,
-        docPreferences,
-        formState,
+        documentIsLocked,
+        documentLockState,
         globalSlug,
-        operation,
-        renderAllFields: false,
-        returnLivePreviewURL: isLivePreviewEnabled && typeofLivePreviewURL === 'function',
-        returnLockStatus: false,
-        returnPreviewURL: isPreviewEnabled,
-        schemaPath: schemaPathSegments.join('.'),
-        signal: controller.signal,
-        skipValidation: true
-      });
-      // For upload collections, clear the file field from the returned state
-      // to prevent the File object from persisting in form state after save
-      if (upload && state) {
-        delete state.file;
-      }
-      // Unlock the document after save
-      if (isLockingEnabled) {
-        setDocumentIsLocked(false);
-      }
-      if (isLivePreviewEnabled && typeofLivePreviewURL === 'function') {
-        setLivePreviewURL(livePreviewURL_0);
-      }
-      if (isPreviewEnabled) {
-        setPreviewURL(previewURL);
-      }
-      reportUpdate({
         id,
-        doc: document,
-        drawerSlug,
-        entitySlug,
-        operation: 'update',
-        updatedAt
-      });
-      abortOnSaveRef.current = null;
-      return state;
-    } else {
-      reportUpdate({
+        isLockingEnabled,
+        setCurrentEditor,
+        setDocumentIsLocked,
+        unlockDocument,
+        user?.id
+    ]);
+    const onSave = useCallback(async (json, ctx)=>{
+        const { context, formState } = ctx || {};
+        const controller = handleAbortRef(abortOnSaveRef);
+        const document = json?.doc || json?.result;
+        const updatedAt = document?.updatedAt || new Date().toISOString();
+        // If we're editing the doc of the logged-in user,
+        // Refresh the cookie to get new permissions
+        if (user && collectionSlug === userSlug && id === user.id) {
+            void refreshCookieAsync();
+        }
+        setLastUpdateTime(updatedAt);
+        if (context?.incrementVersionCount !== false) {
+            incrementVersionCount();
+        }
+        if (typeof setData === 'function') {
+            void setData(document || {});
+        }
+        if (typeof onSaveFromContext === 'function') {
+            const operation = id ? 'update' : 'create';
+            void onSaveFromContext({
+                ...json,
+                context,
+                operation,
+                // @ts-expect-error todo: this is not right, should be under `doc`?
+                updatedAt: operation === 'update' ? new Date().toISOString() : document?.updatedAt || new Date().toISOString()
+            });
+        }
+        if (!isEditing && depth < 2 && redirectAfterCreate !== false) {
+            // Redirect to the same locale if it's been set
+            const redirectRoute = formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${document?.id}${locale ? `?locale=${locale}` : ''}`
+            });
+            startRouteTransition(()=>router.push(redirectRoute));
+        } else {
+            resetUploadEdits();
+        }
+        if (context?.getDocPermissions !== false) {
+            await getDocPermissions(json);
+        }
+        if (id || globalSlug) {
+            const docPreferences = await getDocPreferences();
+            const { livePreviewURL, previewURL, state } = await getFormState({
+                id,
+                collectionSlug,
+                data: document,
+                docPermissions,
+                docPreferences,
+                formState,
+                globalSlug,
+                operation,
+                renderAllFields: false,
+                returnLivePreviewURL: isLivePreviewEnabled && typeofLivePreviewURL === 'function',
+                returnLockStatus: false,
+                returnPreviewURL: isPreviewEnabled,
+                schemaPath: schemaPathSegments.join('.'),
+                signal: controller.signal,
+                skipValidation: true
+            });
+            // For upload collections, clear the file field from the returned state
+            // to prevent the File object from persisting in form state after save
+            if (upload && state) {
+                delete state.file;
+            }
+            // Unlock the document after save
+            if (isLockingEnabled) {
+                setDocumentIsLocked(false);
+            }
+            if (isLivePreviewEnabled && typeofLivePreviewURL === 'function') {
+                setLivePreviewURL(livePreviewURL);
+            }
+            if (isPreviewEnabled) {
+                setPreviewURL(previewURL);
+            }
+            reportUpdate({
+                id,
+                doc: document,
+                drawerSlug,
+                entitySlug,
+                operation: 'update',
+                updatedAt
+            });
+            abortOnSaveRef.current = null;
+            return state;
+        } else {
+            reportUpdate({
+                id,
+                doc: document,
+                drawerSlug,
+                entitySlug,
+                operation: 'create',
+                updatedAt
+            });
+        }
+    }, [
+        user,
+        collectionSlug,
+        userSlug,
         id,
-        doc: document,
+        setLastUpdateTime,
+        setData,
+        onSaveFromContext,
+        isEditing,
+        depth,
+        redirectAfterCreate,
+        globalSlug,
+        refreshCookieAsync,
+        incrementVersionCount,
+        adminRoute,
+        locale,
+        startRouteTransition,
+        router,
+        resetUploadEdits,
+        getDocPermissions,
+        getDocPreferences,
+        getFormState,
+        docPermissions,
+        operation,
+        isLivePreviewEnabled,
+        typeofLivePreviewURL,
+        isPreviewEnabled,
+        schemaPathSegments,
+        upload,
+        isLockingEnabled,
+        reportUpdate,
         drawerSlug,
         entitySlug,
-        operation: 'create',
-        updatedAt
-      });
-    }
-  }, [user, collectionSlug, userSlug, id, setLastUpdateTime, setData, onSaveFromContext, isEditing, depth, redirectAfterCreate, globalSlug, refreshCookieAsync, incrementVersionCount, adminRoute, locale, startRouteTransition, router, resetUploadEdits, getDocPermissions, getDocPreferences, getFormState, docPermissions, operation, isLivePreviewEnabled, typeofLivePreviewURL, isPreviewEnabled, schemaPathSegments, upload, isLockingEnabled, reportUpdate, drawerSlug, entitySlug, setDocumentIsLocked, setLivePreviewURL, setPreviewURL]);
-  const onChange = useCallback(async ({
-    formState: prevFormState,
-    submitted
-  }) => {
-    const controller_0 = handleAbortRef(abortOnChangeRef);
-    const currentTime = Date.now();
-    const timeSinceLastUpdate = currentTime - editSessionStartTime;
-    const updateLastEdited = isLockingEnabled && timeSinceLastUpdate >= 10000 // 10 seconds
-    ;
-    if (updateLastEdited) {
-      setEditSessionStartTime(currentTime);
-    }
-    const docPreferences_0 = await getDocPreferences();
-    const result = await getFormState({
-      id,
-      collectionSlug,
-      docPermissions,
-      docPreferences: docPreferences_0,
-      formState: prevFormState,
-      globalSlug,
-      operation,
-      renderAllFields: false,
-      returnLockStatus: isLockingEnabled,
-      schemaPath: schemaPathSegments.join('.'),
-      signal: controller_0.signal,
-      skipValidation: !submitted,
-      updateLastEdited
-    });
-    if (!result) {
-      return;
-    }
-    const {
-      lockedState: lockedState_0,
-      state: state_0
-    } = result;
-    if (isLockingEnabled) {
-      handleDocumentLocking(lockedState_0);
-    }
-    abortOnChangeRef.current = null;
-    return state_0;
-  }, [editSessionStartTime, isLockingEnabled, getDocPreferences, getFormState, id, collectionSlug, docPermissions, globalSlug, operation, schemaPathSegments, handleDocumentLocking]);
-  // Clean up when the component unmounts or when the document is unlocked
-  useEffect(() => {
-    return () => {
-      setShowTakeOverModal(false);
-    };
-  }, []);
-  useEffect(() => {
-    const abortOnChange = abortOnChangeRef.current;
-    const abortOnSave = abortOnSaveRef.current;
-    return () => {
-      abortAndIgnore(abortOnChange);
-      abortAndIgnore(abortOnSave);
-    };
-  }, []);
-  const shouldShowDocumentLockedModal = documentIsLocked && currentEditor && (typeof currentEditor === 'object' ? currentEditor.id !== user?.id : currentEditor !== user?.id) && !isReadOnlyForIncomingUser && !showTakeOverModal && !documentLockState.current?.hasShownLockedModal && !isLockExpired;
-  const isFolderCollection = config.folders && collectionSlug === config.folders?.slug;
-  return /*#__PURE__*/_jsx("main", {
-    className: [baseClass, (id || globalSlug) && `${baseClass}--is-editing`, globalSlug && `global-edit--${globalSlug}`, collectionSlug && `collection-edit--${collectionSlug}`, isLivePreviewing && previewWindowType === 'iframe' && `${baseClass}--is-live-previewing`].filter(Boolean).join(' '),
-    children: /*#__PURE__*/_jsx(OperationProvider, {
-      operation: operation,
-      children: /*#__PURE__*/_jsxs(Form, {
-        action: action,
-        className: `${baseClass}__form`,
-        disabled: isReadOnlyForIncomingUser || isInitializing || !hasSavePermission || isTrashed,
-        disableValidationOnSubmit: !validateBeforeSubmit,
-        initialState: !isInitializing && initialState,
-        isDocumentForm: true,
-        isInitializing: isInitializing,
-        method: id ? 'PATCH' : 'POST',
-        onChange: [onChange],
-        onSuccess: onSave,
-        children: [isInDrawer && /*#__PURE__*/_jsx(DocumentDrawerHeader, {
-          AfterHeader: Description,
-          drawerSlug: drawerSlug,
-          showDocumentID: !isFolderCollection
-        }), isLockingEnabled && shouldShowDocumentLockedModal && /*#__PURE__*/_jsx(DocumentLocked, {
-          handleGoBack: () => handleGoBack({
-            adminRoute,
-            collectionSlug,
-            router,
-            serverURL
-          }),
-          isActive: shouldShowDocumentLockedModal,
-          onReadOnly: () => {
-            setIsReadOnlyForIncomingUser(true);
-            setShowTakeOverModal(false);
-          },
-          onTakeOver: () => handleTakeOver({
+        setDocumentIsLocked,
+        setLivePreviewURL,
+        setPreviewURL
+    ]);
+    const onChange = useCallback(async ({ formState: prevFormState, submitted })=>{
+        const controller = handleAbortRef(abortOnChangeRef);
+        const currentTime = Date.now();
+        const timeSinceLastUpdate = currentTime - editSessionStartTime;
+        const updateLastEdited = isLockingEnabled && timeSinceLastUpdate >= 10000;
+        // 10 seconds
+        if (updateLastEdited) {
+            setEditSessionStartTime(currentTime);
+        }
+        const docPreferences = await getDocPreferences();
+        const result = await getFormState({
             id,
-            clearRouteCache,
             collectionSlug,
-            documentLockStateRef: documentLockState,
+            docPermissions,
+            docPreferences,
+            formState: prevFormState,
             globalSlug,
-            isLockingEnabled,
-            isWithinDoc: false,
-            setCurrentEditor,
-            updateDocumentEditor,
-            user
-          }),
-          updatedAt: lastUpdateTime,
-          user: currentEditor
-        }), isLockingEnabled && showTakeOverModal && /*#__PURE__*/_jsx(DocumentTakeOver, {
-          handleBackToDashboard: () => handleBackToDashboard({
-            adminRoute,
-            router,
-            serverURL
-          }),
-          isActive: showTakeOverModal,
-          onReadOnly: () => {
-            setIsReadOnlyForIncomingUser(true);
+            operation,
+            renderAllFields: false,
+            returnLockStatus: isLockingEnabled,
+            schemaPath: schemaPathSegments.join('.'),
+            signal: controller.signal,
+            skipValidation: !submitted,
+            updateLastEdited
+        });
+        if (!result) {
+            return;
+        }
+        const { lockedState, state } = result;
+        if (isLockingEnabled) {
+            handleDocumentLocking(lockedState);
+        }
+        abortOnChangeRef.current = null;
+        return state;
+    }, [
+        editSessionStartTime,
+        isLockingEnabled,
+        getDocPreferences,
+        getFormState,
+        id,
+        collectionSlug,
+        docPermissions,
+        globalSlug,
+        operation,
+        schemaPathSegments,
+        handleDocumentLocking
+    ]);
+    // Clean up when the component unmounts or when the document is unlocked
+    useEffect(()=>{
+        return ()=>{
             setShowTakeOverModal(false);
-          }
-        }), preventLeaveWithoutSaving && /*#__PURE__*/_jsx(LeaveWithoutSaving, {
-          onConfirm: handleLeaveConfirm,
-          onPrevent: handlePrevent
-        }), !isInDrawer && /*#__PURE__*/_jsx(SetDocumentStepNav, {
-          collectionSlug: collectionConfig?.slug,
-          globalSlug: globalConfig?.slug,
-          id: id,
-          isTrashed: isTrashed,
-          pluralLabel: collectionConfig?.labels?.plural,
-          useAsTitle: collectionConfig?.admin?.useAsTitle
-        }), /*#__PURE__*/_jsx(SetDocumentTitle, {
-          collectionConfig: collectionConfig,
-          config: config,
-          fallback: depth <= 1 ? id?.toString() : undefined,
-          globalConfig: globalConfig
-        }), /*#__PURE__*/_jsx(DocumentControls, {
-          apiURL: apiURL,
-          BeforeDocumentControls: BeforeDocumentControls,
-          customComponents: {
-            PreviewButton,
-            PublishButton,
-            SaveButton,
-            SaveDraftButton
-          },
-          data: data,
-          disableActions: disableActions || isFolderCollection || isTrashed,
-          disableCreate: disableCreate,
-          EditMenuItems: EditMenuItems,
-          hasPublishPermission: hasPublishPermission,
-          hasSavePermission: hasSavePermission,
-          id: id,
-          isEditing: isEditing,
-          isInDrawer: isInDrawer,
-          isTrashed: isTrashed,
-          onDelete: onDelete,
-          onDrawerCreateNew: clearDoc,
-          onDuplicate: onDuplicate,
-          onRestore: onRestore,
-          onSave: onSave,
-          onTakeOver: () => handleTakeOver({
-            id,
-            clearRouteCache,
-            collectionSlug,
-            documentLockStateRef: documentLockState,
-            globalSlug,
-            isLockingEnabled,
-            isWithinDoc: true,
-            setCurrentEditor,
-            setIsReadOnlyForIncomingUser,
-            updateDocumentEditor,
-            user
-          }),
-          permissions: docPermissions,
-          readOnlyForIncomingUser: isReadOnlyForIncomingUser,
-          redirectAfterDelete: redirectAfterDelete,
-          redirectAfterDuplicate: redirectAfterDuplicate,
-          redirectAfterRestore: redirectAfterRestore,
-          slug: collectionConfig?.slug || globalConfig?.slug,
-          user: currentEditor
-        }), /*#__PURE__*/_jsxs("div", {
-          className: [`${baseClass}__main-wrapper`, previewWindowType === 'popup' && `${baseClass}--detached`].filter(Boolean).join(' '),
-          children: [/*#__PURE__*/_jsxs("div", {
-            className: [`${baseClass}__main`, previewWindowType === 'popup' && `${baseClass}__main--popup-open`].filter(Boolean).join(' '),
-            children: [/*#__PURE__*/_jsx(DocumentFields, {
-              AfterFields: AfterFields,
-              BeforeFields: BeforeFields || /*#__PURE__*/_jsxs(Fragment, {
-                children: [auth && /*#__PURE__*/_jsx(Auth, {
-                  className: `${baseClass}__auth`,
-                  collectionSlug: collectionConfig.slug,
-                  disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
-                  email: data?.email,
-                  loginWithUsername: auth?.loginWithUsername,
-                  operation: operation,
-                  readOnly: !hasSavePermission,
-                  requirePassword: !id,
-                  setValidateBeforeSubmit: setValidateBeforeSubmit,
-                  // eslint-disable-next-line react-compiler/react-compiler
-                  useAPIKey: auth.useAPIKey,
-                  username: data?.username,
-                  verify: auth.verify
-                }), upload && /*#__PURE__*/_jsx(React.Fragment, {
-                  children: /*#__PURE__*/_jsx(UploadControlsProvider, {
-                    children: CustomUpload || /*#__PURE__*/_jsx(Upload, {
-                      collectionSlug: collectionConfig.slug,
-                      initialState: initialState,
-                      uploadConfig: upload,
-                      UploadControls: UploadControls
-                    })
-                  })
-                })]
-              }),
-              Description: Description,
-              docPermissions: docPermissions,
-              fields: docConfig.fields,
-              forceSidebarWrap: isLivePreviewing,
-              isTrashed: isTrashed,
-              readOnly: isReadOnlyForIncomingUser || !hasSavePermission || isTrashed,
-              schemaPathSegments: schemaPathSegments
-            }), AfterDocument]
-          }), isLivePreviewEnabled && !isInDrawer && livePreviewURL && /*#__PURE__*/_jsx(_Fragment, {
-            children: CustomLivePreview || /*#__PURE__*/_jsx(LivePreviewWindow, {
-              collectionSlug: collectionSlug,
-              globalSlug: globalSlug
-            })
-          })]
-        })]
-      }, `${isLocked}`)
-    })
-  });
+        };
+    }, []);
+    useEffect(()=>{
+        const abortOnChange = abortOnChangeRef.current;
+        const abortOnSave = abortOnSaveRef.current;
+        return ()=>{
+            abortAndIgnore(abortOnChange);
+            abortAndIgnore(abortOnSave);
+        };
+    }, []);
+    const shouldShowDocumentLockedModal = documentIsLocked && currentEditor && (typeof currentEditor === 'object' ? currentEditor.id !== user?.id : currentEditor !== user?.id) && !isReadOnlyForIncomingUser && !showTakeOverModal && !documentLockState.current?.hasShownLockedModal && !isLockExpired;
+    const isFolderCollection = config.folders && collectionSlug === config.folders?.slug;
+    return /*#__PURE__*/ _jsxDEV("main", {
+        className: [
+            baseClass,
+            (id || globalSlug) && `${baseClass}--is-editing`,
+            globalSlug && `global-edit--${globalSlug}`,
+            collectionSlug && `collection-edit--${collectionSlug}`,
+            isLivePreviewing && previewWindowType === 'iframe' && `${baseClass}--is-live-previewing`
+        ].filter(Boolean).join(' '),
+        children: /*#__PURE__*/ _jsxDEV(OperationProvider, {
+            operation: operation,
+            children: /*#__PURE__*/ _jsxDEV(Form, {
+                action: action,
+                className: `${baseClass}__form`,
+                disabled: isReadOnlyForIncomingUser || isInitializing || !hasSavePermission || isTrashed,
+                disableValidationOnSubmit: !validateBeforeSubmit,
+                initialState: !isInitializing && initialState,
+                isDocumentForm: true,
+                isInitializing: isInitializing,
+                method: id ? 'PATCH' : 'POST',
+                onChange: [
+                    onChange
+                ],
+                onSuccess: onSave,
+                children: [
+                    isInDrawer && /*#__PURE__*/ _jsxDEV(DocumentDrawerHeader, {
+                        AfterHeader: Description,
+                        drawerSlug: drawerSlug,
+                        showDocumentID: !isFolderCollection
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 555,
+                        columnNumber: 13
+                    }, this),
+                    isLockingEnabled && shouldShowDocumentLockedModal && /*#__PURE__*/ _jsxDEV(DocumentLocked, {
+                        handleGoBack: ()=>handleGoBack({
+                                adminRoute,
+                                collectionSlug,
+                                router,
+                                serverURL
+                            }),
+                        isActive: shouldShowDocumentLockedModal,
+                        onReadOnly: ()=>{
+                            setIsReadOnlyForIncomingUser(true);
+                            setShowTakeOverModal(false);
+                        },
+                        onTakeOver: ()=>handleTakeOver({
+                                id,
+                                clearRouteCache,
+                                collectionSlug,
+                                documentLockStateRef: documentLockState,
+                                globalSlug,
+                                isLockingEnabled,
+                                isWithinDoc: false,
+                                setCurrentEditor,
+                                updateDocumentEditor,
+                                user
+                            }),
+                        updatedAt: lastUpdateTime,
+                        user: currentEditor
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 562,
+                        columnNumber: 13
+                    }, this),
+                    isLockingEnabled && showTakeOverModal && /*#__PURE__*/ _jsxDEV(DocumentTakeOver, {
+                        handleBackToDashboard: ()=>handleBackToDashboard({
+                                adminRoute,
+                                router,
+                                serverURL
+                            }),
+                        isActive: showTakeOverModal,
+                        onReadOnly: ()=>{
+                            setIsReadOnlyForIncomingUser(true);
+                            setShowTakeOverModal(false);
+                        }
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 588,
+                        columnNumber: 13
+                    }, this),
+                    preventLeaveWithoutSaving && /*#__PURE__*/ _jsxDEV(LeaveWithoutSaving, {
+                        onConfirm: handleLeaveConfirm,
+                        onPrevent: handlePrevent
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 598,
+                        columnNumber: 13
+                    }, this),
+                    !isInDrawer && /*#__PURE__*/ _jsxDEV(SetDocumentStepNav, {
+                        collectionSlug: collectionConfig?.slug,
+                        globalSlug: globalConfig?.slug,
+                        id: id,
+                        isTrashed: isTrashed,
+                        pluralLabel: collectionConfig?.labels?.plural,
+                        useAsTitle: collectionConfig?.admin?.useAsTitle
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 601,
+                        columnNumber: 13
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(SetDocumentTitle, {
+                        collectionConfig: collectionConfig,
+                        config: config,
+                        fallback: depth <= 1 ? id?.toString() : undefined,
+                        globalConfig: globalConfig
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 610,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(DocumentControls, {
+                        apiURL: apiURL,
+                        BeforeDocumentControls: BeforeDocumentControls,
+                        customComponents: {
+                            PreviewButton,
+                            PublishButton,
+                            SaveButton,
+                            SaveDraftButton
+                        },
+                        data: data,
+                        disableActions: disableActions || isFolderCollection || isTrashed,
+                        disableCreate: disableCreate,
+                        EditMenuItems: EditMenuItems,
+                        hasPublishPermission: hasPublishPermission,
+                        hasSavePermission: hasSavePermission,
+                        id: id,
+                        isEditing: isEditing,
+                        isInDrawer: isInDrawer,
+                        isTrashed: isTrashed,
+                        onDelete: onDelete,
+                        onDrawerCreateNew: clearDoc,
+                        onDuplicate: onDuplicate,
+                        onRestore: onRestore,
+                        onSave: onSave,
+                        onTakeOver: ()=>handleTakeOver({
+                                id,
+                                clearRouteCache,
+                                collectionSlug,
+                                documentLockStateRef: documentLockState,
+                                globalSlug,
+                                isLockingEnabled,
+                                isWithinDoc: true,
+                                setCurrentEditor,
+                                setIsReadOnlyForIncomingUser,
+                                updateDocumentEditor,
+                                user
+                            }),
+                        permissions: docPermissions,
+                        readOnlyForIncomingUser: isReadOnlyForIncomingUser,
+                        redirectAfterDelete: redirectAfterDelete,
+                        redirectAfterDuplicate: redirectAfterDuplicate,
+                        redirectAfterRestore: redirectAfterRestore,
+                        slug: collectionConfig?.slug || globalConfig?.slug,
+                        user: currentEditor
+                    }, void 0, false, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 616,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: [
+                            `${baseClass}__main-wrapper`,
+                            previewWindowType === 'popup' && `${baseClass}--detached`
+                        ].filter(Boolean).join(' '),
+                        children: [
+                            /*#__PURE__*/ _jsxDEV("div", {
+                                className: [
+                                    `${baseClass}__main`,
+                                    previewWindowType === 'popup' && `${baseClass}__main--popup-open`
+                                ].filter(Boolean).join(' '),
+                                children: [
+                                    /*#__PURE__*/ _jsxDEV(DocumentFields, {
+                                        AfterFields: AfterFields,
+                                        BeforeFields: BeforeFields || /*#__PURE__*/ _jsxDEV(Fragment, {
+                                            children: [
+                                                auth && /*#__PURE__*/ _jsxDEV(Auth, {
+                                                    className: `${baseClass}__auth`,
+                                                    collectionSlug: collectionConfig.slug,
+                                                    disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
+                                                    email: data?.email,
+                                                    loginWithUsername: auth?.loginWithUsername,
+                                                    operation: operation,
+                                                    readOnly: !hasSavePermission,
+                                                    requirePassword: !id,
+                                                    setValidateBeforeSubmit: setValidateBeforeSubmit,
+                                                    // eslint-disable-next-line react-compiler/react-compiler
+                                                    useAPIKey: auth.useAPIKey,
+                                                    username: data?.username,
+                                                    verify: auth.verify
+                                                }, void 0, false, {
+                                                    fileName: "src/views/Edit/index.tsx",
+                                                    lineNumber: 685,
+                                                    columnNumber: 25
+                                                }, void 0),
+                                                upload && /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                                                    children: /*#__PURE__*/ _jsxDEV(UploadControlsProvider, {
+                                                        children: CustomUpload || /*#__PURE__*/ _jsxDEV(Upload, {
+                                                            collectionSlug: collectionConfig.slug,
+                                                            initialState: initialState,
+                                                            uploadConfig: upload,
+                                                            UploadControls: UploadControls
+                                                        }, void 0, false, {
+                                                            fileName: "src/views/Edit/index.tsx",
+                                                            lineNumber: 705,
+                                                            columnNumber: 31
+                                                        }, void 0)
+                                                    }, void 0, false, {
+                                                        fileName: "src/views/Edit/index.tsx",
+                                                        lineNumber: 703,
+                                                        columnNumber: 27
+                                                    }, void 0)
+                                                }, void 0, false, {
+                                                    fileName: "src/views/Edit/index.tsx",
+                                                    lineNumber: 702,
+                                                    columnNumber: 25
+                                                }, void 0)
+                                            ]
+                                        }, void 0, true, {
+                                            fileName: "src/views/Edit/index.tsx",
+                                            lineNumber: 683,
+                                            columnNumber: 21
+                                        }, void 0),
+                                        Description: Description,
+                                        docPermissions: docPermissions,
+                                        fields: docConfig.fields,
+                                        forceSidebarWrap: isLivePreviewing,
+                                        isTrashed: isTrashed,
+                                        readOnly: isReadOnlyForIncomingUser || !hasSavePermission || isTrashed,
+                                        schemaPathSegments: schemaPathSegments
+                                    }, void 0, false, {
+                                        fileName: "src/views/Edit/index.tsx",
+                                        lineNumber: 679,
+                                        columnNumber: 15
+                                    }, this),
+                                    AfterDocument
+                                ]
+                            }, void 0, true, {
+                                fileName: "src/views/Edit/index.tsx",
+                                lineNumber: 671,
+                                columnNumber: 13
+                            }, this),
+                            isLivePreviewEnabled && !isInDrawer && livePreviewURL && /*#__PURE__*/ _jsxDEV(_Fragment, {
+                                children: CustomLivePreview || /*#__PURE__*/ _jsxDEV(LivePreviewWindow, {
+                                    collectionSlug: collectionSlug,
+                                    globalSlug: globalSlug
+                                }, void 0, false, {
+                                    fileName: "src/views/Edit/index.tsx",
+                                    lineNumber: 731,
+                                    columnNumber: 19
+                                }, this)
+                            }, void 0, false)
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/views/Edit/index.tsx",
+                        lineNumber: 663,
+                        columnNumber: 11
+                    }, this)
+                ]
+            }, `${isLocked}`, true, {
+                fileName: "src/views/Edit/index.tsx",
+                lineNumber: 541,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/views/Edit/index.tsx",
+            lineNumber: 540,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Edit/index.tsx",
+        lineNumber: 529,
+        columnNumber: 5
+    }, this);
 }
+
 //# sourceMappingURL=index.js.map