@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

package/dist/views/Edit/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRouter, useSearchParams } from 'next/navigation.js';
 import { formatAdminURL, hasAutosaveEnabled } from 'payload/shared';
 import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -36,336 +38,378 @@ 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 } }, 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;
-                }
-                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
-    [
-        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();
+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
+      }
+    },
+    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;
         }
-        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
-            });
-            // 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
-            });
+        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
+          ;
         }
-    }, [
-        reportUpdate,
-        id,
-        entitySlug,
-        user,
-        drawerSlug,
-        collectionSlug,
-        userSlug,
-        setLastUpdateTime,
-        setData,
-        onSaveFromContext,
-        isEditing,
-        depth,
-        redirectAfterCreate,
-        setLivePreviewURL,
-        setPreviewURL,
-        globalSlug,
-        refreshCookieAsync,
-        incrementVersionCount,
+      }
+    }
+  }, [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,
-        locale,
-        startRouteTransition,
-        router,
-        resetUploadEdits,
-        getDocPermissions,
-        getDocPreferences,
-        getFormState,
-        docPermissions,
-        operation,
-        isLivePreviewEnabled,
-        isPreviewEnabled,
-        typeofLivePreviewURL,
-        schemaPathSegments,
-        isLockingEnabled,
-        setDocumentIsLocked
-    ]);
-    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,
-            collectionSlug,
-            docPermissions,
-            docPreferences,
-            formState: prevFormState,
-            globalSlug,
-            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,
+        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,
         collectionSlug,
+        data: document,
         docPermissions,
+        docPreferences,
+        formState,
         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 <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(' ')}>
-      <OperationProvider operation={operation}>
-        <Form action={action} className={`${baseClass}__form`} disabled={isReadOnlyForIncomingUser || isInitializing || !hasSavePermission || isTrashed} disableValidationOnSubmit={!validateBeforeSubmit} initialState={!isInitializing && initialState} isDocumentForm={true} isInitializing={isInitializing} key={`${isLocked}`} method={id ? 'PATCH' : 'POST'} onChange={[
-        onChange
-    ]} onSuccess={onSave}>
-          {isInDrawer && <DocumentDrawerHeader AfterHeader={Description} drawerSlug={drawerSlug} showDocumentID={!isFolderCollection}/>}
-          {isLockingEnabled && shouldShowDocumentLockedModal && <DocumentLocked handleGoBack={()=>handleGoBack({
+        renderAllFields: false,
+        returnLivePreviewURL: isLivePreviewEnabled && typeofLivePreviewURL === 'function',
+        returnLockStatus: false,
+        returnPreviewURL: isPreviewEnabled,
+        schemaPath: schemaPathSegments.join('.'),
+        signal: controller.signal,
+        skipValidation: true
+      });
+      // 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({
+        id,
+        doc: document,
+        drawerSlug,
+        entitySlug,
+        operation: 'create',
+        updatedAt
+      });
+    }
+  }, [reportUpdate, id, entitySlug, user, drawerSlug, collectionSlug, userSlug, setLastUpdateTime, setData, onSaveFromContext, isEditing, depth, redirectAfterCreate, setLivePreviewURL, setPreviewURL, globalSlug, refreshCookieAsync, incrementVersionCount, adminRoute, locale, startRouteTransition, router, resetUploadEdits, getDocPermissions, getDocPreferences, getFormState, docPermissions, operation, isLivePreviewEnabled, isPreviewEnabled, typeofLivePreviewURL, schemaPathSegments, isLockingEnabled, setDocumentIsLocked]);
+  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
-        })} isActive={shouldShowDocumentLockedModal} onReadOnly={()=>{
-        setIsReadOnlyForIncomingUser(true);
-        setShowTakeOverModal(false);
-    }} onTakeOver={()=>handleTakeOver({
+          }),
+          isActive: shouldShowDocumentLockedModal,
+          onReadOnly: () => {
+            setIsReadOnlyForIncomingUser(true);
+            setShowTakeOverModal(false);
+          },
+          onTakeOver: () => handleTakeOver({
             id,
             clearRouteCache,
             collectionSlug,
@@ -376,23 +420,59 @@ export function DefaultEditView({ BeforeDocumentControls, Description, EditMenuI
             setCurrentEditor,
             updateDocumentEditor,
             user
-        })} updatedAt={lastUpdateTime} user={currentEditor}/>}
-          {isLockingEnabled && showTakeOverModal && <DocumentTakeOver handleBackToDashboard={()=>handleBackToDashboard({
+          }),
+          updatedAt: lastUpdateTime,
+          user: currentEditor
+        }), isLockingEnabled && showTakeOverModal && /*#__PURE__*/_jsx(DocumentTakeOver, {
+          handleBackToDashboard: () => handleBackToDashboard({
             adminRoute,
             router
-        })} isActive={showTakeOverModal} onReadOnly={()=>{
-        setIsReadOnlyForIncomingUser(true);
-        setShowTakeOverModal(false);
-    }}/>}
-          {preventLeaveWithoutSaving && <LeaveWithoutSaving onConfirm={handleLeaveConfirm} onPrevent={handlePrevent}/>}
-          {!isInDrawer && <SetDocumentStepNav collectionSlug={collectionConfig?.slug} globalSlug={globalConfig?.slug} id={id} isTrashed={isTrashed} pluralLabel={collectionConfig?.labels?.plural} useAsTitle={collectionConfig?.admin?.useAsTitle}/>}
-          <SetDocumentTitle collectionConfig={collectionConfig} config={config} fallback={depth <= 1 ? id?.toString() : undefined} globalConfig={globalConfig}/>
-          <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({
+          }),
+          isActive: showTakeOverModal,
+          onReadOnly: () => {
+            setIsReadOnlyForIncomingUser(true);
+            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,
@@ -404,33 +484,63 @@ export function DefaultEditView({ BeforeDocumentControls, Description, EditMenuI
             setIsReadOnlyForIncomingUser,
             updateDocumentEditor,
             user
-        })} permissions={docPermissions} readOnlyForIncomingUser={isReadOnlyForIncomingUser} redirectAfterDelete={redirectAfterDelete} redirectAfterDuplicate={redirectAfterDuplicate} redirectAfterRestore={redirectAfterRestore} slug={collectionConfig?.slug || globalConfig?.slug} user={currentEditor}/>
-          <div className={[
-        `${baseClass}__main-wrapper`,
-        previewWindowType === 'popup' && `${baseClass}--detached`
-    ].filter(Boolean).join(' ')}>
-            <div className={[
-        `${baseClass}__main`,
-        previewWindowType === 'popup' && `${baseClass}__main--popup-open`
-    ].filter(Boolean).join(' ')}>
-              <DocumentFields AfterFields={AfterFields} BeforeFields={BeforeFields || <Fragment>
-                      {auth && <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 && <React.Fragment>
-                          <UploadControlsProvider>
-                            {CustomUpload || <Upload collectionSlug={collectionConfig.slug} initialState={initialState} uploadConfig={upload} UploadControls={UploadControls}/>}
-                          </UploadControlsProvider>
-                        </React.Fragment>}
-                    </Fragment>} Description={Description} docPermissions={docPermissions} fields={docConfig.fields} forceSidebarWrap={isLivePreviewing} isTrashed={isTrashed} readOnly={isReadOnlyForIncomingUser || !hasSavePermission || isTrashed} schemaPathSegments={schemaPathSegments}/>
-              {AfterDocument}
-            </div>
-            {isLivePreviewEnabled && !isInDrawer && livePreviewURL && <>
-                {CustomLivePreview || <LivePreviewWindow collectionSlug={collectionSlug} globalSlug={globalSlug}/>}
-              </>}
-          </div>
-        </Form>
-      </OperationProvider>
-    </main>;
+          }),
+          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}`)
+    })
+  });
 }
-
 //# sourceMappingURL=index.js.map