@payloadcms/next 3.0.0-beta.12 → 3.0.0-beta.121

package/dist/views/LivePreview/index.client.js

@@ -1,16 +1,13 @@
 'use client';
-import { DocumentControls } from '@payloadcms/ui/elements/DocumentControls';
-import { DocumentFields } from '@payloadcms/ui/elements/DocumentFields';
-import { LoadingOverlay } from '@payloadcms/ui/elements/Loading';
-import { Form } from '@payloadcms/ui/forms/Form';
-import { SetViewActions } from '@payloadcms/ui/providers/Actions';
-import { useComponentMap } from '@payloadcms/ui/providers/ComponentMap';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { OperationProvider } from '@payloadcms/ui/providers/Operation';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { getFormState } from '@payloadcms/ui/utilities/getFormState';
-import React, { Fragment, useCallback } from 'react';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentControls, DocumentFields, Form, OperationProvider, SetViewActions, useAuth, useConfig, useDocumentEvents, useDocumentInfo, useTranslation } from '@payloadcms/ui';
+import { getFormState, handleBackToDashboard, handleGoBack, handleTakeOver } from '@payloadcms/ui/shared';
+import { useRouter } from 'next/navigation.js';
+import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import { DocumentLocked } from '../../elements/DocumentLocked/index.js';
+import { DocumentTakeOver } from '../../elements/DocumentTakeOver/index.js';
 import { LeaveWithoutSaving } from '../../elements/LeaveWithoutSaving/index.js';
 import { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js';
 import { SetDocumentTitle } from '../Edit/Default/SetDocumentTitle/index.js';
@@ -19,68 +16,219 @@ import { LivePreviewProvider } from './Context/index.js';
 import { LivePreview } from './Preview/index.js';
 import { usePopupWindow } from './usePopupWindow.js';
 const baseClass = 'live-preview';
-const PreviewView = ({ apiRoute, collectionConfig, config, fieldMap, globalConfig, schemaPath, serverURL })=>{
-    const { id, AfterDocument, AfterFields, BeforeDocument, BeforeFields, action, apiURL, collectionSlug, disableActions, disableLeaveWithoutSaving, docPermissions, getDocPreferences, globalSlug, hasSavePermission, initialData, initialState, onSave: onSaveFromProps } = useDocumentInfo();
-    const operation = id ? 'update' : 'create';
-    const { t } = useTranslation();
-    const { previewWindowType } = useLivePreviewContext();
-    const onSave = useCallback((json)=>{
-        // reportUpdate({
-        //   id,
-        //   entitySlug: collectionConfig.slug,
-        //   updatedAt: json?.result?.updatedAt || new Date().toISOString(),
-        // })
-        // if (auth && id === user.id) {
-        //   await refreshCookieAsync()
-        // }
-        if (typeof onSaveFromProps === 'function') {
-            void onSaveFromProps({
-                ...json,
-                operation: id ? 'update' : 'create'
-            });
-        }
-    }, [
-        id,
-        onSaveFromProps
-    ]);
-    const onChange = useCallback(async ({ formState: prevFormState })=>{
-        const docPreferences = await getDocPreferences();
-        return getFormState({
-            apiRoute,
-            body: {
-                id,
-                docPreferences,
-                formState: prevFormState,
-                operation,
-                schemaPath
-            },
-            serverURL
-        });
-    }, [
-        serverURL,
-        apiRoute,
+const PreviewView = ({
+  apiRoute,
+  collectionConfig,
+  config,
+  fields,
+  globalConfig,
+  schemaPath,
+  serverURL
+}) => {
+  const {
+    id,
+    action,
+    AfterDocument,
+    AfterFields,
+    apiURL,
+    BeforeDocument,
+    BeforeFields,
+    collectionSlug,
+    currentEditor,
+    disableActions,
+    disableLeaveWithoutSaving,
+    docPermissions,
+    documentIsLocked,
+    getDocPreferences,
+    globalSlug,
+    hasPublishPermission,
+    hasSavePermission,
+    initialData,
+    initialState,
+    isEditing,
+    isInitializing,
+    lastUpdateTime,
+    onSave: onSaveFromProps,
+    setCurrentEditor,
+    setDocumentIsLocked,
+    unlockDocument,
+    updateDocumentEditor
+  } = useDocumentInfo();
+  const operation = id ? 'update' : 'create';
+  const {
+    config: {
+      admin: {
+        user: userSlug
+      },
+      routes: {
+        admin: adminRoute
+      }
+    }
+  } = useConfig();
+  const router = useRouter();
+  const {
+    t
+  } = useTranslation();
+  const {
+    previewWindowType
+  } = useLivePreviewContext();
+  const {
+    refreshCookieAsync,
+    user
+  } = useAuth();
+  const {
+    reportUpdate
+  } = useDocumentEvents();
+  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 [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 documentLockStateRef = useRef({
+    hasShownLockedModal: false,
+    isLocked: false,
+    user: null
+  });
+  const onSave = useCallback(json => {
+    reportUpdate({
+      id,
+      entitySlug: collectionSlug,
+      updatedAt: json?.result?.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();
+    }
+    // Unlock the document after save
+    if ((id || globalSlug) && isLockingEnabled) {
+      setDocumentIsLocked(false);
+    }
+    if (typeof onSaveFromProps === 'function') {
+      void onSaveFromProps({
+        ...json,
+        operation: id ? 'update' : 'create'
+      });
+    }
+  }, [collectionSlug, globalSlug, id, isLockingEnabled, onSaveFromProps, refreshCookieAsync, reportUpdate, setDocumentIsLocked, user, userSlug]);
+  const onChange = useCallback(async ({
+    formState: prevFormState
+  }) => {
+    const currentTime = Date.now();
+    const timeSinceLastUpdate = currentTime - editSessionStartTime;
+    const updateLastEdited = isLockingEnabled && timeSinceLastUpdate >= 10000 // 10 seconds
+    ;
+    if (updateLastEdited) {
+      setEditSessionStartTime(currentTime);
+    }
+    const docPreferences = await getDocPreferences();
+    const {
+      lockedState,
+      state
+    } = await getFormState({
+      apiRoute,
+      body: {
         id,
+        collectionSlug,
+        docPreferences,
+        formState: prevFormState,
+        globalSlug,
         operation,
+        returnLockStatus: isLockingEnabled ? true : false,
         schemaPath,
-        getDocPreferences
-    ]);
-    // Allow the `DocumentInfoProvider` to hydrate
-    if (!collectionSlug && !globalSlug) {
-        return /*#__PURE__*/ React.createElement(LoadingOverlay, null);
+        updateLastEdited
+      },
+      serverURL
+    });
+    setDocumentIsLocked(true);
+    if (isLockingEnabled) {
+      const previousOwnerId = documentLockStateRef.current?.user?.id;
+      if (lockedState) {
+        if (!documentLockStateRef.current || lockedState.user.id !== previousOwnerId) {
+          if (previousOwnerId === user.id && lockedState.user.id !== user.id) {
+            setShowTakeOverModal(true);
+            documentLockStateRef.current.hasShownLockedModal = true;
+          }
+          documentLockStateRef.current = documentLockStateRef.current = {
+            hasShownLockedModal: documentLockStateRef.current?.hasShownLockedModal || false,
+            isLocked: true,
+            user: lockedState.user
+          };
+          setCurrentEditor(lockedState.user);
+        }
+      }
     }
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(OperationProvider, {
-        operation: operation
-    }, /*#__PURE__*/ React.createElement(Form, {
-        action: action,
-        className: `${baseClass}__form`,
-        disabled: !hasSavePermission,
-        initialState: initialState,
-        method: id ? 'PATCH' : 'POST',
-        onChange: [
-            onChange
-        ],
-        onSuccess: onSave
-    }, (collectionConfig && !(collectionConfig.versions?.drafts && collectionConfig.versions?.drafts?.autosave) || globalConfig && !(globalConfig.versions?.drafts && globalConfig.versions?.drafts?.autosave)) && !disableLeaveWithoutSaving && /*#__PURE__*/ React.createElement(LeaveWithoutSaving, null), /*#__PURE__*/ React.createElement(SetDocumentStepNav, {
+    return state;
+  }, [collectionSlug, editSessionStartTime, globalSlug, serverURL, apiRoute, id, isLockingEnabled, operation, schemaPath, getDocPreferences, setCurrentEditor, setDocumentIsLocked, user]);
+  // Clean up when the component unmounts or when the document is unlocked
+  useEffect(() => {
+    return () => {
+      if (!isLockingEnabled) {
+        return;
+      }
+      const currentPath = window.location.pathname;
+      const documentId = id || globalSlug;
+      // Routes where we do NOT want to unlock the document
+      const stayWithinDocumentPaths = ['preview', 'api', 'versions'];
+      const isStayingWithinDocument = stayWithinDocumentPaths.some(path => currentPath.includes(path));
+      // Unlock the document only if we're actually navigating away from the document
+      if (documentId && documentIsLocked && !isStayingWithinDocument) {
+        // Check if this user is still the current editor
+        if (documentLockStateRef.current?.user?.id === user?.id) {
+          void unlockDocument(id, collectionSlug ?? globalSlug);
+          setDocumentIsLocked(false);
+          setCurrentEditor(null);
+        }
+      }
+      setShowTakeOverModal(false);
+    };
+  }, [collectionSlug, globalSlug, id, unlockDocument, user, setCurrentEditor, isLockingEnabled, documentIsLocked, setDocumentIsLocked]);
+  const shouldShowDocumentLockedModal = documentIsLocked && currentEditor && currentEditor.id !== user.id && !isReadOnlyForIncomingUser && !showTakeOverModal &&
+  // eslint-disable-next-line react-compiler/react-compiler
+  !documentLockStateRef.current?.hasShownLockedModal && !isLockExpired;
+  return /*#__PURE__*/_jsx(OperationProvider, {
+    operation: operation,
+    children: /*#__PURE__*/_jsxs(Form, {
+      action: action,
+      className: `${baseClass}__form`,
+      disabled: isReadOnlyForIncomingUser || !hasSavePermission,
+      initialState: initialState,
+      isInitializing: isInitializing,
+      method: id ? 'PATCH' : 'POST',
+      onChange: [onChange],
+      onSuccess: onSave,
+      children: [isLockingEnabled && shouldShowDocumentLockedModal && !isReadOnlyForIncomingUser && /*#__PURE__*/_jsx(DocumentLocked, {
+        handleGoBack: () => handleGoBack({
+          adminRoute,
+          collectionSlug,
+          router
+        }),
+        isActive: shouldShowDocumentLockedModal,
+        onReadOnly: () => {
+          setIsReadOnlyForIncomingUser(true);
+          setShowTakeOverModal(false);
+        },
+        onTakeOver: () => handleTakeOver(id, collectionSlug, globalSlug, user, false, updateDocumentEditor, setCurrentEditor, documentLockStateRef, isLockingEnabled),
+        updatedAt: lastUpdateTime,
+        user: currentEditor
+      }), isLockingEnabled && showTakeOverModal && /*#__PURE__*/_jsx(DocumentTakeOver, {
+        handleBackToDashboard: () => handleBackToDashboard({
+          adminRoute,
+          router
+        }),
+        isActive: showTakeOverModal,
+        onReadOnly: () => {
+          setIsReadOnlyForIncomingUser(true);
+          setShowTakeOverModal(false);
+        }
+      }), (collectionConfig && !(collectionConfig.versions?.drafts && collectionConfig.versions?.drafts?.autosave) || globalConfig && !(globalConfig.versions?.drafts && globalConfig.versions?.drafts?.autosave)) && !disableLeaveWithoutSaving && !isReadOnlyForIncomingUser && /*#__PURE__*/_jsx(LeaveWithoutSaving, {}), /*#__PURE__*/_jsx(SetDocumentStepNav, {
         collectionSlug: collectionSlug,
         globalLabel: globalConfig?.label,
         globalSlug: globalSlug,
@@ -88,83 +236,128 @@ const PreviewView = ({ apiRoute, collectionConfig, config, fieldMap, globalConfi
         pluralLabel: collectionConfig ? collectionConfig?.labels?.plural : undefined,
         useAsTitle: collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined,
         view: t('general:livePreview')
-    }), /*#__PURE__*/ React.createElement(SetDocumentTitle, {
+      }), /*#__PURE__*/_jsx(SetDocumentTitle, {
         collectionConfig: collectionConfig,
         config: config,
         fallback: id?.toString() || '',
         globalConfig: globalConfig
-    }), /*#__PURE__*/ React.createElement(DocumentControls, {
+      }), /*#__PURE__*/_jsx(DocumentControls, {
         apiURL: apiURL,
         data: initialData,
         disableActions: disableActions,
+        hasPublishPermission: hasPublishPermission,
         hasSavePermission: hasSavePermission,
         id: id,
-        isEditing: Boolean(id),
+        isEditing: isEditing,
+        onTakeOver: () => handleTakeOver(id, collectionSlug, globalSlug, user, true, updateDocumentEditor, setCurrentEditor, documentLockStateRef, isLockingEnabled, setIsReadOnlyForIncomingUser),
         permissions: docPermissions,
-        slug: collectionConfig?.slug || globalConfig?.slug
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClass,
-            previewWindowType === 'popup' && `${baseClass}--detached`
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: [
-            `${baseClass}__main`,
-            previewWindowType === 'popup' && `${baseClass}__main--popup-open`
-        ].filter(Boolean).join(' ')
-    }, BeforeDocument, /*#__PURE__*/ React.createElement(DocumentFields, {
-        AfterFields: AfterFields,
-        BeforeFields: BeforeFields,
-        docPermissions: docPermissions,
-        fieldMap: fieldMap,
-        forceSidebarWrap: true,
-        readOnly: !hasSavePermission,
-        schemaPath: collectionSlug || globalSlug
-    }), AfterDocument), /*#__PURE__*/ React.createElement(LivePreview, {
-        collectionSlug: collectionSlug,
-        globalSlug: globalSlug
-    })))));
+        readOnlyForIncomingUser: isReadOnlyForIncomingUser,
+        slug: collectionConfig?.slug || globalConfig?.slug,
+        user: currentEditor
+      }), /*#__PURE__*/_jsxs("div", {
+        className: [baseClass, previewWindowType === 'popup' && `${baseClass}--detached`].filter(Boolean).join(' '),
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: [`${baseClass}__main`, previewWindowType === 'popup' && `${baseClass}__main--popup-open`].filter(Boolean).join(' '),
+          children: [BeforeDocument, /*#__PURE__*/_jsx(DocumentFields, {
+            AfterFields: AfterFields,
+            BeforeFields: BeforeFields,
+            docPermissions: docPermissions,
+            fields: fields,
+            forceSidebarWrap: true,
+            readOnly: isReadOnlyForIncomingUser || !hasSavePermission,
+            schemaPath: collectionSlug || globalSlug
+          }), AfterDocument]
+        }), /*#__PURE__*/_jsx(LivePreview, {
+          collectionSlug: collectionSlug,
+          globalSlug: globalSlug
+        })]
+      })]
+    })
+  });
 };
-export const LivePreviewClient = (props)=>{
-    const { breakpoints, url } = props;
-    const { collectionSlug, globalSlug } = useDocumentInfo();
-    const config = useConfig();
-    const { isPopupOpen, openPopupWindow, popupRef } = usePopupWindow({
-        eventType: 'payload-live-preview',
-        url
-    });
-    const { collections, globals, routes: { api: apiRoute }, serverURL } = config;
-    const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
-    const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
-    const schemaPath = collectionSlug || globalSlug;
-    const { getComponentMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug,
-        globalSlug
+export const LivePreviewClient = props => {
+  const $ = _c(14);
+  const {
+    breakpoints,
+    url
+  } = props;
+  const {
+    collectionSlug,
+    globalSlug
+  } = useDocumentInfo();
+  const {
+    config,
+    config: t0,
+    getEntityConfig
+  } = useConfig();
+  const {
+    routes: t1,
+    serverURL
+  } = t0;
+  const {
+    api: apiRoute
+  } = t1;
+  let t2;
+  if ($[0] !== url) {
+    t2 = {
+      eventType: "payload-live-preview",
+      url
+    };
+    $[0] = url;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const {
+    isPopupOpen,
+    openPopupWindow,
+    popupRef
+  } = usePopupWindow(t2);
+  let t3;
+  if ($[2] !== collectionSlug || $[3] !== getEntityConfig || $[4] !== globalSlug || $[5] !== apiRoute || $[6] !== config || $[7] !== serverURL || $[8] !== breakpoints || $[9] !== isPopupOpen || $[10] !== openPopupWindow || $[11] !== popupRef || $[12] !== url) {
+    const collectionConfig = getEntityConfig({
+      collectionSlug
     });
-    const { getFieldMap } = useComponentMap();
-    const fieldMap = getFieldMap({
-        collectionSlug: collectionConfig?.slug,
-        globalSlug: globalConfig?.slug
+    const globalConfig = getEntityConfig({
+      globalSlug
     });
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(SetViewActions, {
-        actions: componentMap?.actionsMap?.Edit?.LivePreview
-    }), /*#__PURE__*/ React.createElement(LivePreviewProvider, {
-        breakpoints: breakpoints,
+    const schemaPath = collectionSlug || globalSlug;
+    t3 = _jsxs(Fragment, {
+      children: [_jsx(SetViewActions, {
+        actions: (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.livePreview?.actions
+      }), _jsx(LivePreviewProvider, {
+        breakpoints,
         fieldSchema: collectionConfig?.fields || globalConfig?.fields,
-        isPopupOpen: isPopupOpen,
-        openPopupWindow: openPopupWindow,
-        popupRef: popupRef,
-        url: url
-    }, /*#__PURE__*/ React.createElement(PreviewView, {
-        apiRoute: apiRoute,
-        collectionConfig: collectionConfig,
-        config: config,
-        fieldMap: fieldMap,
-        globalConfig: globalConfig,
-        schemaPath: schemaPath,
-        serverURL: serverURL
-    })));
+        isPopupOpen,
+        openPopupWindow,
+        popupRef,
+        url,
+        children: _jsx(PreviewView, {
+          apiRoute,
+          collectionConfig,
+          config,
+          fields: (collectionConfig || globalConfig)?.fields,
+          globalConfig,
+          schemaPath,
+          serverURL
+        })
+      })]
+    });
+    $[2] = collectionSlug;
+    $[3] = getEntityConfig;
+    $[4] = globalSlug;
+    $[5] = apiRoute;
+    $[6] = config;
+    $[7] = serverURL;
+    $[8] = breakpoints;
+    $[9] = isPopupOpen;
+    $[10] = openPopupWindow;
+    $[11] = popupRef;
+    $[12] = url;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
 };
-
 //# sourceMappingURL=index.client.js.map

package/dist/views/LivePreview/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/LivePreview/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui/forms/Form'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { LivePreviewConfig } from 'payload/config'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig, Data } from 'payload/types'\n\nimport { DocumentControls } from '@payloadcms/ui/elements/DocumentControls'\nimport { DocumentFields } from '@payloadcms/ui/elements/DocumentFields'\nimport { LoadingOverlay } from '@payloadcms/ui/elements/Loading'\nimport { Form } from '@payloadcms/ui/forms/Form'\nimport { SetViewActions } from '@payloadcms/ui/providers/Actions'\nimport { useComponentMap } from '@payloadcms/ui/providers/ComponentMap'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { OperationProvider } from '@payloadcms/ui/providers/Operation'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\nimport { getFormState } from '@payloadcms/ui/utilities/getFormState'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { LeaveWithoutSaving } from '../../elements/LeaveWithoutSaving/index.js'\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from '../Edit/Default/SetDocumentTitle/index.js'\nimport { useLivePreviewContext } from './Context/context.js'\nimport { LivePreviewProvider } from './Context/index.js'\nimport { LivePreview } from './Preview/index.js'\nimport './index.scss'\nimport { usePopupWindow } from './usePopupWindow.js'\n\nconst baseClass = 'live-preview'\n\ntype Props = {\n  apiRoute: string\n  collectionConfig?: ClientCollectionConfig\n  config: ClientConfig\n  fieldMap: FieldMap\n  globalConfig?: ClientGlobalConfig\n  schemaPath: string\n  serverURL: string\n}\n\nconst PreviewView: React.FC<Props> = ({\n  apiRoute,\n  collectionConfig,\n  config,\n  fieldMap,\n  globalConfig,\n  schemaPath,\n  serverURL,\n}) => {\n  const {\n    id,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    action,\n    apiURL,\n    collectionSlug,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    getDocPreferences,\n    globalSlug,\n    hasSavePermission,\n    initialData,\n    initialState,\n    onSave: onSaveFromProps,\n  } = useDocumentInfo()\n\n  const operation = id ? 'update' : 'create'\n\n  const { t } = useTranslation()\n  const { previewWindowType } = useLivePreviewContext()\n\n  const onSave = useCallback(\n    (json) => {\n      // reportUpdate({\n      //   id,\n      //   entitySlug: collectionConfig.slug,\n      //   updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      // })\n\n      // if (auth && id === user.id) {\n      //   await refreshCookieAsync()\n      // }\n\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n    },\n    [\n      id,\n      onSaveFromProps,\n      // refreshCookieAsync,\n      //  reportUpdate\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n\n      return getFormState({\n        apiRoute,\n        body: {\n          id,\n          docPreferences,\n          formState: prevFormState,\n          operation,\n          schemaPath,\n        },\n        serverURL,\n      })\n    },\n    [serverURL, apiRoute, id, operation, schemaPath, getDocPreferences],\n  )\n\n  // Allow the `DocumentInfoProvider` to hydrate\n  if (!collectionSlug && !globalSlug) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <Fragment>\n      <OperationProvider operation={operation}>\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disabled={!hasSavePermission}\n          initialState={initialState}\n          method={id ? 'PATCH' : 'POST'}\n          onChange={[onChange]}\n          onSuccess={onSave}\n        >\n          {((collectionConfig &&\n            !(collectionConfig.versions?.drafts && collectionConfig.versions?.drafts?.autosave)) ||\n            (globalConfig &&\n              !(globalConfig.versions?.drafts && globalConfig.versions?.drafts?.autosave))) &&\n            !disableLeaveWithoutSaving && <LeaveWithoutSaving />}\n          <SetDocumentStepNav\n            collectionSlug={collectionSlug}\n            globalLabel={globalConfig?.label}\n            globalSlug={globalSlug}\n            id={id}\n            pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n            useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n            view={t('general:livePreview')}\n          />\n          <SetDocumentTitle\n            collectionConfig={collectionConfig}\n            config={config}\n            fallback={id?.toString() || ''}\n            globalConfig={globalConfig}\n          />\n          <DocumentControls\n            apiURL={apiURL}\n            data={initialData}\n            disableActions={disableActions}\n            hasSavePermission={hasSavePermission}\n            id={id}\n            isEditing={Boolean(id)}\n            permissions={docPermissions}\n            slug={collectionConfig?.slug || globalConfig?.slug}\n          />\n          <div\n            className={[baseClass, previewWindowType === 'popup' && `${baseClass}--detached`]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            <div\n              className={[\n                `${baseClass}__main`,\n                previewWindowType === 'popup' && `${baseClass}__main--popup-open`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            >\n              {BeforeDocument}\n              <DocumentFields\n                AfterFields={AfterFields}\n                BeforeFields={BeforeFields}\n                docPermissions={docPermissions}\n                fieldMap={fieldMap}\n                forceSidebarWrap\n                readOnly={!hasSavePermission}\n                schemaPath={collectionSlug || globalSlug}\n              />\n              {AfterDocument}\n            </div>\n            <LivePreview collectionSlug={collectionSlug} globalSlug={globalSlug} />\n          </div>\n        </Form>\n      </OperationProvider>\n    </Fragment>\n  )\n}\n\nexport const LivePreviewClient: React.FC<{\n  breakpoints: LivePreviewConfig['breakpoints']\n  initialData: Data\n  url: string\n}> = (props) => {\n  const { breakpoints, url } = props\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const config = useConfig()\n\n  const { isPopupOpen, openPopupWindow, popupRef } = usePopupWindow({\n    eventType: 'payload-live-preview',\n    url,\n  })\n\n  const {\n    collections,\n    globals,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const schemaPath = collectionSlug || globalSlug\n\n  const { getComponentMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const { getFieldMap } = useComponentMap()\n\n  const fieldMap = getFieldMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n\n  return (\n    <Fragment>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.LivePreview} />\n      <LivePreviewProvider\n        breakpoints={breakpoints}\n        fieldSchema={collectionConfig?.fields || globalConfig?.fields}\n        isPopupOpen={isPopupOpen}\n        openPopupWindow={openPopupWindow}\n        popupRef={popupRef}\n        url={url}\n      >\n        <PreviewView\n          apiRoute={apiRoute}\n          collectionConfig={collectionConfig}\n          config={config}\n          fieldMap={fieldMap}\n          globalConfig={globalConfig}\n          schemaPath={schemaPath}\n          serverURL={serverURL}\n        />\n      </LivePreviewProvider>\n    </Fragment>\n  )\n}\n"],"names":["DocumentControls","DocumentFields","LoadingOverlay","Form","SetViewActions","useComponentMap","useConfig","useDocumentInfo","OperationProvider","useTranslation","getFormState","React","Fragment","useCallback","LeaveWithoutSaving","SetDocumentStepNav","SetDocumentTitle","useLivePreviewContext","LivePreviewProvider","LivePreview","usePopupWindow","baseClass","PreviewView","apiRoute","collectionConfig","config","fieldMap","globalConfig","schemaPath","serverURL","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","globalSlug","hasSavePermission","initialData","initialState","onSave","onSaveFromProps","operation","t","previewWindowType","json","onChange","formState","prevFormState","docPreferences","body","className","disabled","method","onSuccess","versions","drafts","autosave","globalLabel","label","pluralLabel","labels","plural","undefined","useAsTitle","admin","view","fallback","toString","data","isEditing","Boolean","permissions","slug","div","filter","join","forceSidebarWrap","readOnly","LivePreviewClient","props","breakpoints","url","isPopupOpen","openPopupWindow","popupRef","eventType","collections","globals","routes","api","find","collection","global","getComponentMap","componentMap","getFieldMap","actions","actionsMap","Edit","fieldSchema","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAMA,SAASA,gBAAgB,QAAQ,2CAA0C;AAC3E,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,IAAI,QAAQ,4BAA2B;AAChD,SAASC,cAAc,QAAQ,mCAAkC;AACjE,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,iBAAiB,QAAQ,qCAAoC;AACtE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,YAAY,QAAQ,wCAAuC;AACpE,OAAOC,SAASC,QAAQ,EAAEC,WAAW,QAAQ,QAAO;AAEpD,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,kBAAkB,QAAQ,8CAA6C;AAChF,SAASC,gBAAgB,QAAQ,4CAA2C;AAC5E,SAASC,qBAAqB,QAAQ,uBAAsB;AAC5D,SAASC,mBAAmB,QAAQ,qBAAoB;AACxD,SAASC,WAAW,QAAQ,qBAAoB;AAEhD,SAASC,cAAc,QAAQ,sBAAqB;AAEpD,MAAMC,YAAY;AAYlB,MAAMC,cAA+B,CAAC,EACpCC,QAAQ,EACRC,gBAAgB,EAChBC,MAAM,EACNC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,SAAS,EACV;IACC,MAAM,EACJC,EAAE,EACFC,aAAa,EACbC,WAAW,EACXC,cAAc,EACdC,YAAY,EACZC,MAAM,EACNC,MAAM,EACNC,cAAc,EACdC,cAAc,EACdC,yBAAyB,EACzBC,cAAc,EACdC,iBAAiB,EACjBC,UAAU,EACVC,iBAAiB,EACjBC,WAAW,EACXC,YAAY,EACZC,QAAQC,eAAe,EACxB,GAAGxC;IAEJ,MAAMyC,YAAYlB,KAAK,WAAW;IAElC,MAAM,EAAEmB,CAAC,EAAE,GAAGxC;IACd,MAAM,EAAEyC,iBAAiB,EAAE,GAAGjC;IAE9B,MAAM6B,SAASjC,YACb,CAACsC;QACC,iBAAiB;QACjB,QAAQ;QACR,uCAAuC;QACvC,oEAAoE;QACpE,KAAK;QAEL,gCAAgC;QAChC,+BAA+B;QAC/B,IAAI;QAEJ,IAAI,OAAOJ,oBAAoB,YAAY;YACzC,KAAKA,gBAAgB;gBACnB,GAAGI,IAAI;gBACPH,WAAWlB,KAAK,WAAW;YAC7B;QACF;IACF,GACA;QACEA;QACAiB;KAGD;IAGH,MAAMK,WAAqCvC,YACzC,OAAO,EAAEwC,WAAWC,aAAa,EAAE;QACjC,MAAMC,iBAAiB,MAAMd;QAE7B,OAAO/B,aAAa;YAClBa;YACAiC,MAAM;gBACJ1B;gBACAyB;gBACAF,WAAWC;gBACXN;gBACApB;YACF;YACAC;QACF;IACF,GACA;QAACA;QAAWN;QAAUO;QAAIkB;QAAWpB;QAAYa;KAAkB;IAGrE,8CAA8C;IAC9C,IAAI,CAACJ,kBAAkB,CAACK,YAAY;QAClC,qBAAO,oBAACxC;IACV;IAEA,qBACE,oBAACU,8BACC,oBAACJ;QAAkBwC,WAAWA;qBAC5B,oBAAC7C;QACCgC,QAAQA;QACRsB,WAAW,CAAC,EAAEpC,UAAU,MAAM,CAAC;QAC/BqC,UAAU,CAACf;QACXE,cAAcA;QACdc,QAAQ7B,KAAK,UAAU;QACvBsB,UAAU;YAACA;SAAS;QACpBQ,WAAWd;OAEV,AAAC,CAAA,AAACtB,oBACD,CAAEA,CAAAA,iBAAiBqC,QAAQ,EAAEC,UAAUtC,iBAAiBqC,QAAQ,EAAEC,QAAQC,QAAO,KAChFpC,gBACC,CAAEA,CAAAA,aAAakC,QAAQ,EAAEC,UAAUnC,aAAakC,QAAQ,EAAEC,QAAQC,QAAO,CAAE,KAC7E,CAACxB,2CAA6B,oBAACzB,yCACjC,oBAACC;QACCsB,gBAAgBA;QAChB2B,aAAarC,cAAcsC;QAC3BvB,YAAYA;QACZZ,IAAIA;QACJoC,aAAa1C,mBAAmBA,kBAAkB2C,QAAQC,SAASC;QACnEC,YAAY9C,mBAAmBA,kBAAkB+C,OAAOD,aAAaD;QACrEG,MAAMvB,EAAE;sBAEV,oBAACjC;QACCQ,kBAAkBA;QAClBC,QAAQA;QACRgD,UAAU3C,IAAI4C,cAAc;QAC5B/C,cAAcA;sBAEhB,oBAAC3B;QACCoC,QAAQA;QACRuC,MAAM/B;QACNN,gBAAgBA;QAChBK,mBAAmBA;QACnBb,IAAIA;QACJ8C,WAAWC,QAAQ/C;QACnBgD,aAAatC;QACbuC,MAAMvD,kBAAkBuD,QAAQpD,cAAcoD;sBAEhD,oBAACC;QACCvB,WAAW;YAACpC;YAAW6B,sBAAsB,WAAW,CAAC,EAAE7B,UAAU,UAAU,CAAC;SAAC,CAC9E4D,MAAM,CAACJ,SACPK,IAAI,CAAC;qBAER,oBAACF;QACCvB,WAAW;YACT,CAAC,EAAEpC,UAAU,MAAM,CAAC;YACpB6B,sBAAsB,WAAW,CAAC,EAAE7B,UAAU,kBAAkB,CAAC;SAClE,CACE4D,MAAM,CAACJ,SACPK,IAAI,CAAC;OAEPjD,8BACD,oBAAChC;QACC+B,aAAaA;QACbE,cAAcA;QACdM,gBAAgBA;QAChBd,UAAUA;QACVyD,kBAAAA;QACAC,UAAU,CAACzC;QACXf,YAAYS,kBAAkBK;QAE/BX,8BAEH,oBAACZ;QAAYkB,gBAAgBA;QAAgBK,YAAYA;;AAMrE;AAEA,OAAO,MAAM2C,oBAIR,CAACC;IACJ,MAAM,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGF;IAC7B,MAAM,EAAEjD,cAAc,EAAEK,UAAU,EAAE,GAAGnC;IAEvC,MAAMkB,SAASnB;IAEf,MAAM,EAAEmF,WAAW,EAAEC,eAAe,EAAEC,QAAQ,EAAE,GAAGvE,eAAe;QAChEwE,WAAW;QACXJ;IACF;IAEA,MAAM,EACJK,WAAW,EACXC,OAAO,EACPC,QAAQ,EAAEC,KAAKzE,QAAQ,EAAE,EACzBM,SAAS,EACV,GAAGJ;IAEJ,MAAMD,mBACJa,kBAAkBwD,YAAYI,IAAI,CAAC,CAACC,aAAeA,WAAWnB,IAAI,KAAK1C;IAEzE,MAAMV,eAAee,cAAcoD,QAAQG,IAAI,CAAC,CAACE,SAAWA,OAAOpB,IAAI,KAAKrC;IAE5E,MAAMd,aAAaS,kBAAkBK;IAErC,MAAM,EAAE0D,eAAe,EAAE,GAAG/F;IAE5B,MAAMgG,eAAeD,gBAAgB;QAAE/D;QAAgBK;IAAW;IAElE,MAAM,EAAE4D,WAAW,EAAE,GAAGjG;IAExB,MAAMqB,WAAW4E,YAAY;QAC3BjE,gBAAgBb,kBAAkBuD;QAClCrC,YAAYf,cAAcoD;IAC5B;IAEA,qBACE,oBAACnE,8BACC,oBAACR;QAAemG,SAASF,cAAcG,YAAYC,MAAMtF;sBACzD,oBAACD;QACCqE,aAAaA;QACbmB,aAAalF,kBAAkBmF,UAAUhF,cAAcgF;QACvDlB,aAAaA;QACbC,iBAAiBA;QACjBC,UAAUA;QACVH,KAAKA;qBAEL,oBAAClE;QACCC,UAAUA;QACVC,kBAAkBA;QAClBC,QAAQA;QACRC,UAAUA;QACVC,cAAcA;QACdC,YAAYA;QACZC,WAAWA;;AAKrB,EAAC"}
+{"version":3,"file":"index.client.js","names":["c","_c","DocumentControls","DocumentFields","Form","OperationProvider","SetViewActions","useAuth","useConfig","useDocumentEvents","useDocumentInfo","useTranslation","getFormState","handleBackToDashboard","handleGoBack","handleTakeOver","useRouter","React","Fragment","useCallback","useEffect","useRef","useState","DocumentLocked","DocumentTakeOver","LeaveWithoutSaving","SetDocumentStepNav","SetDocumentTitle","useLivePreviewContext","LivePreviewProvider","LivePreview","usePopupWindow","baseClass","PreviewView","apiRoute","collectionConfig","config","fields","globalConfig","schemaPath","serverURL","id","action","AfterDocument","AfterFields","apiURL","BeforeDocument","BeforeFields","collectionSlug","currentEditor","disableActions","disableLeaveWithoutSaving","docPermissions","documentIsLocked","getDocPreferences","globalSlug","hasPublishPermission","hasSavePermission","initialData","initialState","isEditing","isInitializing","lastUpdateTime","onSave","onSaveFromProps","setCurrentEditor","setDocumentIsLocked","unlockDocument","updateDocumentEditor","operation","admin","user","userSlug","routes","adminRoute","router","t","previewWindowType","refreshCookieAsync","reportUpdate","docConfig","lockDocumentsProp","lockDocuments","undefined","isLockingEnabled","lockDurationDefault","lockDuration","duration","lockDurationInMilliseconds","isReadOnlyForIncomingUser","setIsReadOnlyForIncomingUser","showTakeOverModal","setShowTakeOverModal","editSessionStartTime","setEditSessionStartTime","Date","now","lockExpiryTime","isLockExpired","documentLockStateRef","hasShownLockedModal","isLocked","json","entitySlug","updatedAt","result","toISOString","onChange","formState","prevFormState","currentTime","timeSinceLastUpdate","updateLastEdited","docPreferences","lockedState","state","body","returnLockStatus","previousOwnerId","current","currentPath","window","location","pathname","documentId","stayWithinDocumentPaths","isStayingWithinDocument","some","path","includes","shouldShowDocumentLockedModal","_jsx","_jsxs","className","disabled","method","onSuccess","isActive","onReadOnly","onTakeOver","versions","drafts","autosave","globalLabel","label","pluralLabel","labels","plural","useAsTitle","view","fallback","toString","data","permissions","readOnlyForIncomingUser","slug","filter","Boolean","join","forceSidebarWrap","readOnly","LivePreviewClient","props","$","breakpoints","url","t0","getEntityConfig","t1","api","t2","eventType","isPopupOpen","openPopupWindow","popupRef","t3","children","actions","components","views","edit","livePreview","fieldSchema"],"sources":["../../../src/views/LivePreview/index.client.tsx"],"sourcesContent":["'use client'\nimport type { FormProps } from '@payloadcms/ui'\nimport type {\n  ClientCollectionConfig,\n  ClientConfig,\n  ClientField,\n  ClientGlobalConfig,\n  ClientUser,\n  Data,\n  LivePreviewConfig,\n} from 'payload'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  Form,\n  OperationProvider,\n  SetViewActions,\n  useAuth,\n  useConfig,\n  useDocumentEvents,\n  useDocumentInfo,\n  useTranslation,\n} from '@payloadcms/ui'\nimport {\n  getFormState,\n  handleBackToDashboard,\n  handleGoBack,\n  handleTakeOver,\n} from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport { DocumentLocked } from '../../elements/DocumentLocked/index.js'\nimport { DocumentTakeOver } from '../../elements/DocumentTakeOver/index.js'\nimport { LeaveWithoutSaving } from '../../elements/LeaveWithoutSaving/index.js'\nimport { SetDocumentStepNav } from '../Edit/Default/SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from '../Edit/Default/SetDocumentTitle/index.js'\nimport { useLivePreviewContext } from './Context/context.js'\nimport { LivePreviewProvider } from './Context/index.js'\nimport './index.scss'\nimport { LivePreview } from './Preview/index.js'\nimport { usePopupWindow } from './usePopupWindow.js'\n\nconst baseClass = 'live-preview'\n\ntype Props = {\n  readonly apiRoute: string\n  readonly collectionConfig?: ClientCollectionConfig\n  readonly config: ClientConfig\n  readonly fields: ClientField[]\n  readonly globalConfig?: ClientGlobalConfig\n  readonly schemaPath: string\n  readonly serverURL: string\n}\n\nconst PreviewView: React.FC<Props> = ({\n  apiRoute,\n  collectionConfig,\n  config,\n  fields,\n  globalConfig,\n  schemaPath,\n  serverURL,\n}) => {\n  const {\n    id,\n    action,\n    AfterDocument,\n    AfterFields,\n    apiURL,\n    BeforeDocument,\n    BeforeFields,\n    collectionSlug,\n    currentEditor,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    documentIsLocked,\n    getDocPreferences,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    initialData,\n    initialState,\n    isEditing,\n    isInitializing,\n    lastUpdateTime,\n    onSave: onSaveFromProps,\n    setCurrentEditor,\n    setDocumentIsLocked,\n    unlockDocument,\n    updateDocumentEditor,\n  } = useDocumentInfo()\n\n  const operation = id ? 'update' : 'create'\n\n  const {\n    config: {\n      admin: { user: userSlug },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n  const router = useRouter()\n  const { t } = useTranslation()\n  const { previewWindowType } = useLivePreviewContext()\n  const { refreshCookieAsync, user } = useAuth()\n  const { reportUpdate } = useDocumentEvents()\n\n  const docConfig = collectionConfig || globalConfig\n\n  const lockDocumentsProp = docConfig?.lockDocuments !== undefined ? docConfig?.lockDocuments : true\n  const isLockingEnabled = lockDocumentsProp !== false\n\n  const lockDurationDefault = 300 // Default 5 minutes in seconds\n  const lockDuration =\n    typeof lockDocumentsProp === 'object' ? lockDocumentsProp.duration : lockDurationDefault\n  const lockDurationInMilliseconds = lockDuration * 1000\n\n  const [isReadOnlyForIncomingUser, setIsReadOnlyForIncomingUser] = useState(false)\n  const [showTakeOverModal, setShowTakeOverModal] = useState(false)\n\n  const [editSessionStartTime, setEditSessionStartTime] = useState(Date.now())\n\n  const lockExpiryTime = lastUpdateTime + lockDurationInMilliseconds\n\n  const isLockExpired = Date.now() > lockExpiryTime\n\n  const documentLockStateRef = useRef<{\n    hasShownLockedModal: boolean\n    isLocked: boolean\n    user: ClientUser\n  } | null>({\n    hasShownLockedModal: false,\n    isLocked: false,\n    user: null,\n  })\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        id,\n        entitySlug: collectionSlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      // If we're editing the doc of the logged-in user,\n      // Refresh the cookie to get new permissions\n      if (user && collectionSlug === userSlug && id === user.id) {\n        void refreshCookieAsync()\n      }\n\n      // Unlock the document after save\n      if ((id || globalSlug) && isLockingEnabled) {\n        setDocumentIsLocked(false)\n      }\n\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n    },\n    [\n      collectionSlug,\n      globalSlug,\n      id,\n      isLockingEnabled,\n      onSaveFromProps,\n      refreshCookieAsync,\n      reportUpdate,\n      setDocumentIsLocked,\n      user,\n      userSlug,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const currentTime = Date.now()\n      const timeSinceLastUpdate = currentTime - editSessionStartTime\n\n      const updateLastEdited = isLockingEnabled && timeSinceLastUpdate >= 10000 // 10 seconds\n\n      if (updateLastEdited) {\n        setEditSessionStartTime(currentTime)\n      }\n\n      const docPreferences = await getDocPreferences()\n\n      const { lockedState, state } = await getFormState({\n        apiRoute,\n        body: {\n          id,\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          globalSlug,\n          operation,\n          returnLockStatus: isLockingEnabled ? true : false,\n          schemaPath,\n          updateLastEdited,\n        },\n        serverURL,\n      })\n\n      setDocumentIsLocked(true)\n\n      if (isLockingEnabled) {\n        const previousOwnerId = documentLockStateRef.current?.user?.id\n\n        if (lockedState) {\n          if (!documentLockStateRef.current || lockedState.user.id !== previousOwnerId) {\n            if (previousOwnerId === user.id && lockedState.user.id !== user.id) {\n              setShowTakeOverModal(true)\n              documentLockStateRef.current.hasShownLockedModal = true\n            }\n\n            documentLockStateRef.current = documentLockStateRef.current = {\n              hasShownLockedModal: documentLockStateRef.current?.hasShownLockedModal || false,\n              isLocked: true,\n              user: lockedState.user,\n            }\n            setCurrentEditor(lockedState.user)\n          }\n        }\n      }\n\n      return state\n    },\n    [\n      collectionSlug,\n      editSessionStartTime,\n      globalSlug,\n      serverURL,\n      apiRoute,\n      id,\n      isLockingEnabled,\n      operation,\n      schemaPath,\n      getDocPreferences,\n      setCurrentEditor,\n      setDocumentIsLocked,\n      user,\n    ],\n  )\n\n  // Clean up when the component unmounts or when the document is unlocked\n  useEffect(() => {\n    return () => {\n      if (!isLockingEnabled) {\n        return\n      }\n\n      const currentPath = window.location.pathname\n\n      const documentId = id || globalSlug\n\n      // Routes where we do NOT want to unlock the document\n      const stayWithinDocumentPaths = ['preview', 'api', 'versions']\n\n      const isStayingWithinDocument = stayWithinDocumentPaths.some((path) =>\n        currentPath.includes(path),\n      )\n\n      // Unlock the document only if we're actually navigating away from the document\n      if (documentId && documentIsLocked && !isStayingWithinDocument) {\n        // Check if this user is still the current editor\n        if (documentLockStateRef.current?.user?.id === user?.id) {\n          void unlockDocument(id, collectionSlug ?? globalSlug)\n          setDocumentIsLocked(false)\n          setCurrentEditor(null)\n        }\n      }\n\n      setShowTakeOverModal(false)\n    }\n  }, [\n    collectionSlug,\n    globalSlug,\n    id,\n    unlockDocument,\n    user,\n    setCurrentEditor,\n    isLockingEnabled,\n    documentIsLocked,\n    setDocumentIsLocked,\n  ])\n\n  const shouldShowDocumentLockedModal =\n    documentIsLocked &&\n    currentEditor &&\n    currentEditor.id !== user.id &&\n    !isReadOnlyForIncomingUser &&\n    !showTakeOverModal &&\n    // eslint-disable-next-line react-compiler/react-compiler\n    !documentLockStateRef.current?.hasShownLockedModal &&\n    !isLockExpired\n\n  return (\n    <OperationProvider operation={operation}>\n      <Form\n        action={action}\n        className={`${baseClass}__form`}\n        disabled={isReadOnlyForIncomingUser || !hasSavePermission}\n        initialState={initialState}\n        isInitializing={isInitializing}\n        method={id ? 'PATCH' : 'POST'}\n        onChange={[onChange]}\n        onSuccess={onSave}\n      >\n        {isLockingEnabled && shouldShowDocumentLockedModal && !isReadOnlyForIncomingUser && (\n          <DocumentLocked\n            handleGoBack={() => handleGoBack({ adminRoute, collectionSlug, router })}\n            isActive={shouldShowDocumentLockedModal}\n            onReadOnly={() => {\n              setIsReadOnlyForIncomingUser(true)\n              setShowTakeOverModal(false)\n            }}\n            onTakeOver={() =>\n              handleTakeOver(\n                id,\n                collectionSlug,\n                globalSlug,\n                user,\n                false,\n                updateDocumentEditor,\n                setCurrentEditor,\n                documentLockStateRef,\n                isLockingEnabled,\n              )\n            }\n            updatedAt={lastUpdateTime}\n            user={currentEditor}\n          />\n        )}\n        {isLockingEnabled && showTakeOverModal && (\n          <DocumentTakeOver\n            handleBackToDashboard={() => handleBackToDashboard({ adminRoute, router })}\n            isActive={showTakeOverModal}\n            onReadOnly={() => {\n              setIsReadOnlyForIncomingUser(true)\n              setShowTakeOverModal(false)\n            }}\n          />\n        )}\n        {((collectionConfig &&\n          !(collectionConfig.versions?.drafts && collectionConfig.versions?.drafts?.autosave)) ||\n          (globalConfig &&\n            !(globalConfig.versions?.drafts && globalConfig.versions?.drafts?.autosave))) &&\n          !disableLeaveWithoutSaving &&\n          !isReadOnlyForIncomingUser && <LeaveWithoutSaving />}\n        <SetDocumentStepNav\n          collectionSlug={collectionSlug}\n          globalLabel={globalConfig?.label}\n          globalSlug={globalSlug}\n          id={id}\n          pluralLabel={collectionConfig ? collectionConfig?.labels?.plural : undefined}\n          useAsTitle={collectionConfig ? collectionConfig?.admin?.useAsTitle : undefined}\n          view={t('general:livePreview')}\n        />\n        <SetDocumentTitle\n          collectionConfig={collectionConfig}\n          config={config}\n          fallback={id?.toString() || ''}\n          globalConfig={globalConfig}\n        />\n        <DocumentControls\n          apiURL={apiURL}\n          data={initialData}\n          disableActions={disableActions}\n          hasPublishPermission={hasPublishPermission}\n          hasSavePermission={hasSavePermission}\n          id={id}\n          isEditing={isEditing}\n          onTakeOver={() =>\n            handleTakeOver(\n              id,\n              collectionSlug,\n              globalSlug,\n              user,\n              true,\n              updateDocumentEditor,\n              setCurrentEditor,\n              documentLockStateRef,\n              isLockingEnabled,\n              setIsReadOnlyForIncomingUser,\n            )\n          }\n          permissions={docPermissions}\n          readOnlyForIncomingUser={isReadOnlyForIncomingUser}\n          slug={collectionConfig?.slug || globalConfig?.slug}\n          user={currentEditor}\n        />\n        <div\n          className={[baseClass, previewWindowType === 'popup' && `${baseClass}--detached`]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          <div\n            className={[\n              `${baseClass}__main`,\n              previewWindowType === 'popup' && `${baseClass}__main--popup-open`,\n            ]\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {BeforeDocument}\n            <DocumentFields\n              AfterFields={AfterFields}\n              BeforeFields={BeforeFields}\n              docPermissions={docPermissions}\n              fields={fields}\n              forceSidebarWrap\n              readOnly={isReadOnlyForIncomingUser || !hasSavePermission}\n              schemaPath={collectionSlug || globalSlug}\n            />\n            {AfterDocument}\n          </div>\n          <LivePreview collectionSlug={collectionSlug} globalSlug={globalSlug} />\n        </div>\n      </Form>\n    </OperationProvider>\n  )\n}\n\nexport const LivePreviewClient: React.FC<{\n  readonly breakpoints: LivePreviewConfig['breakpoints']\n  readonly initialData: Data\n  readonly url: string\n}> = (props) => {\n  const { breakpoints, url } = props\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const {\n    config,\n    config: {\n      routes: { api: apiRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const { isPopupOpen, openPopupWindow, popupRef } = usePopupWindow({\n    eventType: 'payload-live-preview',\n    url,\n  })\n\n  const collectionConfig = getEntityConfig({ collectionSlug }) as ClientCollectionConfig\n\n  const globalConfig = getEntityConfig({ globalSlug }) as ClientGlobalConfig\n\n  const schemaPath = collectionSlug || globalSlug\n\n  return (\n    <Fragment>\n      <SetViewActions\n        actions={\n          (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.livePreview?.actions\n        }\n      />\n      <LivePreviewProvider\n        breakpoints={breakpoints}\n        fieldSchema={collectionConfig?.fields || globalConfig?.fields}\n        isPopupOpen={isPopupOpen}\n        openPopupWindow={openPopupWindow}\n        popupRef={popupRef}\n        url={url}\n      >\n        <PreviewView\n          apiRoute={apiRoute}\n          collectionConfig={collectionConfig}\n          config={config}\n          fields={(collectionConfig || globalConfig)?.fields}\n          globalConfig={globalConfig}\n          schemaPath={schemaPath}\n          serverURL={serverURL}\n        />\n      </LivePreviewProvider>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/LivePreview/index.d.ts

@@ -1,4 +1,4 @@
-import type { EditViewComponent } from 'payload/types';
+import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
 import './index.scss';
-export declare const LivePreviewView: EditViewComponent;
+export declare const LivePreviewView: PayloadServerReactComponent<EditViewComponent>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/LivePreview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAc,MAAM,eAAe,CAAA;AAMlE,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,EAAE,iBAgF7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,2BAA2B,EAE5B,MAAM,SAAS,CAAA;AAMhB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,EAAE,2BAA2B,CAAC,iBAAiB,CAgF1E,CAAA"}