@payloadcms/next 3.0.0-canary.a0b06af → 3.0.0-canary.a192632

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

@@ -1,22 +1,23 @@
-import type { I18n } from '@payloadcms/translations';
+import type { I18nClient } from '@payloadcms/translations';
 import type { Metadata } from 'next';
-import type { SanitizedConfig } from 'payload';
+import type { ImportMap, SanitizedConfig } from 'payload';
 import React from 'react';
 export { generatePageMetadata } from './meta.js';
 export type GenerateViewMetadata = (args: {
     config: SanitizedConfig;
-    i18n: I18n;
+    i18n: I18nClient;
     isEditing?: boolean;
     params?: {
         [key: string]: string | string[];
     };
 }) => Promise<Metadata>;
-export declare const RootPage: ({ config: configPromise, params, searchParams, }: {
-    config: Promise<SanitizedConfig>;
-    params: {
+export declare const RootPage: ({ config: configPromise, importMap, params, searchParams, }: {
+    readonly config: Promise<SanitizedConfig>;
+    readonly importMap: ImportMap;
+    readonly params: {
         segments: string[];
     };
-    searchParams: {
+    readonly searchParams: {
         [key: string]: string | string[];
     };
 }) => Promise<React.JSX.Element>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE;IACxC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAA;CAC9C,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAEvB,eAAO,MAAM,QAAQ,qDAIlB;IACD,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAChC,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,EAAE,CAAA;KACnB,CAAA;IACD,YAAY,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAA;CACF,+BAiGA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,SAAS,EAAmB,eAAe,EAAE,MAAM,SAAS,CAAA;AAI1E,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE;IACxC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAA;CAC9C,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAA;AAEvB,eAAO,MAAM,QAAQ,gEAKlB;IACD,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE;QACf,QAAQ,EAAE,MAAM,EAAE,CAAA;KACnB,CAAA;IACD,QAAQ,CAAC,YAAY,EAAE;QACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KACjC,CAAA;CACF,+BA6GA,CAAA"}

package/dist/views/Root/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { WithServerSideProps } from '@payloadcms/ui/shared';
+import { RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared';
 import { notFound, redirect } from 'next/navigation.js';
 import React, { Fragment } from 'react';
 import { DefaultTemplate } from '../../templates/Default/index.js';
@@ -7,20 +7,24 @@ import { MinimalTemplate } from '../../templates/Minimal/index.js';
 import { initPage } from '../../utilities/initPage/index.js';
 import { getViewFromConfig } from './getViewFromConfig.js';
 export { generatePageMetadata } from './meta.js';
-export const RootPage = async ({ config: configPromise, params, searchParams })=>{
+export const RootPage = async ({ config: configPromise, importMap, params, searchParams })=>{
     const config = await configPromise;
-    const { admin: { routes: { createFirstUser: createFirstUserRoute }, user: userSlug }, routes: { admin: adminRoute } } = config;
-    const currentRoute = `${adminRoute}${Array.isArray(params.segments) ? `/${params.segments.join('/')}` : ''}`;
+    const { admin: { routes: { createFirstUser: _createFirstUserRoute }, user: userSlug }, routes: { admin: adminRoute } } = config;
+    const currentRoute = formatAdminURL({
+        adminRoute,
+        path: `${Array.isArray(params.segments) ? `/${params.segments.join('/')}` : ''}`
+    });
     const segments = Array.isArray(params.segments) ? params.segments : [];
     const { DefaultView, initPageOptions, templateClassName, templateType } = getViewFromConfig({
         adminRoute,
         config,
         currentRoute,
+        importMap,
         searchParams,
         segments
     });
     let dbHasUser = false;
-    if (!DefaultView) {
+    if (!DefaultView?.Component && !DefaultView?.payloadComponent) {
         notFound();
     }
     const initPageResult = await initPage(initPageOptions);
@@ -29,27 +33,37 @@ export const RootPage = async ({ config: configPromise, params, searchParams })=
             collection: userSlug,
             req: initPageResult?.req
         })?.then((doc)=>!!doc);
-        const routeWithAdmin = `${adminRoute}${createFirstUserRoute}`;
+        const createFirstUserRoute = formatAdminURL({
+            adminRoute,
+            path: _createFirstUserRoute
+        });
         const collectionConfig = config.collections.find(({ slug })=>slug === userSlug);
         const disableLocalStrategy = collectionConfig?.auth?.disableLocalStrategy;
-        if (disableLocalStrategy && currentRoute === routeWithAdmin) {
+        if (disableLocalStrategy && currentRoute === createFirstUserRoute) {
             redirect(adminRoute);
         }
-        if (!dbHasUser && currentRoute !== routeWithAdmin && !disableLocalStrategy) {
-            redirect(routeWithAdmin);
+        if (!dbHasUser && currentRoute !== createFirstUserRoute && !disableLocalStrategy) {
+            redirect(createFirstUserRoute);
         }
-        if (dbHasUser && currentRoute === routeWithAdmin) {
+        if (dbHasUser && currentRoute === createFirstUserRoute) {
             redirect(adminRoute);
         }
     }
-    const RenderedView = /*#__PURE__*/ _jsx(WithServerSideProps, {
-        Component: DefaultView,
-        serverOnlyProps: {
+    const createMappedView = getCreateMappedComponent({
+        importMap,
+        serverProps: {
+            i18n: initPageResult?.req.i18n,
+            importMap,
             initPageResult,
             params,
+            payload: initPageResult?.req.payload,
             searchParams
         }
     });
+    const MappedView = createMappedView(DefaultView.payloadComponent, undefined, DefaultView.Component, 'createMappedView');
+    const RenderedView = /*#__PURE__*/ _jsx(RenderComponent, {
+        mappedComponent: MappedView
+    });
     return /*#__PURE__*/ _jsxs(Fragment, {
         children: [
             !templateType && /*#__PURE__*/ _jsx(Fragment, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Root/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload'\n\nimport { WithServerSideProps } from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nimport { DefaultTemplate } from '../../templates/Default/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { initPage } from '../../utilities/initPage/index.js'\nimport { getViewFromConfig } from './getViewFromConfig.js'\n\nexport { generatePageMetadata } from './meta.js'\n\nexport type GenerateViewMetadata = (args: {\n  config: SanitizedConfig\n  i18n: I18n\n  isEditing?: boolean\n  params?: { [key: string]: string | string[] }\n}) => Promise<Metadata>\n\nexport const RootPage = async ({\n  config: configPromise,\n  params,\n  searchParams,\n}: {\n  config: Promise<SanitizedConfig>\n  params: {\n    segments: string[]\n  }\n  searchParams: {\n    [key: string]: string | string[]\n  }\n}) => {\n  const config = await configPromise\n\n  const {\n    admin: {\n      routes: { createFirstUser: createFirstUserRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const currentRoute = `${adminRoute}${Array.isArray(params.segments) ? `/${params.segments.join('/')}` : ''}`\n\n  const segments = Array.isArray(params.segments) ? params.segments : []\n\n  const { DefaultView, initPageOptions, templateClassName, templateType } = getViewFromConfig({\n    adminRoute,\n    config,\n    currentRoute,\n    searchParams,\n    segments,\n  })\n\n  let dbHasUser = false\n\n  if (!DefaultView) {\n    notFound()\n  }\n\n  const initPageResult = await initPage(initPageOptions)\n\n  if (initPageResult) {\n    dbHasUser = await initPageResult?.req.payload.db\n      .findOne({\n        collection: userSlug,\n        req: initPageResult?.req,\n      })\n      ?.then((doc) => !!doc)\n\n    const routeWithAdmin = `${adminRoute}${createFirstUserRoute}`\n\n    const collectionConfig = config.collections.find(({ slug }) => slug === userSlug)\n    const disableLocalStrategy = collectionConfig?.auth?.disableLocalStrategy\n\n    if (disableLocalStrategy && currentRoute === routeWithAdmin) {\n      redirect(adminRoute)\n    }\n\n    if (!dbHasUser && currentRoute !== routeWithAdmin && !disableLocalStrategy) {\n      redirect(routeWithAdmin)\n    }\n\n    if (dbHasUser && currentRoute === routeWithAdmin) {\n      redirect(adminRoute)\n    }\n  }\n\n  const RenderedView = (\n    <WithServerSideProps\n      Component={DefaultView}\n      serverOnlyProps={\n        {\n          initPageResult,\n          params,\n          searchParams,\n        } as any\n      }\n    />\n  )\n\n  return (\n    <Fragment>\n      {!templateType && <Fragment>{RenderedView}</Fragment>}\n      {templateType === 'minimal' && (\n        <MinimalTemplate className={templateClassName}>{RenderedView}</MinimalTemplate>\n      )}\n      {templateType === 'default' && (\n        <DefaultTemplate\n          i18n={initPageResult?.req.i18n}\n          locale={initPageResult?.locale}\n          params={params}\n          payload={initPageResult?.req.payload}\n          permissions={initPageResult?.permissions}\n          searchParams={searchParams}\n          user={initPageResult?.req.user}\n          visibleEntities={{\n            // The reason we are not passing in initPageResult.visibleEntities directly is due to a \"Cannot assign to read only property of object '#<Object>\" error introduced in React 19\n            // which this caused as soon as initPageResult.visibleEntities is passed in\n            collections: initPageResult.visibleEntities?.collections,\n            globals: initPageResult.visibleEntities?.globals,\n          }}\n        >\n          {RenderedView}\n        </DefaultTemplate>\n      )}\n    </Fragment>\n  )\n}\n"],"names":["WithServerSideProps","notFound","redirect","React","Fragment","DefaultTemplate","MinimalTemplate","initPage","getViewFromConfig","generatePageMetadata","RootPage","config","configPromise","params","searchParams","admin","routes","createFirstUser","createFirstUserRoute","user","userSlug","adminRoute","currentRoute","Array","isArray","segments","join","DefaultView","initPageOptions","templateClassName","templateType","dbHasUser","initPageResult","req","payload","db","findOne","collection","then","doc","routeWithAdmin","collectionConfig","collections","find","slug","disableLocalStrategy","auth","RenderedView","Component","serverOnlyProps","className","i18n","locale","permissions","visibleEntities","globals"],"mappings":";AAIA,SAASA,mBAAmB,QAAQ,wBAAuB;AAC3D,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,qBAAoB;AACvD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,QAAQ,QAAQ,oCAAmC;AAC5D,SAASC,iBAAiB,QAAQ,yBAAwB;AAE1D,SAASC,oBAAoB,QAAQ,YAAW;AAShD,OAAO,MAAMC,WAAW,OAAO,EAC7BC,QAAQC,aAAa,EACrBC,MAAM,EACNC,YAAY,EASb;IACC,MAAMH,SAAS,MAAMC;IAErB,MAAM,EACJG,OAAO,EACLC,QAAQ,EAAEC,iBAAiBC,oBAAoB,EAAE,EACjDC,MAAMC,QAAQ,EACf,EACDJ,QAAQ,EAAED,OAAOM,UAAU,EAAE,EAC9B,GAAGV;IAEJ,MAAMW,eAAe,CAAC,EAAED,WAAW,EAAEE,MAAMC,OAAO,CAACX,OAAOY,QAAQ,IAAI,CAAC,CAAC,EAAEZ,OAAOY,QAAQ,CAACC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;IAE5G,MAAMD,WAAWF,MAAMC,OAAO,CAACX,OAAOY,QAAQ,IAAIZ,OAAOY,QAAQ,GAAG,EAAE;IAEtE,MAAM,EAAEE,WAAW,EAAEC,eAAe,EAAEC,iBAAiB,EAAEC,YAAY,EAAE,GAAGtB,kBAAkB;QAC1Fa;QACAV;QACAW;QACAR;QACAW;IACF;IAEA,IAAIM,YAAY;IAEhB,IAAI,CAACJ,aAAa;QAChB1B;IACF;IAEA,MAAM+B,iBAAiB,MAAMzB,SAASqB;IAEtC,IAAII,gBAAgB;QAClBD,YAAY,MAAMC,gBAAgBC,IAAIC,QAAQC,GAC3CC,QAAQ;YACPC,YAAYjB;YACZa,KAAKD,gBAAgBC;QACvB,IACEK,KAAK,CAACC,MAAQ,CAAC,CAACA;QAEpB,MAAMC,iBAAiB,CAAC,EAAEnB,WAAW,EAAEH,qBAAqB,CAAC;QAE7D,MAAMuB,mBAAmB9B,OAAO+B,WAAW,CAACC,IAAI,CAAC,CAAC,EAAEC,IAAI,EAAE,GAAKA,SAASxB;QACxE,MAAMyB,uBAAuBJ,kBAAkBK,MAAMD;QAErD,IAAIA,wBAAwBvB,iBAAiBkB,gBAAgB;YAC3DtC,SAASmB;QACX;QAEA,IAAI,CAACU,aAAaT,iBAAiBkB,kBAAkB,CAACK,sBAAsB;YAC1E3C,SAASsC;QACX;QAEA,IAAIT,aAAaT,iBAAiBkB,gBAAgB;YAChDtC,SAASmB;QACX;IACF;IAEA,MAAM0B,6BACJ,KAAC/C;QACCgD,WAAWrB;QACXsB,iBACE;YACEjB;YACAnB;YACAC;QACF;;IAKN,qBACE,MAACV;;YACE,CAAC0B,8BAAgB,KAAC1B;0BAAU2C;;YAC5BjB,iBAAiB,2BAChB,KAACxB;gBAAgB4C,WAAWrB;0BAAoBkB;;YAEjDjB,iBAAiB,2BAChB,KAACzB;gBACC8C,MAAMnB,gBAAgBC,IAAIkB;gBAC1BC,QAAQpB,gBAAgBoB;gBACxBvC,QAAQA;gBACRqB,SAASF,gBAAgBC,IAAIC;gBAC7BmB,aAAarB,gBAAgBqB;gBAC7BvC,cAAcA;gBACdK,MAAMa,gBAAgBC,IAAId;gBAC1BmC,iBAAiB;oBACf,+KAA+K;oBAC/K,2EAA2E;oBAC3EZ,aAAaV,eAAesB,eAAe,EAAEZ;oBAC7Ca,SAASvB,eAAesB,eAAe,EAAEC;gBAC3C;0BAECR;;;;AAKX,EAAC"}
+{"version":3,"sources":["../../../src/views/Root/index.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { Metadata } from 'next'\nimport type { ImportMap, MappedComponent, SanitizedConfig } from 'payload'\n\nimport { RenderComponent, formatAdminURL, getCreateMappedComponent } from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React, { Fragment } from 'react'\n\nimport { DefaultTemplate } from '../../templates/Default/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { initPage } from '../../utilities/initPage/index.js'\nimport { getViewFromConfig } from './getViewFromConfig.js'\n\nexport { generatePageMetadata } from './meta.js'\n\nexport type GenerateViewMetadata = (args: {\n  config: SanitizedConfig\n  i18n: I18nClient\n  isEditing?: boolean\n  params?: { [key: string]: string | string[] }\n}) => Promise<Metadata>\n\nexport const RootPage = async ({\n  config: configPromise,\n  importMap,\n  params,\n  searchParams,\n}: {\n  readonly config: Promise<SanitizedConfig>\n  readonly importMap: ImportMap\n  readonly params: {\n    segments: string[]\n  }\n  readonly searchParams: {\n    [key: string]: string | string[]\n  }\n}) => {\n  const config = await configPromise\n\n  const {\n    admin: {\n      routes: { createFirstUser: _createFirstUserRoute },\n      user: userSlug,\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  const currentRoute = formatAdminURL({\n    adminRoute,\n    path: `${Array.isArray(params.segments) ? `/${params.segments.join('/')}` : ''}`,\n  })\n\n  const segments = Array.isArray(params.segments) ? params.segments : []\n\n  const { DefaultView, initPageOptions, templateClassName, templateType } = getViewFromConfig({\n    adminRoute,\n    config,\n    currentRoute,\n    importMap,\n    searchParams,\n    segments,\n  })\n\n  let dbHasUser = false\n\n  if (!DefaultView?.Component && !DefaultView?.payloadComponent) {\n    notFound()\n  }\n\n  const initPageResult = await initPage(initPageOptions)\n\n  if (initPageResult) {\n    dbHasUser = await initPageResult?.req.payload.db\n      .findOne({\n        collection: userSlug,\n        req: initPageResult?.req,\n      })\n      ?.then((doc) => !!doc)\n\n    const createFirstUserRoute = formatAdminURL({ adminRoute, path: _createFirstUserRoute })\n\n    const collectionConfig = config.collections.find(({ slug }) => slug === userSlug)\n    const disableLocalStrategy = collectionConfig?.auth?.disableLocalStrategy\n\n    if (disableLocalStrategy && currentRoute === createFirstUserRoute) {\n      redirect(adminRoute)\n    }\n\n    if (!dbHasUser && currentRoute !== createFirstUserRoute && !disableLocalStrategy) {\n      redirect(createFirstUserRoute)\n    }\n\n    if (dbHasUser && currentRoute === createFirstUserRoute) {\n      redirect(adminRoute)\n    }\n  }\n\n  const createMappedView = getCreateMappedComponent({\n    importMap,\n    serverProps: {\n      i18n: initPageResult?.req.i18n,\n      importMap,\n      initPageResult,\n      params,\n      payload: initPageResult?.req.payload,\n      searchParams,\n    },\n  })\n\n  const MappedView: MappedComponent = createMappedView(\n    DefaultView.payloadComponent,\n    undefined,\n    DefaultView.Component,\n    'createMappedView',\n  )\n\n  const RenderedView = <RenderComponent mappedComponent={MappedView} />\n\n  return (\n    <Fragment>\n      {!templateType && <Fragment>{RenderedView}</Fragment>}\n      {templateType === 'minimal' && (\n        <MinimalTemplate className={templateClassName}>{RenderedView}</MinimalTemplate>\n      )}\n      {templateType === 'default' && (\n        <DefaultTemplate\n          i18n={initPageResult?.req.i18n}\n          locale={initPageResult?.locale}\n          params={params}\n          payload={initPageResult?.req.payload}\n          permissions={initPageResult?.permissions}\n          searchParams={searchParams}\n          user={initPageResult?.req.user}\n          visibleEntities={{\n            // The reason we are not passing in initPageResult.visibleEntities directly is due to a \"Cannot assign to read only property of object '#<Object>\" error introduced in React 19\n            // which this caused as soon as initPageResult.visibleEntities is passed in\n            collections: initPageResult.visibleEntities?.collections,\n            globals: initPageResult.visibleEntities?.globals,\n          }}\n        >\n          {RenderedView}\n        </DefaultTemplate>\n      )}\n    </Fragment>\n  )\n}\n"],"names":["RenderComponent","formatAdminURL","getCreateMappedComponent","notFound","redirect","React","Fragment","DefaultTemplate","MinimalTemplate","initPage","getViewFromConfig","generatePageMetadata","RootPage","config","configPromise","importMap","params","searchParams","admin","routes","createFirstUser","_createFirstUserRoute","user","userSlug","adminRoute","currentRoute","path","Array","isArray","segments","join","DefaultView","initPageOptions","templateClassName","templateType","dbHasUser","Component","payloadComponent","initPageResult","req","payload","db","findOne","collection","then","doc","createFirstUserRoute","collectionConfig","collections","find","slug","disableLocalStrategy","auth","createMappedView","serverProps","i18n","MappedView","undefined","RenderedView","mappedComponent","className","locale","permissions","visibleEntities","globals"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import type { AdminViewComponent } from 'payload';
+import type { AdminViewComponent, PayloadServerReactComponent } from 'payload';
 import './index.scss';
 export { generateUnauthorizedMetadata } from './meta.js';
-export declare const UnauthorizedView: AdminViewComponent;
+export declare const UnauthorizedView: PayloadServerReactComponent<AdminViewComponent>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAMjD,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAIxD,eAAO,MAAM,gBAAgB,EAAE,kBAuB9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAM9E,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAA;AAIxD,eAAO,MAAM,gBAAgB,EAAE,2BAA2B,CAAC,kBAAkB,CA+B5E,CAAA"}

package/dist/views/Unauthorized/index.js

@@ -20,6 +20,7 @@ export const UnauthorizedView = ({ initPageResult })=>{
                 Link: Link,
                 className: `${baseClass}__button`,
                 el: "link",
+                size: "large",
                 to: logoutRoute,
                 children: i18n.t('authentication:logOut')
             })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Unauthorized/index.tsx"],"sourcesContent":["import type { AdminViewComponent } from 'payload'\n\nimport { Button, Gutter } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport { generateUnauthorizedMetadata } from './meta.js'\n\nconst baseClass = 'unauthorized'\n\nexport const UnauthorizedView: AdminViewComponent = ({ initPageResult }) => {\n  const {\n    req: {\n      i18n,\n      payload: {\n        config: {\n          admin: {\n            routes: { logout: logoutRoute },\n          },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <Gutter className={baseClass}>\n      <h2>{i18n.t('error:unauthorized')}</h2>\n      <p>{i18n.t('error:notAllowedToAccessPage')}</p>\n      <Button Link={Link} className={`${baseClass}__button`} el=\"link\" to={logoutRoute}>\n        {i18n.t('authentication:logOut')}\n      </Button>\n    </Gutter>\n  )\n}\n"],"names":["Button","Gutter","LinkImport","React","Link","default","generateUnauthorizedMetadata","baseClass","UnauthorizedView","initPageResult","req","i18n","payload","config","admin","routes","logout","logoutRoute","className","h2","t","p","el","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,MAAM,QAAQ,iBAAgB;AAC/C,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,SAASI,4BAA4B,QAAQ,YAAW;AAExD,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAAuC,CAAC,EAAEC,cAAc,EAAE;IACrE,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EACPC,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACF,EACF,EACF,EACF,GAAGR;IAEJ,qBACE,MAACR;QAAOiB,WAAWX;;0BACjB,KAACY;0BAAIR,KAAKS,CAAC,CAAC;;0BACZ,KAACC;0BAAGV,KAAKS,CAAC,CAAC;;0BACX,KAACpB;gBAAOI,MAAMA;gBAAMc,WAAW,CAAC,EAAEX,UAAU,QAAQ,CAAC;gBAAEe,IAAG;gBAAOC,IAAIN;0BAClEN,KAAKS,CAAC,CAAC;;;;AAIhB,EAAC"}
+{"version":3,"sources":["../../../src/views/Unauthorized/index.tsx"],"sourcesContent":["import type { AdminViewComponent, PayloadServerReactComponent } from 'payload'\n\nimport { Button, Gutter } from '@payloadcms/ui'\nimport LinkImport from 'next/link.js'\nimport React from 'react'\n\nimport './index.scss'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport { generateUnauthorizedMetadata } from './meta.js'\n\nconst baseClass = 'unauthorized'\n\nexport const UnauthorizedView: PayloadServerReactComponent<AdminViewComponent> = ({\n  initPageResult,\n}) => {\n  const {\n    req: {\n      i18n,\n      payload: {\n        config: {\n          admin: {\n            routes: { logout: logoutRoute },\n          },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <Gutter className={baseClass}>\n      <h2>{i18n.t('error:unauthorized')}</h2>\n      <p>{i18n.t('error:notAllowedToAccessPage')}</p>\n      <Button\n        Link={Link}\n        className={`${baseClass}__button`}\n        el=\"link\"\n        size=\"large\"\n        to={logoutRoute}\n      >\n        {i18n.t('authentication:logOut')}\n      </Button>\n    </Gutter>\n  )\n}\n"],"names":["Button","Gutter","LinkImport","React","Link","default","generateUnauthorizedMetadata","baseClass","UnauthorizedView","initPageResult","req","i18n","payload","config","admin","routes","logout","logoutRoute","className","h2","t","p","el","size","to"],"mappings":";AAEA,SAASA,MAAM,EAAEC,MAAM,QAAQ,iBAAgB;AAC/C,OAAOC,gBAAgB,eAAc;AACrC,OAAOC,WAAW,QAAO;AAIzB,MAAMC,OAAQF,WAAWG,OAAO,IAAIH;AAEpC,SAASI,4BAA4B,QAAQ,YAAW;AAExD,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAAoE,CAAC,EAChFC,cAAc,EACf;IACC,MAAM,EACJC,KAAK,EACHC,IAAI,EACJC,SAAS,EACPC,QAAQ,EACNC,OAAO,EACLC,QAAQ,EAAEC,QAAQC,WAAW,EAAE,EAChC,EACF,EACF,EACF,EACF,GAAGR;IAEJ,qBACE,MAACR;QAAOiB,WAAWX;;0BACjB,KAACY;0BAAIR,KAAKS,CAAC,CAAC;;0BACZ,KAACC;0BAAGV,KAAKS,CAAC,CAAC;;0BACX,KAACpB;gBACCI,MAAMA;gBACNc,WAAW,CAAC,EAAEX,UAAU,QAAQ,CAAC;gBACjCe,IAAG;gBACHC,MAAK;gBACLC,IAAIP;0BAEHN,KAAKS,CAAC,CAAC;;;;AAIhB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,WAAW,CAAA;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoD3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAI7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,eAAe,WAAW,CAAA;AAEvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoD3C,CAAA"}

package/dist/views/Verify/index.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL } from '@payloadcms/ui/shared';
 import { redirect } from 'next/navigation.js';
 import React from 'react';
 import { Logo } from '../../elements/Logo/index.js';
@@ -17,10 +18,16 @@ export const Verify = async ({ initPageResult, params, searchParams })=>{
             collection: collectionSlug,
             token
         });
-        return redirect(`${adminRoute}/login`);
+        return redirect(formatAdminURL({
+            adminRoute,
+            path: '/login'
+        }));
     } catch (e) {
         // already verified
-        if (e?.status === 202) redirect(`${adminRoute}/login`);
+        if (e?.status === 202) redirect(formatAdminURL({
+            adminRoute,
+            path: '/login'
+        }));
         textToRender = req.t('authentication:unableToVerify');
     }
     return /*#__PURE__*/ _jsxs(React.Fragment, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Verify/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport './index.scss'\n\nexport const verifyBaseClass = 'verify'\n\nexport { generateVerifyMetadata } from './meta.js'\n\nexport const Verify: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  // /:collectionSlug/verify/:token\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [collectionSlug, verify, token] = params.segments\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n    user,\n  } = req\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  let textToRender\n\n  try {\n    await req.payload.verifyEmail({\n      collection: collectionSlug,\n      token,\n    })\n\n    return redirect(`${adminRoute}/login`)\n  } catch (e) {\n    // already verified\n    if (e?.status === 202) redirect(`${adminRoute}/login`)\n    textToRender = req.t('authentication:unableToVerify')\n  }\n\n  return (\n    <React.Fragment>\n      <div className={`${verifyBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          user={user}\n        />\n      </div>\n      <h2>{textToRender}</h2>\n    </React.Fragment>\n  )\n}\n"],"names":["redirect","React","Logo","verifyBaseClass","generateVerifyMetadata","Verify","initPageResult","params","searchParams","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","user","routes","admin","adminRoute","textToRender","verifyEmail","collection","e","status","t","Fragment","div","className","h2"],"mappings":";AAEA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,IAAI,QAAQ,+BAA8B;AAGnD,OAAO,MAAMC,kBAAkB,SAAQ;AAEvC,SAASC,sBAAsB,QAAQ,YAAW;AAElD,OAAO,MAAMC,SAAmC,OAAO,EACrDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,iCAAiC;IACjC,6DAA6D;IAC7D,MAAM,CAACC,gBAAgBC,QAAQC,MAAM,GAAGJ,OAAOK,QAAQ;IACvD,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGT;IAErC,MAAM,EACJU,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,GAAGJ;IAEJ,MAAM,EACJK,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,GAAGJ;IAEJ,IAAIK;IAEJ,IAAI;QACF,MAAMR,IAAIE,OAAO,CAACO,WAAW,CAAC;YAC5BC,YAAYhB;YACZE;QACF;QAEA,OAAOX,SAAS,CAAC,EAAEsB,WAAW,MAAM,CAAC;IACvC,EAAE,OAAOI,GAAG;QACV,mBAAmB;QACnB,IAAIA,GAAGC,WAAW,KAAK3B,SAAS,CAAC,EAAEsB,WAAW,MAAM,CAAC;QACrDC,eAAeR,IAAIa,CAAC,CAAC;IACvB;IAEA,qBACE,MAAC3B,MAAM4B,QAAQ;;0BACb,KAACC;gBAAIC,WAAW,CAAC,EAAE5B,gBAAgB,OAAO,CAAC;0BACzC,cAAA,KAACD;oBACCc,MAAMA;oBACNH,QAAQA;oBACRN,QAAQA;oBACRU,SAASA;oBACTH,aAAaA;oBACbN,cAAcA;oBACdW,MAAMA;;;0BAGV,KAACa;0BAAIT;;;;AAGX,EAAC"}
+{"version":3,"sources":["../../../src/views/Verify/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport { Logo } from '../../elements/Logo/index.js'\nimport './index.scss'\n\nexport const verifyBaseClass = 'verify'\n\nexport { generateVerifyMetadata } from './meta.js'\n\nexport const Verify: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  // /:collectionSlug/verify/:token\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [collectionSlug, verify, token] = params.segments\n  const { locale, permissions, req } = initPageResult\n\n  const {\n    i18n,\n    payload: { config },\n    payload,\n    user,\n  } = req\n\n  const {\n    routes: { admin: adminRoute },\n  } = config\n\n  let textToRender\n\n  try {\n    await req.payload.verifyEmail({\n      collection: collectionSlug,\n      token,\n    })\n\n    return redirect(formatAdminURL({ adminRoute, path: '/login' }))\n  } catch (e) {\n    // already verified\n    if (e?.status === 202) redirect(formatAdminURL({ adminRoute, path: '/login' }))\n    textToRender = req.t('authentication:unableToVerify')\n  }\n\n  return (\n    <React.Fragment>\n      <div className={`${verifyBaseClass}__brand`}>\n        <Logo\n          i18n={i18n}\n          locale={locale}\n          params={params}\n          payload={payload}\n          permissions={permissions}\n          searchParams={searchParams}\n          user={user}\n        />\n      </div>\n      <h2>{textToRender}</h2>\n    </React.Fragment>\n  )\n}\n"],"names":["formatAdminURL","redirect","React","Logo","verifyBaseClass","generateVerifyMetadata","Verify","initPageResult","params","searchParams","collectionSlug","verify","token","segments","locale","permissions","req","i18n","payload","config","user","routes","admin","adminRoute","textToRender","verifyEmail","collection","path","e","status","t","Fragment","div","className","h2"],"mappings":";AAEA,SAASA,cAAc,QAAQ,wBAAuB;AACtD,SAASC,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,WAAW,QAAO;AAEzB,SAASC,IAAI,QAAQ,+BAA8B;AAGnD,OAAO,MAAMC,kBAAkB,SAAQ;AAEvC,SAASC,sBAAsB,QAAQ,YAAW;AAElD,OAAO,MAAMC,SAAmC,OAAO,EACrDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,iCAAiC;IACjC,6DAA6D;IAC7D,MAAM,CAACC,gBAAgBC,QAAQC,MAAM,GAAGJ,OAAOK,QAAQ;IACvD,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAEC,GAAG,EAAE,GAAGT;IAErC,MAAM,EACJU,IAAI,EACJC,SAAS,EAAEC,MAAM,EAAE,EACnBD,OAAO,EACPE,IAAI,EACL,GAAGJ;IAEJ,MAAM,EACJK,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,GAAGJ;IAEJ,IAAIK;IAEJ,IAAI;QACF,MAAMR,IAAIE,OAAO,CAACO,WAAW,CAAC;YAC5BC,YAAYhB;YACZE;QACF;QAEA,OAAOX,SAASD,eAAe;YAAEuB;YAAYI,MAAM;QAAS;IAC9D,EAAE,OAAOC,GAAG;QACV,mBAAmB;QACnB,IAAIA,GAAGC,WAAW,KAAK5B,SAASD,eAAe;YAAEuB;YAAYI,MAAM;QAAS;QAC5EH,eAAeR,IAAIc,CAAC,CAAC;IACvB;IAEA,qBACE,MAAC5B,MAAM6B,QAAQ;;0BACb,KAACC;gBAAIC,WAAW,CAAC,EAAE7B,gBAAgB,OAAO,CAAC;0BACzC,cAAA,KAACD;oBACCc,MAAMA;oBACNH,QAAQA;oBACRN,QAAQA;oBACRU,SAASA;oBACTH,aAAaA;oBACbN,cAAcA;oBACdW,MAAMA;;;0BAGV,KAACc;0BAAIV;;;;AAGX,EAAC"}

package/dist/views/Version/Default/SetStepNav.d.ts

@@ -1,14 +1,12 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { ClientCollectionConfig, ClientGlobalConfig } from 'payload';
+import type { ClientCollectionConfig, ClientField, ClientGlobalConfig } from 'payload';
 import type React from 'react';
 export declare const SetStepNav: React.FC<{
-    collectionConfig?: ClientCollectionConfig;
-    collectionSlug?: string;
-    doc: any;
-    fieldMap: FieldMap;
-    globalConfig?: ClientGlobalConfig;
-    globalSlug?: string;
-    id?: number | string;
-    mostRecentDoc: any;
+    readonly collectionConfig?: ClientCollectionConfig;
+    readonly collectionSlug?: string;
+    readonly doc: any;
+    readonly fields: ClientField[];
+    readonly globalConfig?: ClientGlobalConfig;
+    readonly globalSlug?: string;
+    readonly id?: number | string;
 }>;
 //# sourceMappingURL=SetStepNav.d.ts.map

package/dist/views/Version/Default/SetStepNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,KAAK,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,aAAa,EAAE,GAAG,CAAA;CACnB,CA4GA,CAAA"}
+{"version":3,"file":"SetStepNav.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACtF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IAClD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAA;IACjB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC9B,CA2GA,CAAA"}

package/dist/views/Version/Default/SetStepNav.js

@@ -1,9 +1,10 @@
 import { getTranslation } from '@payloadcms/translations';
 import { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui';
-import { formatDate } from '@payloadcms/ui/shared';
+import { formatAdminURL, formatDate } from '@payloadcms/ui/shared';
+import { fieldAffectsData } from 'payload/shared';
 import { useEffect } from 'react';
-export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap, globalConfig, globalSlug, mostRecentDoc })=>{
-    const config = useConfig();
+export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fields, globalConfig, globalSlug })=>{
+    const { config } = useConfig();
     const { setStepNav } = useStepNav();
     const { i18n, t } = useTranslation();
     const locale = useLocale();
@@ -14,38 +15,47 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
             let docLabel = '';
             const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
             const pluralLabel = collectionConfig?.labels?.plural;
-            if (mostRecentDoc) {
+            const formattedDoc = doc.version ? doc.version : doc;
+            if (formattedDoc) {
                 if (useAsTitle !== 'id') {
-                    const titleField = fieldMap.find((f)=>{
-                        const { isFieldAffectingData } = f;
+                    const titleField = fields.find((f)=>{
                         const fieldName = 'name' in f ? f.name : undefined;
-                        return Boolean(isFieldAffectingData && fieldName === useAsTitle);
+                        return Boolean(fieldAffectsData(f) && fieldName === useAsTitle);
                     });
-                    if (titleField && mostRecentDoc[useAsTitle]) {
-                        if (titleField.localized) {
-                            docLabel = mostRecentDoc[useAsTitle]?.[locale.code];
+                    if (titleField && formattedDoc[useAsTitle]) {
+                        if ('localized' in titleField && titleField.localized) {
+                            docLabel = formattedDoc[useAsTitle]?.[locale.code];
                         } else {
-                            docLabel = mostRecentDoc[useAsTitle];
+                            docLabel = formattedDoc[useAsTitle];
                         }
                     } else {
                         docLabel = `[${t('general:untitled')}]`;
                     }
                 } else {
-                    docLabel = mostRecentDoc.id;
+                    docLabel = doc.id;
                 }
             }
             nav = [
                 {
                     label: getTranslation(pluralLabel, i18n),
-                    url: `${adminRoute}/collections/${collectionSlug}`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}`
+                    })
                 },
                 {
                     label: docLabel,
-                    url: `${adminRoute}/collections/${collectionSlug}/${id}`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}/${id}`
+                    })
                 },
                 {
                     label: 'Versions',
-                    url: `${adminRoute}/collections/${collectionSlug}/${id}/versions`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/collections/${collectionSlug}/${id}/versions`
+                    })
                 },
                 {
                     label: doc?.createdAt ? formatDate({
@@ -60,11 +70,17 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
             nav = [
                 {
                     label: globalConfig.label,
-                    url: `${adminRoute}/globals/${globalConfig.slug}`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/globals/${globalConfig.slug}`
+                    })
                 },
                 {
                     label: 'Versions',
-                    url: `${adminRoute}/globals/${globalConfig.slug}/versions`
+                    url: formatAdminURL({
+                        adminRoute,
+                        path: `/globals/${globalConfig.slug}/versions`
+                    })
                 },
                 {
                     label: doc?.createdAt ? formatDate({
@@ -82,13 +98,12 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
         collectionSlug,
         globalSlug,
         doc,
-        mostRecentDoc,
         id,
         locale,
         t,
         i18n,
         collectionConfig,
-        fieldMap,
+        fields,
         globalConfig
     ]);
     return null;

package/dist/views/Version/Default/SetStepNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["import type { StepNavItem } from '@payloadcms/ui'\nimport type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap'\nimport type { ClientCollectionConfig, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { useEffect } from 'react'\n\nexport const SetStepNav: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  collectionSlug?: string\n  doc: any\n  fieldMap: FieldMap\n  globalConfig?: ClientGlobalConfig\n  globalSlug?: string\n  id?: number | string\n  mostRecentDoc: any\n}> = ({\n  id,\n  collectionConfig,\n  collectionSlug,\n  doc,\n  fieldMap,\n  globalConfig,\n  globalSlug,\n  mostRecentDoc,\n}) => {\n  const config = useConfig()\n  const { setStepNav } = useStepNav()\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  useEffect(() => {\n    let nav: StepNavItem[] = []\n\n    const {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    } = config\n\n    if (collectionSlug) {\n      let docLabel = ''\n\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n      const pluralLabel = collectionConfig?.labels?.plural\n\n      if (mostRecentDoc) {\n        if (useAsTitle !== 'id') {\n          const titleField = fieldMap.find((f) => {\n            const { isFieldAffectingData } = f\n            const fieldName = 'name' in f ? f.name : undefined\n            return Boolean(isFieldAffectingData && fieldName === useAsTitle)\n          })\n\n          if (titleField && mostRecentDoc[useAsTitle]) {\n            if (titleField.localized) {\n              docLabel = mostRecentDoc[useAsTitle]?.[locale.code]\n            } else {\n              docLabel = mostRecentDoc[useAsTitle]\n            }\n          } else {\n            docLabel = `[${t('general:untitled')}]`\n          }\n        } else {\n          docLabel = mostRecentDoc.id\n        }\n      }\n\n      nav = [\n        {\n          label: getTranslation(pluralLabel, i18n),\n          url: `${adminRoute}/collections/${collectionSlug}`,\n        },\n        {\n          label: docLabel,\n          url: `${adminRoute}/collections/${collectionSlug}/${id}`,\n        },\n        {\n          label: 'Versions',\n          url: `${adminRoute}/collections/${collectionSlug}/${id}/versions`,\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    if (globalSlug) {\n      nav = [\n        {\n          label: globalConfig.label,\n          url: `${adminRoute}/globals/${globalConfig.slug}`,\n        },\n        {\n          label: 'Versions',\n          url: `${adminRoute}/globals/${globalConfig.slug}/versions`,\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    setStepNav(nav)\n  }, [\n    config,\n    setStepNav,\n    collectionSlug,\n    globalSlug,\n    doc,\n    mostRecentDoc,\n    id,\n    locale,\n    t,\n    i18n,\n    collectionConfig,\n    fieldMap,\n    globalConfig,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useLocale","useStepNav","useTranslation","formatDate","useEffect","SetStepNav","id","collectionConfig","collectionSlug","doc","fieldMap","globalConfig","globalSlug","mostRecentDoc","config","setStepNav","i18n","t","locale","nav","admin","dateFormat","routes","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","titleField","find","f","isFieldAffectingData","fieldName","name","undefined","Boolean","localized","code","label","url","createdAt","date","pattern","slug"],"mappings":"AAKA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,cAAc,QAAQ,iBAAgB;AACjF,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,aASR,CAAC,EACJC,EAAE,EACFC,gBAAgB,EAChBC,cAAc,EACdC,GAAG,EACHC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,aAAa,EACd;IACC,MAAMC,SAASf;IACf,MAAM,EAAEgB,UAAU,EAAE,GAAGd;IACvB,MAAM,EAAEe,IAAI,EAAEC,CAAC,EAAE,GAAGf;IACpB,MAAMgB,SAASlB;IAEfI,UAAU;QACR,IAAIe,MAAqB,EAAE;QAE3B,MAAM,EACJC,OAAO,EAAEC,UAAU,EAAE,EACrBC,QAAQ,EAAEF,OAAOG,UAAU,EAAE,EAC9B,GAAGT;QAEJ,IAAIN,gBAAgB;YAClB,IAAIgB,WAAW;YAEf,MAAMC,aAAalB,kBAAkBa,OAAOK,cAAc;YAC1D,MAAMC,cAAcnB,kBAAkBoB,QAAQC;YAE9C,IAAIf,eAAe;gBACjB,IAAIY,eAAe,MAAM;oBACvB,MAAMI,aAAanB,SAASoB,IAAI,CAAC,CAACC;wBAChC,MAAM,EAAEC,oBAAoB,EAAE,GAAGD;wBACjC,MAAME,YAAY,UAAUF,IAAIA,EAAEG,IAAI,GAAGC;wBACzC,OAAOC,QAAQJ,wBAAwBC,cAAcR;oBACvD;oBAEA,IAAII,cAAchB,aAAa,CAACY,WAAW,EAAE;wBAC3C,IAAII,WAAWQ,SAAS,EAAE;4BACxBb,WAAWX,aAAa,CAACY,WAAW,EAAE,CAACP,OAAOoB,IAAI,CAAC;wBACrD,OAAO;4BACLd,WAAWX,aAAa,CAACY,WAAW;wBACtC;oBACF,OAAO;wBACLD,WAAW,CAAC,CAAC,EAAEP,EAAE,oBAAoB,CAAC,CAAC;oBACzC;gBACF,OAAO;oBACLO,WAAWX,cAAcP,EAAE;gBAC7B;YACF;YAEAa,MAAM;gBACJ;oBACEoB,OAAOzC,eAAe4B,aAAaV;oBACnCwB,KAAK,CAAC,EAAEjB,WAAW,aAAa,EAAEf,eAAe,CAAC;gBACpD;gBACA;oBACE+B,OAAOf;oBACPgB,KAAK,CAAC,EAAEjB,WAAW,aAAa,EAAEf,eAAe,CAAC,EAAEF,GAAG,CAAC;gBAC1D;gBACA;oBACEiC,OAAO;oBACPC,KAAK,CAAC,EAAEjB,WAAW,aAAa,EAAEf,eAAe,CAAC,EAAEF,GAAG,SAAS,CAAC;gBACnE;gBACA;oBACEiC,OAAO9B,KAAKgC,YACRtC,WAAW;wBAAEuC,MAAMjC,IAAIgC,SAAS;wBAAEzB;wBAAM2B,SAAStB;oBAAW,KAC5D;gBACN;aACD;QACH;QAEA,IAAIT,YAAY;YACdO,MAAM;gBACJ;oBACEoB,OAAO5B,aAAa4B,KAAK;oBACzBC,KAAK,CAAC,EAAEjB,WAAW,SAAS,EAAEZ,aAAaiC,IAAI,CAAC,CAAC;gBACnD;gBACA;oBACEL,OAAO;oBACPC,KAAK,CAAC,EAAEjB,WAAW,SAAS,EAAEZ,aAAaiC,IAAI,CAAC,SAAS,CAAC;gBAC5D;gBACA;oBACEL,OAAO9B,KAAKgC,YACRtC,WAAW;wBAAEuC,MAAMjC,IAAIgC,SAAS;wBAAEzB;wBAAM2B,SAAStB;oBAAW,KAC5D;gBACN;aACD;QACH;QAEAN,WAAWI;IACb,GAAG;QACDL;QACAC;QACAP;QACAI;QACAH;QACAI;QACAP;QACAY;QACAD;QACAD;QACAT;QACAG;QACAC;KACD;IAED,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/views/Version/Default/SetStepNav.tsx"],"sourcesContent":["import type { StepNavItem } from '@payloadcms/ui'\nimport type { ClientCollectionConfig, ClientField, ClientGlobalConfig } from 'payload'\nimport type React from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui'\nimport { formatAdminURL, formatDate } from '@payloadcms/ui/shared'\nimport { fieldAffectsData } from 'payload/shared'\nimport { useEffect } from 'react'\n\nexport const SetStepNav: React.FC<{\n  readonly collectionConfig?: ClientCollectionConfig\n  readonly collectionSlug?: string\n  readonly doc: any\n  readonly fields: ClientField[]\n  readonly globalConfig?: ClientGlobalConfig\n  readonly globalSlug?: string\n  readonly id?: number | string\n}> = ({ id, collectionConfig, collectionSlug, doc, fields, globalConfig, globalSlug }) => {\n  const { config } = useConfig()\n  const { setStepNav } = useStepNav()\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  useEffect(() => {\n    let nav: StepNavItem[] = []\n\n    const {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    } = config\n\n    if (collectionSlug) {\n      let docLabel = ''\n\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n      const pluralLabel = collectionConfig?.labels?.plural\n      const formattedDoc = doc.version ? doc.version : doc\n\n      if (formattedDoc) {\n        if (useAsTitle !== 'id') {\n          const titleField = fields.find((f) => {\n            const fieldName = 'name' in f ? f.name : undefined\n            return Boolean(fieldAffectsData(f) && fieldName === useAsTitle)\n          })\n\n          if (titleField && formattedDoc[useAsTitle]) {\n            if ('localized' in titleField && titleField.localized) {\n              docLabel = formattedDoc[useAsTitle]?.[locale.code]\n            } else {\n              docLabel = formattedDoc[useAsTitle]\n            }\n          } else {\n            docLabel = `[${t('general:untitled')}]`\n          }\n        } else {\n          docLabel = doc.id\n        }\n      }\n\n      nav = [\n        {\n          label: getTranslation(pluralLabel, i18n),\n          url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}` }),\n        },\n        {\n          label: docLabel,\n          url: formatAdminURL({ adminRoute, path: `/collections/${collectionSlug}/${id}` }),\n        },\n        {\n          label: 'Versions',\n          url: formatAdminURL({\n            adminRoute,\n            path: `/collections/${collectionSlug}/${id}/versions`,\n          }),\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    if (globalSlug) {\n      nav = [\n        {\n          label: globalConfig.label,\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalConfig.slug}`,\n          }),\n        },\n        {\n          label: 'Versions',\n          url: formatAdminURL({\n            adminRoute,\n            path: `/globals/${globalConfig.slug}/versions`,\n          }),\n        },\n        {\n          label: doc?.createdAt\n            ? formatDate({ date: doc.createdAt, i18n, pattern: dateFormat })\n            : '',\n        },\n      ]\n    }\n\n    setStepNav(nav)\n  }, [\n    config,\n    setStepNav,\n    collectionSlug,\n    globalSlug,\n    doc,\n    id,\n    locale,\n    t,\n    i18n,\n    collectionConfig,\n    fields,\n    globalConfig,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useLocale","useStepNav","useTranslation","formatAdminURL","formatDate","fieldAffectsData","useEffect","SetStepNav","id","collectionConfig","collectionSlug","doc","fields","globalConfig","globalSlug","config","setStepNav","i18n","t","locale","nav","admin","dateFormat","routes","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","formattedDoc","version","titleField","find","f","fieldName","name","undefined","Boolean","localized","code","label","url","path","createdAt","date","pattern","slug"],"mappings":"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"}

package/dist/views/Version/Default/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AASzE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6IjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/Default/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAiB,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAQzE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+HjE,CAAA"}

package/dist/views/Version/Default/index.js

@@ -1,68 +1,61 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Gutter, SetViewActions, useComponentMap, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui';
+import { Gutter, SetViewActions, useConfig, useDocumentInfo, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
 import React, { useState } from 'react';
-import diffComponents from '../RenderFieldsToDiff/fields/index.js';
+import { diffComponents } from '../RenderFieldsToDiff/fields/index.js';
 import RenderFieldsToDiff from '../RenderFieldsToDiff/index.js';
 import Restore from '../Restore/index.js';
 import { SelectComparison } from '../SelectComparison/index.js';
 import { SelectLocales } from '../SelectLocales/index.js';
-import { mostRecentVersionOption } from '../shared.js';
 import { SetStepNav } from './SetStepNav.js';
 const baseClass = 'view-version';
-export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc, localeOptions, mostRecentDoc, publishedDoc, versionID })=>{
-    const config = useConfig();
+export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc, latestDraftVersion, latestPublishedVersion, localeOptions, versionID })=>{
+    const { config, getEntityConfig } = useConfig();
     const { i18n } = useTranslation();
     const { id, collectionSlug, globalSlug } = useDocumentInfo();
-    const { getComponentMap, getFieldMap } = useComponentMap();
-    const componentMap = getComponentMap({
-        collectionSlug,
-        globalSlug
-    });
-    const [fieldMap] = useState(()=>getFieldMap({
-            collectionSlug,
+    const [collectionConfig] = useState(()=>getEntityConfig({
+            collectionSlug
+        }));
+    const [globalConfig] = useState(()=>getEntityConfig({
             globalSlug
         }));
-    const [collectionConfig] = useState(()=>config.collections.find((collection)=>collection.slug === collectionSlug));
-    const [globalConfig] = useState(()=>config.globals.find((global)=>global.slug === globalSlug));
     const [locales, setLocales] = useState(localeOptions);
-    const [compareValue, setCompareValue] = useState(mostRecentVersionOption);
+    const [compareValue, setCompareValue] = useState();
     const { admin: { dateFormat }, localization, routes: { api: apiRoute }, serverURL } = config;
-    const formattedCreatedAt = doc?.createdAt ? formatDate({
-        date: doc.createdAt,
+    const versionCreatedAt = doc?.updatedAt ? formatDate({
+        date: doc.updatedAt,
         i18n,
         pattern: dateFormat
     }) : '';
-    const originalDocFetchURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}${collectionSlug ? `/${id}` : ''}`;
     const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}/versions`;
-    const compareFetchURL = compareValue?.value === 'mostRecent' || compareValue?.value === 'published' ? originalDocFetchURL : `${compareBaseURL}/${compareValue.value}`;
+    const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`;
     const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {
         initialData: initialComparisonDoc,
         initialParams: {
             depth: 1,
             draft: 'true',
-            locale: '*'
+            locale: 'all'
         }
     });
-    const comparison = compareValue?.value === 'mostRecent' ? mostRecentDoc : compareValue?.value === 'published' ? publishedDoc : currentComparisonDoc?.version // the `version` key is only present on `versions` documents
+    const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents
     ;
     const canUpdate = docPermissions?.update?.permission;
+    const localeValues = locales && locales.map((locale)=>locale.value);
     return /*#__PURE__*/ _jsxs("main", {
         className: baseClass,
         children: [
             /*#__PURE__*/ _jsx(SetViewActions, {
-                actions: componentMap?.actionsMap?.Edit?.Version
+                actions: (collectionConfig || globalConfig)?.admin?.components?.views?.edit?.version?.actions
             }),
             /*#__PURE__*/ _jsx(SetStepNav, {
                 collectionConfig: collectionConfig,
                 collectionSlug: collectionSlug,
                 doc: doc,
-                fieldMap: fieldMap,
+                fields: (collectionConfig || globalConfig)?.fields,
                 globalConfig: globalConfig,
                 globalSlug: globalSlug,
-                id: id,
-                mostRecentDoc: mostRecentDoc
+                id: id
             }),
             /*#__PURE__*/ _jsxs(Gutter, {
                 className: `${baseClass}__wrap`,
@@ -80,7 +73,7 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                                 className: `${baseClass}__header`,
                                 children: [
                                     /*#__PURE__*/ _jsx("h2", {
-                                        children: formattedCreatedAt
+                                        children: versionCreatedAt
                                     }),
                                     canUpdate && /*#__PURE__*/ _jsx(Restore, {
                                         className: `${baseClass}__restore`,
@@ -88,7 +81,8 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                                         globalSlug: globalSlug,
                                         label: collectionConfig?.labels.singular || globalConfig?.label,
                                         originalDocID: id,
-                                        versionDate: formattedCreatedAt,
+                                        status: doc?.version?._status,
+                                        versionDate: versionCreatedAt,
                                         versionID: versionID
                                     })
                                 ]
@@ -100,9 +94,10 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                         children: [
                             /*#__PURE__*/ _jsx(SelectComparison, {
                                 baseURL: compareBaseURL,
+                                latestDraftVersion: latestDraftVersion,
+                                latestPublishedVersion: latestPublishedVersion,
                                 onChange: setCompareValue,
                                 parentID: id,
-                                publishedDoc: publishedDoc,
                                 value: compareValue,
                                 versionID: versionID
                             }),
@@ -116,10 +111,10 @@ export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc,
                     doc?.version && /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
                         comparison: comparison,
                         diffComponents: diffComponents,
-                        fieldMap: fieldMap,
                         fieldPermissions: docPermissions?.fields,
+                        fields: (collectionConfig || globalConfig)?.fields,
                         i18n: i18n,
-                        locales: locales ? locales.map(({ label })=>typeof label === 'string' ? label : undefined) : [],
+                        locales: localeValues,
                         version: globalConfig ? {
                             ...doc?.version,
                             createdAt: doc?.version?.createdAt || doc.createdAt,