@payloadcms/ui 3.0.0-canary.6041f49 → 3.0.0-canary.67aae47

package/dist/views/Edit/SetDocumentStepNav/index.js

@@ -0,0 +1,135 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { useEffect } from 'react';
+import { useStepNav } from '../../../elements/StepNav/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../../providers/EditDepth/index.js';
+import { useEntityVisibility } from '../../../providers/EntityVisibility/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
+export const SetDocumentStepNav = props => {
+  const $ = _c(21);
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    pluralLabel,
+    useAsTitle
+  } = props;
+  const view = props?.view || undefined;
+  const {
+    isEditing,
+    isInitializing,
+    title
+  } = useDocumentInfo();
+  const {
+    isEntityVisible
+  } = useEntityVisibility();
+  let t0;
+  if ($[0] !== collectionSlug || $[1] !== globalSlug || $[2] !== isEntityVisible) {
+    t0 = isEntityVisible({
+      collectionSlug,
+      globalSlug
+    });
+    $[0] = collectionSlug;
+    $[1] = globalSlug;
+    $[2] = isEntityVisible;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const isVisible = t0;
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const drawerDepth = useEditDepth();
+  let t3;
+  let t4;
+  if ($[4] !== isInitializing || $[5] !== collectionSlug || $[6] !== pluralLabel || $[7] !== i18n || $[8] !== isVisible || $[9] !== adminRoute || $[10] !== isEditing || $[11] !== useAsTitle || $[12] !== title || $[13] !== id || $[14] !== t || $[15] !== globalSlug || $[16] !== view || $[17] !== drawerDepth || $[18] !== setStepNav) {
+    t3 = () => {
+      const nav = [];
+      if (!isInitializing) {
+        if (collectionSlug) {
+          nav.push({
+            label: getTranslation(pluralLabel, i18n),
+            url: isVisible ? formatAdminURL({
+              adminRoute,
+              path: `/collections/${collectionSlug}`
+            }) : undefined
+          });
+          if (isEditing) {
+            nav.push({
+              label: useAsTitle && useAsTitle !== "id" && title || `${id}`,
+              url: isVisible ? formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${id}`
+              }) : undefined
+            });
+          } else {
+            nav.push({
+              label: t("general:createNew")
+            });
+          }
+        } else {
+          if (globalSlug) {
+            nav.push({
+              label: title,
+              url: isVisible ? formatAdminURL({
+                adminRoute,
+                path: `/globals/${globalSlug}`
+              }) : undefined
+            });
+          }
+        }
+        if (view) {
+          nav.push({
+            label: view
+          });
+        }
+        if (drawerDepth <= 1) {
+          setStepNav(nav);
+        }
+      }
+    };
+    t4 = [setStepNav, isInitializing, isEditing, pluralLabel, id, useAsTitle, adminRoute, t, i18n, title, collectionSlug, globalSlug, view, drawerDepth, isVisible];
+    $[4] = isInitializing;
+    $[5] = collectionSlug;
+    $[6] = pluralLabel;
+    $[7] = i18n;
+    $[8] = isVisible;
+    $[9] = adminRoute;
+    $[10] = isEditing;
+    $[11] = useAsTitle;
+    $[12] = title;
+    $[13] = id;
+    $[14] = t;
+    $[15] = globalSlug;
+    $[16] = view;
+    $[17] = drawerDepth;
+    $[18] = setStepNav;
+    $[19] = t3;
+    $[20] = t4;
+  } else {
+    t3 = $[19];
+    t4 = $[20];
+  }
+  useEffect(t3, t4);
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Edit/SetDocumentStepNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useEffect","useStepNav","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useTranslation","formatAdminURL","SetDocumentStepNav","props","$","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","t0","isVisible","setStepNav","i18n","t","config","t1","routes","t2","admin","adminRoute","drawerDepth","t3","t4","nav","push","label","url","path"],"sources":["../../../../src/views/Edit/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useEffect } from 'react'\n\nimport type { StepNavItem } from '../../../elements/StepNav/index.js'\n\nimport { useStepNav } from '../../../elements/StepNav/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useEntityVisibility } from '../../../providers/EntityVisibility/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible\n              ? formatAdminURL({\n                  adminRoute,\n                  path: `/collections/${collectionSlug}/${id}`,\n                })\n              : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible\n            ? formatAdminURL({\n                adminRoute,\n                path: `/globals/${globalSlug}`,\n              })\n            : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) {\n        setStepNav(nav)\n      }\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    adminRoute,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/SetDocumentTitle/index.d.ts

@@ -0,0 +1,8 @@
+import type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload';
+export declare const SetDocumentTitle: React.FC<{
+    collectionConfig?: ClientCollectionConfig;
+    config?: ClientConfig;
+    fallback: string;
+    globalConfig?: ClientGlobalConfig;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Edit/SetDocumentTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AASvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}

package/dist/views/Edit/SetDocumentTitle/index.js

@@ -0,0 +1,83 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef } from 'react';
+import { useFormFields } from '../../../forms/Form/context.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatDocTitle } from '../../../utilities/formatDocTitle.js';
+export const SetDocumentTitle = props => {
+  const $ = _c(13);
+  const {
+    collectionConfig,
+    config,
+    fallback,
+    globalConfig
+  } = props;
+  const useAsTitle = collectionConfig?.admin?.useAsTitle;
+  let t0;
+  if ($[0] !== useAsTitle) {
+    t0 = t1 => {
+      const [fields] = t1;
+      return useAsTitle && fields && fields?.[useAsTitle] || null;
+    };
+    $[0] = useAsTitle;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const field = useFormFields(t0);
+  const hasInitialized = useRef(false);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    setDocumentTitle
+  } = useDocumentInfo();
+  const dateFormatFromConfig = config?.admin?.dateFormat;
+  let t1;
+  if ($[2] !== field || $[3] !== fallback || $[4] !== collectionConfig || $[5] !== dateFormatFromConfig || $[6] !== globalConfig || $[7] !== i18n) {
+    t1 = formatDocTitle({
+      collectionConfig,
+      data: {
+        id: ""
+      },
+      dateFormat: dateFormatFromConfig,
+      fallback: typeof field === "string" ? field : typeof field === "number" ? String(field) : field?.value || fallback,
+      globalConfig,
+      i18n
+    });
+    $[2] = field;
+    $[3] = fallback;
+    $[4] = collectionConfig;
+    $[5] = dateFormatFromConfig;
+    $[6] = globalConfig;
+    $[7] = i18n;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const title = t1;
+  let t2;
+  let t3;
+  if ($[9] !== setDocumentTitle || $[10] !== title) {
+    t2 = () => {
+      if (!hasInitialized.current) {
+        hasInitialized.current = true;
+        return;
+      }
+      setDocumentTitle(title);
+    };
+    t3 = [setDocumentTitle, title];
+    $[9] = setDocumentTitle;
+    $[10] = title;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t2 = $[11];
+    t3 = $[12];
+  }
+  useEffect(t2, t3);
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/views/Edit/SetDocumentTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useRef","useFormFields","useDocumentInfo","useTranslation","formatDocTitle","SetDocumentTitle","props","$","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","t0","t1","fields","field","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","data","id","String","value","title","t2","t3","current"],"sources":["../../../../src/views/Edit/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useEffect, useRef } from 'react'\n\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDocTitle } from '../../../utilities/formatDocTitle.js'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentInfo()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '' },\n    dateFormat: dateFormatFromConfig,\n    fallback:\n      typeof field === 'string'\n        ? field\n        : typeof field === 'number'\n          ? String(field)\n          : (field?.value as string) || fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,gBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU,gBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAA6DL,KAAA;EAE7D,MAAAM,UAAA,GAAmBJ,gBAAA,EAAAK,KAAA,EAAAD,UAAA;EAAyB,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAK,UAAA;IAEhBE,EAAA,GAAAC,EAAA;MAAC,OAAAC,MAAA,IAAAD,EAAQ;MAAA,OAAKH,UAAC,IAAcI,MAAA,IAAUA,MAAA,GAASJ,UAAA,CAAW,QAAK;IAAA;IAAAL,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA5F,MAAAU,KAAA,GAAchB,aAAA,CAAca,EAAgE;EAE5F,MAAAI,cAAA,GAAuBlB,MAAA,MAAO;EAE9B;IAAAmB;EAAA,IAAiBhB,cAAA;EAEjB;IAAAiB;EAAA,IAA6BlB,eAAA;EAE7B,MAAAmB,oBAAA,GAA6BZ,MAAA,EAAAI,KAAA,EAAAS,UAAA;EAAe,IAAAP,EAAA;EAAA,IAAAR,CAAA,QAAAU,KAAA,IAAAV,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAc,oBAAA,IAAAd,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAY,IAAA;IAE9BJ,EAAA,GAAAX,cAAA;MAAAI,gBAAA;MAAAe,IAAA;QAAAC,EAAA,EAEA;MAAA;MAAAF,UAAA,EACAD,oBAAA;MAAAX,QAAA,EAEV,OAAOO,KAAA,KAAU,WACbA,KAAA,GACA,OAAOA,KAAA,KAAU,WACfQ,MAAA,CAAOR,KAAA,IACPA,KAAC,EAAAS,KAAA,IAA2BhB,QAAA;MAAAC,YAAA;MAAAQ;IAAA,CAGtC;IAAAZ,CAAA,MAAAU,KAAA;IAAAV,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAC,gBAAA;IAAAD,CAAA,MAAAc,oBAAA;IAAAd,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAY,IAAA;IAAAZ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAZA,MAAAoB,KAAA,GAAcZ,EAYd;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAa,gBAAA,IAAAb,CAAA,SAAAoB,KAAA;IAEUC,EAAA,GAAAA,CAAA;MAAA,KACHV,cAAA,CAAAY,OAAA;QACHZ,cAAA,CAAAY,OAAA;QAAA;MAAA;MAIFV,gBAAA,CAAiBO,KAAA;IAAA;IAChBE,EAAA,IAACT,gBAAA,EAAkBO,KAAA;IAAMpB,CAAA,MAAAa,gBAAA;IAAAb,CAAA,OAAAoB,KAAA;IAAApB,CAAA,OAAAqB,EAAA;IAAArB,CAAA,OAAAsB,EAAA;EAAA;IAAAD,EAAA,GAAArB,CAAA;IAAAsB,EAAA,GAAAtB,CAAA;EAAA;EAP5BR,SAAA,CAAU6B,EAOV,EAAGC,EAAyB;EAAA;AAAA,CAG9B","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import { type ClientSideEditViewProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const DefaultEditView: React.FC<ClientSideEditViewProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,uBAAuB,EAE7B,MAAM,SAAS,CAAA;AAChB,OAAO,KAA6D,MAAM,OAAO,CAAA;AA0BjF,OAAO,cAAc,CAAA;AASrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2gB7D,CAAA"}

package/dist/views/Edit/index.js

@@ -0,0 +1,404 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import { DocumentControls } from '../../elements/DocumentControls/index.js';
+import { DocumentDrawerHeader } from '../../elements/DocumentDrawer/DrawerHeader/index.js';
+import { useDocumentDrawerContext } from '../../elements/DocumentDrawer/Provider.js';
+import { DocumentFields } from '../../elements/DocumentFields/index.js';
+import { DocumentLocked } from '../../elements/DocumentLocked/index.js';
+import { DocumentTakeOver } from '../../elements/DocumentTakeOver/index.js';
+import { LeaveWithoutSaving } from '../../elements/LeaveWithoutSaving/index.js';
+import { Upload } from '../../elements/Upload/index.js';
+import { Form } from '../../forms/Form/index.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentEvents } from '../../providers/DocumentEvents/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { OperationProvider } from '../../providers/Operation/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { useUploadEdits } from '../../providers/UploadEdits/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
+import { handleBackToDashboard } from '../../utilities/handleBackToDashboard.js';
+import { handleGoBack } from '../../utilities/handleGoBack.js';
+import { handleTakeOver } from '../../utilities/handleTakeOver.js';
+import { Auth } from './Auth/index.js';
+import './index.scss';
+import { SetDocumentStepNav } from './SetDocumentStepNav/index.js';
+import { SetDocumentTitle } from './SetDocumentTitle/index.js';
+const baseClass = 'collection-edit';
+// This component receives props only on _pages_
+// When rendered within a drawer, props are empty
+// This is solely to support custom edit views which get server-rendered
+export const DefaultEditView = ({
+  Description,
+  PreviewButton,
+  PublishButton,
+  SaveButton,
+  SaveDraftButton,
+  Upload: CustomUpload
+}) => {
+  const {
+    id,
+    action,
+    AfterDocument,
+    AfterFields,
+    apiURL,
+    BeforeFields,
+    collectionSlug,
+    currentEditor,
+    disableActions,
+    disableCreate,
+    disableLeaveWithoutSaving,
+    docPermissions,
+    documentIsLocked,
+    getDocPermissions,
+    getDocPreferences,
+    globalSlug,
+    hasPublishPermission,
+    hasSavePermission,
+    incrementVersionCount,
+    initialData: data,
+    initialState,
+    isEditing,
+    isInitializing,
+    lastUpdateTime,
+    redirectAfterDelete,
+    redirectAfterDuplicate,
+    setCurrentEditor,
+    setDocumentIsLocked,
+    unlockDocument,
+    updateDocumentEditor
+  } = useDocumentInfo();
+  const {
+    clearDoc,
+    drawerSlug,
+    onDelete,
+    onDuplicate,
+    onSave: onSaveFromContext
+  } = useDocumentDrawerContext();
+  const isInDrawer = Boolean(drawerSlug);
+  const {
+    refreshCookieAsync,
+    user
+  } = useAuth();
+  const {
+    config,
+    config: {
+      admin: {
+        user: userSlug
+      },
+      routes: {
+        admin: adminRoute
+      }
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug
+  });
+  const depth = useEditDepth();
+  const router = useRouter();
+  const params = useSearchParams();
+  const {
+    reportUpdate
+  } = useDocumentEvents();
+  const {
+    resetUploadEdits
+  } = useUploadEdits();
+  const {
+    getFormState
+  } = useServerFunctions();
+  const abortControllerRef = useRef(new AbortController());
+  const locale = params.get('locale');
+  const entitySlug = collectionConfig?.slug || globalConfig?.slug;
+  const operation = collectionSlug && !id ? 'create' : 'update';
+  const auth = collectionConfig ? collectionConfig.auth : undefined;
+  const upload = collectionConfig ? collectionConfig.upload : undefined;
+  const docConfig = collectionConfig || globalConfig;
+  const lockDocumentsProp = docConfig?.lockDocuments !== undefined ? docConfig?.lockDocuments : true;
+  const isLockingEnabled = lockDocumentsProp !== false;
+  const lockDurationDefault = 300 // Default 5 minutes in seconds
+  ;
+  const lockDuration = typeof lockDocumentsProp === 'object' ? lockDocumentsProp.duration : lockDurationDefault;
+  const lockDurationInMilliseconds = lockDuration * 1000;
+  let preventLeaveWithoutSaving = true;
+  if (collectionConfig) {
+    preventLeaveWithoutSaving = !(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave);
+  } else if (globalConfig) {
+    preventLeaveWithoutSaving = !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave);
+  } else if (typeof disableLeaveWithoutSaving !== 'undefined') {
+    preventLeaveWithoutSaving = !disableLeaveWithoutSaving;
+  }
+  const [isReadOnlyForIncomingUser, setIsReadOnlyForIncomingUser] = useState(false);
+  const [showTakeOverModal, setShowTakeOverModal] = useState(false);
+  const [editSessionStartTime, setEditSessionStartTime] = useState(Date.now());
+  const lockExpiryTime = lastUpdateTime + lockDurationInMilliseconds;
+  const isLockExpired = Date.now() > lockExpiryTime;
+  const documentLockStateRef = useRef({
+    hasShownLockedModal: false,
+    isLocked: false,
+    user: null
+  });
+  const classes = [baseClass, (id || globalSlug) && `${baseClass}--is-editing`];
+  if (globalSlug) {
+    classes.push(`global-edit--${globalSlug}`);
+  }
+  if (collectionSlug) {
+    classes.push(`collection-edit--${collectionSlug}`);
+  }
+  const [schemaPathSegments, setSchemaPathSegments] = useState(() => {
+    if (operation === 'create' && auth && !auth.disableLocalStrategy) {
+      return [`_${entitySlug}`, 'auth'];
+    }
+    return [entitySlug];
+  });
+  const [validateBeforeSubmit, setValidateBeforeSubmit] = useState(() => {
+    if (operation === 'create' && auth && !auth.disableLocalStrategy) {
+      return true;
+    }
+    return false;
+  });
+  const onSave = useCallback(async json => {
+    reportUpdate({
+      id,
+      entitySlug,
+      updatedAt: json?.result?.updatedAt || new Date().toISOString()
+    });
+    // If we're editing the doc of the logged-in user,
+    // Refresh the cookie to get new permissions
+    if (user && collectionSlug === userSlug && id === user.id) {
+      void refreshCookieAsync();
+    }
+    incrementVersionCount();
+    if (typeof onSaveFromContext === 'function') {
+      void onSaveFromContext({
+        ...json,
+        operation: id ? 'update' : 'create'
+      });
+    }
+    // Unlock the document after save
+    if ((id || globalSlug) && isLockingEnabled) {
+      setDocumentIsLocked(false);
+    }
+    if (!isEditing && depth < 2) {
+      // Redirect to the same locale if it's been set
+      const redirectRoute = formatAdminURL({
+        adminRoute,
+        path: `/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`
+      });
+      router.push(redirectRoute);
+    } else {
+      resetUploadEdits();
+    }
+    await getDocPermissions(json);
+  }, [reportUpdate, id, entitySlug, user, collectionSlug, userSlug, incrementVersionCount, onSaveFromContext, globalSlug, isLockingEnabled, isEditing, depth, getDocPermissions, refreshCookieAsync, setDocumentIsLocked, adminRoute, locale, router, resetUploadEdits]);
+  const onChange = useCallback(async ({
+    formState: prevFormState
+  }) => {
+    if (abortControllerRef.current) {
+      try {
+        abortControllerRef.current.abort();
+      } catch (e) {
+        // swallow error
+      }
+    }
+    const abortController = new AbortController();
+    abortControllerRef.current = abortController;
+    const currentTime = Date.now();
+    const timeSinceLastUpdate = currentTime - editSessionStartTime;
+    const updateLastEdited = isLockingEnabled && timeSinceLastUpdate >= 10000 // 10 seconds
+    ;
+    if (updateLastEdited) {
+      setEditSessionStartTime(currentTime);
+    }
+    const docPreferences = await getDocPreferences();
+    const {
+      lockedState,
+      state
+    } = await getFormState({
+      id,
+      collectionSlug,
+      docPermissions,
+      docPreferences,
+      formState: prevFormState,
+      globalSlug,
+      operation,
+      // Performance optimization: Setting it to false ensure that only fields that have explicit requireRender set in the form state will be rendered (e.g. new array rows).
+      // We only wanna render ALL fields on initial render, not in onChange.
+      renderAllFields: false,
+      returnLockStatus: isLockingEnabled ? true : false,
+      schemaPath: schemaPathSegments.join('.'),
+      // signal: abortController.signal,
+      updateLastEdited
+    });
+    setDocumentIsLocked(true);
+    if (isLockingEnabled) {
+      const previousOwnerId = typeof documentLockStateRef.current?.user === 'object' ? documentLockStateRef.current?.user?.id : documentLockStateRef.current?.user;
+      if (lockedState) {
+        const lockedUserID = typeof lockedState.user === 'string' || typeof lockedState.user === 'number' ? lockedState.user : lockedState.user.id;
+        if (!documentLockStateRef.current || lockedUserID !== previousOwnerId) {
+          if (previousOwnerId === user.id && lockedUserID !== user.id) {
+            setShowTakeOverModal(true);
+            documentLockStateRef.current.hasShownLockedModal = true;
+          }
+          documentLockStateRef.current = documentLockStateRef.current = {
+            hasShownLockedModal: documentLockStateRef.current?.hasShownLockedModal || false,
+            isLocked: true,
+            user: lockedState.user
+          };
+          setCurrentEditor(lockedState.user);
+        }
+      }
+    }
+    return state;
+  }, [editSessionStartTime, isLockingEnabled, getDocPreferences, getFormState, id, collectionSlug, docPermissions, globalSlug, operation, schemaPathSegments, setDocumentIsLocked, user.id, setCurrentEditor]);
+  // Clean up when the component unmounts or when the document is unlocked
+  useEffect(() => {
+    return () => {
+      if (abortControllerRef.current) {
+        try {
+          abortControllerRef.current.abort();
+        } catch (e_0) {
+          // swallow error
+        }
+      }
+      if (!isLockingEnabled) {
+        return;
+      }
+      const currentPath = window.location.pathname;
+      const documentId = id || globalSlug;
+      // Routes where we do NOT want to unlock the document
+      const stayWithinDocumentPaths = ['preview', 'api', 'versions'];
+      const isStayingWithinDocument = stayWithinDocumentPaths.some(path => currentPath.includes(path));
+      // Unlock the document only if we're actually navigating away from the document
+      if (documentId && documentIsLocked && !isStayingWithinDocument) {
+        // Check if this user is still the current editor
+        if (typeof documentLockStateRef.current?.user === 'object' ? documentLockStateRef.current?.user?.id === user?.id : documentLockStateRef.current?.user === user?.id) {
+          void unlockDocument(id, collectionSlug ?? globalSlug);
+          setDocumentIsLocked(false);
+          setCurrentEditor(null);
+        }
+      }
+      setShowTakeOverModal(false);
+    };
+  }, [collectionSlug, globalSlug, id, unlockDocument, user, setCurrentEditor, isLockingEnabled, documentIsLocked, setDocumentIsLocked]);
+  const shouldShowDocumentLockedModal = documentIsLocked && currentEditor && (typeof currentEditor === 'object' ? currentEditor.id !== user?.id : currentEditor !== user?.id) && !isReadOnlyForIncomingUser && !showTakeOverModal && !documentLockStateRef.current?.hasShownLockedModal && !isLockExpired;
+  return /*#__PURE__*/_jsx("main", {
+    className: classes.filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsx(OperationProvider, {
+      operation: operation,
+      children: /*#__PURE__*/_jsxs(Form, {
+        action: action,
+        className: `${baseClass}__form`,
+        disabled: isReadOnlyForIncomingUser || isInitializing || !hasSavePermission,
+        disableValidationOnSubmit: !validateBeforeSubmit,
+        initialState: !isInitializing && initialState,
+        isInitializing: isInitializing,
+        method: id ? 'PATCH' : 'POST',
+        onChange: [onChange],
+        onSuccess: onSave,
+        children: [isInDrawer && /*#__PURE__*/_jsx(DocumentDrawerHeader, {
+          drawerSlug: drawerSlug
+        }), isLockingEnabled && shouldShowDocumentLockedModal && !isReadOnlyForIncomingUser && /*#__PURE__*/_jsx(DocumentLocked, {
+          handleGoBack: () => handleGoBack({
+            adminRoute,
+            collectionSlug,
+            router
+          }),
+          isActive: shouldShowDocumentLockedModal,
+          onReadOnly: () => {
+            setIsReadOnlyForIncomingUser(true);
+            setShowTakeOverModal(false);
+          },
+          onTakeOver: () => handleTakeOver(id, collectionSlug, globalSlug, user, false, updateDocumentEditor, setCurrentEditor, documentLockStateRef, isLockingEnabled),
+          updatedAt: lastUpdateTime,
+          user: currentEditor
+        }), isLockingEnabled && showTakeOverModal && /*#__PURE__*/_jsx(DocumentTakeOver, {
+          handleBackToDashboard: () => handleBackToDashboard({
+            adminRoute,
+            router
+          }),
+          isActive: showTakeOverModal,
+          onReadOnly: () => {
+            setIsReadOnlyForIncomingUser(true);
+            setShowTakeOverModal(false);
+          }
+        }), !isReadOnlyForIncomingUser && preventLeaveWithoutSaving && /*#__PURE__*/_jsx(LeaveWithoutSaving, {}), /*#__PURE__*/_jsx(SetDocumentStepNav, {
+          collectionSlug: collectionConfig?.slug,
+          globalSlug: globalConfig?.slug,
+          id: id,
+          pluralLabel: collectionConfig?.labels?.plural,
+          useAsTitle: collectionConfig?.admin?.useAsTitle
+        }), /*#__PURE__*/_jsx(SetDocumentTitle, {
+          collectionConfig: collectionConfig,
+          config: config,
+          fallback: depth <= 1 ? id?.toString() : undefined,
+          globalConfig: globalConfig
+        }), /*#__PURE__*/_jsx(DocumentControls, {
+          apiURL: apiURL,
+          customComponents: {
+            PreviewButton,
+            PublishButton,
+            SaveButton,
+            SaveDraftButton
+          },
+          data: data,
+          disableActions: disableActions,
+          disableCreate: disableCreate,
+          hasPublishPermission: hasPublishPermission,
+          hasSavePermission: hasSavePermission,
+          id: id,
+          isEditing: isEditing,
+          onDelete: onDelete,
+          onDrawerCreateNew: clearDoc,
+          onDuplicate: onDuplicate,
+          onSave: onSave,
+          onTakeOver: () => handleTakeOver(id, collectionSlug, globalSlug, user, true, updateDocumentEditor, setCurrentEditor, documentLockStateRef, isLockingEnabled, setIsReadOnlyForIncomingUser),
+          permissions: docPermissions,
+          readOnlyForIncomingUser: isReadOnlyForIncomingUser,
+          redirectAfterDelete: redirectAfterDelete,
+          redirectAfterDuplicate: redirectAfterDuplicate,
+          slug: collectionConfig?.slug || globalConfig?.slug,
+          user: currentEditor
+        }), /*#__PURE__*/_jsx(DocumentFields, {
+          AfterFields: AfterFields,
+          BeforeFields: BeforeFields || /*#__PURE__*/_jsxs(Fragment, {
+            children: [auth && /*#__PURE__*/_jsx(Auth, {
+              className: `${baseClass}__auth`,
+              collectionSlug: collectionConfig.slug,
+              disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
+              email: data?.email,
+              loginWithUsername: auth?.loginWithUsername,
+              operation: operation,
+              readOnly: !hasSavePermission,
+              requirePassword: !id,
+              setSchemaPathSegments: setSchemaPathSegments,
+              setValidateBeforeSubmit: setValidateBeforeSubmit,
+              useAPIKey: auth.useAPIKey,
+              username: data?.username,
+              verify: auth.verify
+            }), upload && /*#__PURE__*/_jsx(React.Fragment, {
+              children: CustomUpload || /*#__PURE__*/_jsx(Upload, {
+                collectionSlug: collectionConfig.slug,
+                initialState: initialState,
+                uploadConfig: upload
+              })
+            })]
+          }),
+          Description: Description,
+          docPermissions: docPermissions,
+          fields: docConfig.fields,
+          readOnly: isReadOnlyForIncomingUser || !hasSavePermission,
+          schemaPathSegments: schemaPathSegments
+        }), AfterDocument]
+      })
+    })
+  });
+};
+//# sourceMappingURL=index.js.map