@payloadcms/next 3.24.0-canary.72057b1 → 3.24.0-canary.80e034e

package/dist/views/List/renderListViewSlots.js

@@ -9,45 +9,54 @@ export const renderListViewSlots = ({
   const result = {};
   if (collectionConfig.admin.components?.afterList) {
     result.AfterList = RenderServerComponent({
-      clientProps,
+      clientProps: clientProps,
       Component: collectionConfig.admin.components.afterList,
       importMap: payload.importMap,
-      serverProps
+      serverProps: serverProps
     });
   }
+  const listMenuItems = collectionConfig.admin.components?.listMenuItems;
+  if (Array.isArray(listMenuItems)) {
+    result.listMenuItems = [RenderServerComponent({
+      clientProps,
+      Component: listMenuItems,
+      importMap: payload.importMap,
+      serverProps
+    })];
+  }
   if (collectionConfig.admin.components?.afterListTable) {
     result.AfterListTable = RenderServerComponent({
-      clientProps,
+      clientProps: clientProps,
       Component: collectionConfig.admin.components.afterListTable,
       importMap: payload.importMap,
-      serverProps
+      serverProps: serverProps
     });
   }
   if (collectionConfig.admin.components?.beforeList) {
     result.BeforeList = RenderServerComponent({
-      clientProps,
+      clientProps: clientProps,
       Component: collectionConfig.admin.components.beforeList,
       importMap: payload.importMap,
-      serverProps
+      serverProps: serverProps
     });
   }
   if (collectionConfig.admin.components?.beforeListTable) {
     result.BeforeListTable = RenderServerComponent({
-      clientProps,
+      clientProps: clientProps,
       Component: collectionConfig.admin.components.beforeListTable,
       importMap: payload.importMap,
-      serverProps
+      serverProps: serverProps
     });
   }
   if (collectionConfig.admin.components?.Description) {
     result.Description = RenderServerComponent({
       clientProps: {
-        description,
-        ...clientProps
+        collectionSlug: collectionConfig.slug,
+        description
       },
       Component: collectionConfig.admin.components.Description,
       importMap: payload.importMap,
-      serverProps
+      serverProps: serverProps
     });
   }
   return result;

package/dist/views/List/renderListViewSlots.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderListViewSlots.js","names":["RenderServerComponent","renderListViewSlots","clientProps","collectionConfig","description","payload","serverProps","result","admin","components","afterList","AfterList","Component","importMap","afterListTable","AfterListTable","beforeList","BeforeList","beforeListTable","BeforeListTable","Description"],"sources":["../../../src/views/List/renderListViewSlots.tsx"],"sourcesContent":["import type {\n  ListComponentClientProps,\n  ListComponentServerProps,\n  ListViewSlots,\n} from '@payloadcms/ui'\nimport type { Payload, SanitizedCollectionConfig, StaticDescription } from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\ntype Args = {\n  clientProps: ListComponentClientProps\n  collectionConfig: SanitizedCollectionConfig\n  description?: StaticDescription\n  payload: Payload\n  serverProps: ListComponentServerProps\n}\n\nexport const renderListViewSlots = ({\n  clientProps,\n  collectionConfig,\n  description,\n  payload,\n  serverProps,\n}: Args): ListViewSlots => {\n  const result: ListViewSlots = {} as ListViewSlots\n\n  if (collectionConfig.admin.components?.afterList) {\n    result.AfterList = RenderServerComponent({\n      clientProps,\n      Component: collectionConfig.admin.components.afterList,\n      importMap: payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig.admin.components?.afterListTable) {\n    result.AfterListTable = RenderServerComponent({\n      clientProps,\n      Component: collectionConfig.admin.components.afterListTable,\n      importMap: payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig.admin.components?.beforeList) {\n    result.BeforeList = RenderServerComponent({\n      clientProps,\n      Component: collectionConfig.admin.components.beforeList,\n      importMap: payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig.admin.components?.beforeListTable) {\n    result.BeforeListTable = RenderServerComponent({\n      clientProps,\n      Component: collectionConfig.admin.components.beforeListTable,\n      importMap: payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig.admin.components?.Description) {\n    result.Description = RenderServerComponent({\n      clientProps: {\n        description,\n        ...clientProps,\n      },\n      Component: collectionConfig.admin.components.Description,\n      importMap: payload.importMap,\n      serverProps,\n    })\n  }\n\n  return result\n}\n"],"mappings":"AAOA,SAASA,qBAAqB,QAAQ;AAUtC,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,WAAW;EACXC,gBAAgB;EAChBC,WAAW;EACXC,OAAO;EACPC;AAAW,CACN;EACL,MAAMC,MAAA,GAAwB,CAAC;EAE/B,IAAIJ,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEC,SAAA,EAAW;IAChDH,MAAA,CAAOI,SAAS,GAAGX,qBAAA,CAAsB;MACvCE,WAAA;MACAU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACC,SAAS;MACtDG,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP;IACF;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEK,cAAA,EAAgB;IACrDP,MAAA,CAAOQ,cAAc,GAAGf,qBAAA,CAAsB;MAC5CE,WAAA;MACAU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACK,cAAc;MAC3DD,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP;IACF;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEO,UAAA,EAAY;IACjDT,MAAA,CAAOU,UAAU,GAAGjB,qBAAA,CAAsB;MACxCE,WAAA;MACAU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACO,UAAU;MACvDH,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP;IACF;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAES,eAAA,EAAiB;IACtDX,MAAA,CAAOY,eAAe,GAAGnB,qBAAA,CAAsB;MAC7CE,WAAA;MACAU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACS,eAAe;MAC5DL,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP;IACF;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEW,WAAA,EAAa;IAClDb,MAAA,CAAOa,WAAW,GAAGpB,qBAAA,CAAsB;MACzCE,WAAA,EAAa;QACXE,WAAA;QACA,GAAGF;MACL;MACAU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACW,WAAW;MACxDP,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP;IACF;EACF;EAEA,OAAOC,MAAA;AACT","ignoreList":[]}
+{"version":3,"file":"renderListViewSlots.js","names":["RenderServerComponent","renderListViewSlots","clientProps","collectionConfig","description","payload","serverProps","result","admin","components","afterList","AfterList","Component","importMap","listMenuItems","Array","isArray","afterListTable","AfterListTable","beforeList","BeforeList","beforeListTable","BeforeListTable","Description","collectionSlug","slug"],"sources":["../../../src/views/List/renderListViewSlots.tsx"],"sourcesContent":["import type {\n  AfterListClientProps,\n  AfterListTableClientProps,\n  AfterListTableServerPropsOnly,\n  BeforeListClientProps,\n  BeforeListServerPropsOnly,\n  BeforeListTableClientProps,\n  BeforeListTableServerPropsOnly,\n  ListViewServerPropsOnly,\n  ListViewSlots,\n  ListViewSlotSharedClientProps,\n  Payload,\n  SanitizedCollectionConfig,\n  StaticDescription,\n  ViewDescriptionClientProps,\n  ViewDescriptionServerPropsOnly,\n} from 'payload'\n\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\n\ntype Args = {\n  clientProps: ListViewSlotSharedClientProps\n  collectionConfig: SanitizedCollectionConfig\n  description?: StaticDescription\n  payload: Payload\n  serverProps: ListViewServerPropsOnly\n}\n\nexport const renderListViewSlots = ({\n  clientProps,\n  collectionConfig,\n  description,\n  payload,\n  serverProps,\n}: Args): ListViewSlots => {\n  const result: ListViewSlots = {} as ListViewSlots\n\n  if (collectionConfig.admin.components?.afterList) {\n    result.AfterList = RenderServerComponent({\n      clientProps: clientProps satisfies AfterListClientProps,\n      Component: collectionConfig.admin.components.afterList,\n      importMap: payload.importMap,\n      serverProps: serverProps satisfies AfterListTableServerPropsOnly,\n    })\n  }\n\n  const listMenuItems = collectionConfig.admin.components?.listMenuItems\n  if (Array.isArray(listMenuItems)) {\n    result.listMenuItems = [\n      RenderServerComponent({\n        clientProps,\n        Component: listMenuItems,\n        importMap: payload.importMap,\n        serverProps,\n      }),\n    ]\n  }\n\n  if (collectionConfig.admin.components?.afterListTable) {\n    result.AfterListTable = RenderServerComponent({\n      clientProps: clientProps satisfies AfterListTableClientProps,\n      Component: collectionConfig.admin.components.afterListTable,\n      importMap: payload.importMap,\n      serverProps: serverProps satisfies AfterListTableServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig.admin.components?.beforeList) {\n    result.BeforeList = RenderServerComponent({\n      clientProps: clientProps satisfies BeforeListClientProps,\n      Component: collectionConfig.admin.components.beforeList,\n      importMap: payload.importMap,\n      serverProps: serverProps satisfies BeforeListServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig.admin.components?.beforeListTable) {\n    result.BeforeListTable = RenderServerComponent({\n      clientProps: clientProps satisfies BeforeListTableClientProps,\n      Component: collectionConfig.admin.components.beforeListTable,\n      importMap: payload.importMap,\n      serverProps: serverProps satisfies BeforeListTableServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig.admin.components?.Description) {\n    result.Description = RenderServerComponent({\n      clientProps: {\n        collectionSlug: collectionConfig.slug,\n        description,\n      } satisfies ViewDescriptionClientProps,\n      Component: collectionConfig.admin.components.Description,\n      importMap: payload.importMap,\n      serverProps: serverProps satisfies ViewDescriptionServerPropsOnly,\n    })\n  }\n\n  return result\n}\n"],"mappings":"AAkBA,SAASA,qBAAqB,QAAQ;AAUtC,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,WAAW;EACXC,gBAAgB;EAChBC,WAAW;EACXC,OAAO;EACPC;AAAW,CACN;EACL,MAAMC,MAAA,GAAwB,CAAC;EAE/B,IAAIJ,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEC,SAAA,EAAW;IAChDH,MAAA,CAAOI,SAAS,GAAGX,qBAAA,CAAsB;MACvCE,WAAA,EAAaA,WAAA;MACbU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACC,SAAS;MACtDG,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP,WAAA,EAAaA;IACf;EACF;EAEA,MAAMQ,aAAA,GAAgBX,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEK,aAAA;EACzD,IAAIC,KAAA,CAAMC,OAAO,CAACF,aAAA,GAAgB;IAChCP,MAAA,CAAOO,aAAa,GAAG,CACrBd,qBAAA,CAAsB;MACpBE,WAAA;MACAU,SAAA,EAAWE,aAAA;MACXD,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP;IACF,GACD;EACH;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEQ,cAAA,EAAgB;IACrDV,MAAA,CAAOW,cAAc,GAAGlB,qBAAA,CAAsB;MAC5CE,WAAA,EAAaA,WAAA;MACbU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACQ,cAAc;MAC3DJ,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP,WAAA,EAAaA;IACf;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEU,UAAA,EAAY;IACjDZ,MAAA,CAAOa,UAAU,GAAGpB,qBAAA,CAAsB;MACxCE,WAAA,EAAaA,WAAA;MACbU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACU,UAAU;MACvDN,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP,WAAA,EAAaA;IACf;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEY,eAAA,EAAiB;IACtDd,MAAA,CAAOe,eAAe,GAAGtB,qBAAA,CAAsB;MAC7CE,WAAA,EAAaA,WAAA;MACbU,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACY,eAAe;MAC5DR,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP,WAAA,EAAaA;IACf;EACF;EAEA,IAAIH,gBAAA,CAAiBK,KAAK,CAACC,UAAU,EAAEc,WAAA,EAAa;IAClDhB,MAAA,CAAOgB,WAAW,GAAGvB,qBAAA,CAAsB;MACzCE,WAAA,EAAa;QACXsB,cAAA,EAAgBrB,gBAAA,CAAiBsB,IAAI;QACrCrB;MACF;MACAQ,SAAA,EAAWT,gBAAA,CAAiBK,KAAK,CAACC,UAAU,CAACc,WAAW;MACxDV,SAAA,EAAWR,OAAA,CAAQQ,SAAS;MAC5BP,WAAA,EAAaA;IACf;EACF;EAEA,OAAOC,MAAA;AACT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAI7D,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,EAAE,WAAW,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4KlE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Context/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAM1D,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,CAAC,EAAE;QACX,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,EAAE,WAAW,EAAE,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,iBAAiB,CAAC,CAAA;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6KlE,CAAA"}

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

@@ -2,6 +2,7 @@
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DndContext } from '@dnd-kit/core';
+import { useConfig } from '@payloadcms/ui';
 import { fieldSchemaToJSON } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
 import { customCollisionDetection } from './collisionDetection.js';
@@ -21,6 +22,9 @@ export const LivePreviewProvider = ({
   const [listeningForMessages, setListeningForMessages] = useState(false);
   const iframeRef = React.useRef(null);
   const [iframeHasLoaded, setIframeHasLoaded] = useState(false);
+  const {
+    config
+  } = useConfig();
   const [zoom, setZoom] = useState(1);
   const [position, setPosition] = useState({
     x: 0,
@@ -36,7 +40,7 @@ export const LivePreviewProvider = ({
   });
   const [breakpoint, setBreakpoint] = React.useState('responsive');
   const [fieldSchemaJSON] = useState(() => {
-    return fieldSchemaToJSON(fieldSchema);
+    return fieldSchemaToJSON(fieldSchema, config);
   });
   // The toolbar needs to freely drag and drop around the page
   const handleDragEnd = ev => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DndContext","fieldSchemaToJSON","React","useCallback","useEffect","useState","customCollisionDetection","LivePreviewContext","sizeReducer","LivePreviewProvider","breakpoints","children","fieldSchema","isPopupOpen","openPopupWindow","popupRef","url","previewWindowType","setPreviewWindowType","appIsReady","setAppIsReady","listeningForMessages","setListeningForMessages","iframeRef","useRef","iframeHasLoaded","setIframeHasLoaded","zoom","setZoom","position","setPosition","x","y","size","setSize","useReducer","height","width","measuredDeviceSize","setMeasuredDeviceSize","breakpoint","setBreakpoint","fieldSchemaJSON","handleDragEnd","ev","over","id","newPos","delta","setWidth","type","value","setHeight","foundBreakpoint","find","bp","name","handleMessage","event","startsWith","origin","data","ready","window","addEventListener","removeEventListener","handleWindowChange","newPreviewWindowType","_jsx","Provider","setToolbarPosition","toolbarPosition","collisionDetection","onDragEnd"],"sources":["../../../../src/views/LivePreview/Context/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, LivePreviewConfig } from 'payload'\n\nimport { DndContext } from '@dnd-kit/core'\nimport { fieldSchemaToJSON } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\n\nimport { customCollisionDetection } from './collisionDetection.js'\nimport { LivePreviewContext } from './context.js'\nimport { sizeReducer } from './sizeReducer.js'\n\nexport type LivePreviewProviderProps = {\n  appIsReady?: boolean\n  breakpoints?: LivePreviewConfig['breakpoints']\n  children: React.ReactNode\n  deviceSize?: {\n    height: number\n    width: number\n  }\n  fieldSchema: ClientField[]\n  isPopupOpen?: boolean\n  openPopupWindow?: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.RefObject<Window>\n  url?: string\n}\n\nexport const LivePreviewProvider: React.FC<LivePreviewProviderProps> = ({\n  breakpoints,\n  children,\n  fieldSchema,\n  isPopupOpen,\n  openPopupWindow,\n  popupRef,\n  url,\n}) => {\n  const [previewWindowType, setPreviewWindowType] = useState<'iframe' | 'popup'>('iframe')\n\n  const [appIsReady, setAppIsReady] = useState(false)\n  const [listeningForMessages, setListeningForMessages] = useState(false)\n\n  const iframeRef = React.useRef<HTMLIFrameElement>(null)\n\n  const [iframeHasLoaded, setIframeHasLoaded] = useState(false)\n\n  const [zoom, setZoom] = useState(1)\n\n  const [position, setPosition] = useState({ x: 0, y: 0 })\n\n  const [size, setSize] = React.useReducer(sizeReducer, { height: 0, width: 0 })\n\n  const [measuredDeviceSize, setMeasuredDeviceSize] = useState({\n    height: 0,\n    width: 0,\n  })\n\n  const [breakpoint, setBreakpoint] =\n    React.useState<LivePreviewConfig['breakpoints'][0]['name']>('responsive')\n\n  const [fieldSchemaJSON] = useState(() => {\n    return fieldSchemaToJSON(fieldSchema)\n  })\n\n  // The toolbar needs to freely drag and drop around the page\n  const handleDragEnd = (ev) => {\n    // only update position if the toolbar is completely within the preview area\n    // otherwise reset it back to the previous position\n    // TODO: reset to the nearest edge of the preview area\n    if (ev.over && ev.over.id === 'live-preview-area') {\n      const newPos = {\n        x: position.x + ev.delta.x,\n        y: position.y + ev.delta.y,\n      }\n\n      setPosition(newPos)\n    } else {\n      // reset\n    }\n  }\n\n  const setWidth = useCallback(\n    (width) => {\n      setSize({ type: 'width', value: width })\n    },\n    [setSize],\n  )\n\n  const setHeight = useCallback(\n    (height) => {\n      setSize({ type: 'height', value: height })\n    },\n    [setSize],\n  )\n\n  // explicitly set new width and height when as new breakpoints are selected\n  // exclude `custom` breakpoint as it is handled by the `setWidth` and `setHeight` directly\n  useEffect(() => {\n    const foundBreakpoint = breakpoints?.find((bp) => bp.name === breakpoint)\n\n    if (\n      foundBreakpoint &&\n      breakpoint !== 'responsive' &&\n      breakpoint !== 'custom' &&\n      typeof foundBreakpoint?.width === 'number' &&\n      typeof foundBreakpoint?.height === 'number'\n    ) {\n      setSize({\n        type: 'reset',\n        value: {\n          height: foundBreakpoint.height,\n          width: foundBreakpoint.width,\n        },\n      })\n    }\n  }, [breakpoint, breakpoints])\n\n  // Receive the `ready` message from the popup window\n  // This indicates that the app is ready to receive `window.postMessage` events\n  // This is also the only cross-origin way of detecting when a popup window has loaded\n  // Unlike iframe elements which have an `onLoad` handler, there is no way to access `window.open` on popups\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (\n        url?.startsWith(event.origin) &&\n        event.data &&\n        typeof event.data === 'object' &&\n        event.data.type === 'payload-live-preview'\n      ) {\n        if (event.data.ready) {\n          setAppIsReady(true)\n        }\n      }\n    }\n\n    window.addEventListener('message', handleMessage)\n\n    setListeningForMessages(true)\n\n    return () => {\n      window.removeEventListener('message', handleMessage)\n    }\n  }, [url, listeningForMessages])\n\n  const handleWindowChange = useCallback(\n    (type: 'iframe' | 'popup') => {\n      setAppIsReady(false)\n      setPreviewWindowType(type)\n      if (type === 'popup') {\n        openPopupWindow()\n      }\n    },\n    [openPopupWindow],\n  )\n\n  // when the user closes the popup window, switch back to the iframe\n  // the `usePopupWindow` reports the `isPopupOpen` state for us to use here\n  useEffect(() => {\n    const newPreviewWindowType = isPopupOpen ? 'popup' : 'iframe'\n\n    if (newPreviewWindowType !== previewWindowType) {\n      handleWindowChange('iframe')\n    }\n  }, [previewWindowType, isPopupOpen, handleWindowChange])\n\n  return (\n    <LivePreviewContext.Provider\n      value={{\n        appIsReady,\n        breakpoint,\n        breakpoints,\n        fieldSchemaJSON,\n        iframeHasLoaded,\n        iframeRef,\n        isPopupOpen,\n        measuredDeviceSize,\n        openPopupWindow,\n        popupRef,\n        previewWindowType,\n        setAppIsReady,\n        setBreakpoint,\n        setHeight,\n        setIframeHasLoaded,\n        setMeasuredDeviceSize,\n        setPreviewWindowType: handleWindowChange,\n        setSize,\n        setToolbarPosition: setPosition,\n        setWidth,\n        setZoom,\n        size,\n        toolbarPosition: position,\n        url,\n        zoom,\n      }}\n    >\n      <DndContext collisionDetection={customCollisionDetection} onDragEnd={handleDragEnd}>\n        {listeningForMessages && children}\n      </DndContext>\n    </LivePreviewContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DndContext","useConfig","fieldSchemaToJSON","React","useCallback","useEffect","useState","customCollisionDetection","LivePreviewContext","sizeReducer","LivePreviewProvider","breakpoints","children","fieldSchema","isPopupOpen","openPopupWindow","popupRef","url","previewWindowType","setPreviewWindowType","appIsReady","setAppIsReady","listeningForMessages","setListeningForMessages","iframeRef","useRef","iframeHasLoaded","setIframeHasLoaded","config","zoom","setZoom","position","setPosition","x","y","size","setSize","useReducer","height","width","measuredDeviceSize","setMeasuredDeviceSize","breakpoint","setBreakpoint","fieldSchemaJSON","handleDragEnd","ev","over","id","newPos","delta","setWidth","type","value","setHeight","foundBreakpoint","find","bp","name","handleMessage","event","startsWith","origin","data","ready","window","addEventListener","removeEventListener","handleWindowChange","newPreviewWindowType","_jsx","Provider","setToolbarPosition","toolbarPosition","collisionDetection","onDragEnd"],"sources":["../../../../src/views/LivePreview/Context/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, LivePreviewConfig } from 'payload'\n\nimport { DndContext } from '@dnd-kit/core'\nimport { useConfig } from '@payloadcms/ui'\nimport { fieldSchemaToJSON } from 'payload/shared'\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport type { usePopupWindow } from '../usePopupWindow.js'\n\nimport { customCollisionDetection } from './collisionDetection.js'\nimport { LivePreviewContext } from './context.js'\nimport { sizeReducer } from './sizeReducer.js'\n\nexport type LivePreviewProviderProps = {\n  appIsReady?: boolean\n  breakpoints?: LivePreviewConfig['breakpoints']\n  children: React.ReactNode\n  deviceSize?: {\n    height: number\n    width: number\n  }\n  fieldSchema: ClientField[]\n  isPopupOpen?: boolean\n  openPopupWindow?: ReturnType<typeof usePopupWindow>['openPopupWindow']\n  popupRef?: React.RefObject<Window>\n  url?: string\n}\n\nexport const LivePreviewProvider: React.FC<LivePreviewProviderProps> = ({\n  breakpoints,\n  children,\n  fieldSchema,\n  isPopupOpen,\n  openPopupWindow,\n  popupRef,\n  url,\n}) => {\n  const [previewWindowType, setPreviewWindowType] = useState<'iframe' | 'popup'>('iframe')\n\n  const [appIsReady, setAppIsReady] = useState(false)\n  const [listeningForMessages, setListeningForMessages] = useState(false)\n\n  const iframeRef = React.useRef<HTMLIFrameElement>(null)\n\n  const [iframeHasLoaded, setIframeHasLoaded] = useState(false)\n  const { config } = useConfig()\n\n  const [zoom, setZoom] = useState(1)\n\n  const [position, setPosition] = useState({ x: 0, y: 0 })\n\n  const [size, setSize] = React.useReducer(sizeReducer, { height: 0, width: 0 })\n\n  const [measuredDeviceSize, setMeasuredDeviceSize] = useState({\n    height: 0,\n    width: 0,\n  })\n\n  const [breakpoint, setBreakpoint] =\n    React.useState<LivePreviewConfig['breakpoints'][0]['name']>('responsive')\n\n  const [fieldSchemaJSON] = useState(() => {\n    return fieldSchemaToJSON(fieldSchema, config)\n  })\n\n  // The toolbar needs to freely drag and drop around the page\n  const handleDragEnd = (ev) => {\n    // only update position if the toolbar is completely within the preview area\n    // otherwise reset it back to the previous position\n    // TODO: reset to the nearest edge of the preview area\n    if (ev.over && ev.over.id === 'live-preview-area') {\n      const newPos = {\n        x: position.x + ev.delta.x,\n        y: position.y + ev.delta.y,\n      }\n\n      setPosition(newPos)\n    } else {\n      // reset\n    }\n  }\n\n  const setWidth = useCallback(\n    (width) => {\n      setSize({ type: 'width', value: width })\n    },\n    [setSize],\n  )\n\n  const setHeight = useCallback(\n    (height) => {\n      setSize({ type: 'height', value: height })\n    },\n    [setSize],\n  )\n\n  // explicitly set new width and height when as new breakpoints are selected\n  // exclude `custom` breakpoint as it is handled by the `setWidth` and `setHeight` directly\n  useEffect(() => {\n    const foundBreakpoint = breakpoints?.find((bp) => bp.name === breakpoint)\n\n    if (\n      foundBreakpoint &&\n      breakpoint !== 'responsive' &&\n      breakpoint !== 'custom' &&\n      typeof foundBreakpoint?.width === 'number' &&\n      typeof foundBreakpoint?.height === 'number'\n    ) {\n      setSize({\n        type: 'reset',\n        value: {\n          height: foundBreakpoint.height,\n          width: foundBreakpoint.width,\n        },\n      })\n    }\n  }, [breakpoint, breakpoints])\n\n  // Receive the `ready` message from the popup window\n  // This indicates that the app is ready to receive `window.postMessage` events\n  // This is also the only cross-origin way of detecting when a popup window has loaded\n  // Unlike iframe elements which have an `onLoad` handler, there is no way to access `window.open` on popups\n  useEffect(() => {\n    const handleMessage = (event: MessageEvent) => {\n      if (\n        url?.startsWith(event.origin) &&\n        event.data &&\n        typeof event.data === 'object' &&\n        event.data.type === 'payload-live-preview'\n      ) {\n        if (event.data.ready) {\n          setAppIsReady(true)\n        }\n      }\n    }\n\n    window.addEventListener('message', handleMessage)\n\n    setListeningForMessages(true)\n\n    return () => {\n      window.removeEventListener('message', handleMessage)\n    }\n  }, [url, listeningForMessages])\n\n  const handleWindowChange = useCallback(\n    (type: 'iframe' | 'popup') => {\n      setAppIsReady(false)\n      setPreviewWindowType(type)\n      if (type === 'popup') {\n        openPopupWindow()\n      }\n    },\n    [openPopupWindow],\n  )\n\n  // when the user closes the popup window, switch back to the iframe\n  // the `usePopupWindow` reports the `isPopupOpen` state for us to use here\n  useEffect(() => {\n    const newPreviewWindowType = isPopupOpen ? 'popup' : 'iframe'\n\n    if (newPreviewWindowType !== previewWindowType) {\n      handleWindowChange('iframe')\n    }\n  }, [previewWindowType, isPopupOpen, handleWindowChange])\n\n  return (\n    <LivePreviewContext.Provider\n      value={{\n        appIsReady,\n        breakpoint,\n        breakpoints,\n        fieldSchemaJSON,\n        iframeHasLoaded,\n        iframeRef,\n        isPopupOpen,\n        measuredDeviceSize,\n        openPopupWindow,\n        popupRef,\n        previewWindowType,\n        setAppIsReady,\n        setBreakpoint,\n        setHeight,\n        setIframeHasLoaded,\n        setMeasuredDeviceSize,\n        setPreviewWindowType: handleWindowChange,\n        setSize,\n        setToolbarPosition: setPosition,\n        setWidth,\n        setZoom,\n        size,\n        toolbarPosition: position,\n        url,\n        zoom,\n      }}\n    >\n      <DndContext collisionDetection={customCollisionDetection} onDragEnd={handleDragEnd}>\n        {listeningForMessages && children}\n      </DndContext>\n    </LivePreviewContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAMV,IAAI,EACJ,aAAa,EAEb,iBAAiB,EAClB,MAAM,SAAS,CAAA;AA+BhB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAGjF,OAAO,cAAc,CAAA;AA6frB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IACtD,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAA;IAC1B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CACrB,GAAG,aAAa,CA0DlB,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAMV,IAAI,EACJ,aAAa,EAEb,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAgChB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAGjF,OAAO,cAAc,CAAA;AAggBrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IACtD,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAA;IAC1B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CACrB,GAAG,aAAa,CA0DlB,CAAA"}

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

@@ -2,7 +2,7 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentControls, DocumentFields, DocumentLocked, DocumentTakeOver, Form, LeaveWithoutSaving, OperationProvider, SetDocumentStepNav, SetDocumentTitle, useAuth, useConfig, useDocumentDrawerContext, useDocumentEvents, useDocumentInfo, useEditDepth, useServerFunctions, useTranslation, useUploadEdits } from '@payloadcms/ui';
+import { DocumentControls, DocumentFields, DocumentLocked, DocumentTakeOver, Form, LeaveWithoutSaving, OperationProvider, SetDocumentStepNav, SetDocumentTitle, useAuth, useConfig, useDocumentDrawerContext, useDocumentEvents, useDocumentInfo, useEditDepth, useRouteTransition, useServerFunctions, useTranslation, useUploadEdits } from '@payloadcms/ui';
 import { abortAndIgnore, formatAdminURL, handleAbortRef, handleBackToDashboard, handleGoBack, handleTakeOver } from '@payloadcms/ui/shared';
 import { useRouter, useSearchParams } from 'next/navigation.js';
 import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
@@ -96,6 +96,9 @@ const PreviewView = ({
   const {
     getFormState
   } = useServerFunctions();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
   const docConfig = collectionConfig || globalConfig;
   const entitySlug = collectionConfig?.slug || globalConfig?.slug;
   const depth = useEditDepth();
@@ -147,7 +150,7 @@ const PreviewView = ({
         adminRoute,
         path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`
       });
-      router.push(redirectRoute);
+      startRouteTransition(() => router.push(redirectRoute));
     } else {
       resetUploadEdits();
     }
@@ -177,7 +180,7 @@ const PreviewView = ({
       abortOnSaveRef.current = null;
       return state;
     }
-  }, [adminRoute, collectionSlug, depth, docPermissions, entitySlug, getDocPermissions, getDocPreferences, getFormState, globalSlug, id, incrementVersionCount, isEditing, isLockingEnabled, locale, onSaveFromContext, operation, refreshCookieAsync, reportUpdate, resetUploadEdits, router, setDocumentIsLocked, updateSavedDocumentData, user, userSlug, autosaveEnabled]);
+  }, [adminRoute, collectionSlug, depth, docPermissions, entitySlug, getDocPermissions, getDocPreferences, getFormState, globalSlug, id, incrementVersionCount, isEditing, isLockingEnabled, locale, onSaveFromContext, operation, refreshCookieAsync, reportUpdate, resetUploadEdits, router, setDocumentIsLocked, updateSavedDocumentData, startRouteTransition, user, userSlug, autosaveEnabled]);
   const onChange = useCallback(async ({
     formState: prevFormState,
     submitted

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","DocumentControls","DocumentFields","DocumentLocked","DocumentTakeOver","Form","LeaveWithoutSaving","OperationProvider","SetDocumentStepNav","SetDocumentTitle","useAuth","useConfig","useDocumentDrawerContext","useDocumentEvents","useDocumentInfo","useEditDepth","useServerFunctions","useTranslation","useUploadEdits","abortAndIgnore","formatAdminURL","handleAbortRef","handleBackToDashboard","handleGoBack","handleTakeOver","useRouter","useSearchParams","React","Fragment","useCallback","useEffect","useRef","useState","useLivePreviewContext","LivePreviewProvider","LivePreview","usePopupWindow","baseClass","getAbsoluteUrl","url","URL","window","location","origin","href","PreviewView","collectionConfig","config","Description","fields","globalConfig","PreviewButton","PublishButton","SaveButton","SaveDraftButton","schemaPath","id","action","AfterDocument","AfterFields","apiURL","BeforeFields","collectionSlug","currentEditor","disableActions","disableLeaveWithoutSaving","docPermissions","documentIsLocked","getDocPermissions","getDocPreferences","globalSlug","hasPublishPermission","hasSavePermission","incrementVersionCount","initialData","initialState","isEditing","isInitializing","lastUpdateTime","setCurrentEditor","setDocumentIsLocked","unlockDocument","updateDocumentEditor","updateSavedDocumentData","onSave","onSaveFromContext","operation","admin","user","userSlug","routes","adminRoute","router","params","locale","get","t","previewWindowType","refreshCookieAsync","reportUpdate","resetUploadEdits","getFormState","docConfig","entitySlug","slug","depth","lockDocumentsProp","lockDocuments","undefined","isLockingEnabled","lockDurationDefault","lockDuration","duration","lockDurationInMilliseconds","autosaveEnabled","Boolean","versions","drafts","autosave","preventLeaveWithoutSaving","isReadOnlyForIncomingUser","setIsReadOnlyForIncomingUser","showTakeOverModal","setShowTakeOverModal","abortOnChangeRef","abortOnSaveRef","editSessionStartTime","setEditSessionStartTime","Date","now","lockExpiryTime","isLockExpired","documentLockStateRef","hasShownLockedModal","isLocked","json","controller","updatedAt","result","toISOString","doc","redirectRoute","path","push","docPreferences","state","data","renderAllFields","returnLockStatus","signal","skipValidation","current","onChange","formState","prevFormState","submitted","currentTime","timeSinceLastUpdate","updateLastEdited","lockedState","previousOwnerID","lockedUserID","currentPath","pathname","documentID","stayWithinDocumentPaths","isStayingWithinDocument","some","includes","abortOnChange","abortOnSave","shouldShowDocumentLockedModal","_jsx","_jsxs","className","disabled","method","onSuccess","isActive","onReadOnly","onTakeOver","globalLabel","label","pluralLabel","labels","plural","useAsTitle","view","fallback","toString","customComponents","permissions","readOnlyForIncomingUser","filter","join","forceSidebarWrap","readOnly","schemaPathSegments","LivePreviewClient","props","$","breakpoints","incomingUrl","t0","getEntityConfig","t1","serverURL","api","apiRoute","t2","startsWith","t3","eventType","isPopupOpen","openPopupWindow","popupRef","t4","Upload","children","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  DocumentSlots,\n  FormState,\n  LivePreviewConfig,\n} from 'payload'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  DocumentLocked,\n  DocumentTakeOver,\n  Form,\n  LeaveWithoutSaving,\n  OperationProvider,\n  SetDocumentStepNav,\n  SetDocumentTitle,\n  useAuth,\n  useConfig,\n  useDocumentDrawerContext,\n  useDocumentEvents,\n  useDocumentInfo,\n  useEditDepth,\n  useServerFunctions,\n  useTranslation,\n  useUploadEdits,\n} from '@payloadcms/ui'\nimport {\n  abortAndIgnore,\n  formatAdminURL,\n  handleAbortRef,\n  handleBackToDashboard,\n  handleGoBack,\n  handleTakeOver,\n} from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useLivePreviewContext } from './Context/context.js'\nimport './index.scss'\nimport { LivePreviewProvider } from './Context/index.js'\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} & DocumentSlots\n\nconst getAbsoluteUrl = (url) => {\n  try {\n    return new URL(url, window.location.origin).href\n  } catch {\n    return url\n  }\n}\n\nconst PreviewView: React.FC<Props> = ({\n  collectionConfig,\n  config,\n  Description,\n  fields,\n  globalConfig,\n  PreviewButton,\n  PublishButton,\n  SaveButton,\n  SaveDraftButton,\n  schemaPath,\n}) => {\n  const {\n    id,\n    action,\n    AfterDocument,\n    AfterFields,\n    apiURL,\n    BeforeFields,\n    collectionSlug,\n    currentEditor,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    documentIsLocked,\n    getDocPermissions,\n    getDocPreferences,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    incrementVersionCount,\n    initialData,\n    initialState,\n    isEditing,\n    isInitializing,\n    lastUpdateTime,\n    setCurrentEditor,\n    setDocumentIsLocked,\n    unlockDocument,\n    updateDocumentEditor,\n    updateSavedDocumentData,\n  } = useDocumentInfo()\n\n  const { onSave: onSaveFromContext } = useDocumentDrawerContext()\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 params = useSearchParams()\n  const locale = params.get('locale')\n  const { t } = useTranslation()\n  const { previewWindowType } = useLivePreviewContext()\n  const { refreshCookieAsync, user } = useAuth()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n  const { getFormState } = useServerFunctions()\n\n  const docConfig = collectionConfig || globalConfig\n\n  const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n  const depth = useEditDepth()\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 autosaveEnabled = Boolean(\n    (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave),\n  )\n\n  const preventLeaveWithoutSaving =\n    typeof disableLeaveWithoutSaving !== 'undefined' ? !disableLeaveWithoutSaving : !autosaveEnabled\n\n  const [isReadOnlyForIncomingUser, setIsReadOnlyForIncomingUser] = useState(false)\n  const [showTakeOverModal, setShowTakeOverModal] = useState(false)\n\n  const abortOnChangeRef = useRef<AbortController>(null)\n  const abortOnSaveRef = useRef<AbortController>(null)\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 | number | string\n  } | null>({\n    hasShownLockedModal: false,\n    isLocked: false,\n    user: null,\n  })\n\n  const onSave = useCallback(\n    async (json): Promise<FormState> => {\n      const controller = handleAbortRef(abortOnSaveRef)\n\n      reportUpdate({\n        id,\n        entitySlug,\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      incrementVersionCount()\n\n      if (typeof updateSavedDocumentData === 'function') {\n        void updateSavedDocumentData(json?.doc || {})\n      }\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n        router.push(redirectRoute)\n      } else {\n        resetUploadEdits()\n      }\n\n      await getDocPermissions(json)\n\n      if ((id || globalSlug) && !autosaveEnabled) {\n        const docPreferences = await getDocPreferences()\n\n        const { state } = await getFormState({\n          id,\n          collectionSlug,\n          data: json?.doc || json?.result,\n          docPermissions,\n          docPreferences,\n          globalSlug,\n          operation,\n          renderAllFields: true,\n          returnLockStatus: false,\n          schemaPath: entitySlug,\n          signal: controller.signal,\n          skipValidation: true,\n        })\n\n        // Unlock the document after save\n        if (isLockingEnabled) {\n          setDocumentIsLocked(false)\n        }\n\n        abortOnSaveRef.current = null\n\n        return state\n      }\n    },\n    [\n      adminRoute,\n      collectionSlug,\n      depth,\n      docPermissions,\n      entitySlug,\n      getDocPermissions,\n      getDocPreferences,\n      getFormState,\n      globalSlug,\n      id,\n      incrementVersionCount,\n      isEditing,\n      isLockingEnabled,\n      locale,\n      onSaveFromContext,\n      operation,\n      refreshCookieAsync,\n      reportUpdate,\n      resetUploadEdits,\n      router,\n      setDocumentIsLocked,\n      updateSavedDocumentData,\n      user,\n      userSlug,\n      autosaveEnabled,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortOnChangeRef)\n\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        id,\n        collectionSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        globalSlug,\n        operation,\n        returnLockStatus: isLockingEnabled ? true : false,\n        schemaPath,\n        signal: controller.signal,\n        skipValidation: !submitted,\n        updateLastEdited,\n      })\n\n      setDocumentIsLocked(true)\n\n      if (isLockingEnabled) {\n        const previousOwnerID =\n          typeof documentLockStateRef.current?.user === 'object'\n            ? documentLockStateRef.current?.user?.id\n            : documentLockStateRef.current?.user\n\n        if (lockedState) {\n          const lockedUserID =\n            typeof lockedState.user === 'string' || typeof lockedState.user === 'number'\n              ? lockedState.user\n              : lockedState.user.id\n\n          if (!documentLockStateRef.current || lockedUserID !== previousOwnerID) {\n            if (previousOwnerID === user.id && lockedUserID !== 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 as ClientUser,\n            }\n\n            setCurrentEditor(lockedState.user as ClientUser)\n          }\n        }\n      }\n\n      abortOnChangeRef.current = null\n\n      return state\n    },\n    [\n      editSessionStartTime,\n      isLockingEnabled,\n      getDocPreferences,\n      getFormState,\n      id,\n      collectionSlug,\n      docPermissions,\n      globalSlug,\n      operation,\n      schemaPath,\n      setDocumentIsLocked,\n      user?.id,\n      setCurrentEditor,\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 (\n          typeof documentLockStateRef.current?.user === 'object'\n            ? documentLockStateRef.current?.user?.id === user?.id\n            : documentLockStateRef.current?.user === user?.id\n        ) {\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  useEffect(() => {\n    const abortOnChange = abortOnChangeRef.current\n    const abortOnSave = abortOnSaveRef.current\n\n    return () => {\n      abortAndIgnore(abortOnChange)\n      abortAndIgnore(abortOnSave)\n    }\n  })\n\n  const shouldShowDocumentLockedModal =\n    documentIsLocked &&\n    currentEditor &&\n    (typeof currentEditor === 'object'\n      ? currentEditor.id !== user?.id\n      : currentEditor !== 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        {!isReadOnlyForIncomingUser && preventLeaveWithoutSaving && <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          customComponents={{\n            PreviewButton,\n            PublishButton,\n            SaveButton,\n            SaveDraftButton,\n          }}\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            <DocumentFields\n              AfterFields={AfterFields}\n              BeforeFields={BeforeFields}\n              Description={Description}\n              docPermissions={docPermissions}\n              fields={fields}\n              forceSidebarWrap\n              readOnly={isReadOnlyForIncomingUser || !hasSavePermission}\n              schemaPathSegments={[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  {\n    readonly breakpoints: LivePreviewConfig['breakpoints']\n    readonly initialData: Data\n    readonly url: string\n  } & DocumentSlots\n> = (props) => {\n  const { breakpoints, url: incomingUrl } = 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 url =\n    incomingUrl.startsWith('http://') || incomingUrl.startsWith('https://')\n      ? incomingUrl\n      : getAbsoluteUrl(incomingUrl)\n\n  const { isPopupOpen, openPopupWindow, popupRef } = usePopupWindow({\n    eventType: 'payload-live-preview',\n    url,\n  })\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const schemaPath = collectionSlug || globalSlug\n\n  return (\n    <Fragment>\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          Description={props.Description}\n          fields={(collectionConfig || globalConfig)?.fields}\n          globalConfig={globalConfig}\n          PreviewButton={props.PreviewButton}\n          PublishButton={props.PublishButton}\n          SaveButton={props.SaveButton}\n          SaveDraftButton={props.SaveDraftButton}\n          schemaPath={schemaPath}\n          serverURL={serverURL}\n          Upload={props.Upload}\n        />\n      </LivePreviewProvider>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","DocumentControls","DocumentFields","DocumentLocked","DocumentTakeOver","Form","LeaveWithoutSaving","OperationProvider","SetDocumentStepNav","SetDocumentTitle","useAuth","useConfig","useDocumentDrawerContext","useDocumentEvents","useDocumentInfo","useEditDepth","useRouteTransition","useServerFunctions","useTranslation","useUploadEdits","abortAndIgnore","formatAdminURL","handleAbortRef","handleBackToDashboard","handleGoBack","handleTakeOver","useRouter","useSearchParams","React","Fragment","useCallback","useEffect","useRef","useState","useLivePreviewContext","LivePreviewProvider","LivePreview","usePopupWindow","baseClass","getAbsoluteUrl","url","URL","window","location","origin","href","PreviewView","collectionConfig","config","Description","fields","globalConfig","PreviewButton","PublishButton","SaveButton","SaveDraftButton","schemaPath","id","action","AfterDocument","AfterFields","apiURL","BeforeFields","collectionSlug","currentEditor","disableActions","disableLeaveWithoutSaving","docPermissions","documentIsLocked","getDocPermissions","getDocPreferences","globalSlug","hasPublishPermission","hasSavePermission","incrementVersionCount","initialData","initialState","isEditing","isInitializing","lastUpdateTime","setCurrentEditor","setDocumentIsLocked","unlockDocument","updateDocumentEditor","updateSavedDocumentData","onSave","onSaveFromContext","operation","admin","user","userSlug","routes","adminRoute","router","params","locale","get","t","previewWindowType","refreshCookieAsync","reportUpdate","resetUploadEdits","getFormState","startRouteTransition","docConfig","entitySlug","slug","depth","lockDocumentsProp","lockDocuments","undefined","isLockingEnabled","lockDurationDefault","lockDuration","duration","lockDurationInMilliseconds","autosaveEnabled","Boolean","versions","drafts","autosave","preventLeaveWithoutSaving","isReadOnlyForIncomingUser","setIsReadOnlyForIncomingUser","showTakeOverModal","setShowTakeOverModal","abortOnChangeRef","abortOnSaveRef","editSessionStartTime","setEditSessionStartTime","Date","now","lockExpiryTime","isLockExpired","documentLockStateRef","hasShownLockedModal","isLocked","json","controller","updatedAt","result","toISOString","doc","redirectRoute","path","push","docPreferences","state","data","renderAllFields","returnLockStatus","signal","skipValidation","current","onChange","formState","prevFormState","submitted","currentTime","timeSinceLastUpdate","updateLastEdited","lockedState","previousOwnerID","lockedUserID","currentPath","pathname","documentID","stayWithinDocumentPaths","isStayingWithinDocument","some","includes","abortOnChange","abortOnSave","shouldShowDocumentLockedModal","_jsx","_jsxs","className","disabled","method","onSuccess","isActive","onReadOnly","onTakeOver","globalLabel","label","pluralLabel","labels","plural","useAsTitle","view","fallback","toString","customComponents","permissions","readOnlyForIncomingUser","filter","join","forceSidebarWrap","readOnly","schemaPathSegments","LivePreviewClient","props","$","breakpoints","incomingUrl","t0","getEntityConfig","t1","serverURL","api","apiRoute","t2","startsWith","t3","eventType","isPopupOpen","openPopupWindow","popupRef","t4","Upload","children","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  DocumentSlots,\n  FormState,\n  LivePreviewConfig,\n} from 'payload'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  DocumentLocked,\n  DocumentTakeOver,\n  Form,\n  LeaveWithoutSaving,\n  OperationProvider,\n  SetDocumentStepNav,\n  SetDocumentTitle,\n  useAuth,\n  useConfig,\n  useDocumentDrawerContext,\n  useDocumentEvents,\n  useDocumentInfo,\n  useEditDepth,\n  useRouteTransition,\n  useServerFunctions,\n  useTranslation,\n  useUploadEdits,\n} from '@payloadcms/ui'\nimport {\n  abortAndIgnore,\n  formatAdminURL,\n  handleAbortRef,\n  handleBackToDashboard,\n  handleGoBack,\n  handleTakeOver,\n} from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useLivePreviewContext } from './Context/context.js'\nimport './index.scss'\nimport { LivePreviewProvider } from './Context/index.js'\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} & DocumentSlots\n\nconst getAbsoluteUrl = (url) => {\n  try {\n    return new URL(url, window.location.origin).href\n  } catch {\n    return url\n  }\n}\n\nconst PreviewView: React.FC<Props> = ({\n  collectionConfig,\n  config,\n  Description,\n  fields,\n  globalConfig,\n  PreviewButton,\n  PublishButton,\n  SaveButton,\n  SaveDraftButton,\n  schemaPath,\n}) => {\n  const {\n    id,\n    action,\n    AfterDocument,\n    AfterFields,\n    apiURL,\n    BeforeFields,\n    collectionSlug,\n    currentEditor,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    documentIsLocked,\n    getDocPermissions,\n    getDocPreferences,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    incrementVersionCount,\n    initialData,\n    initialState,\n    isEditing,\n    isInitializing,\n    lastUpdateTime,\n    setCurrentEditor,\n    setDocumentIsLocked,\n    unlockDocument,\n    updateDocumentEditor,\n    updateSavedDocumentData,\n  } = useDocumentInfo()\n\n  const { onSave: onSaveFromContext } = useDocumentDrawerContext()\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 params = useSearchParams()\n  const locale = params.get('locale')\n  const { t } = useTranslation()\n  const { previewWindowType } = useLivePreviewContext()\n  const { refreshCookieAsync, user } = useAuth()\n  const { reportUpdate } = useDocumentEvents()\n  const { resetUploadEdits } = useUploadEdits()\n  const { getFormState } = useServerFunctions()\n  const { startRouteTransition } = useRouteTransition()\n\n  const docConfig = collectionConfig || globalConfig\n\n  const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n  const depth = useEditDepth()\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 autosaveEnabled = Boolean(\n    (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave),\n  )\n\n  const preventLeaveWithoutSaving =\n    typeof disableLeaveWithoutSaving !== 'undefined' ? !disableLeaveWithoutSaving : !autosaveEnabled\n\n  const [isReadOnlyForIncomingUser, setIsReadOnlyForIncomingUser] = useState(false)\n  const [showTakeOverModal, setShowTakeOverModal] = useState(false)\n\n  const abortOnChangeRef = useRef<AbortController>(null)\n  const abortOnSaveRef = useRef<AbortController>(null)\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 | number | string\n  } | null>({\n    hasShownLockedModal: false,\n    isLocked: false,\n    user: null,\n  })\n\n  const onSave = useCallback(\n    async (json): Promise<FormState> => {\n      const controller = handleAbortRef(abortOnSaveRef)\n\n      reportUpdate({\n        id,\n        entitySlug,\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      incrementVersionCount()\n\n      if (typeof updateSavedDocumentData === 'function') {\n        void updateSavedDocumentData(json?.doc || {})\n      }\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`,\n        })\n\n        startRouteTransition(() => router.push(redirectRoute))\n      } else {\n        resetUploadEdits()\n      }\n\n      await getDocPermissions(json)\n\n      if ((id || globalSlug) && !autosaveEnabled) {\n        const docPreferences = await getDocPreferences()\n\n        const { state } = await getFormState({\n          id,\n          collectionSlug,\n          data: json?.doc || json?.result,\n          docPermissions,\n          docPreferences,\n          globalSlug,\n          operation,\n          renderAllFields: true,\n          returnLockStatus: false,\n          schemaPath: entitySlug,\n          signal: controller.signal,\n          skipValidation: true,\n        })\n\n        // Unlock the document after save\n        if (isLockingEnabled) {\n          setDocumentIsLocked(false)\n        }\n\n        abortOnSaveRef.current = null\n\n        return state\n      }\n    },\n    [\n      adminRoute,\n      collectionSlug,\n      depth,\n      docPermissions,\n      entitySlug,\n      getDocPermissions,\n      getDocPreferences,\n      getFormState,\n      globalSlug,\n      id,\n      incrementVersionCount,\n      isEditing,\n      isLockingEnabled,\n      locale,\n      onSaveFromContext,\n      operation,\n      refreshCookieAsync,\n      reportUpdate,\n      resetUploadEdits,\n      router,\n      setDocumentIsLocked,\n      updateSavedDocumentData,\n      startRouteTransition,\n      user,\n      userSlug,\n      autosaveEnabled,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState, submitted }) => {\n      const controller = handleAbortRef(abortOnChangeRef)\n\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        id,\n        collectionSlug,\n        docPermissions,\n        docPreferences,\n        formState: prevFormState,\n        globalSlug,\n        operation,\n        returnLockStatus: isLockingEnabled ? true : false,\n        schemaPath,\n        signal: controller.signal,\n        skipValidation: !submitted,\n        updateLastEdited,\n      })\n\n      setDocumentIsLocked(true)\n\n      if (isLockingEnabled) {\n        const previousOwnerID =\n          typeof documentLockStateRef.current?.user === 'object'\n            ? documentLockStateRef.current?.user?.id\n            : documentLockStateRef.current?.user\n\n        if (lockedState) {\n          const lockedUserID =\n            typeof lockedState.user === 'string' || typeof lockedState.user === 'number'\n              ? lockedState.user\n              : lockedState.user.id\n\n          if (!documentLockStateRef.current || lockedUserID !== previousOwnerID) {\n            if (previousOwnerID === user.id && lockedUserID !== 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 as ClientUser,\n            }\n\n            setCurrentEditor(lockedState.user as ClientUser)\n          }\n        }\n      }\n\n      abortOnChangeRef.current = null\n\n      return state\n    },\n    [\n      editSessionStartTime,\n      isLockingEnabled,\n      getDocPreferences,\n      getFormState,\n      id,\n      collectionSlug,\n      docPermissions,\n      globalSlug,\n      operation,\n      schemaPath,\n      setDocumentIsLocked,\n      user?.id,\n      setCurrentEditor,\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 (\n          typeof documentLockStateRef.current?.user === 'object'\n            ? documentLockStateRef.current?.user?.id === user?.id\n            : documentLockStateRef.current?.user === user?.id\n        ) {\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  useEffect(() => {\n    const abortOnChange = abortOnChangeRef.current\n    const abortOnSave = abortOnSaveRef.current\n\n    return () => {\n      abortAndIgnore(abortOnChange)\n      abortAndIgnore(abortOnSave)\n    }\n  })\n\n  const shouldShowDocumentLockedModal =\n    documentIsLocked &&\n    currentEditor &&\n    (typeof currentEditor === 'object'\n      ? currentEditor.id !== user?.id\n      : currentEditor !== 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        {!isReadOnlyForIncomingUser && preventLeaveWithoutSaving && <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          customComponents={{\n            PreviewButton,\n            PublishButton,\n            SaveButton,\n            SaveDraftButton,\n          }}\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            <DocumentFields\n              AfterFields={AfterFields}\n              BeforeFields={BeforeFields}\n              Description={Description}\n              docPermissions={docPermissions}\n              fields={fields}\n              forceSidebarWrap\n              readOnly={isReadOnlyForIncomingUser || !hasSavePermission}\n              schemaPathSegments={[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  {\n    readonly breakpoints: LivePreviewConfig['breakpoints']\n    readonly initialData: Data\n    readonly url: string\n  } & DocumentSlots\n> = (props) => {\n  const { breakpoints, url: incomingUrl } = 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 url =\n    incomingUrl.startsWith('http://') || incomingUrl.startsWith('https://')\n      ? incomingUrl\n      : getAbsoluteUrl(incomingUrl)\n\n  const { isPopupOpen, openPopupWindow, popupRef } = usePopupWindow({\n    eventType: 'payload-live-preview',\n    url,\n  })\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const schemaPath = collectionSlug || globalSlug\n\n  return (\n    <Fragment>\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          Description={props.Description}\n          fields={(collectionConfig || globalConfig)?.fields}\n          globalConfig={globalConfig}\n          PreviewButton={props.PreviewButton}\n          PublishButton={props.PublishButton}\n          SaveButton={props.SaveButton}\n          SaveDraftButton={props.SaveDraftButton}\n          schemaPath={schemaPath}\n          serverURL={serverURL}\n          Upload={props.Upload}\n        />\n      </LivePreviewProvider>\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,5 @@
-import type { EditViewComponent, PayloadServerReactComponent } from 'payload';
+import type { DocumentViewServerProps } from 'payload';
+import React from 'react';
 import './index.scss';
-export declare const LivePreviewView: PayloadServerReactComponent<EditViewComponent>;
+export declare function LivePreviewView(props: DocumentViewServerProps): Promise<React.JSX.Element>;
 //# 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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAqB,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAIhG,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,eAAe,EAAE,2BAA2B,CAAC,iBAAiB,CA4D1E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/LivePreview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAqB,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAGrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,uBAAuB,8BA4DnE"}

package/dist/views/LivePreview/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { LivePreviewClient } from './index.client.js';
-export const LivePreviewView = async props => {
+export async function LivePreviewView(props) {
   const {
     doc,
     initPageResult
@@ -54,5 +54,5 @@ export const LivePreviewView = async props => {
     Upload: props.Upload,
     url: url
   });
-};
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","LivePreviewClient","LivePreviewView","props","doc","initPageResult","collectionConfig","globalConfig","locale","req","livePreviewConfig","payload","config","admin","livePreview","breakpoints","name","height","label","width","url","data","_jsx","Description","initialData","PreviewButton","PublishButton","SaveButton","SaveDraftButton","Upload"],"sources":["../../../src/views/LivePreview/index.tsx"],"sourcesContent":["import type { EditViewComponent, LivePreviewConfig, PayloadServerReactComponent } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { LivePreviewClient } from './index.client.js'\n\nexport const LivePreviewView: PayloadServerReactComponent<EditViewComponent> = async (props) => {\n  const { doc, initPageResult } = props\n\n  const { collectionConfig, globalConfig, locale, req } = initPageResult\n\n  let livePreviewConfig: LivePreviewConfig = req.payload.config?.admin?.livePreview\n\n  if (collectionConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(collectionConfig.admin.livePreview || {}),\n    }\n  }\n\n  if (globalConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(globalConfig.admin.livePreview || {}),\n    }\n  }\n\n  const breakpoints: LivePreviewConfig['breakpoints'] = [\n    ...(livePreviewConfig?.breakpoints || []),\n    {\n      name: 'responsive',\n      height: '100%',\n      label: 'Responsive',\n      width: '100%',\n    },\n  ]\n\n  const url =\n    typeof livePreviewConfig?.url === 'function'\n      ? await livePreviewConfig.url({\n          collectionConfig,\n          data: doc,\n          globalConfig,\n          locale,\n          req,\n          /**\n           * @deprecated\n           * Use `req.payload` instead. This will be removed in the next major version.\n           */\n          payload: initPageResult.req.payload,\n        })\n      : livePreviewConfig?.url\n\n  return (\n    <LivePreviewClient\n      breakpoints={breakpoints}\n      Description={props.Description}\n      initialData={doc}\n      PreviewButton={props.PreviewButton}\n      PublishButton={props.PublishButton}\n      SaveButton={props.SaveButton}\n      SaveDraftButton={props.SaveDraftButton}\n      Upload={props.Upload}\n      url={url}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAGlB,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,eAAA,GAAkE,MAAOC,KAAA;EACpF,MAAM;IAAEC,GAAG;IAAEC;EAAc,CAAE,GAAGF,KAAA;EAEhC,MAAM;IAAEG,gBAAgB;IAAEC,YAAY;IAAEC,MAAM;IAAEC;EAAG,CAAE,GAAGJ,cAAA;EAExD,IAAIK,iBAAA,GAAuCD,GAAA,CAAIE,OAAO,CAACC,MAAM,EAAEC,KAAA,EAAOC,WAAA;EAEtE,IAAIR,gBAAA,EAAkB;IACpBI,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIJ,gBAAA,CAAiBO,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC9C;EACF;EAEA,IAAIP,YAAA,EAAc;IAChBG,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIH,YAAA,CAAaM,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC1C;EACF;EAEA,MAAMC,WAAA,GAAgD,C,IAChDL,iBAAA,EAAmBK,WAAA,IAAe,EAAE,GACxC;IACEC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT,EACD;EAED,MAAMC,GAAA,GACJ,OAAOV,iBAAA,EAAmBU,GAAA,KAAQ,aAC9B,MAAMV,iBAAA,CAAkBU,GAAG,CAAC;IAC1Bd,gBAAA;IACAe,IAAA,EAAMjB,GAAA;IACNG,YAAA;IACAC,MAAA;IACAC,GAAA;IACA;;;;IAIAE,OAAA,EAASN,cAAA,CAAeI,GAAG,CAACE;EAC9B,KACAD,iBAAA,EAAmBU,GAAA;EAEzB,oBACEE,IAAA,CAACrB,iBAAA;IACCc,WAAA,EAAaA,WAAA;IACbQ,WAAA,EAAapB,KAAA,CAAMoB,WAAW;IAC9BC,WAAA,EAAapB,GAAA;IACbqB,aAAA,EAAetB,KAAA,CAAMsB,aAAa;IAClCC,aAAA,EAAevB,KAAA,CAAMuB,aAAa;IAClCC,UAAA,EAAYxB,KAAA,CAAMwB,UAAU;IAC5BC,eAAA,EAAiBzB,KAAA,CAAMyB,eAAe;IACtCC,MAAA,EAAQ1B,KAAA,CAAM0B,MAAM;IACpBT,GAAA,EAAKA;;AAGX","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","LivePreviewClient","LivePreviewView","props","doc","initPageResult","collectionConfig","globalConfig","locale","req","livePreviewConfig","payload","config","admin","livePreview","breakpoints","name","height","label","width","url","data","_jsx","Description","initialData","PreviewButton","PublishButton","SaveButton","SaveDraftButton","Upload"],"sources":["../../../src/views/LivePreview/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps, LivePreviewConfig } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\nimport { LivePreviewClient } from './index.client.js'\n\nexport async function LivePreviewView(props: DocumentViewServerProps) {\n  const { doc, initPageResult } = props\n\n  const { collectionConfig, globalConfig, locale, req } = initPageResult\n\n  let livePreviewConfig: LivePreviewConfig = req.payload.config?.admin?.livePreview\n\n  if (collectionConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(collectionConfig.admin.livePreview || {}),\n    }\n  }\n\n  if (globalConfig) {\n    livePreviewConfig = {\n      ...(livePreviewConfig || {}),\n      ...(globalConfig.admin.livePreview || {}),\n    }\n  }\n\n  const breakpoints: LivePreviewConfig['breakpoints'] = [\n    ...(livePreviewConfig?.breakpoints || []),\n    {\n      name: 'responsive',\n      height: '100%',\n      label: 'Responsive',\n      width: '100%',\n    },\n  ]\n\n  const url =\n    typeof livePreviewConfig?.url === 'function'\n      ? await livePreviewConfig.url({\n          collectionConfig,\n          data: doc,\n          globalConfig,\n          locale,\n          req,\n          /**\n           * @deprecated\n           * Use `req.payload` instead. This will be removed in the next major version.\n           */\n          payload: initPageResult.req.payload,\n        })\n      : livePreviewConfig?.url\n\n  return (\n    <LivePreviewClient\n      breakpoints={breakpoints}\n      Description={props.Description}\n      initialData={doc}\n      PreviewButton={props.PreviewButton}\n      PublishButton={props.PublishButton}\n      SaveButton={props.SaveButton}\n      SaveDraftButton={props.SaveDraftButton}\n      Upload={props.Upload}\n      url={url}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAGlB,SAASC,iBAAiB,QAAQ;AAElC,OAAO,eAAeC,gBAAgBC,KAA8B;EAClE,MAAM;IAAEC,GAAG;IAAEC;EAAc,CAAE,GAAGF,KAAA;EAEhC,MAAM;IAAEG,gBAAgB;IAAEC,YAAY;IAAEC,MAAM;IAAEC;EAAG,CAAE,GAAGJ,cAAA;EAExD,IAAIK,iBAAA,GAAuCD,GAAA,CAAIE,OAAO,CAACC,MAAM,EAAEC,KAAA,EAAOC,WAAA;EAEtE,IAAIR,gBAAA,EAAkB;IACpBI,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIJ,gBAAA,CAAiBO,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC9C;EACF;EAEA,IAAIP,YAAA,EAAc;IAChBG,iBAAA,GAAoB;MAClB,IAAIA,iBAAA,IAAqB,CAAC,CAAC;MAC3B,IAAIH,YAAA,CAAaM,KAAK,CAACC,WAAW,IAAI,CAAC,CAAC;IAC1C;EACF;EAEA,MAAMC,WAAA,GAAgD,C,IAChDL,iBAAA,EAAmBK,WAAA,IAAe,EAAE,GACxC;IACEC,IAAA,EAAM;IACNC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,KAAA,EAAO;EACT,EACD;EAED,MAAMC,GAAA,GACJ,OAAOV,iBAAA,EAAmBU,GAAA,KAAQ,aAC9B,MAAMV,iBAAA,CAAkBU,GAAG,CAAC;IAC1Bd,gBAAA;IACAe,IAAA,EAAMjB,GAAA;IACNG,YAAA;IACAC,MAAA;IACAC,GAAA;IACA;;;;IAIAE,OAAA,EAASN,cAAA,CAAeI,GAAG,CAACE;EAC9B,KACAD,iBAAA,EAAmBU,GAAA;EAEzB,oBACEE,IAAA,CAACrB,iBAAA;IACCc,WAAA,EAAaA,WAAA;IACbQ,WAAA,EAAapB,KAAA,CAAMoB,WAAW;IAC9BC,WAAA,EAAapB,GAAA;IACbqB,aAAA,EAAetB,KAAA,CAAMsB,aAAa;IAClCC,aAAA,EAAevB,KAAA,CAAMuB,aAAa;IAClCC,UAAA,EAAYxB,KAAA,CAAMwB,UAAU;IAC5BC,eAAA,EAAiBzB,KAAA,CAAMyB,eAAe;IACtCC,MAAA,EAAQ1B,KAAA,CAAM0B,MAAM;IACpBT,GAAA,EAAKA;;AAGX","ignoreList":[]}

package/dist/views/Login/LoginForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CAyFA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Login/LoginForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAsBzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAA;KAAE,CAAA;CAC/D,CAyFA,CAAA"}

package/dist/views/Login/LoginForm/index.js

@@ -2,11 +2,9 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LinkImport from 'next/link.js';
 import React from 'react';
 const baseClass = 'login__form';
-const Link = LinkImport.default || LinkImport;
-import { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui';
+import { Form, FormSubmit, Link, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui';
 import { formatAdminURL } from '@payloadcms/ui/shared';
 import { getLoginOptions } from 'payload/shared';
 import { LoginField } from '../LoginField/index.js';

package/dist/views/Login/LoginForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","baseClass","Link","default","Form","FormSubmit","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","getLoginOptions","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","getEntityConfig","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","loginWithUsername","t4","collectionConfig","collectionSlug","auth","authOptions","canLoginWithEmail","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","redirect","waitForAutocomplete","children","_jsx","type","field","name","label","required","path","href","prefetch","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nconst baseClass = 'login__form'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nimport type { UserWithToken } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport { Form, FormSubmit, PasswordField, useAuth, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { getLoginOptions } from 'payload/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  prefillEmail?: string\n  prefillPassword?: string\n  prefillUsername?: string\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const { canLoginWithEmail, canLoginWithUsername } = getLoginOptions(loginWithUsername)\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) {\n      return 'emailOrUsername'\n    }\n    if (canLoginWithUsername) {\n      return 'username'\n    }\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const initialState: FormState = {\n    password: {\n      initialValue: prefillPassword ?? undefined,\n      valid: true,\n      value: prefillPassword ?? undefined,\n    },\n  }\n\n  if (loginWithUsername) {\n    initialState.username = {\n      initialValue: prefillUsername ?? undefined,\n      valid: true,\n      value: prefillUsername ?? undefined,\n    }\n  } else {\n    initialState.email = {\n      initialValue: prefillEmail ?? undefined,\n      valid: true,\n      value: prefillEmail ?? undefined,\n    }\n  }\n\n  const handleLogin = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField\n          field={{\n            name: 'password',\n            label: t('general:password'),\n            required: true,\n          }}\n          path=\"password\"\n        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n        prefetch={false}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","baseClass","Form","FormSubmit","Link","PasswordField","useAuth","useConfig","useTranslation","formatAdminURL","getLoginOptions","LoginField","LoginForm","t0","$","prefillEmail","prefillPassword","prefillUsername","searchParams","config","getEntityConfig","admin","t1","routes","t2","t3","user","userSlug","forgot","forgotRoute","adminRoute","api","apiRoute","loginWithUsername","t4","collectionConfig","collectionSlug","auth","authOptions","canLoginWithEmail","canLoginWithUsername","t5","loginType","useState","t","setUser","t6","undefined","t7","t8","initialState","password","initialValue","valid","value","username","email","t9","data","handleLogin","_jsxs","action","className","disableSuccessStatus","method","onSuccess","redirect","waitForAutocomplete","children","_jsx","type","field","name","label","required","path","href","prefetch","size"],"sources":["../../../../src/views/Login/LoginForm/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nconst baseClass = 'login__form'\n\nimport type { UserWithToken } from '@payloadcms/ui'\nimport type { FormState } from 'payload'\n\nimport {\n  Form,\n  FormSubmit,\n  Link,\n  PasswordField,\n  useAuth,\n  useConfig,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { getLoginOptions } from 'payload/shared'\n\nimport type { LoginFieldProps } from '../LoginField/index.js'\n\nimport { LoginField } from '../LoginField/index.js'\nimport './index.scss'\n\nexport const LoginForm: React.FC<{\n  prefillEmail?: string\n  prefillPassword?: string\n  prefillUsername?: string\n  searchParams: { [key: string]: string | string[] | undefined }\n}> = ({ prefillEmail, prefillPassword, prefillUsername, searchParams }) => {\n  const { config, getEntityConfig } = useConfig()\n\n  const {\n    admin: {\n      routes: { forgot: forgotRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute, api: apiRoute },\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const { auth: authOptions } = collectionConfig\n  const loginWithUsername = authOptions.loginWithUsername\n  const { canLoginWithEmail, canLoginWithUsername } = getLoginOptions(loginWithUsername)\n\n  const [loginType] = React.useState<LoginFieldProps['type']>(() => {\n    if (canLoginWithEmail && canLoginWithUsername) {\n      return 'emailOrUsername'\n    }\n    if (canLoginWithUsername) {\n      return 'username'\n    }\n    return 'email'\n  })\n\n  const { t } = useTranslation()\n  const { setUser } = useAuth()\n\n  const initialState: FormState = {\n    password: {\n      initialValue: prefillPassword ?? undefined,\n      valid: true,\n      value: prefillPassword ?? undefined,\n    },\n  }\n\n  if (loginWithUsername) {\n    initialState.username = {\n      initialValue: prefillUsername ?? undefined,\n      valid: true,\n      value: prefillUsername ?? undefined,\n    }\n  } else {\n    initialState.email = {\n      initialValue: prefillEmail ?? undefined,\n      valid: true,\n      value: prefillEmail ?? undefined,\n    }\n  }\n\n  const handleLogin = (data: UserWithToken) => {\n    setUser(data)\n  }\n\n  return (\n    <Form\n      action={`${apiRoute}/${userSlug}/login`}\n      className={baseClass}\n      disableSuccessStatus\n      initialState={initialState}\n      method=\"POST\"\n      onSuccess={handleLogin}\n      redirect={typeof searchParams?.redirect === 'string' ? searchParams.redirect : adminRoute}\n      waitForAutocomplete\n    >\n      <div className={`${baseClass}__inputWrap`}>\n        <LoginField type={loginType} />\n        <PasswordField\n          field={{\n            name: 'password',\n            label: t('general:password'),\n            required: true,\n          }}\n          path=\"password\"\n        />\n      </div>\n      <Link\n        href={formatAdminURL({\n          adminRoute,\n          path: forgotRoute,\n        })}\n        prefetch={false}\n      >\n        {t('authentication:forgotPasswordQuestion')}\n      </Link>\n      <FormSubmit size=\"large\">{t('authentication:login')}</FormSubmit>\n    </Form>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import type { AdminViewProps } from 'payload';
+import type { AdminViewServerProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export { generateLoginMetadata } from './meta.js';
 export declare const loginBaseClass = "login";
-export declare const LoginView: React.FC<AdminViewProps>;
+export declare function LoginView({ initPageResult, params, searchParams }: AdminViewServerProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Login/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAO,cAAc,CAAA;AAGrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAU,CAAA;AAErC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0F9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Login/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAe,MAAM,SAAS,CAAA;AAIhE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEjD,eAAO,MAAM,cAAc,UAAU,CAAA;AAErC,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,oBAAoB,qBAwFvF"}

package/dist/views/Login/index.js

@@ -6,11 +6,11 @@ import { Logo } from '../../elements/Logo/index.js';
 import { LoginForm } from './LoginForm/index.js';
 export { generateLoginMetadata } from './meta.js';
 export const loginBaseClass = 'login';
-export const LoginView = ({
+export function LoginView({
   initPageResult,
   params,
   searchParams
-}) => {
+}) {
   const {
     locale,
     permissions,
@@ -32,7 +32,6 @@ export const LoginView = ({
       } = {},
       user: userSlug
     },
-    collections,
     routes: {
       admin
     }
@@ -88,5 +87,5 @@ export const LoginView = ({
       }
     })]
   });
-};
+}
 //# sourceMappingURL=index.js.map