@payloadcms/next 3.0.0-canary.ca3dd1c → 3.0.0-canary.cb7fa00

package/dist/views/Document/getViewsFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"sourcesContent":["import type {\n  AdminViewComponent,\n  CollectionPermission,\n  EditViewComponent,\n  GlobalPermission,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { notFound } from 'next/navigation.js'\n\nimport { APIView as DefaultAPIView } from '../API/index.js'\nimport { EditView as DefaultEditView } from '../Edit/index.js'\nimport { LivePreviewView as DefaultLivePreviewView } from '../LivePreview/index.js'\nimport { UnauthorizedView } from '../Unauthorized/index.js'\nimport { VersionView as DefaultVersionView } from '../Version/index.js'\nimport { VersionsView as DefaultVersionsView } from '../Versions/index.js'\nimport { getCustomViewByKey } from './getCustomViewByKey.js'\nimport { getCustomViewByRoute } from './getCustomViewByRoute.js'\n\nexport const getViewsFromConfig = ({\n  collectionConfig,\n  config,\n  docPermissions,\n  globalConfig,\n  routeSegments,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n\n  docPermissions: CollectionPermission | GlobalPermission\n  globalConfig?: SanitizedGlobalConfig\n  routeSegments: string[]\n}): {\n  CustomView: EditViewComponent\n  DefaultView: EditViewComponent\n  /**\n   * The error view to display if CustomView or DefaultView do not exist (could be either due to not found, or unauthorized). Can be null\n   */\n  ErrorView: AdminViewComponent\n} | null => {\n  // Conditionally import and lazy load the default view\n  let DefaultView: EditViewComponent = null\n  let CustomView: EditViewComponent = null\n  let ErrorView: AdminViewComponent = null\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  const views =\n    (collectionConfig && collectionConfig?.admin?.components?.views) ||\n    (globalConfig && globalConfig?.admin?.components?.views)\n\n  const livePreviewEnabled =\n    (collectionConfig && collectionConfig?.admin?.livePreview) ||\n    config?.admin?.livePreview?.collections?.includes(collectionConfig?.slug) ||\n    (globalConfig && globalConfig?.admin?.livePreview) ||\n    config?.admin?.livePreview?.globals?.includes(globalConfig?.slug)\n\n  if (collectionConfig) {\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    const EditOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (EditOverride) {\n      CustomView = EditOverride\n    }\n\n    if (!EditOverride) {\n      const [collectionEntity, collectionSlug, segment3, segment4, segment5, ...remainingSegments] =\n        routeSegments\n\n      if (!docPermissions?.read?.permission) {\n        notFound()\n      } else {\n        // `../:id`, or `../create`\n        switch (routeSegments.length) {\n          case 3: {\n            switch (segment3) {\n              case 'create': {\n                if ('create' in docPermissions && docPermissions?.create?.permission) {\n                  CustomView = getCustomViewByKey(views, 'Default')\n                  DefaultView = DefaultEditView\n                } else {\n                  ErrorView = UnauthorizedView\n                }\n                break\n              }\n\n              default: {\n                CustomView = getCustomViewByKey(views, 'Default')\n                DefaultView = DefaultEditView\n                break\n              }\n            }\n            break\n          }\n\n          // `../:id/api`, `../:id/preview`, `../:id/versions`, etc\n          case 4: {\n            switch (segment4) {\n              case 'api': {\n                if (collectionConfig?.admin?.hideAPIURL !== true) {\n                  CustomView = getCustomViewByKey(views, 'API')\n                  DefaultView = DefaultAPIView\n                }\n                break\n              }\n\n              case 'preview': {\n                if (livePreviewEnabled) {\n                  DefaultView = DefaultLivePreviewView\n                }\n                break\n              }\n\n              case 'versions': {\n                if (docPermissions?.readVersions?.permission) {\n                  CustomView = getCustomViewByKey(views, 'Versions')\n                  DefaultView = DefaultVersionsView\n                } else {\n                  ErrorView = UnauthorizedView\n                }\n                break\n              }\n\n              default: {\n                const baseRoute = [adminRoute, 'collections', collectionSlug, segment3]\n                  .filter(Boolean)\n                  .join('/')\n\n                const currentRoute = [baseRoute, segment4, segment5, ...remainingSegments]\n                  .filter(Boolean)\n                  .join('/')\n\n                CustomView = getCustomViewByRoute({\n                  baseRoute,\n                  currentRoute,\n                  views,\n                })\n                break\n              }\n            }\n            break\n          }\n\n          // `../:id/versions/:version`, etc\n          default: {\n            if (segment4 === 'versions') {\n              if (docPermissions?.readVersions?.permission) {\n                CustomView = getCustomViewByKey(views, 'Version')\n                DefaultView = DefaultVersionView\n              } else {\n                ErrorView = UnauthorizedView\n              }\n            } else {\n              const baseRoute = [adminRoute, collectionEntity, collectionSlug, segment3]\n                .filter(Boolean)\n                .join('/')\n\n              const currentRoute = [baseRoute, segment4, segment5, ...remainingSegments]\n                .filter(Boolean)\n                .join('/')\n\n              CustomView = getCustomViewByRoute({\n                baseRoute,\n                currentRoute,\n                views,\n              })\n            }\n            break\n          }\n        }\n      }\n    }\n  }\n\n  if (globalConfig) {\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    const EditOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (EditOverride) {\n      CustomView = EditOverride\n    }\n\n    if (!EditOverride) {\n      const [globalEntity, globalSlug, segment3, ...remainingSegments] = routeSegments\n\n      if (!docPermissions?.read?.permission) {\n        notFound()\n      } else {\n        switch (routeSegments.length) {\n          case 2: {\n            CustomView = getCustomViewByKey(views, 'Default')\n            DefaultView = DefaultEditView\n            break\n          }\n\n          case 3: {\n            // `../:slug/api`, `../:slug/preview`, `../:slug/versions`, etc\n            switch (segment3) {\n              case 'api': {\n                if (globalConfig?.admin?.hideAPIURL !== true) {\n                  CustomView = getCustomViewByKey(views, 'API')\n                  DefaultView = DefaultAPIView\n                }\n                break\n              }\n\n              case 'preview': {\n                if (livePreviewEnabled) {\n                  DefaultView = DefaultLivePreviewView\n                }\n                break\n              }\n\n              case 'versions': {\n                if (docPermissions?.readVersions?.permission) {\n                  CustomView = getCustomViewByKey(views, 'Versions')\n                  DefaultView = DefaultVersionsView\n                } else {\n                  ErrorView = UnauthorizedView\n                }\n                break\n              }\n\n              default: {\n                if (docPermissions?.read?.permission) {\n                  const baseRoute = [adminRoute, globalEntity, globalSlug, segment3]\n                    .filter(Boolean)\n                    .join('/')\n\n                  const currentRoute = [baseRoute, segment3, ...remainingSegments]\n                    .filter(Boolean)\n                    .join('/')\n\n                  CustomView = getCustomViewByRoute({\n                    baseRoute,\n                    currentRoute,\n                    views,\n                  })\n                  DefaultView = DefaultEditView\n                } else {\n                  ErrorView = UnauthorizedView\n                }\n                break\n              }\n            }\n            break\n          }\n\n          default: {\n            // `../:slug/versions/:version`, etc\n            if (segment3 === 'versions') {\n              if (docPermissions?.readVersions?.permission) {\n                CustomView = getCustomViewByKey(views, 'Version')\n                DefaultView = DefaultVersionView\n              } else {\n                ErrorView = UnauthorizedView\n              }\n            } else {\n              const baseRoute = [adminRoute, 'globals', globalSlug].filter(Boolean).join('/')\n\n              const currentRoute = [baseRoute, segment3, ...remainingSegments]\n                .filter(Boolean)\n                .join('/')\n\n              CustomView = getCustomViewByRoute({\n                baseRoute,\n                currentRoute,\n                views,\n              })\n            }\n            break\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    CustomView,\n    DefaultView,\n    ErrorView,\n  }\n}\n"],"names":["notFound","APIView","DefaultAPIView","EditView","DefaultEditView","LivePreviewView","DefaultLivePreviewView","UnauthorizedView","VersionView","DefaultVersionView","VersionsView","DefaultVersionsView","getCustomViewByKey","getCustomViewByRoute","getViewsFromConfig","collectionConfig","config","docPermissions","globalConfig","routeSegments","DefaultView","CustomView","ErrorView","routes","admin","adminRoute","views","components","livePreviewEnabled","livePreview","collections","includes","slug","globals","editConfig","Edit","EditOverride","collectionEntity","collectionSlug","segment3","segment4","segment5","remainingSegments","read","permission","length","create","hideAPIURL","readVersions","baseRoute","filter","Boolean","join","currentRoute","globalEntity","globalSlug"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"sourcesContent":["import type {\n  AdminViewProps,\n  CollectionPermission,\n  GlobalPermission,\n  PayloadComponent,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n  ServerSideEditViewProps,\n} from 'payload'\nimport type React from 'react'\n\nimport { notFound } from 'next/navigation.js'\n\nimport { APIView as DefaultAPIView } from '../API/index.js'\nimport { EditView as DefaultEditView } from '../Edit/index.js'\nimport { LivePreviewView as DefaultLivePreviewView } from '../LivePreview/index.js'\nimport { UnauthorizedView } from '../Unauthorized/index.js'\nimport { VersionView as DefaultVersionView } from '../Version/index.js'\nimport { VersionsView as DefaultVersionsView } from '../Versions/index.js'\nimport { getCustomViewByKey } from './getCustomViewByKey.js'\nimport { getCustomViewByRoute } from './getCustomViewByRoute.js'\n\nexport type ViewFromConfig<TProps extends object> = {\n  Component?: React.FC<TProps>\n  payloadComponent?: PayloadComponent<TProps>\n}\n\nexport const getViewsFromConfig = ({\n  collectionConfig,\n  config,\n  docPermissions,\n  globalConfig,\n  routeSegments,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  config: SanitizedConfig\n  docPermissions: CollectionPermission | GlobalPermission\n  globalConfig?: SanitizedGlobalConfig\n  routeSegments: string[]\n}): {\n  CustomView: ViewFromConfig<ServerSideEditViewProps>\n  DefaultView: ViewFromConfig<ServerSideEditViewProps>\n  /**\n   * The error view to display if CustomView or DefaultView do not exist (could be either due to not found, or unauthorized). Can be null\n   */\n  ErrorView: ViewFromConfig<AdminViewProps>\n} | null => {\n  // Conditionally import and lazy load the default view\n  let DefaultView: ViewFromConfig<ServerSideEditViewProps> = null\n  let CustomView: ViewFromConfig<ServerSideEditViewProps> = null\n  let ErrorView: ViewFromConfig<AdminViewProps> = null\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  const views =\n    (collectionConfig && collectionConfig?.admin?.components?.views) ||\n    (globalConfig && globalConfig?.admin?.components?.views)\n\n  const livePreviewEnabled =\n    (collectionConfig && collectionConfig?.admin?.livePreview) ||\n    config?.admin?.livePreview?.collections?.includes(collectionConfig?.slug) ||\n    (globalConfig && globalConfig?.admin?.livePreview) ||\n    config?.admin?.livePreview?.globals?.includes(globalConfig?.slug)\n\n  if (collectionConfig) {\n    const [collectionEntity, collectionSlug, segment3, segment4, segment5, ...remainingSegments] =\n      routeSegments\n\n    if (!docPermissions?.read?.permission) {\n      notFound()\n    } else {\n      // `../:id`, or `../create`\n      switch (routeSegments.length) {\n        case 3: {\n          switch (segment3) {\n            case 'create': {\n              if ('create' in docPermissions && docPermissions?.create?.permission) {\n                CustomView = {\n                  payloadComponent: getCustomViewByKey(views, 'default'),\n                }\n                DefaultView = {\n                  Component: DefaultEditView,\n                }\n              } else {\n                ErrorView = {\n                  Component: UnauthorizedView,\n                }\n              }\n              break\n            }\n\n            default: {\n              CustomView = {\n                payloadComponent: getCustomViewByKey(views, 'default'),\n              }\n              DefaultView = {\n                Component: DefaultEditView,\n              }\n              break\n            }\n          }\n          break\n        }\n\n        // `../:id/api`, `../:id/preview`, `../:id/versions`, etc\n        case 4: {\n          switch (segment4) {\n            case 'api': {\n              if (collectionConfig?.admin?.hideAPIURL !== true) {\n                CustomView = {\n                  payloadComponent: getCustomViewByKey(views, 'api'),\n                }\n                DefaultView = {\n                  Component: DefaultAPIView,\n                }\n              }\n              break\n            }\n\n            case 'preview': {\n              if (livePreviewEnabled) {\n                DefaultView = {\n                  Component: DefaultLivePreviewView,\n                }\n              }\n              break\n            }\n\n            case 'versions': {\n              if (docPermissions?.readVersions?.permission) {\n                CustomView = {\n                  payloadComponent: getCustomViewByKey(views, 'versions'),\n                }\n                DefaultView = {\n                  Component: DefaultVersionsView,\n                }\n              } else {\n                ErrorView = {\n                  Component: UnauthorizedView,\n                }\n              }\n              break\n            }\n\n            default: {\n              const baseRoute = [\n                adminRoute !== '/' && adminRoute,\n                'collections',\n                collectionSlug,\n                segment3,\n              ]\n                .filter(Boolean)\n                .join('/')\n\n              const currentRoute = [baseRoute, segment4, segment5, ...remainingSegments]\n                .filter(Boolean)\n                .join('/')\n\n              CustomView = {\n                payloadComponent: getCustomViewByRoute({\n                  baseRoute,\n                  currentRoute,\n                  views,\n                }),\n              }\n              break\n            }\n          }\n          break\n        }\n\n        // `../:id/versions/:version`, etc\n        default: {\n          if (segment4 === 'versions') {\n            if (docPermissions?.readVersions?.permission) {\n              CustomView = {\n                payloadComponent: getCustomViewByKey(views, 'version'),\n              }\n              DefaultView = {\n                Component: DefaultVersionView,\n              }\n            } else {\n              ErrorView = {\n                Component: UnauthorizedView,\n              }\n            }\n          } else {\n            const baseRoute = [\n              adminRoute !== '/' && adminRoute,\n              collectionEntity,\n              collectionSlug,\n              segment3,\n            ]\n              .filter(Boolean)\n              .join('/')\n\n            const currentRoute = [baseRoute, segment4, segment5, ...remainingSegments]\n              .filter(Boolean)\n              .join('/')\n\n            CustomView = {\n              payloadComponent: getCustomViewByRoute({\n                baseRoute,\n                currentRoute,\n                views,\n              }),\n            }\n          }\n          break\n        }\n      }\n    }\n  }\n\n  if (globalConfig) {\n    const [globalEntity, globalSlug, segment3, ...remainingSegments] = routeSegments\n\n    if (!docPermissions?.read?.permission) {\n      notFound()\n    } else {\n      switch (routeSegments.length) {\n        case 2: {\n          CustomView = {\n            payloadComponent: getCustomViewByKey(views, 'default'),\n          }\n          DefaultView = {\n            Component: DefaultEditView,\n          }\n          break\n        }\n\n        case 3: {\n          // `../:slug/api`, `../:slug/preview`, `../:slug/versions`, etc\n          switch (segment3) {\n            case 'api': {\n              if (globalConfig?.admin?.hideAPIURL !== true) {\n                CustomView = {\n                  payloadComponent: getCustomViewByKey(views, 'api'),\n                }\n                DefaultView = {\n                  Component: DefaultAPIView,\n                }\n              }\n              break\n            }\n\n            case 'preview': {\n              if (livePreviewEnabled) {\n                DefaultView = {\n                  Component: DefaultLivePreviewView,\n                }\n              }\n              break\n            }\n\n            case 'versions': {\n              if (docPermissions?.readVersions?.permission) {\n                CustomView = {\n                  payloadComponent: getCustomViewByKey(views, 'versions'),\n                }\n                DefaultView = {\n                  Component: DefaultVersionsView,\n                }\n              } else {\n                ErrorView = {\n                  Component: UnauthorizedView,\n                }\n              }\n              break\n            }\n\n            default: {\n              if (docPermissions?.read?.permission) {\n                const baseRoute = [adminRoute, globalEntity, globalSlug, segment3]\n                  .filter(Boolean)\n                  .join('/')\n\n                const currentRoute = [baseRoute, segment3, ...remainingSegments]\n                  .filter(Boolean)\n                  .join('/')\n\n                CustomView = {\n                  payloadComponent: getCustomViewByRoute({\n                    baseRoute,\n                    currentRoute,\n                    views,\n                  }),\n                }\n                DefaultView = {\n                  Component: DefaultEditView,\n                }\n              } else {\n                ErrorView = {\n                  Component: UnauthorizedView,\n                }\n              }\n              break\n            }\n          }\n          break\n        }\n\n        default: {\n          // `../:slug/versions/:version`, etc\n          if (segment3 === 'versions') {\n            if (docPermissions?.readVersions?.permission) {\n              CustomView = {\n                payloadComponent: getCustomViewByKey(views, 'version'),\n              }\n              DefaultView = {\n                Component: DefaultVersionView,\n              }\n            } else {\n              ErrorView = {\n                Component: UnauthorizedView,\n              }\n            }\n          } else {\n            const baseRoute = [adminRoute !== '/' && adminRoute, 'globals', globalSlug]\n              .filter(Boolean)\n              .join('/')\n\n            const currentRoute = [baseRoute, segment3, ...remainingSegments]\n              .filter(Boolean)\n              .join('/')\n\n            CustomView = {\n              payloadComponent: getCustomViewByRoute({\n                baseRoute,\n                currentRoute,\n                views,\n              }),\n            }\n          }\n          break\n        }\n      }\n    }\n  }\n\n  return {\n    CustomView,\n    DefaultView,\n    ErrorView,\n  }\n}\n"],"names":["notFound","APIView","DefaultAPIView","EditView","DefaultEditView","LivePreviewView","DefaultLivePreviewView","UnauthorizedView","VersionView","DefaultVersionView","VersionsView","DefaultVersionsView","getCustomViewByKey","getCustomViewByRoute","getViewsFromConfig","collectionConfig","config","docPermissions","globalConfig","routeSegments","DefaultView","CustomView","ErrorView","routes","admin","adminRoute","views","components","livePreviewEnabled","livePreview","collections","includes","slug","globals","collectionEntity","collectionSlug","segment3","segment4","segment5","remainingSegments","read","permission","length","create","payloadComponent","Component","hideAPIURL","readVersions","baseRoute","filter","Boolean","join","currentRoute","globalEntity","globalSlug"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,cAAc,EAGf,MAAM,SAAS,CAAA;AAUhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AASrE,eAAO,MAAM,gBAAgB,EAAE,wBAAiE,CAAA;AAEhG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsO7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,SAAS,CAAA;AAUhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AASrE,eAAO,MAAM,gBAAgB,EAAE,wBAAiE,CAAA;AAEhG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6R7C,CAAA"}

package/dist/views/Document/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, EditDepthProvider, FormQueryParamsProvider, HydrateClientUser } from '@payloadcms/ui';
-import { RenderCustomComponent, isEditing as getIsEditing } from '@payloadcms/ui/shared';
+import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
+import { RenderComponent, formatAdminURL, getCreateMappedComponent, isEditing as getIsEditing } from '@payloadcms/ui/shared';
 import { notFound, redirect } from 'next/navigation.js';
 import React from 'react';
 import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
@@ -10,7 +10,7 @@ import { getDocumentPermissions } from './getDocumentPermissions.js';
 import { getMetaBySegment } from './getMetaBySegment.js';
 import { getViewsFromConfig } from './getViewsFromConfig.js';
 export const generateMetadata = async (args)=>getMetaBySegment(args);
-export const Document = async ({ initPageResult, params, searchParams })=>{
+export const Document = async ({ importMap, initPageResult, params, searchParams })=>{
     const { collectionConfig, docID: id, globalConfig, locale, permissions, req, req: { i18n, payload, payload: { config, config: { routes: { admin: adminRoute, api: apiRoute }, serverURL } }, user }, visibleEntities } = initPageResult;
     const segments = Array.isArray(params?.segments) ? params.segments : [];
     const collectionSlug = collectionConfig?.slug || undefined;
@@ -20,12 +20,11 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         collectionSlug,
         globalSlug
     });
-    let ViewOverride;
+    let RootViewOverride;
     let CustomView;
     let DefaultView;
     let ErrorView;
     let apiURL;
-    let action;
     const { data, formState } = await getDocumentData({
         id,
         collectionConfig,
@@ -40,11 +39,24 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         globalConfig,
         req
     });
+    const createMappedComponent = getCreateMappedComponent({
+        importMap,
+        serverProps: {
+            i18n,
+            initPageResult,
+            locale,
+            params,
+            payload,
+            permissions,
+            routeSegments: segments,
+            searchParams,
+            user
+        }
+    });
     if (collectionConfig) {
         if (!visibleEntities?.collections?.find((visibleSlug)=>visibleSlug === collectionSlug)) {
             notFound();
         }
-        action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`;
         const params = new URLSearchParams();
         if (collectionConfig.versions?.drafts) {
             params.append('draft', 'true');
@@ -54,28 +66,26 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         }
         const apiQueryParams = `?${params.toString()}`;
         apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`;
-        const editConfig = collectionConfig?.admin?.components?.views?.Edit;
-        ViewOverride = typeof editConfig === 'function' ? editConfig : null;
-        if (!ViewOverride) {
+        RootViewOverride = collectionConfig?.admin?.components?.views?.edit?.root && 'Component' in collectionConfig.admin.components.views.edit.root ? createMappedComponent(collectionConfig?.admin?.components?.views?.edit?.root?.Component, undefined, undefined, 'collectionConfig?.admin?.components?.views?.edit?.root') : null;
+        if (!RootViewOverride) {
             const collectionViews = getViewsFromConfig({
                 collectionConfig,
                 config,
                 docPermissions,
                 routeSegments: segments
             });
-            CustomView = collectionViews?.CustomView;
-            DefaultView = collectionViews?.DefaultView;
-            ErrorView = collectionViews?.ErrorView;
+            CustomView = createMappedComponent(collectionViews?.CustomView?.payloadComponent, undefined, collectionViews?.CustomView?.Component, 'collectionViews?.CustomView.payloadComponent');
+            DefaultView = createMappedComponent(collectionViews?.DefaultView?.payloadComponent, undefined, collectionViews?.DefaultView?.Component, 'collectionViews?.DefaultView.payloadComponent');
+            ErrorView = createMappedComponent(collectionViews?.ErrorView?.payloadComponent, undefined, collectionViews?.ErrorView?.Component, 'collectionViews?.ErrorView.payloadComponent');
         }
-        if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {
-            ErrorView = NotFoundView;
+        if (!CustomView && !DefaultView && !RootViewOverride && !ErrorView) {
+            ErrorView = createMappedComponent(undefined, undefined, NotFoundView, 'NotFoundView');
         }
     }
     if (globalConfig) {
         if (!visibleEntities?.globals?.find((visibleSlug)=>visibleSlug === globalSlug)) {
             notFound();
         }
-        action = `${serverURL}${apiRoute}/globals/${globalSlug}`;
         const params = new URLSearchParams({
             locale: locale?.code
         });
@@ -87,20 +97,19 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         }
         const apiQueryParams = `?${params.toString()}`;
         apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`;
-        const editConfig = globalConfig?.admin?.components?.views?.Edit;
-        ViewOverride = typeof editConfig === 'function' ? editConfig : null;
-        if (!ViewOverride) {
+        RootViewOverride = globalConfig?.admin?.components?.views?.edit?.root && 'Component' in globalConfig.admin.components.views.edit.root ? createMappedComponent(globalConfig?.admin?.components?.views?.edit?.root?.Component, undefined, undefined, 'globalConfig?.admin?.components?.views?.edit?.root') : null;
+        if (!RootViewOverride) {
             const globalViews = getViewsFromConfig({
                 config,
                 docPermissions,
                 globalConfig,
                 routeSegments: segments
             });
-            CustomView = globalViews?.CustomView;
-            DefaultView = globalViews?.DefaultView;
-            ErrorView = globalViews?.ErrorView;
-            if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {
-                ErrorView = NotFoundView;
+            CustomView = createMappedComponent(globalViews?.CustomView?.payloadComponent, undefined, globalViews?.CustomView?.Component, 'globalViews?.CustomView.payloadComponent');
+            DefaultView = createMappedComponent(globalViews?.DefaultView?.payloadComponent, undefined, globalViews?.DefaultView?.Component, 'globalViews?.DefaultView.payloadComponent');
+            ErrorView = createMappedComponent(globalViews?.ErrorView?.payloadComponent, undefined, globalViews?.ErrorView?.Component, 'globalViews?.ErrorView.payloadComponent');
+            if (!CustomView && !DefaultView && !RootViewOverride && !ErrorView) {
+                ErrorView = createMappedComponent(undefined, undefined, NotFoundView, 'NotFoundView');
             }
         }
     }
@@ -121,14 +130,17 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
             user
         });
         if (doc?.id) {
-            const redirectURL = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`;
+            const redirectURL = formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${doc.id}`,
+                serverURL
+            });
             redirect(redirectURL);
         } else {
             notFound();
         }
     }
     return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
-        action: action,
         apiURL: apiURL,
         collectionSlug: collectionConfig?.slug,
         disableActions: false,
@@ -141,44 +153,22 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         initialState: formState,
         isEditing: isEditing,
         children: [
-            !ViewOverride && /*#__PURE__*/ _jsx(DocumentHeader, {
+            !RootViewOverride && /*#__PURE__*/ _jsx(DocumentHeader, {
                 collectionConfig: collectionConfig,
-                config: payload.config,
                 globalConfig: globalConfig,
                 i18n: i18n,
+                payload: payload,
                 permissions: permissions
             }),
-            /*#__PURE__*/ _jsx(HydrateClientUser, {
-                permissions: permissions,
-                user: user
+            /*#__PURE__*/ _jsx(HydrateAuthProvider, {
+                permissions: permissions
             }),
             /*#__PURE__*/ _jsx(EditDepthProvider, {
                 depth: 1,
-                children: /*#__PURE__*/ _jsx(FormQueryParamsProvider, {
-                    initialParams: {
-                        depth: 0,
-                        'fallback-locale': 'null',
-                        locale: locale?.code,
-                        uploadEdits: undefined
-                    },
-                    children: ErrorView ? /*#__PURE__*/ _jsx(ErrorView, {
-                        initPageResult: initPageResult,
-                        searchParams: searchParams
-                    }) : /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                        CustomComponent: ViewOverride || CustomView,
-                        DefaultComponent: DefaultView,
-                        serverOnlyProps: {
-                            i18n,
-                            initPageResult,
-                            locale,
-                            params,
-                            payload,
-                            permissions,
-                            routeSegments: segments,
-                            searchParams,
-                            user
-                        }
-                    })
+                children: ErrorView ? /*#__PURE__*/ _jsx(RenderComponent, {
+                    mappedComponent: ErrorView
+                }) : /*#__PURE__*/ _jsx(RenderComponent, {
+                    mappedComponent: RootViewOverride ? RootViewOverride : CustomView ? CustomView : DefaultView
                 })
             }, `${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`)
         ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type {\n  AdminViewComponent,\n  AdminViewProps,\n  EditViewComponent,\n  ServerSideEditViewProps,\n} from 'payload'\n\nimport {\n  DocumentInfoProvider,\n  EditDepthProvider,\n  FormQueryParamsProvider,\n  HydrateClientUser,\n} from '@payloadcms/ui'\nimport { RenderCustomComponent, isEditing as getIsEditing } from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let apiURL: string\n  let action: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`\n\n    const params = new URLSearchParams()\n    if (collectionConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/globals/${globalSlug}`\n\n    const params = new URLSearchParams({\n      locale: locale?.code,\n    })\n    if (globalConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n  const validateDraftData =\n    collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.validate\n\n  if (shouldAutosave && !validateDraftData && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale?.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  return (\n    <DocumentInfoProvider\n      action={action}\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      <HydrateClientUser permissions={permissions} user={user} />\n      <EditDepthProvider\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale?.code,\n            uploadEdits: undefined,\n          }}\n        >\n          {ErrorView ? (\n            <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n          ) : (\n            <RenderCustomComponent\n              CustomComponent={ViewOverride || CustomView}\n              DefaultComponent={DefaultView}\n              serverOnlyProps={{\n                i18n,\n                initPageResult,\n                locale,\n                params,\n                payload,\n                permissions,\n                routeSegments: segments,\n                searchParams,\n                user,\n              }}\n            />\n          )}\n        </FormQueryParamsProvider>\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","FormQueryParamsProvider","HydrateClientUser","RenderCustomComponent","isEditing","getIsEditing","notFound","redirect","React","DocumentHeader","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","ViewOverride","CustomView","DefaultView","ErrorView","apiURL","action","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","URLSearchParams","versions","drafts","append","code","apiQueryParams","toString","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","validateDraftData","validate","doc","create","collection","depth","draft","fallbackLocale","redirectURL","disableActions","initialData","initialState","initialParams","uploadEdits","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":"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"}
+{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type {\n  AdminViewProps,\n  EditViewComponent,\n  MappedComponent,\n  ServerSideEditViewProps,\n} from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport {\n  RenderComponent,\n  formatAdminURL,\n  getCreateMappedComponent,\n  isEditing as getIsEditing,\n} from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  importMap,\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let RootViewOverride: MappedComponent<ServerSideEditViewProps>\n  let CustomView: MappedComponent<ServerSideEditViewProps>\n  let DefaultView: MappedComponent<ServerSideEditViewProps>\n  let ErrorView: MappedComponent<AdminViewProps>\n\n  let apiURL: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  const createMappedComponent = getCreateMappedComponent({\n    importMap,\n    serverProps: {\n      i18n,\n      initPageResult,\n      locale,\n      params,\n      payload,\n      permissions,\n      routeSegments: segments,\n      searchParams,\n      user,\n    },\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams()\n    if (collectionConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`\n\n    RootViewOverride =\n      collectionConfig?.admin?.components?.views?.edit?.root &&\n      'Component' in collectionConfig.admin.components.views.edit.root\n        ? createMappedComponent(\n            collectionConfig?.admin?.components?.views?.edit?.root?.Component as EditViewComponent, // some type info gets lost from Config => SanitizedConfig due to our usage of Deep type operations from ts-essentials. Despite .Component being defined as EditViewComponent, this info is lost and we need cast it here.\n            undefined,\n            undefined,\n            'collectionConfig?.admin?.components?.views?.edit?.root',\n          )\n        : null\n\n    if (!RootViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = createMappedComponent(\n        collectionViews?.CustomView?.payloadComponent,\n        undefined,\n        collectionViews?.CustomView?.Component,\n        'collectionViews?.CustomView.payloadComponent',\n      )\n\n      DefaultView = createMappedComponent(\n        collectionViews?.DefaultView?.payloadComponent,\n        undefined,\n        collectionViews?.DefaultView?.Component,\n        'collectionViews?.DefaultView.payloadComponent',\n      )\n\n      ErrorView = createMappedComponent(\n        collectionViews?.ErrorView?.payloadComponent,\n        undefined,\n        collectionViews?.ErrorView?.Component,\n        'collectionViews?.ErrorView.payloadComponent',\n      )\n    }\n\n    if (!CustomView && !DefaultView && !RootViewOverride && !ErrorView) {\n      ErrorView = createMappedComponent(undefined, undefined, NotFoundView, 'NotFoundView')\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams({\n      locale: locale?.code,\n    })\n\n    if (globalConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`\n\n    RootViewOverride =\n      globalConfig?.admin?.components?.views?.edit?.root &&\n      'Component' in globalConfig.admin.components.views.edit.root\n        ? createMappedComponent(\n            globalConfig?.admin?.components?.views?.edit?.root?.Component as EditViewComponent, // some type info gets lost from Config => SanitizedConfig due to our usage of Deep type operations from ts-essentials. Despite .Component being defined as EditViewComponent, this info is lost and we need cast it here.\n            undefined,\n            undefined,\n            'globalConfig?.admin?.components?.views?.edit?.root',\n          )\n        : null\n\n    if (!RootViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = createMappedComponent(\n        globalViews?.CustomView?.payloadComponent,\n        undefined,\n        globalViews?.CustomView?.Component,\n        'globalViews?.CustomView.payloadComponent',\n      )\n\n      DefaultView = createMappedComponent(\n        globalViews?.DefaultView?.payloadComponent,\n        undefined,\n        globalViews?.DefaultView?.Component,\n        'globalViews?.DefaultView.payloadComponent',\n      )\n\n      ErrorView = createMappedComponent(\n        globalViews?.ErrorView?.payloadComponent,\n        undefined,\n        globalViews?.ErrorView?.Component,\n        'globalViews?.ErrorView.payloadComponent',\n      )\n\n      if (!CustomView && !DefaultView && !RootViewOverride && !ErrorView) {\n        ErrorView = createMappedComponent(undefined, undefined, NotFoundView, 'NotFoundView')\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n  const validateDraftData =\n    collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.validate\n\n  if (shouldAutosave && !validateDraftData && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale?.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}/${doc.id}`,\n        serverURL,\n      })\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  return (\n    <DocumentInfoProvider\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!RootViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          payload={payload}\n          permissions={permissions}\n        />\n      )}\n      <HydrateAuthProvider permissions={permissions} />\n      {/**\n       * After bumping the Next.js canary to 104, and React to 19.0.0-rc-06d0b89e-20240801\" we have to deepCopy the permissions object (https://github.com/payloadcms/payload/pull/7541).\n       * If both HydrateClientUser and RenderCustomComponent receive the same permissions object (same object reference), we get a\n       * \"TypeError: Cannot read properties of undefined (reading '$$typeof')\" error when loading up some version views - for example a versions\n       * view in the draft-posts collection of the versions test suite. RenderCustomComponent is what renders the versions view.\n       *\n       * // TODO: Revisit this in the future and figure out why this is happening. Might be a React/Next.js bug. We don't know why it happens, and a future React/Next version might unbreak this (keep an eye on this and remove deepCopyObjectSimple if that's the case)\n       */}\n      <EditDepthProvider\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\n        {ErrorView ? (\n          <RenderComponent mappedComponent={ErrorView} />\n        ) : (\n          <RenderComponent\n            mappedComponent={\n              RootViewOverride ? RootViewOverride : CustomView ? CustomView : DefaultView\n            }\n          />\n        )}\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderComponent","formatAdminURL","getCreateMappedComponent","isEditing","getIsEditing","notFound","redirect","React","DocumentHeader","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","importMap","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","RootViewOverride","CustomView","DefaultView","ErrorView","apiURL","data","formState","docPermissions","hasPublishPermission","hasSavePermission","createMappedComponent","serverProps","routeSegments","collections","find","visibleSlug","URLSearchParams","versions","drafts","append","code","apiQueryParams","toString","components","views","edit","root","Component","collectionViews","payloadComponent","globals","globalViews","shouldAutosave","autosave","validateDraftData","validate","doc","create","collection","depth","draft","fallbackLocale","redirectURL","path","disableActions","initialData","initialState","mappedComponent"],"mappings":"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"}

package/dist/views/Edit/Default/Auth/APIKey.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const APIKey: React.FC<{
-    enabled: boolean;
-    readOnly?: boolean;
+    readonly enabled: boolean;
+    readonly readOnly?: boolean;
 }>;
 //# sourceMappingURL=APIKey.d.ts.map

package/dist/views/Edit/Default/Auth/APIKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA+FrE,CAAA"}
+{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAO3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA8HvF,CAAA"}

package/dist/views/Edit/Default/Auth/APIKey.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyToClipboard, FieldLabel, GenerateConfirmation, useConfig, useField, useFormFields, useTranslation } from '@payloadcms/ui';
+import { getTranslation } from '@payloadcms/translations';
+import { CopyToClipboard, FieldLabel, GenerateConfirmation, useConfig, useDocumentInfo, useField, useFormFields, useTranslation } from '@payloadcms/ui';
 import { text } from 'payload/shared';
 import React, { useEffect, useMemo, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
@@ -10,9 +11,13 @@ const fieldBaseClass = 'field-type';
 export const APIKey = ({ enabled, readOnly })=>{
     const [initialAPIKey] = useState(uuidv4());
     const [highlightedField, setHighlightedField] = useState(false);
-    const { t } = useTranslation();
-    const config = useConfig();
+    const { i18n, t } = useTranslation();
+    const { config } = useConfig();
+    const { collectionSlug, docPermissions } = useDocumentInfo();
     const apiKey = useFormFields(([fields])=>fields && fields[path] || null);
+    const apiKeyField = config.collections.find((collection)=>{
+        return collection.slug === collectionSlug;
+    })?.fields?.find((field)=>'name' in field && field.name === 'apiKey');
     const validate = (val)=>text(val, {
             name: 'apiKey',
             type: 'text',
@@ -31,19 +36,37 @@ export const APIKey = ({ enabled, readOnly })=>{
             siblingData: {}
         });
     const apiKeyValue = apiKey?.value;
+    const apiKeyLabel = useMemo(()=>{
+        let label = 'API Key';
+        if (apiKeyField?.label) {
+            label = apiKeyField.label;
+        }
+        return getTranslation(label, i18n);
+    }, [
+        apiKeyField,
+        i18n
+    ]);
     const APIKeyLabel = useMemo(()=>/*#__PURE__*/ _jsxs("div", {
             className: `${baseClass}__label`,
             children: [
                 /*#__PURE__*/ _jsx("span", {
-                    children: "API Key"
+                    children: apiKeyLabel
                 }),
                 /*#__PURE__*/ _jsx(CopyToClipboard, {
                     value: apiKeyValue
                 })
             ]
         }), [
+        apiKeyLabel,
         apiKeyValue
     ]);
+    const canUpdateAPIKey = useMemo(()=>{
+        if (docPermissions && docPermissions?.fields?.apiKey) {
+            return docPermissions.fields.apiKey.update.permission;
+        }
+    }, [
+        docPermissions
+    ]);
     const fieldType = useField({
         path: 'apiKey',
         validate
@@ -61,7 +84,7 @@ export const APIKey = ({ enabled, readOnly })=>{
         if (!apiKeyValue && enabled) {
             setValue(initialAPIKey);
         }
-        if (!enabled) {
+        if (!enabled && apiKeyValue) {
             setValue(null);
         }
     }, [
@@ -92,10 +115,15 @@ export const APIKey = ({ enabled, readOnly })=>{
                 ].filter(Boolean).join(' '),
                 children: [
                     /*#__PURE__*/ _jsx(FieldLabel, {
-                        CustomLabel: APIKeyLabel,
+                        Label: {
+                            type: 'client',
+                            Component: null,
+                            RenderedComponent: APIKeyLabel
+                        },
                         htmlFor: path
                     }),
                     /*#__PURE__*/ _jsx("input", {
+                        "aria-label": apiKeyLabel,
                         className: highlightedField ? 'highlight' : undefined,
                         disabled: true,
                         id: "apiKey",
@@ -105,7 +133,7 @@ export const APIKey = ({ enabled, readOnly })=>{
                     })
                 ]
             }),
-            !readOnly && /*#__PURE__*/ _jsx(GenerateConfirmation, {
+            !readOnly && canUpdateAPIKey && /*#__PURE__*/ _jsx(GenerateConfirmation, {
                 highlightField: highlightField,
                 setKey: ()=>setValue(uuidv4())
             })

package/dist/views/Edit/Default/Auth/APIKey.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest } from 'payload'\n\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ enabled: boolean; readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { t } = useTranslation()\n  const config = useConfig()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>API Key</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyValue],\n  )\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel CustomLabel={APIKeyLabel} htmlFor={path} />\n        <input\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["CopyToClipboard","FieldLabel","GenerateConfirmation","useConfig","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","t","config","apiKey","fields","validate","val","name","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","APIKeyLabel","div","className","span","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","CustomLabel","htmlFor","input","undefined","disabled","id","setKey"],"mappings":"AAAA;;AAGA,SACEA,eAAe,EACfC,UAAU,EACVC,oBAAoB,EACpBC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,IAAI,QAAQ,iBAAgB;AACrC,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAC3D,SAASC,MAAMC,MAAM,QAAQ,OAAM;AAEnC,MAAMC,OAAO;AACb,MAAMC,YAAY;AAClB,MAAMC,iBAAiB;AAEvB,OAAO,MAAMC,SAA6D,CAAC,EACzEC,OAAO,EACPC,QAAQ,EACT;IACC,MAAM,CAACC,cAAc,GAAGT,SAASE;IACjC,MAAM,CAACQ,kBAAkBC,oBAAoB,GAAGX,SAAS;IACzD,MAAM,EAAEY,CAAC,EAAE,GAAGjB;IACd,MAAMkB,SAASrB;IAEf,MAAMsB,SAASpB,cAAc,CAAC,CAACqB,OAAO,GAAK,AAACA,UAAUA,MAAM,CAACZ,KAAK,IAAK;IAEvE,MAAMa,WAAW,CAACC,MAChBrB,KAAKqB,KAAK;YACRC,MAAM;YACNC,MAAM;YACNC,MAAM,CAAC;YACPC,WAAW;YACXC,WAAW;YACXC,aAAa;gBAAER,QAAQ,CAAC;YAAE;YAC1BS,KAAK;gBACHC,SAAS;oBACPZ;gBACF;gBACAD;YACF;YACAc,aAAa,CAAC;QAChB;IAEF,MAAMC,cAAcb,QAAQc;IAE5B,MAAMC,cAAc9B,QAClB,kBACE,MAAC+B;YAAIC,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;;8BACnC,KAAC4B;8BAAK;;8BACN,KAAC3C;oBAAgBuC,OAAOD;;;YAG5B;QAACA;KAAY;IAGf,MAAMM,YAAYxC,SAAS;QACzBU,MAAM;QACNa;IACF;IAEA,MAAMkB,iBAAiB;QACrB,IAAIxB,kBAAkB;YACpBC,oBAAoB;QACtB;QACAwB,WAAW;YACTxB,oBAAoB;QACtB,GAAG;IACL;IAEA,MAAM,EAAEyB,QAAQ,EAAER,KAAK,EAAE,GAAGK;IAE5BnC,UAAU;QACR,IAAI,CAAC6B,eAAepB,SAAS;YAC3B6B,SAAS3B;QACX;QACA,IAAI,CAACF,SAAS;YACZ6B,SAAS;QACX;IACF,GAAG;QAACT;QAAapB;QAAS6B;QAAU3B;KAAc;IAElDX,UAAU;QACR,IAAIY,kBAAkB;YACpByB,WAAW;gBACTxB,oBAAoB;YACtB,GAAG;QACL;IACF,GAAG;QAACD;KAAiB;IAErB,IAAI,CAACH,SAAS;QACZ,OAAO;IACT;IAEA,qBACE,MAACV,MAAMwC,QAAQ;;0BACb,MAACP;gBAAIC,WAAW;oBAAC1B;oBAAgB;oBAAW;iBAAY,CAACiC,MAAM,CAACC,SAASC,IAAI,CAAC;;kCAC5E,KAAClD;wBAAWmD,aAAaZ;wBAAaa,SAASvC;;kCAC/C,KAACwC;wBACCZ,WAAWrB,mBAAmB,cAAckC;wBAC5CC,QAAQ;wBACRC,IAAG;wBACH5B,MAAK;wBACLC,MAAK;wBACLS,OAAO,AAACA,SAAoB;;;;YAG/B,CAACpB,0BACA,KAACjB;gBAAqB2C,gBAAgBA;gBAAgBa,QAAQ,IAAMX,SAASlC;;;;AAIrF,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useDocumentInfo,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config } = useConfig()\n  const { collectionSlug, docPermissions } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = config.collections\n    .find((collection) => {\n      return collection.slug === collectionSlug\n    })\n    ?.fields?.find((field) => 'name' in field && field.name === 'apiKey') as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      data: {},\n      maxLength: 48,\n      minLength: 24,\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <div className={`${baseClass}__label`}>\n        <span>{apiKeyLabel}</span>\n        <CopyToClipboard value={apiKeyValue as string} />\n      </div>\n    ),\n    [apiKeyLabel, apiKeyValue],\n  )\n\n  const canUpdateAPIKey = useMemo(() => {\n    if (docPermissions && docPermissions?.fields?.apiKey) {\n      return docPermissions.fields.apiKey.update.permission\n    }\n  }, [docPermissions])\n\n  const fieldType = useField({\n    path: 'apiKey',\n    validate,\n  })\n\n  const highlightField = () => {\n    if (highlightedField) {\n      setHighlightedField(false)\n    }\n    setTimeout(() => {\n      setHighlightedField(true)\n    }, 1)\n  }\n\n  const { setValue, value } = fieldType\n\n  useEffect(() => {\n    if (!apiKeyValue && enabled) {\n      setValue(initialAPIKey)\n    }\n    if (!enabled && apiKeyValue) {\n      setValue(null)\n    }\n  }, [apiKeyValue, enabled, setValue, initialAPIKey])\n\n  useEffect(() => {\n    if (highlightedField) {\n      setTimeout(() => {\n        setHighlightedField(false)\n      }, 10000)\n    }\n  }, [highlightedField])\n\n  if (!enabled) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <div className={[fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' ')}>\n        <FieldLabel\n          Label={{\n            type: 'client',\n            Component: null,\n            RenderedComponent: APIKeyLabel,\n          }}\n          htmlFor={path}\n        />\n        <input\n          aria-label={apiKeyLabel}\n          className={highlightedField ? 'highlight' : undefined}\n          disabled\n          id=\"apiKey\"\n          name=\"apiKey\"\n          type=\"text\"\n          value={(value as string) || ''}\n        />\n      </div>\n      {!readOnly && canUpdateAPIKey && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"names":["getTranslation","CopyToClipboard","FieldLabel","GenerateConfirmation","useConfig","useDocumentInfo","useField","useFormFields","useTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","i18n","t","config","collectionSlug","docPermissions","apiKey","fields","apiKeyField","collections","find","collection","slug","field","name","validate","val","type","data","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","div","className","span","canUpdateAPIKey","update","permission","fieldType","highlightField","setTimeout","setValue","Fragment","filter","Boolean","join","Label","Component","RenderedComponent","htmlFor","input","aria-label","undefined","disabled","id","setKey"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkKhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoMhC,CAAA"}