@payloadcms/next 3.0.0-beta.64 → 3.0.0-beta.65

package/dist/views/Root/meta.js

@@ -0,0 +1,140 @@
+import { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js';
+import { generateAccountMetadata } from '../Account/index.js';
+import { generateCreateFirstUserMetadata } from '../CreateFirstUser/index.js';
+import { generateDashboardMetadata } from '../Dashboard/index.js';
+import { generateDocumentMetadata } from '../Document/meta.js';
+import { generateForgotPasswordMetadata } from '../ForgotPassword/index.js';
+import { generateListMetadata } from '../List/index.js';
+import { generateLoginMetadata } from '../Login/index.js';
+import { generateNotFoundMeta } from '../NotFound/meta.js';
+import { generateResetPasswordMetadata } from '../ResetPassword/index.js';
+import { generateUnauthorizedMetadata } from '../Unauthorized/index.js';
+import { generateVerifyMetadata } from '../Verify/index.js';
+const oneSegmentMeta = {
+    'create-first-user': generateCreateFirstUserMetadata,
+    forgot: generateForgotPasswordMetadata,
+    login: generateLoginMetadata,
+    logout: generateUnauthorizedMetadata,
+    'logout-inactivity': generateUnauthorizedMetadata,
+    unauthorized: generateUnauthorizedMetadata
+};
+export const generatePageMetadata = async ({ config: configPromise, params })=>{
+    const config = await configPromise;
+    const segments = Array.isArray(params.segments) ? params.segments : [];
+    const [segmentOne, segmentTwo] = segments;
+    const isGlobal = segmentOne === 'globals';
+    const isCollection = segmentOne === 'collections';
+    const i18n = await getNextRequestI18n({
+        config
+    });
+    let meta;
+    // TODO: handle custom routes
+    const collectionConfig = isCollection && segments.length > 1 && config?.collections?.find((collection)=>collection.slug === segmentTwo);
+    const globalConfig = isGlobal && segments.length > 1 && config?.globals?.find((global)=>global.slug === segmentTwo);
+    switch(segments.length){
+        case 0:
+            {
+                meta = await generateDashboardMetadata({
+                    config,
+                    i18n
+                });
+                break;
+            }
+        case 1:
+            {
+                if (oneSegmentMeta[segmentOne] && segmentOne !== 'account') {
+                    // --> /create-first-user
+                    // --> /forgot
+                    // --> /login
+                    // --> /logout
+                    // --> /logout-inactivity
+                    // --> /unauthorized
+                    meta = await oneSegmentMeta[segmentOne]({
+                        config,
+                        i18n
+                    });
+                    break;
+                } else if (segmentOne === 'account') {
+                    // --> /account
+                    meta = await generateAccountMetadata({
+                        config,
+                        i18n
+                    });
+                    break;
+                }
+                break;
+            }
+        case 2:
+            {
+                if (segmentOne === 'reset') {
+                    // --> /reset/:token
+                    meta = await generateResetPasswordMetadata({
+                        config,
+                        i18n
+                    });
+                }
+                if (isCollection) {
+                    // --> /collections/:collectionSlug
+                    meta = await generateListMetadata({
+                        collectionConfig,
+                        config,
+                        i18n
+                    });
+                } else if (isGlobal) {
+                    // --> /globals/:globalSlug
+                    meta = await generateDocumentMetadata({
+                        config,
+                        globalConfig,
+                        i18n,
+                        params
+                    });
+                }
+                break;
+            }
+        default:
+            {
+                if (segmentTwo === 'verify') {
+                    // --> /:collectionSlug/verify/:token
+                    meta = await generateVerifyMetadata({
+                        config,
+                        i18n
+                    });
+                } else if (isCollection) {
+                    // Custom Views
+                    // --> /collections/:collectionSlug/:id
+                    // --> /collections/:collectionSlug/:id/preview
+                    // --> /collections/:collectionSlug/:id/versions
+                    // --> /collections/:collectionSlug/:id/versions/:version
+                    // --> /collections/:collectionSlug/:id/api
+                    meta = await generateDocumentMetadata({
+                        collectionConfig,
+                        config,
+                        i18n,
+                        params
+                    });
+                } else if (isGlobal) {
+                    // Custom Views
+                    // --> /globals/:globalSlug/versions
+                    // --> /globals/:globalSlug/versions/:version
+                    // --> /globals/:globalSlug/preview
+                    // --> /globals/:globalSlug/api
+                    meta = await generateDocumentMetadata({
+                        config,
+                        globalConfig,
+                        i18n,
+                        params
+                    });
+                }
+                break;
+            }
+    }
+    if (!meta) {
+        meta = await generateNotFoundMeta({
+            config,
+            i18n
+        });
+    }
+    return meta;
+};
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Root/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedConfig } from 'payload'\n\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { generateAccountMetadata } from '../Account/index.js'\nimport { generateCreateFirstUserMetadata } from '../CreateFirstUser/index.js'\nimport { generateDashboardMetadata } from '../Dashboard/index.js'\nimport { generateDocumentMetadata } from '../Document/meta.js'\nimport { generateForgotPasswordMetadata } from '../ForgotPassword/index.js'\nimport { generateListMetadata } from '../List/index.js'\nimport { generateLoginMetadata } from '../Login/index.js'\nimport { generateNotFoundMeta } from '../NotFound/meta.js'\nimport { generateResetPasswordMetadata } from '../ResetPassword/index.js'\nimport { generateUnauthorizedMetadata } from '../Unauthorized/index.js'\nimport { generateVerifyMetadata } from '../Verify/index.js'\n\nconst oneSegmentMeta = {\n  'create-first-user': generateCreateFirstUserMetadata,\n  forgot: generateForgotPasswordMetadata,\n  login: generateLoginMetadata,\n  logout: generateUnauthorizedMetadata,\n  'logout-inactivity': generateUnauthorizedMetadata,\n  unauthorized: generateUnauthorizedMetadata,\n}\n\ntype Args = {\n  config: Promise<SanitizedConfig>\n  params: {\n    [key: string]: string | string[]\n  }\n  searchParams: {\n    [key: string]: string | string[]\n  }\n}\n\nexport const generatePageMetadata = async ({ config: configPromise, params }: Args) => {\n  const config = await configPromise\n\n  const segments = Array.isArray(params.segments) ? params.segments : []\n\n  const [segmentOne, segmentTwo] = segments\n\n  const isGlobal = segmentOne === 'globals'\n  const isCollection = segmentOne === 'collections'\n\n  const i18n = await getNextRequestI18n({\n    config,\n  })\n\n  let meta: Metadata\n\n  // TODO: handle custom routes\n\n  const collectionConfig =\n    isCollection &&\n    segments.length > 1 &&\n    config?.collections?.find((collection) => collection.slug === segmentTwo)\n\n  const globalConfig =\n    isGlobal && segments.length > 1 && config?.globals?.find((global) => global.slug === segmentTwo)\n\n  switch (segments.length) {\n    case 0: {\n      meta = await generateDashboardMetadata({ config, i18n })\n      break\n    }\n    case 1: {\n      if (oneSegmentMeta[segmentOne] && segmentOne !== 'account') {\n        // --> /create-first-user\n        // --> /forgot\n        // --> /login\n        // --> /logout\n        // --> /logout-inactivity\n        // --> /unauthorized\n        meta = await oneSegmentMeta[segmentOne]({ config, i18n })\n        break\n      } else if (segmentOne === 'account') {\n        // --> /account\n        meta = await generateAccountMetadata({ config, i18n })\n        break\n      }\n      break\n    }\n    case 2: {\n      if (segmentOne === 'reset') {\n        // --> /reset/:token\n        meta = await generateResetPasswordMetadata({ config, i18n })\n      }\n      if (isCollection) {\n        // --> /collections/:collectionSlug\n        meta = await generateListMetadata({ collectionConfig, config, i18n })\n      } else if (isGlobal) {\n        // --> /globals/:globalSlug\n        meta = await generateDocumentMetadata({\n          config,\n          globalConfig,\n          i18n,\n          params,\n        })\n      }\n      break\n    }\n    default: {\n      if (segmentTwo === 'verify') {\n        // --> /:collectionSlug/verify/:token\n        meta = await generateVerifyMetadata({ config, i18n })\n      } else if (isCollection) {\n        // Custom Views\n        // --> /collections/:collectionSlug/:id\n        // --> /collections/:collectionSlug/:id/preview\n        // --> /collections/:collectionSlug/:id/versions\n        // --> /collections/:collectionSlug/:id/versions/:version\n        // --> /collections/:collectionSlug/:id/api\n        meta = await generateDocumentMetadata({ collectionConfig, config, i18n, params })\n      } else if (isGlobal) {\n        // Custom Views\n        // --> /globals/:globalSlug/versions\n        // --> /globals/:globalSlug/versions/:version\n        // --> /globals/:globalSlug/preview\n        // --> /globals/:globalSlug/api\n        meta = await generateDocumentMetadata({\n          config,\n          globalConfig,\n          i18n,\n          params,\n        })\n      }\n      break\n    }\n  }\n\n  if (!meta) {\n    meta = await generateNotFoundMeta({ config, i18n })\n  }\n\n  return meta\n}\n"],"names":["getNextRequestI18n","generateAccountMetadata","generateCreateFirstUserMetadata","generateDashboardMetadata","generateDocumentMetadata","generateForgotPasswordMetadata","generateListMetadata","generateLoginMetadata","generateNotFoundMeta","generateResetPasswordMetadata","generateUnauthorizedMetadata","generateVerifyMetadata","oneSegmentMeta","forgot","login","logout","unauthorized","generatePageMetadata","config","configPromise","params","segments","Array","isArray","segmentOne","segmentTwo","isGlobal","isCollection","i18n","meta","collectionConfig","length","collections","find","collection","slug","globalConfig","globals","global"],"mappings":"AAGA,SAASA,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,uBAAuB,QAAQ,sBAAqB;AAC7D,SAASC,+BAA+B,QAAQ,8BAA6B;AAC7E,SAASC,yBAAyB,QAAQ,wBAAuB;AACjE,SAASC,wBAAwB,QAAQ,sBAAqB;AAC9D,SAASC,8BAA8B,QAAQ,6BAA4B;AAC3E,SAASC,oBAAoB,QAAQ,mBAAkB;AACvD,SAASC,qBAAqB,QAAQ,oBAAmB;AACzD,SAASC,oBAAoB,QAAQ,sBAAqB;AAC1D,SAASC,6BAA6B,QAAQ,4BAA2B;AACzE,SAASC,4BAA4B,QAAQ,2BAA0B;AACvE,SAASC,sBAAsB,QAAQ,qBAAoB;AAE3D,MAAMC,iBAAiB;IACrB,qBAAqBV;IACrBW,QAAQR;IACRS,OAAOP;IACPQ,QAAQL;IACR,qBAAqBA;IACrBM,cAAcN;AAChB;AAYA,OAAO,MAAMO,uBAAuB,OAAO,EAAEC,QAAQC,aAAa,EAAEC,MAAM,EAAQ;IAChF,MAAMF,SAAS,MAAMC;IAErB,MAAME,WAAWC,MAAMC,OAAO,CAACH,OAAOC,QAAQ,IAAID,OAAOC,QAAQ,GAAG,EAAE;IAEtE,MAAM,CAACG,YAAYC,WAAW,GAAGJ;IAEjC,MAAMK,WAAWF,eAAe;IAChC,MAAMG,eAAeH,eAAe;IAEpC,MAAMI,OAAO,MAAM5B,mBAAmB;QACpCkB;IACF;IAEA,IAAIW;IAEJ,6BAA6B;IAE7B,MAAMC,mBACJH,gBACAN,SAASU,MAAM,GAAG,KAClBb,QAAQc,aAAaC,KAAK,CAACC,aAAeA,WAAWC,IAAI,KAAKV;IAEhE,MAAMW,eACJV,YAAYL,SAASU,MAAM,GAAG,KAAKb,QAAQmB,SAASJ,KAAK,CAACK,SAAWA,OAAOH,IAAI,KAAKV;IAEvF,OAAQJ,SAASU,MAAM;QACrB,KAAK;YAAG;gBACNF,OAAO,MAAM1B,0BAA0B;oBAAEe;oBAAQU;gBAAK;gBACtD;YACF;QACA,KAAK;YAAG;gBACN,IAAIhB,cAAc,CAACY,WAAW,IAAIA,eAAe,WAAW;oBAC1D,yBAAyB;oBACzB,cAAc;oBACd,aAAa;oBACb,cAAc;oBACd,yBAAyB;oBACzB,oBAAoB;oBACpBK,OAAO,MAAMjB,cAAc,CAACY,WAAW,CAAC;wBAAEN;wBAAQU;oBAAK;oBACvD;gBACF,OAAO,IAAIJ,eAAe,WAAW;oBACnC,eAAe;oBACfK,OAAO,MAAM5B,wBAAwB;wBAAEiB;wBAAQU;oBAAK;oBACpD;gBACF;gBACA;YACF;QACA,KAAK;YAAG;gBACN,IAAIJ,eAAe,SAAS;oBAC1B,oBAAoB;oBACpBK,OAAO,MAAMpB,8BAA8B;wBAAES;wBAAQU;oBAAK;gBAC5D;gBACA,IAAID,cAAc;oBAChB,mCAAmC;oBACnCE,OAAO,MAAMvB,qBAAqB;wBAAEwB;wBAAkBZ;wBAAQU;oBAAK;gBACrE,OAAO,IAAIF,UAAU;oBACnB,2BAA2B;oBAC3BG,OAAO,MAAMzB,yBAAyB;wBACpCc;wBACAkB;wBACAR;wBACAR;oBACF;gBACF;gBACA;YACF;QACA;YAAS;gBACP,IAAIK,eAAe,UAAU;oBAC3B,qCAAqC;oBACrCI,OAAO,MAAMlB,uBAAuB;wBAAEO;wBAAQU;oBAAK;gBACrD,OAAO,IAAID,cAAc;oBACvB,eAAe;oBACf,uCAAuC;oBACvC,+CAA+C;oBAC/C,gDAAgD;oBAChD,yDAAyD;oBACzD,2CAA2C;oBAC3CE,OAAO,MAAMzB,yBAAyB;wBAAE0B;wBAAkBZ;wBAAQU;wBAAMR;oBAAO;gBACjF,OAAO,IAAIM,UAAU;oBACnB,eAAe;oBACf,oCAAoC;oBACpC,6CAA6C;oBAC7C,mCAAmC;oBACnC,+BAA+B;oBAC/BG,OAAO,MAAMzB,yBAAyB;wBACpCc;wBACAkB;wBACAR;wBACAR;oBACF;gBACF;gBACA;YACF;IACF;IAEA,IAAI,CAACS,MAAM;QACTA,OAAO,MAAMrB,qBAAqB;YAAEU;YAAQU;QAAK;IACnD;IAEA,OAAOC;AACT,EAAC"}

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

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

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

@@ -0,0 +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"}

package/dist/views/Unauthorized/index.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Gutter } from '@payloadcms/ui';
+import LinkImport from 'next/link.js';
+import React from 'react';
+const Link = LinkImport.default || LinkImport;
+export { generateUnauthorizedMetadata } from './meta.js';
+const baseClass = 'unauthorized';
+export const UnauthorizedView = ({ initPageResult })=>{
+    const { req: { i18n, payload: { config: { admin: { routes: { logout: logoutRoute } } } } } } = initPageResult;
+    return /*#__PURE__*/ _jsxs(Gutter, {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                children: i18n.t('error:unauthorized')
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                children: i18n.t('error:notAllowedToAccessPage')
+            }),
+            /*#__PURE__*/ _jsx(Button, {
+                Link: Link,
+                className: `${baseClass}__button`,
+                el: "link",
+                to: logoutRoute,
+                children: i18n.t('authentication:logOut')
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+import type { GenerateViewMetadata } from '../Root/index.js';
+export declare const generateUnauthorizedMetadata: GenerateViewMetadata;
+//# sourceMappingURL=meta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Unauthorized/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,4BAA4B,EAAE,oBAOvC,CAAA"}

package/dist/views/Unauthorized/meta.js

@@ -0,0 +1,10 @@
+import { meta } from '../../utilities/meta.js';
+export const generateUnauthorizedMetadata = async ({ config, i18n: { t } })=>meta({
+        description: t('error:unauthorized'),
+        keywords: t('error:unauthorized'),
+        serverURL: config.serverURL,
+        title: t('error:unauthorized'),
+        ...config.admin.meta || {}
+    });
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Unauthorized/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateUnauthorizedMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: t('error:unauthorized'),\n    keywords: t('error:unauthorized'),\n    serverURL: config.serverURL,\n    title: t('error:unauthorized'),\n    ...(config.admin.meta || {}),\n  })\n"],"names":["meta","generateUnauthorizedMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,+BAAqD,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE,GAC9FJ,KAAK;QACHK,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;QACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;IAC7B,GAAE"}

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

@@ -0,0 +1,7 @@
+import type { AdminViewProps } from 'payload';
+import React from 'react';
+import './index.scss';
+export declare const verifyBaseClass = "verify";
+export { generateVerifyMetadata } from './meta.js';
+export declare const Verify: React.FC<AdminViewProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/views/Verify/index.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { redirect } from 'next/navigation.js';
+import React from 'react';
+import { Logo } from '../../elements/Logo/index.js';
+export const verifyBaseClass = 'verify';
+export { generateVerifyMetadata } from './meta.js';
+export const Verify = async ({ initPageResult, params, searchParams })=>{
+    // /:collectionSlug/verify/:token
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [collectionSlug, verify, token] = params.segments;
+    const { locale, permissions, req } = initPageResult;
+    const { i18n, payload: { config }, payload, user } = req;
+    const { routes: { admin: adminRoute } } = config;
+    let textToRender;
+    try {
+        await req.payload.verifyEmail({
+            collection: collectionSlug,
+            token
+        });
+        return redirect(`${adminRoute}/login`);
+    } catch (e) {
+        // already verified
+        if (e?.status === 202) redirect(`${adminRoute}/login`);
+        textToRender = req.t('authentication:unableToVerify');
+    }
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: `${verifyBaseClass}__brand`,
+                children: /*#__PURE__*/ _jsx(Logo, {
+                    i18n: i18n,
+                    locale: locale,
+                    params: params,
+                    payload: payload,
+                    permissions: permissions,
+                    searchParams: searchParams,
+                    user: user
+                })
+            }),
+            /*#__PURE__*/ _jsx("h2", {
+                children: textToRender
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/views/Verify/meta.d.ts

@@ -0,0 +1,3 @@
+import type { GenerateViewMetadata } from '../Root/index.js';
+export declare const generateVerifyMetadata: GenerateViewMetadata;
+//# sourceMappingURL=meta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/Verify/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,sBAAsB,EAAE,oBAOjC,CAAA"}

package/dist/views/Verify/meta.js

@@ -0,0 +1,10 @@
+import { meta } from '../../utilities/meta.js';
+export const generateVerifyMetadata = async ({ config, i18n: { t } })=>meta({
+        description: t('authentication:verifyUser'),
+        keywords: t('authentication:verify'),
+        serverURL: config.serverURL,
+        title: t('authentication:verify'),
+        ...config.admin.meta || {}
+    });
+
+//# sourceMappingURL=meta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/views/Verify/meta.ts"],"sourcesContent":["import type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateVerifyMetadata: GenerateViewMetadata = async ({ config, i18n: { t } }) =>\n  meta({\n    description: t('authentication:verifyUser'),\n    keywords: t('authentication:verify'),\n    serverURL: config.serverURL,\n    title: t('authentication:verify'),\n    ...(config.admin.meta || {}),\n  })\n"],"names":["meta","generateVerifyMetadata","config","i18n","t","description","keywords","serverURL","title","admin"],"mappings":"AAEA,SAASA,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,yBAA+C,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAEC,CAAC,EAAE,EAAE,GACxFJ,KAAK;QACHK,aAAaD,EAAE;QACfE,UAAUF,EAAE;QACZG,WAAWL,OAAOK,SAAS;QAC3BC,OAAOJ,EAAE;QACT,GAAIF,OAAOO,KAAK,CAACT,IAAI,IAAI,CAAC,CAAC;IAC7B,GAAE"}

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

@@ -0,0 +1,13 @@
+import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
+import type { ClientCollectionConfig, 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;
+}>;
+//# sourceMappingURL=SetStepNav.d.ts.map

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

@@ -0,0 +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;CACrB,CAmGA,CAAA"}

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

@@ -0,0 +1,97 @@
+import { getTranslation } from '@payloadcms/translations';
+import { useConfig, useLocale, useStepNav, useTranslation } from '@payloadcms/ui';
+import { formatDate } from '@payloadcms/ui/shared';
+import { useEffect } from 'react';
+export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap, globalConfig, globalSlug })=>{
+    const config = useConfig();
+    const { setStepNav } = useStepNav();
+    const { i18n, t } = useTranslation();
+    const locale = useLocale();
+    useEffect(()=>{
+        let nav = [];
+        const { admin: { dateFormat }, routes: { admin: adminRoute } } = config;
+        if (collectionSlug) {
+            let docLabel = '';
+            const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
+            const pluralLabel = collectionConfig?.labels?.plural;
+            const formattedDoc = doc.version ? doc.version : doc;
+            if (formattedDoc) {
+                if (useAsTitle !== 'id') {
+                    const titleField = fieldMap.find((f)=>{
+                        const { isFieldAffectingData } = f;
+                        const fieldName = 'name' in f ? f.name : undefined;
+                        return Boolean(isFieldAffectingData && fieldName === useAsTitle);
+                    });
+                    if (titleField && formattedDoc[useAsTitle]) {
+                        if (titleField.localized) {
+                            docLabel = formattedDoc[useAsTitle]?.[locale.code];
+                        } else {
+                            docLabel = formattedDoc[useAsTitle];
+                        }
+                    } else {
+                        docLabel = `[${t('general:untitled')}]`;
+                    }
+                } else {
+                    docLabel = doc.id;
+                }
+            }
+            nav = [
+                {
+                    label: getTranslation(pluralLabel, i18n),
+                    url: `${adminRoute}/collections/${collectionSlug}`
+                },
+                {
+                    label: docLabel,
+                    url: `${adminRoute}/collections/${collectionSlug}/${id}`
+                },
+                {
+                    label: 'Versions',
+                    url: `${adminRoute}/collections/${collectionSlug}/${id}/versions`
+                },
+                {
+                    label: doc?.createdAt ? formatDate({
+                        date: doc.createdAt,
+                        i18n,
+                        pattern: dateFormat
+                    }) : ''
+                }
+            ];
+        }
+        if (globalSlug) {
+            nav = [
+                {
+                    label: globalConfig.label,
+                    url: `${adminRoute}/globals/${globalConfig.slug}`
+                },
+                {
+                    label: 'Versions',
+                    url: `${adminRoute}/globals/${globalConfig.slug}/versions`
+                },
+                {
+                    label: doc?.createdAt ? formatDate({
+                        date: doc.createdAt,
+                        i18n,
+                        pattern: dateFormat
+                    }) : ''
+                }
+            ];
+        }
+        setStepNav(nav);
+    }, [
+        config,
+        setStepNav,
+        collectionSlug,
+        globalSlug,
+        doc,
+        id,
+        locale,
+        t,
+        i18n,
+        collectionConfig,
+        fieldMap,
+        globalConfig
+    ]);
+    return null;
+};
+
+//# sourceMappingURL=SetStepNav.js.map

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

@@ -0,0 +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}> = ({ id, collectionConfig, collectionSlug, doc, fieldMap, 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 = 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 && formattedDoc[useAsTitle]) {\n            if (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: `${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    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","config","setStepNav","i18n","t","locale","nav","admin","dateFormat","routes","adminRoute","docLabel","useAsTitle","pluralLabel","labels","plural","formattedDoc","version","titleField","find","f","isFieldAffectingData","fieldName","name","undefined","Boolean","localized","code","label","url","createdAt","date","pattern","slug"],"mappings":"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"}

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

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

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

@@ -0,0 +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;AAQzE,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkIjE,CAAA"}

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

@@ -0,0 +1,133 @@
+'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 { formatDate } from '@payloadcms/ui/shared';
+import React, { useState } from 'react';
+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 { SetStepNav } from './SetStepNav.js';
+const baseClass = 'view-version';
+export const DefaultVersionView = ({ doc, docPermissions, initialComparisonDoc, latestDraftVersion, latestPublishedVersion, localeOptions, versionID })=>{
+    const config = useConfig();
+    const { i18n } = useTranslation();
+    const { id, collectionSlug, globalSlug } = useDocumentInfo();
+    const { getComponentMap, getFieldMap } = useComponentMap();
+    const componentMap = getComponentMap({
+        collectionSlug,
+        globalSlug
+    });
+    const [fieldMap] = useState(()=>getFieldMap({
+            collectionSlug,
+            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();
+    const { admin: { dateFormat }, localization, routes: { api: apiRoute }, serverURL } = config;
+    const versionCreatedAt = doc?.updatedAt ? formatDate({
+        date: doc.updatedAt,
+        i18n,
+        pattern: dateFormat
+    }) : '';
+    const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${collectionSlug || globalSlug}/versions`;
+    const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`;
+    const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {
+        initialData: initialComparisonDoc,
+        initialParams: {
+            depth: 1,
+            draft: 'true',
+            locale: '*'
+        }
+    });
+    const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents
+    ;
+    const canUpdate = docPermissions?.update?.permission;
+    return /*#__PURE__*/ _jsxs("main", {
+        className: baseClass,
+        children: [
+            /*#__PURE__*/ _jsx(SetViewActions, {
+                actions: componentMap?.actionsMap?.Edit?.Version
+            }),
+            /*#__PURE__*/ _jsx(SetStepNav, {
+                collectionConfig: collectionConfig,
+                collectionSlug: collectionSlug,
+                doc: doc,
+                fieldMap: fieldMap,
+                globalConfig: globalConfig,
+                globalSlug: globalSlug,
+                id: id
+            }),
+            /*#__PURE__*/ _jsxs(Gutter, {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__header-wrap`,
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                className: `${baseClass}__created-at`,
+                                children: i18n.t('version:versionCreatedOn', {
+                                    version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version')
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("header", {
+                                className: `${baseClass}__header`,
+                                children: [
+                                    /*#__PURE__*/ _jsx("h2", {
+                                        children: versionCreatedAt
+                                    }),
+                                    canUpdate && /*#__PURE__*/ _jsx(Restore, {
+                                        className: `${baseClass}__restore`,
+                                        collectionSlug: collectionSlug,
+                                        globalSlug: globalSlug,
+                                        label: collectionConfig?.labels.singular || globalConfig?.label,
+                                        originalDocID: id,
+                                        versionDate: versionCreatedAt,
+                                        versionID: versionID
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__controls`,
+                        children: [
+                            /*#__PURE__*/ _jsx(SelectComparison, {
+                                baseURL: compareBaseURL,
+                                latestDraftVersion: latestDraftVersion,
+                                latestPublishedVersion: latestPublishedVersion,
+                                onChange: setCompareValue,
+                                parentID: id,
+                                value: compareValue,
+                                versionID: versionID
+                            }),
+                            localization && /*#__PURE__*/ _jsx(SelectLocales, {
+                                onChange: setLocales,
+                                options: localeOptions,
+                                value: locales
+                            })
+                        ]
+                    }),
+                    doc?.version && /*#__PURE__*/ _jsx(RenderFieldsToDiff, {
+                        comparison: comparison,
+                        diffComponents: diffComponents,
+                        fieldMap: fieldMap,
+                        fieldPermissions: docPermissions?.fields,
+                        i18n: i18n,
+                        locales: locales ? locales.map(({ label })=>typeof label === 'string' ? label : undefined) : [],
+                        version: globalConfig ? {
+                            ...doc?.version,
+                            createdAt: doc?.version?.createdAt || doc.createdAt,
+                            updatedAt: doc?.version?.updatedAt || doc.updatedAt
+                        } : doc?.version
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/views/Version/Default/index.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload'\n\nimport {\n  Gutter,\n  SetViewActions,\n  useComponentMap,\n  useConfig,\n  useDocumentInfo,\n  usePayloadAPI,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React, { useState } from 'react'\n\nimport type { CompareOption, DefaultVersionsViewProps } from './types.js'\n\nimport diffComponents from '../RenderFieldsToDiff/fields/index.js'\nimport RenderFieldsToDiff from '../RenderFieldsToDiff/index.js'\nimport Restore from '../Restore/index.js'\nimport { SelectComparison } from '../SelectComparison/index.js'\nimport { SelectLocales } from '../SelectLocales/index.js'\nimport { SetStepNav } from './SetStepNav.js'\nimport './index.scss'\n\nconst baseClass = 'view-version'\n\nexport const DefaultVersionView: React.FC<DefaultVersionsViewProps> = ({\n  doc,\n  docPermissions,\n  initialComparisonDoc,\n  latestDraftVersion,\n  latestPublishedVersion,\n  localeOptions,\n  versionID,\n}) => {\n  const config = useConfig()\n\n  const { i18n } = useTranslation()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap, getFieldMap } = useComponentMap()\n\n  const componentMap = getComponentMap({ collectionSlug, globalSlug })\n\n  const [fieldMap] = useState(() => getFieldMap({ collectionSlug, globalSlug }))\n\n  const [collectionConfig] = useState(() =>\n    config.collections.find((collection) => collection.slug === collectionSlug),\n  )\n\n  const [globalConfig] = useState(() => config.globals.find((global) => global.slug === globalSlug))\n\n  const [locales, setLocales] = useState<OptionObject[]>(localeOptions)\n\n  const [compareValue, setCompareValue] = useState<CompareOption>()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const versionCreatedAt = doc?.updatedAt\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : ''\n\n  const compareBaseURL = `${serverURL}${apiRoute}/${globalSlug ? 'globals/' : ''}${\n    collectionSlug || globalSlug\n  }/versions`\n\n  const compareFetchURL = compareValue?.value && `${compareBaseURL}/${compareValue.value}`\n\n  const [{ data: currentComparisonDoc }] = usePayloadAPI(compareFetchURL, {\n    initialData: initialComparisonDoc,\n    initialParams: { depth: 1, draft: 'true', locale: '*' },\n  })\n\n  const comparison = compareValue?.value && currentComparisonDoc?.version // the `version` key is only present on `versions` documents\n\n  const canUpdate = docPermissions?.update?.permission\n\n  return (\n    <main className={baseClass}>\n      <SetViewActions actions={componentMap?.actionsMap?.Edit?.Version} />\n      <SetStepNav\n        collectionConfig={collectionConfig}\n        collectionSlug={collectionSlug}\n        doc={doc}\n        fieldMap={fieldMap}\n        globalConfig={globalConfig}\n        globalSlug={globalSlug}\n        id={id}\n      />\n      <Gutter className={`${baseClass}__wrap`}>\n        <div className={`${baseClass}__header-wrap`}>\n          <p className={`${baseClass}__created-at`}>\n            {i18n.t('version:versionCreatedOn', {\n              version: i18n.t(doc?.autosave ? 'version:autosavedVersion' : 'version:version'),\n            })}\n          </p>\n          <header className={`${baseClass}__header`}>\n            <h2>{versionCreatedAt}</h2>\n            {canUpdate && (\n              <Restore\n                className={`${baseClass}__restore`}\n                collectionSlug={collectionSlug}\n                globalSlug={globalSlug}\n                label={collectionConfig?.labels.singular || globalConfig?.label}\n                originalDocID={id}\n                versionDate={versionCreatedAt}\n                versionID={versionID}\n              />\n            )}\n          </header>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <SelectComparison\n            baseURL={compareBaseURL}\n            latestDraftVersion={latestDraftVersion}\n            latestPublishedVersion={latestPublishedVersion}\n            onChange={setCompareValue}\n            parentID={id}\n            value={compareValue}\n            versionID={versionID}\n          />\n          {localization && (\n            <SelectLocales onChange={setLocales} options={localeOptions} value={locales} />\n          )}\n        </div>\n        {doc?.version && (\n          <RenderFieldsToDiff\n            comparison={comparison}\n            diffComponents={diffComponents}\n            fieldMap={fieldMap}\n            fieldPermissions={docPermissions?.fields}\n            i18n={i18n}\n            locales={\n              locales\n                ? locales.map(({ label }) => (typeof label === 'string' ? label : undefined))\n                : []\n            }\n            version={\n              globalConfig\n                ? {\n                    ...doc?.version,\n                    createdAt: doc?.version?.createdAt || doc.createdAt,\n                    updatedAt: doc?.version?.updatedAt || doc.updatedAt,\n                  }\n                : doc?.version\n            }\n          />\n        )}\n      </Gutter>\n    </main>\n  )\n}\n"],"names":["Gutter","SetViewActions","useComponentMap","useConfig","useDocumentInfo","usePayloadAPI","useTranslation","formatDate","React","useState","diffComponents","RenderFieldsToDiff","Restore","SelectComparison","SelectLocales","SetStepNav","baseClass","DefaultVersionView","doc","docPermissions","initialComparisonDoc","latestDraftVersion","latestPublishedVersion","localeOptions","versionID","config","i18n","id","collectionSlug","globalSlug","getComponentMap","getFieldMap","componentMap","fieldMap","collectionConfig","collections","find","collection","slug","globalConfig","globals","global","locales","setLocales","compareValue","setCompareValue","admin","dateFormat","localization","routes","api","apiRoute","serverURL","versionCreatedAt","updatedAt","date","pattern","compareBaseURL","compareFetchURL","value","data","currentComparisonDoc","initialData","initialParams","depth","draft","locale","comparison","version","canUpdate","update","permission","main","className","actions","actionsMap","Edit","Version","div","p","t","autosave","header","h2","label","labels","singular","originalDocID","versionDate","baseURL","onChange","parentID","options","fieldPermissions","fields","map","undefined","createdAt"],"mappings":"AAAA;;AAGA,SACEA,MAAM,EACNC,cAAc,EACdC,eAAe,EACfC,SAAS,EACTC,eAAe,EACfC,aAAa,EACbC,cAAc,QACT,iBAAgB;AACvB,SAASC,UAAU,QAAQ,wBAAuB;AAClD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,OAAOC,oBAAoB,wCAAuC;AAClE,OAAOC,wBAAwB,iCAAgC;AAC/D,OAAOC,aAAa,sBAAqB;AACzC,SAASC,gBAAgB,QAAQ,+BAA8B;AAC/D,SAASC,aAAa,QAAQ,4BAA2B;AACzD,SAASC,UAAU,QAAQ,kBAAiB;AAG5C,MAAMC,YAAY;AAElB,OAAO,MAAMC,qBAAyD,CAAC,EACrEC,GAAG,EACHC,cAAc,EACdC,oBAAoB,EACpBC,kBAAkB,EAClBC,sBAAsB,EACtBC,aAAa,EACbC,SAAS,EACV;IACC,MAAMC,SAAStB;IAEf,MAAM,EAAEuB,IAAI,EAAE,GAAGpB;IACjB,MAAM,EAAEqB,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGzB;IAE3C,MAAM,EAAE0B,eAAe,EAAEC,WAAW,EAAE,GAAG7B;IAEzC,MAAM8B,eAAeF,gBAAgB;QAAEF;QAAgBC;IAAW;IAElE,MAAM,CAACI,SAAS,GAAGxB,SAAS,IAAMsB,YAAY;YAAEH;YAAgBC;QAAW;IAE3E,MAAM,CAACK,iBAAiB,GAAGzB,SAAS,IAClCgB,OAAOU,WAAW,CAACC,IAAI,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKV;IAG9D,MAAM,CAACW,aAAa,GAAG9B,SAAS,IAAMgB,OAAOe,OAAO,CAACJ,IAAI,CAAC,CAACK,SAAWA,OAAOH,IAAI,KAAKT;IAEtF,MAAM,CAACa,SAASC,WAAW,GAAGlC,SAAyBc;IAEvD,MAAM,CAACqB,cAAcC,gBAAgB,GAAGpC;IAExC,MAAM,EACJqC,OAAO,EAAEC,UAAU,EAAE,EACrBC,YAAY,EACZC,QAAQ,EAAEC,KAAKC,QAAQ,EAAE,EACzBC,SAAS,EACV,GAAG3B;IAEJ,MAAM4B,mBAAmBnC,KAAKoC,YAC1B/C,WAAW;QAAEgD,MAAMrC,IAAIoC,SAAS;QAAE5B;QAAM8B,SAAST;IAAW,KAC5D;IAEJ,MAAMU,iBAAiB,CAAC,EAAEL,UAAU,EAAED,SAAS,CAAC,EAAEtB,aAAa,aAAa,GAAG,EAC7ED,kBAAkBC,WACnB,SAAS,CAAC;IAEX,MAAM6B,kBAAkBd,cAAce,SAAS,CAAC,EAAEF,eAAe,CAAC,EAAEb,aAAae,KAAK,CAAC,CAAC;IAExF,MAAM,CAAC,EAAEC,MAAMC,oBAAoB,EAAE,CAAC,GAAGxD,cAAcqD,iBAAiB;QACtEI,aAAa1C;QACb2C,eAAe;YAAEC,OAAO;YAAGC,OAAO;YAAQC,QAAQ;QAAI;IACxD;IAEA,MAAMC,aAAavB,cAAce,SAASE,sBAAsBO,QAAQ,4DAA4D;;IAEpI,MAAMC,YAAYlD,gBAAgBmD,QAAQC;IAE1C,qBACE,MAACC;QAAKC,WAAWzD;;0BACf,KAACf;gBAAeyE,SAAS1C,cAAc2C,YAAYC,MAAMC;;0BACzD,KAAC9D;gBACCmB,kBAAkBA;gBAClBN,gBAAgBA;gBAChBV,KAAKA;gBACLe,UAAUA;gBACVM,cAAcA;gBACdV,YAAYA;gBACZF,IAAIA;;0BAEN,MAAC3B;gBAAOyE,WAAW,CAAC,EAAEzD,UAAU,MAAM,CAAC;;kCACrC,MAAC8D;wBAAIL,WAAW,CAAC,EAAEzD,UAAU,aAAa,CAAC;;0CACzC,KAAC+D;gCAAEN,WAAW,CAAC,EAAEzD,UAAU,YAAY,CAAC;0CACrCU,KAAKsD,CAAC,CAAC,4BAA4B;oCAClCZ,SAAS1C,KAAKsD,CAAC,CAAC9D,KAAK+D,WAAW,6BAA6B;gCAC/D;;0CAEF,MAACC;gCAAOT,WAAW,CAAC,EAAEzD,UAAU,QAAQ,CAAC;;kDACvC,KAACmE;kDAAI9B;;oCACJgB,2BACC,KAACzD;wCACC6D,WAAW,CAAC,EAAEzD,UAAU,SAAS,CAAC;wCAClCY,gBAAgBA;wCAChBC,YAAYA;wCACZuD,OAAOlD,kBAAkBmD,OAAOC,YAAY/C,cAAc6C;wCAC1DG,eAAe5D;wCACf6D,aAAanC;wCACb7B,WAAWA;;;;;;kCAKnB,MAACsD;wBAAIL,WAAW,CAAC,EAAEzD,UAAU,UAAU,CAAC;;0CACtC,KAACH;gCACC4E,SAAShC;gCACTpC,oBAAoBA;gCACpBC,wBAAwBA;gCACxBoE,UAAU7C;gCACV8C,UAAUhE;gCACVgC,OAAOf;gCACPpB,WAAWA;;4BAEZwB,8BACC,KAAClC;gCAAc4E,UAAU/C;gCAAYiD,SAASrE;gCAAeoC,OAAOjB;;;;oBAGvExB,KAAKkD,yBACJ,KAACzD;wBACCwD,YAAYA;wBACZzD,gBAAgBA;wBAChBuB,UAAUA;wBACV4D,kBAAkB1E,gBAAgB2E;wBAClCpE,MAAMA;wBACNgB,SACEA,UACIA,QAAQqD,GAAG,CAAC,CAAC,EAAEX,KAAK,EAAE,GAAM,OAAOA,UAAU,WAAWA,QAAQY,aAChE,EAAE;wBAER5B,SACE7B,eACI;4BACE,GAAGrB,KAAKkD,OAAO;4BACf6B,WAAW/E,KAAKkD,SAAS6B,aAAa/E,IAAI+E,SAAS;4BACnD3C,WAAWpC,KAAKkD,SAASd,aAAapC,IAAIoC,SAAS;wBACrD,IACApC,KAAKkD;;;;;;AAOvB,EAAC"}