npm - @payloadcms/next - Versions diffs - 3.0.0-beta.77 → 3.0.0-beta.79 - Mend

@payloadcms/next 3.0.0-beta.77 → 3.0.0-beta.79

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

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

	@@ -1 +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 = [\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 = 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 = [\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 = 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 !== '/' && adminRoute, 'globals', globalSlug]\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 }\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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"}
1	+ {"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 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 = {\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\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 = {\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\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","payloadComponent","Component","hideAPIURL","readVersions","baseRoute","filter","Boolean","join","currentRoute","globalEntity","globalSlug"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAsB~~,cAAc,~~EAAqB~~,MAAM,SAAS,CAAA;~~AASpF~~,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,~~CAmO7C~~,CAAA"}
1	+ {"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,CAkR7C,CAAA"}

package/dist/views/Document/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui';
-import { RenderCustomComponent, formatAdminURL, isEditing as getIsEditing } from '@payloadcms/ui/shared';
+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;
@@ -39,6 +39,20 @@ 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();
@@ -52,8 +66,7 @@ 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;
+        ViewOverride = collectionConfig?.admin?.components?.views?.edit?.default && 'Component' in collectionConfig.admin.components.views.edit.default ? createMappedComponent(collectionConfig?.admin?.components?.views?.edit?.default?.Component, undefined, undefined, 'collectionConfig?.admin?.components?.views?.edit?.default') : null;
         if (!ViewOverride) {
             const collectionViews = getViewsFromConfig({
                 collectionConfig,
@@ -61,12 +74,12 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
                 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;
+            ErrorView = createMappedComponent(undefined, undefined, NotFoundView, 'NotFoundView');
         }
     }
     if (globalConfig) {
@@ -84,7 +97,7 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         }
         const apiQueryParams = `?${params.toString()}`;
         apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`;
-        const editConfig = globalConfig?.admin?.components?.views?.Edit;
+        const editConfig = globalConfig?.admin?.components?.views?.edit;
         ViewOverride = typeof editConfig === 'function' ? editConfig : null;
         if (!ViewOverride) {
             const globalViews = getViewsFromConfig({
@@ -93,11 +106,11 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
                 globalConfig,
                 routeSegments: segments
             });
-            CustomView = globalViews?.CustomView;
-            DefaultView = globalViews?.DefaultView;
-            ErrorView = globalViews?.ErrorView;
+            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 && !ViewOverride && !ErrorView) {
-                ErrorView = NotFoundView;
+                ErrorView = createMappedComponent(undefined, undefined, NotFoundView, 'NotFoundView');
             }
         }
     }
@@ -143,9 +156,9 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         children: [
             !ViewOverride && /*#__PURE__*/ _jsx(DocumentHeader, {
                 collectionConfig: collectionConfig,
-                config: payload.config,
                 globalConfig: globalConfig,
                 i18n: i18n,
+                payload: payload,
                 permissions: permissions
             }),
             /*#__PURE__*/ _jsx(HydrateAuthProvider, {
@@ -153,23 +166,10 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
             }),
             /*#__PURE__*/ _jsx(EditDepthProvider, {
                 depth: 1,
-                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: ViewOverride ? ViewOverride : CustomView ? CustomView : DefaultView
                 })
             }, `${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`)
         ]

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { AdminViewComponent, AdminViewProps, EditViewComponent } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateAuthProvider } from '@payloadcms/ui'\nimport {\n RenderCustomComponent,\n formatAdminURL,\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 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\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 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 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 = 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 {!ViewOverride && (\n <DocumentHeader\n collectionConfig={collectionConfig}\n config={payload.config}\n globalConfig={globalConfig}\n i18n={i18n}\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 <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 </EditDepthProvider>\n </DocumentInfoProvider>\n )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateAuthProvider","RenderCustomComponent","formatAdminURL","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","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","path","disableActions","initialData","initialState","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":"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"}
1	+ {"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 ViewOverride: 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 ViewOverride =\n collectionConfig?.admin?.components?.views?.edit?.default &&\n 'Component' in collectionConfig.admin.components.views.edit.default\n ? createMappedComponent(\n collectionConfig?.admin?.components?.views?.edit?.default\n ?.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?.default',\n )\n : null\n\n if (!ViewOverride) {\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 && !ViewOverride && !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 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 = 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 && !ViewOverride && !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 {!ViewOverride && (\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={ViewOverride ? ViewOverride : CustomView ? CustomView : DefaultView}\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","ViewOverride","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","default","Component","collectionViews","payloadComponent","globals","editConfig","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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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,~~CAgGrE~~,CAAA"}
1	+ {"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 CHANGED Viewed

@@ -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
@@ -92,11 +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": "API Key",
+                        "aria-label": apiKeyLabel,
                         className: highlightedField ? 'highlight' : undefined,
                         disabled: true,
                         id: "apiKey",
@@ -106,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 CHANGED Viewed

	@@ -1 +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 && 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 ~~CustomLabel~~={APIKeyLabel} htmlFor={path} />\n <input\n aria-label~~=\"API Key~~\"\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","aria-label","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,~~WAAWoB~~,aAAa;~~YAC3BS~~,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~~;wBACCC,~~cAAW~~;~~wBACXb~~,~~WAAWrB~~,mBAAmB,~~cAAcmC~~;wBAC5CC,QAAQ;wBACRC,IAAG;~~wBACH7B~~,MAAK;~~wBACLC~~,MAAK;wBACLS,OAAO,AAACA,SAAoB;;;;YAG/B,~~CAACpB~~,~~0BACA~~,~~KAACjB~~;~~gBAAqB2C~~,gBAAgBA;~~gBAAgBc~~,QAAQ,~~IAAMZ~~,~~SAASlC~~;;;;AAIrF,EAAC"}
1	+ {"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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~CA6LhC~~,CAAA"}
1	+ {"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"}

package/dist/views/Edit/Default/Auth/index.js CHANGED Viewed

@@ -16,7 +16,7 @@ export const Auth = (props)=>{
     const modified = useFormModified();
     const { i18n, t } = useTranslation();
     const { docPermissions, isInitializing } = useDocumentInfo();
-    const { routes: { api }, serverURL } = useConfig();
+    const { config: { routes: { api }, serverURL } } = useConfig();
     const hasPermissionToUnlock = useMemo(()=>{
         const collection = permissions?.collections?.[collectionSlug];
         if (collection) {
@@ -129,11 +129,14 @@ export const Auth = (props)=>{
                         className: `${baseClass}__changing-password`,
                         children: [
                             /*#__PURE__*/ _jsx(PasswordField, {
-                                disabled: disabled,
-                                label: t('authentication:newPassword'),
-                                name: "password",
-                                path: "password",
-                                required: true
+                                field: {
+                                    name: 'password',
+                                    admin: {
+                                        disabled
+                                    },
+                                    label: t('authentication:newPassword'),
+                                    required: true
+                                }
                             }),
                             /*#__PURE__*/ _jsx(ConfirmPasswordField, {
                                 disabled: readOnly
@@ -173,10 +176,14 @@ export const Auth = (props)=>{
                 className: `${baseClass}__api-key`,
                 children: [
                     /*#__PURE__*/ _jsx(CheckboxField, {
-                        disabled: disabled,
-                        label: t('authentication:enableAPIKey'),
-                        name: "enableAPIKey",
-                        readOnly: readOnly
+                        field: {
+                            name: 'enableAPIKey',
+                            admin: {
+                                disabled,
+                                readOnly
+                            },
+                            label: t('authentication:enableAPIKey')
+                        }
                     }),
                     /*#__PURE__*/ _jsx(APIKey, {
                         enabled: !!enableAPIKey?.value,
@@ -185,10 +192,14 @@ export const Auth = (props)=>{
                 ]
             }),
             verify && /*#__PURE__*/ _jsx(CheckboxField, {
-                disabled: disabled,
-                label: t('authentication:verified'),
-                name: "_verified",
-                readOnly: readOnly
+                field: {
+                    name: '_verified',
+                    admin: {
+                        disabled,
+                        readOnly
+                    },
+                    label: t('authentication:verified')
+                }
             })
         ]
     });

package/dist/views/Edit/Default/Auth/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n Button,\n CheckboxField,\n ConfirmPasswordField,\n PasswordField,\n useAuth,\n useConfig,\n useDocumentInfo,\n useFormFields,\n useFormModified,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { RenderEmailAndUsernameFields } from '../../../../elements/EmailAndUsername/index.js'\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n const {\n className,\n collectionSlug,\n disableLocalStrategy,\n email,\n loginWithUsername,\n operation,\n readOnly,\n requirePassword,\n setSchemaPath,\n setValidateBeforeSubmit,\n useAPIKey,\n username,\n verify,\n } = props\n\n const { permissions } = useAuth()\n const [changingPassword, setChangingPassword] = useState(requirePassword)\n const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) \|\| null)\n const forceOpenChangePassword = useFormFields(([fields]) => (fields && fields?.password) \|\| null)\n const dispatchFields = useFormFields((reducer) => reducer[1])\n const modified = useFormModified()\n const { i18n, t } = useTranslation()\n const { docPermissions, isInitializing } = useDocumentInfo()\n\n const {\n routes: { api },\n serverURL,\n } = useConfig()\n\n const hasPermissionToUnlock: boolean = useMemo(() => {\n const collection = permissions?.collections?.[collectionSlug]\n\n if (collection) {\n const unlock = 'unlock' in collection ? collection.unlock : undefined\n\n if (unlock) {\n // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types\n // @todo: fix types\n // @ts-expect-error\n return unlock.permission\n }\n }\n\n return false\n }, [permissions, collectionSlug])\n\n const handleChangePassword = useCallback(\n (showPasswordFields: boolean) => {\n if (showPasswordFields) {\n setValidateBeforeSubmit(true)\n setSchemaPath(`_${collectionSlug}.auth`)\n dispatchFields({\n type: 'UPDATE',\n errorMessage: t('validation:required'),\n path: 'password',\n valid: false,\n })\n dispatchFields({\n type: 'UPDATE',\n errorMessage: t('validation:required'),\n path: 'confirm-password',\n valid: false,\n })\n } else {\n setValidateBeforeSubmit(false)\n setSchemaPath(collectionSlug)\n dispatchFields({ type: 'REMOVE', path: 'password' })\n dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n }\n\n setChangingPassword(showPasswordFields)\n },\n [dispatchFields, t, collectionSlug, setSchemaPath, setValidateBeforeSubmit],\n )\n\n const unlock = useCallback(async () => {\n const url = `${serverURL}${api}/${collectionSlug}/unlock`\n const response = await fetch(url, {\n body:\n loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'post',\n })\n\n if (response.status === 200) {\n toast.success(t('authentication:successfullyUnlocked'))\n } else {\n toast.error(t('authentication:failedToUnlock'))\n }\n }, [i18n, serverURL, api, collectionSlug, email, username, t, loginWithUsername])\n\n useEffect(() => {\n if (!modified) {\n setChangingPassword(false)\n }\n }, [modified])\n\n if (disableLocalStrategy && !useAPIKey) {\n return null\n }\n\n const disabled = readOnly \|\| isInitializing\n\n const showPasswordFields = changingPassword \|\| forceOpenChangePassword\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n {!disableLocalStrategy && (\n <React.Fragment>\n <RenderEmailAndUsernameFields\n loginWithUsername={loginWithUsername}\n operation={operation}\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n />\n {(showPasswordFields \|\| requirePassword) && (\n <div className={`${baseClass}__changing-password`}>\n <PasswordField\n disabled={disabled}\n label={t('authentication:newPassword')}\n name=\"password\"\n path=\"password\"\n required\n />\n <ConfirmPasswordField disabled={readOnly} />\n </div>\n )}\n <div className={`${baseClass}__controls`}>\n {showPasswordFields && !requirePassword && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n onClick={() => handleChangePassword(false)}\n size=\"medium\"\n >\n {t('general:cancel')}\n </Button>\n )}\n {!showPasswordFields && !requirePassword && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n id=\"change-password\"\n onClick={() => handleChangePassword(true)}\n size=\"medium\"\n >\n {t('authentication:changePassword')}\n </Button>\n )}\n {operation === 'update' && hasPermissionToUnlock && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n onClick={() => void unlock()}\n size=\"medium\"\n >\n {t('authentication:forceUnlock')}\n </Button>\n )}\n </div>\n </React.Fragment>\n )}\n {useAPIKey && (\n <div className={`${baseClass}__api-key`}>\n <CheckboxField\n disabled={disabled}\n label={t('authentication:enableAPIKey')}\n name=\"enableAPIKey\"\n readOnly={readOnly}\n />\n <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n </div>\n )}\n {verify && (\n <CheckboxField\n disabled={disabled}\n label={t('authentication:verified')}\n name=\"_verified\"\n readOnly={readOnly}\n />\n )}\n </div>\n )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","PasswordField","useAuth","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useMemo","useState","toast","RenderEmailAndUsernameFields","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","setSchemaPath","setValidateBeforeSubmit","useAPIKey","username","verify","permissions","changingPassword","setChangingPassword","enableAPIKey","fields","forceOpenChangePassword","password","dispatchFields","reducer","modified","i18n","t","docPermissions","isInitializing","routes","api","serverURL","hasPermissionToUnlock","collection","collections","unlock","undefined","permission","handleChangePassword","showPasswordFields","type","errorMessage","path","valid","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","label","name","required","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n Button,\n CheckboxField,\n ConfirmPasswordField,\n PasswordField,\n useAuth,\n useConfig,\n useDocumentInfo,\n useFormFields,\n useFormModified,\n useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { Props } from './types.js'\n\nimport { RenderEmailAndUsernameFields } from '../../../../elements/EmailAndUsername/index.js'\nimport { APIKey } from './APIKey.js'\nimport './index.scss'\n\nconst baseClass = 'auth-fields'\n\nexport const Auth: React.FC<Props> = (props) => {\n const {\n className,\n collectionSlug,\n disableLocalStrategy,\n email,\n loginWithUsername,\n operation,\n readOnly,\n requirePassword,\n setSchemaPath,\n setValidateBeforeSubmit,\n useAPIKey,\n username,\n verify,\n } = props\n\n const { permissions } = useAuth()\n const [changingPassword, setChangingPassword] = useState(requirePassword)\n const enableAPIKey = useFormFields(([fields]) => (fields && fields?.enableAPIKey) \|\| null)\n const forceOpenChangePassword = useFormFields(([fields]) => (fields && fields?.password) \|\| null)\n const dispatchFields = useFormFields((reducer) => reducer[1])\n const modified = useFormModified()\n const { i18n, t } = useTranslation()\n const { docPermissions, isInitializing } = useDocumentInfo()\n\n const {\n config: {\n routes: { api },\n serverURL,\n },\n } = useConfig()\n\n const hasPermissionToUnlock: boolean = useMemo(() => {\n const collection = permissions?.collections?.[collectionSlug]\n\n if (collection) {\n const unlock = 'unlock' in collection ? collection.unlock : undefined\n\n if (unlock) {\n // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types\n // @todo: fix types\n // @ts-expect-error\n return unlock.permission\n }\n }\n\n return false\n }, [permissions, collectionSlug])\n\n const handleChangePassword = useCallback(\n (showPasswordFields: boolean) => {\n if (showPasswordFields) {\n setValidateBeforeSubmit(true)\n setSchemaPath(`_${collectionSlug}.auth`)\n dispatchFields({\n type: 'UPDATE',\n errorMessage: t('validation:required'),\n path: 'password',\n valid: false,\n })\n dispatchFields({\n type: 'UPDATE',\n errorMessage: t('validation:required'),\n path: 'confirm-password',\n valid: false,\n })\n } else {\n setValidateBeforeSubmit(false)\n setSchemaPath(collectionSlug)\n dispatchFields({ type: 'REMOVE', path: 'password' })\n dispatchFields({ type: 'REMOVE', path: 'confirm-password' })\n }\n\n setChangingPassword(showPasswordFields)\n },\n [dispatchFields, t, collectionSlug, setSchemaPath, setValidateBeforeSubmit],\n )\n\n const unlock = useCallback(async () => {\n const url = `${serverURL}${api}/${collectionSlug}/unlock`\n const response = await fetch(url, {\n body:\n loginWithUsername && username ? JSON.stringify({ username }) : JSON.stringify({ email }),\n credentials: 'include',\n headers: {\n 'Accept-Language': i18n.language,\n 'Content-Type': 'application/json',\n },\n method: 'post',\n })\n\n if (response.status === 200) {\n toast.success(t('authentication:successfullyUnlocked'))\n } else {\n toast.error(t('authentication:failedToUnlock'))\n }\n }, [i18n, serverURL, api, collectionSlug, email, username, t, loginWithUsername])\n\n useEffect(() => {\n if (!modified) {\n setChangingPassword(false)\n }\n }, [modified])\n\n if (disableLocalStrategy && !useAPIKey) {\n return null\n }\n\n const disabled = readOnly \|\| isInitializing\n\n const showPasswordFields = changingPassword \|\| forceOpenChangePassword\n\n return (\n <div className={[baseClass, className].filter(Boolean).join(' ')}>\n {!disableLocalStrategy && (\n <React.Fragment>\n <RenderEmailAndUsernameFields\n loginWithUsername={loginWithUsername}\n operation={operation}\n permissions={docPermissions?.fields}\n readOnly={readOnly}\n />\n {(showPasswordFields \|\| requirePassword) && (\n <div className={`${baseClass}__changing-password`}>\n <PasswordField\n field={{\n name: 'password',\n admin: {\n disabled,\n },\n label: t('authentication:newPassword'),\n required: true,\n }}\n />\n <ConfirmPasswordField disabled={readOnly} />\n </div>\n )}\n <div className={`${baseClass}__controls`}>\n {showPasswordFields && !requirePassword && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n onClick={() => handleChangePassword(false)}\n size=\"medium\"\n >\n {t('general:cancel')}\n </Button>\n )}\n {!showPasswordFields && !requirePassword && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n id=\"change-password\"\n onClick={() => handleChangePassword(true)}\n size=\"medium\"\n >\n {t('authentication:changePassword')}\n </Button>\n )}\n {operation === 'update' && hasPermissionToUnlock && (\n <Button\n buttonStyle=\"secondary\"\n disabled={disabled}\n onClick={() => void unlock()}\n size=\"medium\"\n >\n {t('authentication:forceUnlock')}\n </Button>\n )}\n </div>\n </React.Fragment>\n )}\n {useAPIKey && (\n <div className={`${baseClass}__api-key`}>\n <CheckboxField\n field={{\n name: 'enableAPIKey',\n admin: { disabled, readOnly },\n label: t('authentication:enableAPIKey'),\n }}\n />\n <APIKey enabled={!!enableAPIKey?.value} readOnly={readOnly} />\n </div>\n )}\n {verify && (\n <CheckboxField\n field={{\n name: '_verified',\n admin: { disabled, readOnly },\n label: t('authentication:verified'),\n }}\n />\n )}\n </div>\n )\n}\n"],"names":["Button","CheckboxField","ConfirmPasswordField","PasswordField","useAuth","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useMemo","useState","toast","RenderEmailAndUsernameFields","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","operation","readOnly","requirePassword","setSchemaPath","setValidateBeforeSubmit","useAPIKey","username","verify","permissions","changingPassword","setChangingPassword","enableAPIKey","fields","forceOpenChangePassword","password","dispatchFields","reducer","modified","i18n","t","docPermissions","isInitializing","config","routes","api","serverURL","hasPermissionToUnlock","collection","collections","unlock","undefined","permission","handleChangePassword","showPasswordFields","type","errorMessage","path","valid","url","response","fetch","body","JSON","stringify","credentials","headers","language","method","status","success","error","disabled","div","filter","Boolean","join","Fragment","field","name","admin","label","required","buttonStyle","onClick","size","id","enabled","value"],"mappings":"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"}

package/dist/views/Edit/Default/SetDocumentStepNav/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAe/E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,~~CAwFA~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAe/E,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,cAAc,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IAC1C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CA0FA,CAAA"}

package/dist/views/Edit/Default/SetDocumentStepNav/index.js CHANGED Viewed

@@ -14,7 +14,7 @@ export const SetDocumentStepNav = (props)=>{
     });
     const { setStepNav } = useStepNav();
     const { i18n, t } = useTranslation();
-    const { routes: { admin: adminRoute } } = useConfig();
+    const { config: { routes: { admin: adminRoute } } } = useConfig();
     const drawerDepth = useEditDepth();
     useEffect(()=>{
         const nav = [];