@payloadcms/ui 3.78.0-internal-debug.f663370 → 3.78.0-internal.ab11ffa

package/dist/views/Edit/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+
+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';
@@ -39,614 +40,535 @@ const PENDING_SUCCESS_TOAST_KEY = 'payload-pending-success-toast';
 // 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, Status, UnpublishButton, 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;
+export function DefaultEditView({
+  BeforeDocumentControls,
+  Description,
+  EditMenuItems,
+  LivePreview: CustomLivePreview,
+  PreviewButton,
+  PublishButton,
+  SaveButton,
+  SaveDraftButton,
+  Status,
+  UnpublishButton,
+  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 && lockedState.user) {
+      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;
         }
-        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 && lockedState.user) {
-            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);
-                }
-            }
+        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
         }
-    }, // eslint-disable-line no-console
-    [
-        collectionSlug,
-        documentIsLocked,
-        documentLockState,
-        globalSlug,
+      }
+    }
+  }, [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) {
+      // Store success message to show after redirect
+      if (json.message && typeof window !== 'undefined') {
+        window.sessionStorage.setItem(PENDING_SUCCESS_TOAST_KEY, json.message);
+      }
+      // 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,
-        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) {
-            // Store success message to show after redirect
-            if (json.message && typeof window !== 'undefined') {
-                window.sessionStorage.setItem(PENDING_SUCCESS_TOAST_KEY, json.message);
-            }
-            // 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,
-        setLastUpdateTime,
-        setData,
-        onSaveFromContext,
-        isEditing,
-        depth,
-        redirectAfterCreate,
-        globalSlug,
-        refreshCookieAsync,
-        incrementVersionCount,
-        adminRoute,
-        locale,
-        startRouteTransition,
-        router,
-        resetUploadEdits,
-        getDocPermissions,
-        getDocPreferences,
-        getFormState,
+        data: document,
         docPermissions,
+        docPreferences,
+        formState,
+        globalSlug,
         operation,
-        isLivePreviewEnabled,
-        typeofLivePreviewURL,
-        isPreviewEnabled,
-        schemaPathSegments,
-        upload,
-        isLockingEnabled,
-        reportUpdate,
+        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,
-        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({
+        operation: 'update',
+        updatedAt
+      });
+      abortOnSaveRef.current = null;
+      return state;
+    } else {
+      reportUpdate({
+        id,
+        doc: document,
+        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);
+    };
+  }, []);
+  // Show pending success toast after redirect from create
+  useEffect(() => {
+    if (!isInitializing && typeof window !== 'undefined') {
+      const pendingMessage = window.sessionStorage.getItem(PENDING_SUCCESS_TOAST_KEY);
+      if (pendingMessage) {
+        window.sessionStorage.removeItem(PENDING_SUCCESS_TOAST_KEY);
+        toast.success(pendingMessage);
+      }
+    }
+  }, [isInitializing]);
+  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,
+        disableSuccessStatus: !isEditing && depth < 2 && redirectAfterCreate !== false,
+        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({
             id,
+            clearRouteCache,
             collectionSlug,
-            docPermissions,
-            docPreferences,
-            formState: prevFormState,
+            documentLockStateRef: documentLockState,
             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,
-        id,
-        collectionSlug,
-        docPermissions,
-        globalSlug,
-        operation,
-        schemaPathSegments,
-        handleDocumentLocking
-    ]);
-    // Clean up when the component unmounts or when the document is unlocked
-    useEffect(()=>{
-        return ()=>{
+            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);
             setShowTakeOverModal(false);
-        };
-    }, []);
-    useEffect(()=>{
-        const abortOnChange = abortOnChangeRef.current;
-        const abortOnSave = abortOnSaveRef.current;
-        return ()=>{
-            abortAndIgnore(abortOnChange);
-            abortAndIgnore(abortOnSave);
-        };
-    }, []);
-    // Show pending success toast after redirect from create
-    useEffect(()=>{
-        if (!isInitializing && typeof window !== 'undefined') {
-            const pendingMessage = window.sessionStorage.getItem(PENDING_SUCCESS_TOAST_KEY);
-            if (pendingMessage) {
-                window.sessionStorage.removeItem(PENDING_SUCCESS_TOAST_KEY);
-                toast.success(pendingMessage);
-            }
-        }
-    }, [
-        isInitializing
-    ]);
-    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,
-                disableSuccessStatus: !isEditing && depth < 2 && redirectAfterCreate !== false,
-                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: 577,
-                        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: 584,
-                        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: 610,
-                        columnNumber: 13
-                    }, this),
-                    preventLeaveWithoutSaving && /*#__PURE__*/ _jsxDEV(LeaveWithoutSaving, {
-                        onConfirm: handleLeaveConfirm,
-                        onPrevent: handlePrevent
-                    }, void 0, false, {
-                        fileName: "src/views/Edit/index.tsx",
-                        lineNumber: 620,
-                        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: 623,
-                        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: 632,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV(DocumentControls, {
-                        apiURL: apiURL,
-                        BeforeDocumentControls: BeforeDocumentControls,
-                        customComponents: {
-                            PreviewButton,
-                            PublishButton,
-                            SaveButton,
-                            SaveDraftButton,
-                            Status,
-                            UnpublishButton
-                        },
-                        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: 638,
-                        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: 709,
-                                                    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: 729,
-                                                            columnNumber: 31
-                                                        }, void 0)
-                                                    }, void 0, false, {
-                                                        fileName: "src/views/Edit/index.tsx",
-                                                        lineNumber: 727,
-                                                        columnNumber: 27
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/views/Edit/index.tsx",
-                                                    lineNumber: 726,
-                                                    columnNumber: 25
-                                                }, void 0)
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/views/Edit/index.tsx",
-                                            lineNumber: 707,
-                                            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: 703,
-                                        columnNumber: 15
-                                    }, this),
-                                    AfterDocument
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/views/Edit/index.tsx",
-                                lineNumber: 695,
-                                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: 755,
-                                    columnNumber: 19
-                                }, this)
-                            }, void 0, false)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/views/Edit/index.tsx",
-                        lineNumber: 687,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, `${isLocked}`, true, {
-                fileName: "src/views/Edit/index.tsx",
-                lineNumber: 562,
-                columnNumber: 9
-            }, this)
-        }, void 0, false, {
-            fileName: "src/views/Edit/index.tsx",
-            lineNumber: 561,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/views/Edit/index.tsx",
-        lineNumber: 550,
-        columnNumber: 5
-    }, this);
+          }
+        }), 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,
+            Status,
+            UnpublishButton
+          },
+          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}`)
+    })
+  });
 }
-
 //# sourceMappingURL=index.js.map