@payloadcms/next 3.0.0-canary.7660f90 → 3.0.0-canary.83a688a

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

@@ -2,11 +2,11 @@ import type { groupNavItems } from '@payloadcms/ui/shared';
 import type { Permissions, ServerProps, VisibleEntities } from 'payload';
 import React from 'react';
 import './index.scss';
-export type DashboardProps = ServerProps & {
+export type DashboardProps = {
     Link: React.ComponentType<any>;
     navGroups?: ReturnType<typeof groupNavItems>;
     permissions: Permissions;
     visibleEntities: VisibleEntities;
-};
+} & ServerProps;
 export declare const DefaultDashboard: React.FC<DashboardProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKxE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyIrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Dashboard/Default/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKxE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,eAAe,CAAA;CACjC,GAAG,WAAW,CAAA;AAEf,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyIrD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport { EntityType, WithServerSideProps } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = ServerProps & {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n}\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const BeforeDashboards = Array.isArray(beforeDashboard)\n    ? beforeDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  const AfterDashboards = Array.isArray(afterDashboard)\n    ? afterDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component) => Component)}\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n                        href = `${adminRoute}/collections/${entity.slug}`\n                        createHREF = `${adminRoute}/collections/${entity.slug}/create`\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n                        href = `${adminRoute}/globals/${entity.slug}`\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        {Array.isArray(AfterDashboards) && AfterDashboards.map((Component) => Component)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","WithServerSideProps","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","BeforeDashboards","Array","isArray","map","Component","i","serverOnlyProps","AfterDashboards","div","className","nav","actions","length","p","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Dashboard/Default/index.tsx"],"sourcesContent":["import type { groupNavItems } from '@payloadcms/ui/shared'\nimport type { Permissions, ServerProps, VisibleEntities } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { Button, Card, Gutter, SetStepNav, SetViewActions } from '@payloadcms/ui'\nimport { EntityType, WithServerSideProps } from '@payloadcms/ui/shared'\nimport React, { Fragment } from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'dashboard'\n\nexport type DashboardProps = {\n  Link: React.ComponentType<any>\n  navGroups?: ReturnType<typeof groupNavItems>\n  permissions: Permissions\n  visibleEntities: VisibleEntities\n} & ServerProps\n\nexport const DefaultDashboard: React.FC<DashboardProps> = (props) => {\n  const {\n    Link,\n    i18n,\n    i18n: { t },\n    locale,\n    navGroups,\n    params,\n    payload: {\n      config: {\n        admin: {\n          components: { afterDashboard, beforeDashboard },\n        },\n        routes: { admin: adminRoute },\n      },\n    },\n    payload,\n    permissions,\n    searchParams,\n    user,\n  } = props\n\n  const BeforeDashboards = Array.isArray(beforeDashboard)\n    ? beforeDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  const AfterDashboards = Array.isArray(afterDashboard)\n    ? afterDashboard.map((Component, i) => (\n        <WithServerSideProps\n          Component={Component}\n          key={i}\n          serverOnlyProps={{\n            i18n,\n            locale,\n            params,\n            payload,\n            permissions,\n            searchParams,\n            user,\n          }}\n        />\n      ))\n    : null\n\n  return (\n    <div className={baseClass}>\n      <SetStepNav nav={[]} />\n      <SetViewActions actions={[]} />\n      <Gutter className={`${baseClass}__wrap`}>\n        {Array.isArray(BeforeDashboards) && BeforeDashboards.map((Component) => Component)}\n        <Fragment>\n          <SetViewActions actions={[]} />\n          {!navGroups || navGroups?.length === 0 ? (\n            <p>no nav groups....</p>\n          ) : (\n            navGroups.map(({ entities, label }, groupIndex) => {\n              return (\n                <div className={`${baseClass}__group`} key={groupIndex}>\n                  <h2 className={`${baseClass}__label`}>{label}</h2>\n                  <ul className={`${baseClass}__card-list`}>\n                    {entities.map(({ type, entity }, entityIndex) => {\n                      let title: string\n                      let buttonAriaLabel: string\n                      let createHREF: string\n                      let href: string\n                      let hasCreatePermission: boolean\n\n                      if (type === EntityType.collection) {\n                        title = getTranslation(entity.labels.plural, i18n)\n                        buttonAriaLabel = t('general:showAllLabel', { label: title })\n                        href = `${adminRoute}/collections/${entity.slug}`\n                        createHREF = `${adminRoute}/collections/${entity.slug}/create`\n                        hasCreatePermission =\n                          permissions?.collections?.[entity.slug]?.create?.permission\n                      }\n\n                      if (type === EntityType.global) {\n                        title = getTranslation(entity.label, i18n)\n                        buttonAriaLabel = t('general:editLabel', {\n                          label: getTranslation(entity.label, i18n),\n                        })\n                        href = `${adminRoute}/globals/${entity.slug}`\n                      }\n\n                      return (\n                        <li key={entityIndex}>\n                          <Card\n                            Link={Link}\n                            actions={\n                              hasCreatePermission && type === EntityType.collection ? (\n                                <Button\n                                  Link={Link}\n                                  aria-label={t('general:createNewLabel', {\n                                    label: getTranslation(entity.labels.singular, i18n),\n                                  })}\n                                  buttonStyle=\"icon-label\"\n                                  el=\"link\"\n                                  icon=\"plus\"\n                                  iconStyle=\"with-border\"\n                                  round\n                                  to={createHREF}\n                                />\n                              ) : undefined\n                            }\n                            buttonAriaLabel={buttonAriaLabel}\n                            href={href}\n                            id={`card-${entity.slug}`}\n                            title={title}\n                            titleAs=\"h3\"\n                          />\n                        </li>\n                      )\n                    })}\n                  </ul>\n                </div>\n              )\n            })\n          )}\n        </Fragment>\n        {Array.isArray(AfterDashboards) && AfterDashboards.map((Component) => Component)}\n      </Gutter>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Card","Gutter","SetStepNav","SetViewActions","EntityType","WithServerSideProps","React","Fragment","baseClass","DefaultDashboard","props","Link","i18n","t","locale","navGroups","params","payload","config","admin","components","afterDashboard","beforeDashboard","routes","adminRoute","permissions","searchParams","user","BeforeDashboards","Array","isArray","map","Component","i","serverOnlyProps","AfterDashboards","div","className","nav","actions","length","p","entities","label","groupIndex","h2","ul","type","entity","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","collection","labels","plural","slug","collections","create","permission","global","li","aria-label","singular","buttonStyle","el","icon","iconStyle","round","to","undefined","id","titleAs"],"mappings":"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"}

package/dist/views/Document/getDocumentData.js

@@ -1,5 +1,5 @@
-import { reduceFieldsToValues } from '@payloadcms/ui/shared';
 import { buildFormState } from '@payloadcms/ui/utilities/buildFormState';
+import { reduceFieldsToValues } from 'payload/shared';
 export const getDocumentData = async (args)=>{
     const { id, collectionConfig, globalConfig, locale, req } = args;
     try {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/getDocumentData.tsx"],"sourcesContent":["import type {\n  Data,\n  Locale,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { reduceFieldsToValues } from '@payloadcms/ui/shared'\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\n\nexport const getDocumentData = async (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  id?: number | string\n  locale: Locale\n  req: PayloadRequest\n}): Promise<Data> => {\n  const { id, collectionConfig, globalConfig, locale, req } = args\n\n  try {\n    const formState = await buildFormState({\n      req: {\n        ...req,\n        data: {\n          id,\n          collectionSlug: collectionConfig?.slug,\n          globalSlug: globalConfig?.slug,\n          locale: locale?.code,\n          operation: (collectionConfig && id) || globalConfig ? 'update' : 'create',\n          schemaPath: collectionConfig?.slug || globalConfig?.slug,\n        },\n      },\n    })\n\n    const data = reduceFieldsToValues(formState, true)\n\n    return {\n      data,\n      formState,\n    }\n  } catch (error) {\n    console.error('Error getting document data', error) // eslint-disable-line no-console\n    return {}\n  }\n}\n"],"names":["reduceFieldsToValues","buildFormState","getDocumentData","args","id","collectionConfig","globalConfig","locale","req","formState","data","collectionSlug","slug","globalSlug","code","operation","schemaPath","error","console"],"mappings":"AAQA,SAASA,oBAAoB,QAAQ,wBAAuB;AAC5D,SAASC,cAAc,QAAQ,0CAAyC;AAExE,OAAO,MAAMC,kBAAkB,OAAOC;IAOpC,MAAM,EAAEC,EAAE,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,MAAM,EAAEC,GAAG,EAAE,GAAGL;IAE5D,IAAI;QACF,MAAMM,YAAY,MAAMR,eAAe;YACrCO,KAAK;gBACH,GAAGA,GAAG;gBACNE,MAAM;oBACJN;oBACAO,gBAAgBN,kBAAkBO;oBAClCC,YAAYP,cAAcM;oBAC1BL,QAAQA,QAAQO;oBAChBC,WAAW,AAACV,oBAAoBD,MAAOE,eAAe,WAAW;oBACjEU,YAAYX,kBAAkBO,QAAQN,cAAcM;gBACtD;YACF;QACF;QAEA,MAAMF,OAAOV,qBAAqBS,WAAW;QAE7C,OAAO;YACLC;YACAD;QACF;IACF,EAAE,OAAOQ,OAAO;QACdC,QAAQD,KAAK,CAAC,+BAA+BA,OAAO,iCAAiC;;QACrF,OAAO,CAAC;IACV;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/Document/getDocumentData.tsx"],"sourcesContent":["import type {\n  Data,\n  Locale,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n} from 'payload'\n\nimport { buildFormState } from '@payloadcms/ui/utilities/buildFormState'\nimport { reduceFieldsToValues } from 'payload/shared'\n\nexport const getDocumentData = async (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  id?: number | string\n  locale: Locale\n  req: PayloadRequest\n}): Promise<Data> => {\n  const { id, collectionConfig, globalConfig, locale, req } = args\n\n  try {\n    const formState = await buildFormState({\n      req: {\n        ...req,\n        data: {\n          id,\n          collectionSlug: collectionConfig?.slug,\n          globalSlug: globalConfig?.slug,\n          locale: locale?.code,\n          operation: (collectionConfig && id) || globalConfig ? 'update' : 'create',\n          schemaPath: collectionConfig?.slug || globalConfig?.slug,\n        },\n      },\n    })\n\n    const data = reduceFieldsToValues(formState, true)\n\n    return {\n      data,\n      formState,\n    }\n  } catch (error) {\n    console.error('Error getting document data', error) // eslint-disable-line no-console\n    return {}\n  }\n}\n"],"names":["buildFormState","reduceFieldsToValues","getDocumentData","args","id","collectionConfig","globalConfig","locale","req","formState","data","collectionSlug","slug","globalSlug","code","operation","schemaPath","error","console"],"mappings":"AAQA,SAASA,cAAc,QAAQ,0CAAyC;AACxE,SAASC,oBAAoB,QAAQ,iBAAgB;AAErD,OAAO,MAAMC,kBAAkB,OAAOC;IAOpC,MAAM,EAAEC,EAAE,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,MAAM,EAAEC,GAAG,EAAE,GAAGL;IAE5D,IAAI;QACF,MAAMM,YAAY,MAAMT,eAAe;YACrCQ,KAAK;gBACH,GAAGA,GAAG;gBACNE,MAAM;oBACJN;oBACAO,gBAAgBN,kBAAkBO;oBAClCC,YAAYP,cAAcM;oBAC1BL,QAAQA,QAAQO;oBAChBC,WAAW,AAACV,oBAAoBD,MAAOE,eAAe,WAAW;oBACjEU,YAAYX,kBAAkBO,QAAQN,cAAcM;gBACtD;YACF;QACF;QAEA,MAAMF,OAAOT,qBAAqBQ,WAAW;QAE7C,OAAO;YACLC;YACAD;QACF;IACF,EAAE,OAAOQ,OAAO;QACdC,QAAQD,KAAK,CAAC,+BAA+BA,OAAO,iCAAiC;;QACrF,OAAO,CAAC;IACV;AACF,EAAC"}

package/dist/views/Document/getMetaBySegment.d.ts

@@ -1,9 +1,9 @@
 import type { Metadata } from 'next';
 import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
 import type { GenerateViewMetadata } from '../Root/index.js';
-export type GenerateEditViewMetadata = (args: Parameters<GenerateViewMetadata>[0] & {
+export type GenerateEditViewMetadata = (args: {
     collectionConfig?: SanitizedCollectionConfig | null;
     globalConfig?: SanitizedGlobalConfig | null;
-}) => Promise<Metadata>;
+} & Parameters<GenerateViewMetadata>[0]) => Promise<Metadata>;
 export declare const getMetaBySegment: GenerateEditViewMetadata;
 //# sourceMappingURL=getMetaBySegment.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"getMetaBySegment.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getMetaBySegment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAU5D,MAAM,MAAM,wBAAwB,GAAG,CACrC,IAAI,EAAE,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,GAAG;IAC1C,gBAAgB,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACnD,YAAY,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;CAC5C,KACE,OAAO,CAAC,QAAQ,CAAC,CAAA;AAEtB,eAAO,MAAM,gBAAgB,EAAE,wBAsF9B,CAAA"}
+{"version":3,"file":"getMetaBySegment.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getMetaBySegment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAU5D,MAAM,MAAM,wBAAwB,GAAG,CACrC,IAAI,EAAE;IACJ,gBAAgB,CAAC,EAAE,yBAAyB,GAAG,IAAI,CAAA;IACnD,YAAY,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;CAC5C,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KACpC,OAAO,CAAC,QAAQ,CAAC,CAAA;AAEtB,eAAO,MAAM,gBAAgB,EAAE,wBAsF9B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/getMetaBySegment.tsx"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { generateMetadata as apiMeta } from '../API/meta.js'\nimport { generateMetadata as editMeta } from '../Edit/meta.js'\nimport { generateMetadata as livePreviewMeta } from '../LivePreview/meta.js'\nimport { generateNotFoundMeta } from '../NotFound/meta.js'\nimport { generateMetadata as versionMeta } from '../Version/meta.js'\nimport { generateMetadata as versionsMeta } from '../Versions/meta.js'\n\nexport type GenerateEditViewMetadata = (\n  args: Parameters<GenerateViewMetadata>[0] & {\n    collectionConfig?: SanitizedCollectionConfig | null\n    globalConfig?: SanitizedGlobalConfig | null\n  },\n) => Promise<Metadata>\n\nexport const getMetaBySegment: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  params,\n}) => {\n  const { segments } = params\n\n  let fn: GenerateEditViewMetadata | null = null\n\n  const [segmentOne] = segments\n  const isCollection = segmentOne === 'collections'\n  const isGlobal = segmentOne === 'globals'\n\n  const isEditing =\n    isGlobal || Boolean(isCollection && segments?.length > 2 && segments[2] !== 'create')\n\n  if (isCollection) {\n    // `/:id`\n    if (params.segments.length === 3) {\n      fn = editMeta\n    }\n\n    // `/:id/api`\n    if (params.segments.length === 4 && params.segments[3] === 'api') {\n      fn = apiMeta\n    }\n\n    // `/:id/preview`\n    if (params.segments.length === 4 && params.segments[3] === 'preview') {\n      fn = livePreviewMeta\n    }\n\n    // `/:id/versions`\n    if (params.segments.length === 4 && params.segments[3] === 'versions') {\n      fn = versionsMeta\n    }\n\n    // `/:id/versions/:version`\n    if (params.segments.length === 5 && params.segments[3] === 'versions') {\n      fn = versionMeta\n    }\n  }\n\n  if (isGlobal) {\n    // `/:slug`\n    if (params.segments?.length === 2) {\n      fn = editMeta\n    }\n\n    // `/:slug/api`\n    if (params.segments?.length === 3 && params.segments[2] === 'api') {\n      fn = apiMeta\n    }\n\n    // `/:slug/preview`\n    if (params.segments?.length === 3 && params.segments[2] === 'preview') {\n      fn = livePreviewMeta\n    }\n\n    // `/:slug/versions`\n    if (params.segments?.length === 3 && params.segments[2] === 'versions') {\n      fn = versionsMeta\n    }\n\n    // `/:slug/versions/:version`\n    if (params.segments?.length === 4 && params.segments[2] === 'versions') {\n      fn = versionMeta\n    }\n  }\n\n  const i18n = await getNextRequestI18n({\n    config,\n  })\n\n  if (typeof fn === 'function') {\n    return fn({\n      collectionConfig,\n      config,\n      globalConfig,\n      i18n,\n      isEditing,\n    })\n  }\n\n  return generateNotFoundMeta({ config, i18n })\n}\n"],"names":["getNextRequestI18n","generateMetadata","apiMeta","editMeta","livePreviewMeta","generateNotFoundMeta","versionMeta","versionsMeta","getMetaBySegment","collectionConfig","config","globalConfig","params","segments","fn","segmentOne","isCollection","isGlobal","isEditing","Boolean","length","i18n"],"mappings":"AAKA,SAASA,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,oBAAoBC,OAAO,QAAQ,iBAAgB;AAC5D,SAASD,oBAAoBE,QAAQ,QAAQ,kBAAiB;AAC9D,SAASF,oBAAoBG,eAAe,QAAQ,yBAAwB;AAC5E,SAASC,oBAAoB,QAAQ,sBAAqB;AAC1D,SAASJ,oBAAoBK,WAAW,QAAQ,qBAAoB;AACpE,SAASL,oBAAoBM,YAAY,QAAQ,sBAAqB;AAStE,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,MAAM,EACP;IACC,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,IAAIE,KAAsC;IAE1C,MAAM,CAACC,WAAW,GAAGF;IACrB,MAAMG,eAAeD,eAAe;IACpC,MAAME,WAAWF,eAAe;IAEhC,MAAMG,YACJD,YAAYE,QAAQH,gBAAgBH,UAAUO,SAAS,KAAKP,QAAQ,CAAC,EAAE,KAAK;IAE9E,IAAIG,cAAc;QAChB,SAAS;QACT,IAAIJ,OAAOC,QAAQ,CAACO,MAAM,KAAK,GAAG;YAChCN,KAAKX;QACP;QAEA,aAAa;QACb,IAAIS,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,OAAO;YAChEC,KAAKZ;QACP;QAEA,iBAAiB;QACjB,IAAIU,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,WAAW;YACpEC,KAAKV;QACP;QAEA,kBAAkB;QAClB,IAAIQ,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACrEC,KAAKP;QACP;QAEA,2BAA2B;QAC3B,IAAIK,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACrEC,KAAKR;QACP;IACF;IAEA,IAAIW,UAAU;QACZ,WAAW;QACX,IAAIL,OAAOC,QAAQ,EAAEO,WAAW,GAAG;YACjCN,KAAKX;QACP;QAEA,eAAe;QACf,IAAIS,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,OAAO;YACjEC,KAAKZ;QACP;QAEA,mBAAmB;QACnB,IAAIU,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,WAAW;YACrEC,KAAKV;QACP;QAEA,oBAAoB;QACpB,IAAIQ,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACtEC,KAAKP;QACP;QAEA,6BAA6B;QAC7B,IAAIK,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACtEC,KAAKR;QACP;IACF;IAEA,MAAMe,OAAO,MAAMrB,mBAAmB;QACpCU;IACF;IAEA,IAAI,OAAOI,OAAO,YAAY;QAC5B,OAAOA,GAAG;YACRL;YACAC;YACAC;YACAU;YACAH;QACF;IACF;IAEA,OAAOb,qBAAqB;QAAEK;QAAQW;IAAK;AAC7C,EAAC"}
+{"version":3,"sources":["../../../src/views/Document/getMetaBySegment.tsx"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { generateMetadata as apiMeta } from '../API/meta.js'\nimport { generateMetadata as editMeta } from '../Edit/meta.js'\nimport { generateMetadata as livePreviewMeta } from '../LivePreview/meta.js'\nimport { generateNotFoundMeta } from '../NotFound/meta.js'\nimport { generateMetadata as versionMeta } from '../Version/meta.js'\nimport { generateMetadata as versionsMeta } from '../Versions/meta.js'\n\nexport type GenerateEditViewMetadata = (\n  args: {\n    collectionConfig?: SanitizedCollectionConfig | null\n    globalConfig?: SanitizedGlobalConfig | null\n  } & Parameters<GenerateViewMetadata>[0],\n) => Promise<Metadata>\n\nexport const getMetaBySegment: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  params,\n}) => {\n  const { segments } = params\n\n  let fn: GenerateEditViewMetadata | null = null\n\n  const [segmentOne] = segments\n  const isCollection = segmentOne === 'collections'\n  const isGlobal = segmentOne === 'globals'\n\n  const isEditing =\n    isGlobal || Boolean(isCollection && segments?.length > 2 && segments[2] !== 'create')\n\n  if (isCollection) {\n    // `/:id`\n    if (params.segments.length === 3) {\n      fn = editMeta\n    }\n\n    // `/:id/api`\n    if (params.segments.length === 4 && params.segments[3] === 'api') {\n      fn = apiMeta\n    }\n\n    // `/:id/preview`\n    if (params.segments.length === 4 && params.segments[3] === 'preview') {\n      fn = livePreviewMeta\n    }\n\n    // `/:id/versions`\n    if (params.segments.length === 4 && params.segments[3] === 'versions') {\n      fn = versionsMeta\n    }\n\n    // `/:id/versions/:version`\n    if (params.segments.length === 5 && params.segments[3] === 'versions') {\n      fn = versionMeta\n    }\n  }\n\n  if (isGlobal) {\n    // `/:slug`\n    if (params.segments?.length === 2) {\n      fn = editMeta\n    }\n\n    // `/:slug/api`\n    if (params.segments?.length === 3 && params.segments[2] === 'api') {\n      fn = apiMeta\n    }\n\n    // `/:slug/preview`\n    if (params.segments?.length === 3 && params.segments[2] === 'preview') {\n      fn = livePreviewMeta\n    }\n\n    // `/:slug/versions`\n    if (params.segments?.length === 3 && params.segments[2] === 'versions') {\n      fn = versionsMeta\n    }\n\n    // `/:slug/versions/:version`\n    if (params.segments?.length === 4 && params.segments[2] === 'versions') {\n      fn = versionMeta\n    }\n  }\n\n  const i18n = await getNextRequestI18n({\n    config,\n  })\n\n  if (typeof fn === 'function') {\n    return fn({\n      collectionConfig,\n      config,\n      globalConfig,\n      i18n,\n      isEditing,\n    })\n  }\n\n  return generateNotFoundMeta({ config, i18n })\n}\n"],"names":["getNextRequestI18n","generateMetadata","apiMeta","editMeta","livePreviewMeta","generateNotFoundMeta","versionMeta","versionsMeta","getMetaBySegment","collectionConfig","config","globalConfig","params","segments","fn","segmentOne","isCollection","isGlobal","isEditing","Boolean","length","i18n"],"mappings":"AAKA,SAASA,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,oBAAoBC,OAAO,QAAQ,iBAAgB;AAC5D,SAASD,oBAAoBE,QAAQ,QAAQ,kBAAiB;AAC9D,SAASF,oBAAoBG,eAAe,QAAQ,yBAAwB;AAC5E,SAASC,oBAAoB,QAAQ,sBAAqB;AAC1D,SAASJ,oBAAoBK,WAAW,QAAQ,qBAAoB;AACpE,SAASL,oBAAoBM,YAAY,QAAQ,sBAAqB;AAStE,OAAO,MAAMC,mBAA6C,OAAO,EAC/DC,gBAAgB,EAChBC,MAAM,EACNC,YAAY,EACZC,MAAM,EACP;IACC,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,IAAIE,KAAsC;IAE1C,MAAM,CAACC,WAAW,GAAGF;IACrB,MAAMG,eAAeD,eAAe;IACpC,MAAME,WAAWF,eAAe;IAEhC,MAAMG,YACJD,YAAYE,QAAQH,gBAAgBH,UAAUO,SAAS,KAAKP,QAAQ,CAAC,EAAE,KAAK;IAE9E,IAAIG,cAAc;QAChB,SAAS;QACT,IAAIJ,OAAOC,QAAQ,CAACO,MAAM,KAAK,GAAG;YAChCN,KAAKX;QACP;QAEA,aAAa;QACb,IAAIS,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,OAAO;YAChEC,KAAKZ;QACP;QAEA,iBAAiB;QACjB,IAAIU,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,WAAW;YACpEC,KAAKV;QACP;QAEA,kBAAkB;QAClB,IAAIQ,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACrEC,KAAKP;QACP;QAEA,2BAA2B;QAC3B,IAAIK,OAAOC,QAAQ,CAACO,MAAM,KAAK,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACrEC,KAAKR;QACP;IACF;IAEA,IAAIW,UAAU;QACZ,WAAW;QACX,IAAIL,OAAOC,QAAQ,EAAEO,WAAW,GAAG;YACjCN,KAAKX;QACP;QAEA,eAAe;QACf,IAAIS,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,OAAO;YACjEC,KAAKZ;QACP;QAEA,mBAAmB;QACnB,IAAIU,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,WAAW;YACrEC,KAAKV;QACP;QAEA,oBAAoB;QACpB,IAAIQ,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACtEC,KAAKP;QACP;QAEA,6BAA6B;QAC7B,IAAIK,OAAOC,QAAQ,EAAEO,WAAW,KAAKR,OAAOC,QAAQ,CAAC,EAAE,KAAK,YAAY;YACtEC,KAAKR;QACP;IACF;IAEA,MAAMe,OAAO,MAAMrB,mBAAmB;QACpCU;IACF;IAEA,IAAI,OAAOI,OAAO,YAAY;QAC5B,OAAOA,GAAG;YACRL;YACAC;YACAC;YACAU;YACAH;QACF;IACF;IAEA,OAAOb,qBAAqB;QAAEK;QAAQW;IAAK;AAC7C,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"getViewsFromConfig.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAahB,eAAO,MAAM,kBAAkB,+EAM5B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IAEvB,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,UAAU,EAAE,iBAAiB,CAAA;IAC7B,WAAW,EAAE,iBAAiB,CAAA;IAC9B;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAA;CAC9B,GAAG,IA0OH,CAAA"}
+{"version":3,"file":"getViewsFromConfig.d.ts","sourceRoot":"","sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAahB,eAAO,MAAM,kBAAkB,+EAM5B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAA;IAEvB,cAAc,EAAE,oBAAoB,GAAG,gBAAgB,CAAA;IACvD,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,KAAG;IACF,UAAU,EAAE,iBAAiB,CAAA;IAC7B,WAAW,EAAE,iBAAiB,CAAA;IAC9B;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAA;CAC9B,GAAG,IAqPH,CAAA"}

package/dist/views/Document/getViewsFromConfig.js

@@ -145,7 +145,6 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
             CustomView = EditOverride;
         }
         if (!EditOverride) {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const [globalEntity, globalSlug, segment3, ...remainingSegments] = routeSegments;
             if (!docPermissions?.read?.permission) {
                 notFound();
@@ -189,7 +188,22 @@ export const getViewsFromConfig = ({ collectionConfig, config, docPermissions, g
                                 default:
                                     {
                                         if (docPermissions?.read?.permission) {
-                                            CustomView = getCustomViewByKey(views, 'Default');
+                                            const baseRoute = [
+                                                adminRoute,
+                                                globalEntity,
+                                                globalSlug,
+                                                segment3
+                                            ].filter(Boolean).join('/');
+                                            const currentRoute = [
+                                                baseRoute,
+                                                segment3,
+                                                ...remainingSegments
+                                            ].filter(Boolean).join('/');
+                                            CustomView = getCustomViewByRoute({
+                                                baseRoute,
+                                                currentRoute,
+                                                views
+                                            });
                                             DefaultView = DefaultEditView;
                                         } else {
                                             ErrorView = UnauthorizedView;

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

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

package/dist/views/Edit/Default/Auth/index.scss

@@ -48,11 +48,26 @@
 
 @keyframes highlight {
   0% {
-    background: var(--theme-success-500);
+    background: var(--theme-success-250);
+    border: 1px solid var(--theme-success-500);
+  }
+
+  20% {
+    background: var(--theme-input-bg);
+    border: 1px solid var(--theme-elevation-250);
+    color: var(--theme-text);
+  }
+
+  80% {
+    background: var(--theme-input-bg);
+    border: 1px solid var(--theme-elevation-250);
+    color: var(--theme-text);
   }
 
   100% {
-    background: none;
+    background: var(--theme-elevation-200);
+    border: 1px solid transparent;
+    color: var(--theme-elevation-400);
   }
 }
 

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

@@ -1,7 +1,7 @@
 import type { Metadata } from 'next';
 import type { SanitizedCollectionConfig } from 'payload';
 import type { GenerateViewMetadata } from '../Root/index.js';
-export declare const generateListMetadata: (args: Parameters<GenerateViewMetadata>[0] & {
+export declare const generateListMetadata: (args: {
     collectionConfig: SanitizedCollectionConfig;
-}) => Promise<Metadata>;
+} & Parameters<GenerateViewMetadata>[0]) => Promise<Metadata>;
 //# sourceMappingURL=meta.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/List/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,oBAAoB,SACzB,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,GAAG;IAC1C,gBAAgB,EAAE,yBAAyB,CAAA;CAC5C,KACA,OAAO,CAAC,QAAQ,CAmBlB,CAAA"}
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/views/List/meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAI5D,eAAO,MAAM,oBAAoB,SACzB;IACJ,gBAAgB,EAAE,yBAAyB,CAAA;CAC5C,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KACtC,OAAO,CAAC,QAAQ,CAmBlB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/List/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateListMetadata = async (\n  args: Parameters<GenerateViewMetadata>[0] & {\n    collectionConfig: SanitizedCollectionConfig\n  },\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig.admin.meta || {}),\n  })\n}\n"],"names":["getTranslation","meta","generateListMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural","admin","serverURL"],"mappings":"AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,uBAAuB,OAClCC;IAIA,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IAE3C,IAAII,QAAgB;IACpB,MAAMC,cAAsB;IAC5B,MAAMC,WAAmB;IAEzB,IAAIL,kBAAkB;QACpBG,QAAQP,eAAeI,iBAAiBM,MAAM,CAACC,MAAM,EAAEL;IACzD;IAEA,OAAOL,KAAK;QACV,GAAII,OAAOO,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;QAC3BO;QACAC;QACAI,WAAWR,OAAOQ,SAAS;QAC3BN;QACA,GAAIH,iBAAiBQ,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;IACvC;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/List/meta.ts"],"sourcesContent":["import type { Metadata } from 'next'\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateViewMetadata } from '../Root/index.js'\n\nimport { meta } from '../../utilities/meta.js'\n\nexport const generateListMetadata = async (\n  args: {\n    collectionConfig: SanitizedCollectionConfig\n  } & Parameters<GenerateViewMetadata>[0],\n): Promise<Metadata> => {\n  const { collectionConfig, config, i18n } = args\n\n  let title: string = ''\n  const description: string = ''\n  const keywords: string = ''\n\n  if (collectionConfig) {\n    title = getTranslation(collectionConfig.labels.plural, i18n)\n  }\n\n  return meta({\n    ...(config.admin.meta || {}),\n    description,\n    keywords,\n    serverURL: config.serverURL,\n    title,\n    ...(collectionConfig.admin.meta || {}),\n  })\n}\n"],"names":["getTranslation","meta","generateListMetadata","args","collectionConfig","config","i18n","title","description","keywords","labels","plural","admin","serverURL"],"mappings":"AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAIzD,SAASC,IAAI,QAAQ,0BAAyB;AAE9C,OAAO,MAAMC,uBAAuB,OAClCC;IAIA,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IAE3C,IAAII,QAAgB;IACpB,MAAMC,cAAsB;IAC5B,MAAMC,WAAmB;IAEzB,IAAIL,kBAAkB;QACpBG,QAAQP,eAAeI,iBAAiBM,MAAM,CAACC,MAAM,EAAEL;IACzD;IAEA,OAAOL,KAAK;QACV,GAAII,OAAOO,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;QAC3BO;QACAC;QACAI,WAAWR,OAAOQ,SAAS;QAC3BN;QACA,GAAIH,iBAAiBQ,KAAK,CAACX,IAAI,IAAI,CAAC,CAAC;IACvC;AACF,EAAC"}

package/dist/views/LivePreview/Preview/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ShimmerEffect, useAllFormFields, useDocumentEvents } from '@payloadcms/ui';
-import { reduceFieldsToValues } from '@payloadcms/ui/shared';
+import { reduceFieldsToValues } from 'payload/shared';
 import React, { useEffect } from 'react';
 import { useLivePreviewContext } from '../Context/context.js';
 import { DeviceContainer } from '../Device/index.js';

package/dist/views/LivePreview/Preview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { ShimmerEffect, useAllFormFields, useDocumentEvents } from '@payloadcms/ui'\nimport { reduceFieldsToValues } from '@payloadcms/ui/shared'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { IFrame } from '../IFrame/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreview: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    iframeHasLoaded,\n    iframeRef,\n    popupRef,\n    previewWindowType,\n    setIframeHasLoaded,\n    url,\n  } = useLivePreviewContext()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const { breakpoint, fieldSchemaJSON } = useLivePreviewContext()\n\n  const prevWindowType =\n    React.useRef<ReturnType<typeof useLivePreviewContext>['previewWindowType']>(undefined)\n\n  const [fields] = useAllFormFields()\n\n  // For client-side apps, send data through `window.postMessage`\n  // The preview could either be an iframe embedded on the page\n  // Or it could be a separate popup window\n  // We need to transmit data to both accordingly\n  useEffect(() => {\n    // For performance, do no reduce fields to values until after the iframe or popup has loaded\n    if (fields && window && 'postMessage' in window && appIsReady) {\n      const values = reduceFieldsToValues(fields, true)\n\n      // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time\n      // To do this, the underlying JS function maintains a cache of this value\n      // So we need to send it through each time the window type changes\n      // But only once per window type change, not on every render, because this is a potentially large obj\n      const shouldSendSchema =\n        !prevWindowType.current || prevWindowType.current !== previewWindowType\n\n      prevWindowType.current = previewWindowType\n\n      const message = {\n        type: 'payload-live-preview',\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    fields,\n    url,\n    iframeHasLoaded,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    setIframeHasLoaded,\n    fieldSchemaJSON,\n    mostRecentUpdate,\n  ])\n\n  // To support SSR, we transmit a `window.postMessage` event without a payload\n  // This is because the event will ultimately trigger a server-side roundtrip\n  // i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n  useEffect(() => {\n    const message = {\n      type: 'payload-document-event',\n    }\n\n    // Post message to external popup window\n    if (previewWindowType === 'popup' && popupRef.current) {\n      popupRef.current.postMessage(message, url)\n    }\n\n    // Post message to embedded iframe\n    if (previewWindowType === 'iframe' && iframeRef.current) {\n      iframeRef.current.contentWindow?.postMessage(message, url)\n    }\n  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url])\n\n  if (previewWindowType === 'iframe') {\n    return (\n      <div\n        className={[\n          baseClass,\n          breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__wrapper`}>\n          <LivePreviewToolbar {...props} />\n          <div className={`${baseClass}__main`}>\n            <DeviceContainer>\n              {url ? (\n                <IFrame ref={iframeRef} setIframeHasLoaded={setIframeHasLoaded} url={url} />\n              ) : (\n                <ShimmerEffect height=\"100%\" />\n              )}\n            </DeviceContainer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["ShimmerEffect","useAllFormFields","useDocumentEvents","reduceFieldsToValues","React","useEffect","useLivePreviewContext","DeviceContainer","IFrame","LivePreviewToolbar","baseClass","LivePreview","props","appIsReady","iframeHasLoaded","iframeRef","popupRef","previewWindowType","setIframeHasLoaded","url","mostRecentUpdate","breakpoint","fieldSchemaJSON","prevWindowType","useRef","undefined","fields","window","values","shouldSendSchema","current","message","type","data","externallyUpdatedRelationship","postMessage","contentWindow","div","className","filter","Boolean","join","ref","height"],"mappings":"AAAA;;AAIA,SAASA,aAAa,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,iBAAgB;AACnF,SAASC,oBAAoB,QAAQ,wBAAuB;AAC5D,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,qBAAoB;AACpD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,kBAAkB,QAAQ,sBAAqB;AAGxD,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAuC,CAACC;IACnD,MAAM,EACJC,UAAU,EACVC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,kBAAkB,EAClBC,GAAG,EACJ,GAAGb;IAEJ,MAAM,EAAEc,gBAAgB,EAAE,GAAGlB;IAE7B,MAAM,EAAEmB,UAAU,EAAEC,eAAe,EAAE,GAAGhB;IAExC,MAAMiB,iBACJnB,MAAMoB,MAAM,CAAgEC;IAE9E,MAAM,CAACC,OAAO,GAAGzB;IAEjB,+DAA+D;IAC/D,6DAA6D;IAC7D,yCAAyC;IACzC,+CAA+C;IAC/CI,UAAU;QACR,4FAA4F;QAC5F,IAAIqB,UAAUC,UAAU,iBAAiBA,UAAUd,YAAY;YAC7D,MAAMe,SAASzB,qBAAqBuB,QAAQ;YAE5C,oFAAoF;YACpF,yEAAyE;YACzE,kEAAkE;YAClE,qGAAqG;YACrG,MAAMG,mBACJ,CAACN,eAAeO,OAAO,IAAIP,eAAeO,OAAO,KAAKb;YAExDM,eAAeO,OAAO,GAAGb;YAEzB,MAAMc,UAAU;gBACdC,MAAM;gBACNC,MAAML;gBACNM,+BAA+Bd;gBAC/BE,iBAAiBO,mBAAmBP,kBAAkBG;YACxD;YAEA,wCAAwC;YACxC,IAAIR,sBAAsB,WAAWD,SAASc,OAAO,EAAE;gBACrDd,SAASc,OAAO,CAACK,WAAW,CAACJ,SAASZ;YACxC;YAEA,kCAAkC;YAClC,IAAIF,sBAAsB,YAAYF,UAAUe,OAAO,EAAE;gBACvDf,UAAUe,OAAO,CAACM,aAAa,EAAED,YAAYJ,SAASZ;YACxD;QACF;IACF,GAAG;QACDO;QACAP;QACAL;QACAG;QACAD;QACAH;QACAE;QACAG;QACAI;QACAF;KACD;IAED,6EAA6E;IAC7E,4EAA4E;IAC5E,sEAAsE;IACtEf,UAAU;QACR,MAAM0B,UAAU;YACdC,MAAM;QACR;QAEA,wCAAwC;QACxC,IAAIf,sBAAsB,WAAWD,SAASc,OAAO,EAAE;YACrDd,SAASc,OAAO,CAACK,WAAW,CAACJ,SAASZ;QACxC;QAEA,kCAAkC;QAClC,IAAIF,sBAAsB,YAAYF,UAAUe,OAAO,EAAE;YACvDf,UAAUe,OAAO,CAACM,aAAa,EAAED,YAAYJ,SAASZ;QACxD;IACF,GAAG;QAACC;QAAkBL;QAAWC;QAAUC;QAAmBE;KAAI;IAElE,IAAIF,sBAAsB,UAAU;QAClC,qBACE,KAACoB;YACCC,WAAW;gBACT5B;gBACAW,cAAcA,eAAe,gBAAgB,CAAC,EAAEX,UAAU,gBAAgB,CAAC;aAC5E,CACE6B,MAAM,CAACC,SACPC,IAAI,CAAC;sBAER,cAAA,MAACJ;gBAAIC,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;;kCACrC,KAACD;wBAAoB,GAAGG,KAAK;;kCAC7B,KAACyB;wBAAIC,WAAW,CAAC,EAAE5B,UAAU,MAAM,CAAC;kCAClC,cAAA,KAACH;sCACEY,oBACC,KAACX;gCAAOkC,KAAK3B;gCAAWG,oBAAoBA;gCAAoBC,KAAKA;+CAErE,KAACnB;gCAAc2C,QAAO;;;;;;;IAOpC;AACF,EAAC"}
+{"version":3,"sources":["../../../../src/views/LivePreview/Preview/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditViewProps } from 'payload'\n\nimport { ShimmerEffect, useAllFormFields, useDocumentEvents } from '@payloadcms/ui'\nimport { reduceFieldsToValues } from 'payload/shared'\nimport React, { useEffect } from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { DeviceContainer } from '../Device/index.js'\nimport { IFrame } from '../IFrame/index.js'\nimport { LivePreviewToolbar } from '../Toolbar/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-window'\n\nexport const LivePreview: React.FC<EditViewProps> = (props) => {\n  const {\n    appIsReady,\n    iframeHasLoaded,\n    iframeRef,\n    popupRef,\n    previewWindowType,\n    setIframeHasLoaded,\n    url,\n  } = useLivePreviewContext()\n\n  const { mostRecentUpdate } = useDocumentEvents()\n\n  const { breakpoint, fieldSchemaJSON } = useLivePreviewContext()\n\n  const prevWindowType =\n    React.useRef<ReturnType<typeof useLivePreviewContext>['previewWindowType']>(undefined)\n\n  const [fields] = useAllFormFields()\n\n  // For client-side apps, send data through `window.postMessage`\n  // The preview could either be an iframe embedded on the page\n  // Or it could be a separate popup window\n  // We need to transmit data to both accordingly\n  useEffect(() => {\n    // For performance, do no reduce fields to values until after the iframe or popup has loaded\n    if (fields && window && 'postMessage' in window && appIsReady) {\n      const values = reduceFieldsToValues(fields, true)\n\n      // To reduce on large `postMessage` payloads, only send `fieldSchemaToJSON` one time\n      // To do this, the underlying JS function maintains a cache of this value\n      // So we need to send it through each time the window type changes\n      // But only once per window type change, not on every render, because this is a potentially large obj\n      const shouldSendSchema =\n        !prevWindowType.current || prevWindowType.current !== previewWindowType\n\n      prevWindowType.current = previewWindowType\n\n      const message = {\n        type: 'payload-live-preview',\n        data: values,\n        externallyUpdatedRelationship: mostRecentUpdate,\n        fieldSchemaJSON: shouldSendSchema ? fieldSchemaJSON : undefined,\n      }\n\n      // Post message to external popup window\n      if (previewWindowType === 'popup' && popupRef.current) {\n        popupRef.current.postMessage(message, url)\n      }\n\n      // Post message to embedded iframe\n      if (previewWindowType === 'iframe' && iframeRef.current) {\n        iframeRef.current.contentWindow?.postMessage(message, url)\n      }\n    }\n  }, [\n    fields,\n    url,\n    iframeHasLoaded,\n    previewWindowType,\n    popupRef,\n    appIsReady,\n    iframeRef,\n    setIframeHasLoaded,\n    fieldSchemaJSON,\n    mostRecentUpdate,\n  ])\n\n  // To support SSR, we transmit a `window.postMessage` event without a payload\n  // This is because the event will ultimately trigger a server-side roundtrip\n  // i.e., save, save draft, autosave, etc. will fire `router.refresh()`\n  useEffect(() => {\n    const message = {\n      type: 'payload-document-event',\n    }\n\n    // Post message to external popup window\n    if (previewWindowType === 'popup' && popupRef.current) {\n      popupRef.current.postMessage(message, url)\n    }\n\n    // Post message to embedded iframe\n    if (previewWindowType === 'iframe' && iframeRef.current) {\n      iframeRef.current.contentWindow?.postMessage(message, url)\n    }\n  }, [mostRecentUpdate, iframeRef, popupRef, previewWindowType, url])\n\n  if (previewWindowType === 'iframe') {\n    return (\n      <div\n        className={[\n          baseClass,\n          breakpoint && breakpoint !== 'responsive' && `${baseClass}--has-breakpoint`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={`${baseClass}__wrapper`}>\n          <LivePreviewToolbar {...props} />\n          <div className={`${baseClass}__main`}>\n            <DeviceContainer>\n              {url ? (\n                <IFrame ref={iframeRef} setIframeHasLoaded={setIframeHasLoaded} url={url} />\n              ) : (\n                <ShimmerEffect height=\"100%\" />\n              )}\n            </DeviceContainer>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["ShimmerEffect","useAllFormFields","useDocumentEvents","reduceFieldsToValues","React","useEffect","useLivePreviewContext","DeviceContainer","IFrame","LivePreviewToolbar","baseClass","LivePreview","props","appIsReady","iframeHasLoaded","iframeRef","popupRef","previewWindowType","setIframeHasLoaded","url","mostRecentUpdate","breakpoint","fieldSchemaJSON","prevWindowType","useRef","undefined","fields","window","values","shouldSendSchema","current","message","type","data","externallyUpdatedRelationship","postMessage","contentWindow","div","className","filter","Boolean","join","ref","height"],"mappings":"AAAA;;AAIA,SAASA,aAAa,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,iBAAgB;AACnF,SAASC,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,qBAAoB;AACpD,SAASC,MAAM,QAAQ,qBAAoB;AAC3C,SAASC,kBAAkB,QAAQ,sBAAqB;AAGxD,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAuC,CAACC;IACnD,MAAM,EACJC,UAAU,EACVC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,iBAAiB,EACjBC,kBAAkB,EAClBC,GAAG,EACJ,GAAGb;IAEJ,MAAM,EAAEc,gBAAgB,EAAE,GAAGlB;IAE7B,MAAM,EAAEmB,UAAU,EAAEC,eAAe,EAAE,GAAGhB;IAExC,MAAMiB,iBACJnB,MAAMoB,MAAM,CAAgEC;IAE9E,MAAM,CAACC,OAAO,GAAGzB;IAEjB,+DAA+D;IAC/D,6DAA6D;IAC7D,yCAAyC;IACzC,+CAA+C;IAC/CI,UAAU;QACR,4FAA4F;QAC5F,IAAIqB,UAAUC,UAAU,iBAAiBA,UAAUd,YAAY;YAC7D,MAAMe,SAASzB,qBAAqBuB,QAAQ;YAE5C,oFAAoF;YACpF,yEAAyE;YACzE,kEAAkE;YAClE,qGAAqG;YACrG,MAAMG,mBACJ,CAACN,eAAeO,OAAO,IAAIP,eAAeO,OAAO,KAAKb;YAExDM,eAAeO,OAAO,GAAGb;YAEzB,MAAMc,UAAU;gBACdC,MAAM;gBACNC,MAAML;gBACNM,+BAA+Bd;gBAC/BE,iBAAiBO,mBAAmBP,kBAAkBG;YACxD;YAEA,wCAAwC;YACxC,IAAIR,sBAAsB,WAAWD,SAASc,OAAO,EAAE;gBACrDd,SAASc,OAAO,CAACK,WAAW,CAACJ,SAASZ;YACxC;YAEA,kCAAkC;YAClC,IAAIF,sBAAsB,YAAYF,UAAUe,OAAO,EAAE;gBACvDf,UAAUe,OAAO,CAACM,aAAa,EAAED,YAAYJ,SAASZ;YACxD;QACF;IACF,GAAG;QACDO;QACAP;QACAL;QACAG;QACAD;QACAH;QACAE;QACAG;QACAI;QACAF;KACD;IAED,6EAA6E;IAC7E,4EAA4E;IAC5E,sEAAsE;IACtEf,UAAU;QACR,MAAM0B,UAAU;YACdC,MAAM;QACR;QAEA,wCAAwC;QACxC,IAAIf,sBAAsB,WAAWD,SAASc,OAAO,EAAE;YACrDd,SAASc,OAAO,CAACK,WAAW,CAACJ,SAASZ;QACxC;QAEA,kCAAkC;QAClC,IAAIF,sBAAsB,YAAYF,UAAUe,OAAO,EAAE;YACvDf,UAAUe,OAAO,CAACM,aAAa,EAAED,YAAYJ,SAASZ;QACxD;IACF,GAAG;QAACC;QAAkBL;QAAWC;QAAUC;QAAmBE;KAAI;IAElE,IAAIF,sBAAsB,UAAU;QAClC,qBACE,KAACoB;YACCC,WAAW;gBACT5B;gBACAW,cAAcA,eAAe,gBAAgB,CAAC,EAAEX,UAAU,gBAAgB,CAAC;aAC5E,CACE6B,MAAM,CAACC,SACPC,IAAI,CAAC;sBAER,cAAA,MAACJ;gBAAIC,WAAW,CAAC,EAAE5B,UAAU,SAAS,CAAC;;kCACrC,KAACD;wBAAoB,GAAGG,KAAK;;kCAC7B,KAACyB;wBAAIC,WAAW,CAAC,EAAE5B,UAAU,MAAM,CAAC;kCAClC,cAAA,KAACH;sCACEY,oBACC,KAACX;gCAAOkC,KAAK3B;gCAAWG,oBAAoBA;gCAAoBC,KAAKA;+CAErE,KAACnB;gCAAc2C,QAAO;;;;;;;IAOpC;AACF,EAAC"}

package/dist/views/LivePreview/Toolbar/index.d.ts

@@ -1,7 +1,7 @@
 import type { EditViewProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const LivePreviewToolbar: React.FC<EditViewProps & {
+export declare const LivePreviewToolbar: React.FC<{
     draggable?: boolean;
-}>;
+} & EditViewProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/LivePreview/Toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Toolbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAgDrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC,aAAa,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CASF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/LivePreview/Toolbar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAgDrB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CACvC;IACE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,aAAa,CASlB,CAAA"}

package/dist/views/LivePreview/Toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport { DragHandleIcon } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n  const { toolbarPosition } = useLivePreviewContext()\n\n  const { attributes, listeners, setNodeRef, transform } = useDraggable({\n    id: 'live-preview-toolbar',\n  })\n\n  return (\n    <div\n      className={[baseClass, `${baseClass}--draggable`].join(' ')}\n      style={{\n        left: `${toolbarPosition.x}px`,\n        top: `${toolbarPosition.y}px`,\n        ...(transform\n          ? {\n              transform: transform\n                ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)`\n                : undefined,\n            }\n          : {}),\n      }}\n    >\n      <button\n        {...listeners}\n        {...attributes}\n        className={`${baseClass}__drag-handle`}\n        ref={setNodeRef}\n        type=\"button\"\n      >\n        <DragHandleIcon />\n      </button>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n  return (\n    <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nexport const LivePreviewToolbar: React.FC<\n  EditViewProps & {\n    draggable?: boolean\n  }\n> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggableToolbar {...props} />\n  }\n\n  return <StaticToolbar {...props} />\n}\n"],"names":["useDraggable","DragHandleIcon","React","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","toolbarPosition","attributes","listeners","setNodeRef","transform","id","div","className","join","style","left","x","top","y","undefined","button","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,sBAAqB;AAGrD,MAAMC,YAAY;AAElB,MAAMC,mBAA4C,CAACC;IACjD,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAE5B,MAAM,EAAEM,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGZ,aAAa;QACpEa,IAAI;IACN;IAEA,qBACE,MAACC;QACCC,WAAW;YAACV;YAAW,CAAC,EAAEA,UAAU,WAAW,CAAC;SAAC,CAACW,IAAI,CAAC;QACvDC,OAAO;YACLC,MAAM,CAAC,EAAEV,gBAAgBW,CAAC,CAAC,EAAE,CAAC;YAC9BC,KAAK,CAAC,EAAEZ,gBAAgBa,CAAC,CAAC,EAAE,CAAC;YAC7B,GAAIT,YACA;gBACEA,WAAWA,YACP,CAAC,YAAY,EAAEA,WAAWO,KAAK,EAAE,IAAI,EAAEP,WAAWS,KAAK,EAAE,MAAM,CAAC,GAChEC;YACN,IACA,CAAC,CAAC;QACR;;0BAEA,KAACC;gBACE,GAAGb,SAAS;gBACZ,GAAGD,UAAU;gBACdM,WAAW,CAAC,EAAEV,UAAU,aAAa,CAAC;gBACtCmB,KAAKb;gBACLc,MAAK;0BAEL,cAAA,KAACxB;;0BAEH,KAACG;gBAAiB,GAAGG,KAAK;;;;AAGhC;AAEA,MAAMmB,gBAAyC,CAACnB;IAC9C,qBACE,KAACO;QAAIC,WAAW;YAACV;YAAW,CAAC,EAAEA,UAAU,QAAQ,CAAC;SAAC,CAACW,IAAI,CAAC;kBACvD,cAAA,KAACZ;YAAiB,GAAGG,KAAK;;;AAGhC;AAEA,OAAO,MAAMoB,qBAIT,CAACpB;IACH,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,KAACtB;YAAkB,GAAGC,KAAK;;IACpC;IAEA,qBAAO,KAACmB;QAAe,GAAGnB,KAAK;;AACjC,EAAC"}
+{"version":3,"sources":["../../../../src/views/LivePreview/Toolbar/index.tsx"],"sourcesContent":["'use client'\nimport type { EditViewProps } from 'payload'\n\nimport { useDraggable } from '@dnd-kit/core'\nimport { DragHandleIcon } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useLivePreviewContext } from '../Context/context.js'\nimport { ToolbarControls } from './Controls/index.js'\nimport './index.scss'\n\nconst baseClass = 'live-preview-toolbar'\n\nconst DraggableToolbar: React.FC<EditViewProps> = (props) => {\n  const { toolbarPosition } = useLivePreviewContext()\n\n  const { attributes, listeners, setNodeRef, transform } = useDraggable({\n    id: 'live-preview-toolbar',\n  })\n\n  return (\n    <div\n      className={[baseClass, `${baseClass}--draggable`].join(' ')}\n      style={{\n        left: `${toolbarPosition.x}px`,\n        top: `${toolbarPosition.y}px`,\n        ...(transform\n          ? {\n              transform: transform\n                ? `translate3d(${transform?.x || 0}px, ${transform?.y || 0}px, 0)`\n                : undefined,\n            }\n          : {}),\n      }}\n    >\n      <button\n        {...listeners}\n        {...attributes}\n        className={`${baseClass}__drag-handle`}\n        ref={setNodeRef}\n        type=\"button\"\n      >\n        <DragHandleIcon />\n      </button>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nconst StaticToolbar: React.FC<EditViewProps> = (props) => {\n  return (\n    <div className={[baseClass, `${baseClass}--static`].join(' ')}>\n      <ToolbarControls {...props} />\n    </div>\n  )\n}\n\nexport const LivePreviewToolbar: React.FC<\n  {\n    draggable?: boolean\n  } & EditViewProps\n> = (props) => {\n  const { draggable } = props\n\n  if (draggable) {\n    return <DraggableToolbar {...props} />\n  }\n\n  return <StaticToolbar {...props} />\n}\n"],"names":["useDraggable","DragHandleIcon","React","useLivePreviewContext","ToolbarControls","baseClass","DraggableToolbar","props","toolbarPosition","attributes","listeners","setNodeRef","transform","id","div","className","join","style","left","x","top","y","undefined","button","ref","type","StaticToolbar","LivePreviewToolbar","draggable"],"mappings":"AAAA;;AAGA,SAASA,YAAY,QAAQ,gBAAe;AAC5C,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAEzB,SAASC,qBAAqB,QAAQ,wBAAuB;AAC7D,SAASC,eAAe,QAAQ,sBAAqB;AAGrD,MAAMC,YAAY;AAElB,MAAMC,mBAA4C,CAACC;IACjD,MAAM,EAAEC,eAAe,EAAE,GAAGL;IAE5B,MAAM,EAAEM,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGZ,aAAa;QACpEa,IAAI;IACN;IAEA,qBACE,MAACC;QACCC,WAAW;YAACV;YAAW,CAAC,EAAEA,UAAU,WAAW,CAAC;SAAC,CAACW,IAAI,CAAC;QACvDC,OAAO;YACLC,MAAM,CAAC,EAAEV,gBAAgBW,CAAC,CAAC,EAAE,CAAC;YAC9BC,KAAK,CAAC,EAAEZ,gBAAgBa,CAAC,CAAC,EAAE,CAAC;YAC7B,GAAIT,YACA;gBACEA,WAAWA,YACP,CAAC,YAAY,EAAEA,WAAWO,KAAK,EAAE,IAAI,EAAEP,WAAWS,KAAK,EAAE,MAAM,CAAC,GAChEC;YACN,IACA,CAAC,CAAC;QACR;;0BAEA,KAACC;gBACE,GAAGb,SAAS;gBACZ,GAAGD,UAAU;gBACdM,WAAW,CAAC,EAAEV,UAAU,aAAa,CAAC;gBACtCmB,KAAKb;gBACLc,MAAK;0BAEL,cAAA,KAACxB;;0BAEH,KAACG;gBAAiB,GAAGG,KAAK;;;;AAGhC;AAEA,MAAMmB,gBAAyC,CAACnB;IAC9C,qBACE,KAACO;QAAIC,WAAW;YAACV;YAAW,CAAC,EAAEA,UAAU,QAAQ,CAAC;SAAC,CAACW,IAAI,CAAC;kBACvD,cAAA,KAACZ;YAAiB,GAAGG,KAAK;;;AAGhC;AAEA,OAAO,MAAMoB,qBAIT,CAACpB;IACH,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW;QACb,qBAAO,KAACtB;YAAkB,GAAGC,KAAK;;IACpC;IAEA,qBAAO,KAACmB;QAAe,GAAGnB,KAAK;;AACjC,EAAC"}

package/dist/views/LivePreview/usePopupWindow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport { useConfig } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.MutableRefObject<Window | null>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const { serverURL } = useConfig()\n  const popupRef = useRef<Window | null>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"names":["useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","serverURL","popupRef","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","openPopupWindow","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","key","value","strCopy","v","Math","round","innerHeight","innerWidth","slice","newWindow","open","timer","setInterval","closed","clearInterval","isPopupOpen"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,iBAAgB;AAC1C,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAYhE,OAAO,MAAMC,iBAAiB,CAACC;IAU7B,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,GAAG,EAAE,GAAGH;IACtC,MAAMI,qBAAqBP,OAAO;IAClC,MAAM,CAACQ,QAAQC,UAAU,GAAGR,SAAS;IACrC,MAAM,EAAES,SAAS,EAAE,GAAGb;IACtB,MAAMc,WAAWX,OAAsB;IAEvC,iEAAiE;IACjED,UAAU;QACR,MAAMa,iBAAiB,OAAOC;YAC5B,IACEA,MAAMC,MAAM,KAAKC,OAAOC,QAAQ,CAACF,MAAM,IACvCD,MAAMC,MAAM,KAAKR,OACjBO,MAAMC,MAAM,KAAKJ,WACjB;gBACA,kGAAkG;gBAClG;YACF;YAEA,IACE,OAAOL,cAAc,cACrBQ,MAAMI,IAAI,EAAEC,SAASd,aACrB,CAACG,mBAAmBY,OAAO,EAC3B;gBACAZ,mBAAmBY,OAAO,GAAG;gBAC7B,MAAMd,UAAUQ,MAAMI,IAAI,EAAEG;gBAC5Bb,mBAAmBY,OAAO,GAAG;YAC/B;QACF;QAEA,IAAIX,UAAUG,SAASQ,OAAO,EAAE;YAC9BJ,OAAOM,gBAAgB,CAAC,WAAWT,gBAAgB;QACrD;QAEA,OAAO;YACLG,OAAOO,mBAAmB,CAAC,WAAWV;QACxC;IACF,GAAG;QAACP;QAAWD;QAAWE;QAAKI;QAAWF;KAAO;IAEjD,8DAA8D;IAC9D,MAAMe,kBAAkBzB,YACtB,CAAC0B;QACC,IAAIA,GAAG;YACLA,EAAEC,cAAc;QAClB;QAEA,MAAMC,WAAW;YACfC,QAAQ;YACRC,MAAM;YACNC,SAAS;YACTC,OAAO;YACPC,SAAS;YACTC,KAAK;YACLC,OAAO;QACT;QAEA,MAAMC,eAAeC,OAAOC,OAAO,CAACV,UACjCW,MAAM,CAAC,CAACC,KAAK,CAACC,KAAKC,MAAM;YACxB,IAAIC,UAAUH;YACd,IAAIE,UAAU,QAAQ;gBACpB,IAAID,QAAQ,OAAO;oBACjB,MAAMG,IAAIC,KAAKC,KAAK,CAAC7B,OAAO8B,WAAW,GAAG,IAAInB,SAASC,MAAM,GAAG;oBAChEc,WAAW,CAAC,IAAI,EAAEC,EAAE,CAAC,CAAC;gBACxB,OAAO,IAAIH,QAAQ,QAAQ;oBACzB,MAAMG,IAAIC,KAAKC,KAAK,CAAC7B,OAAO+B,UAAU,GAAG,IAAIpB,SAASO,KAAK,GAAG;oBAC9DQ,WAAW,CAAC,KAAK,EAAEC,EAAE,CAAC,CAAC;gBACzB;gBACA,OAAOD;YACT;YAEAA,WAAW,CAAC,EAAEF,IAAI,CAAC,EAAEC,MAAM,CAAC,CAAC;YAC7B,OAAOC;QACT,GAAG,IACFM,KAAK,CAAC,GAAG,CAAC,GAAG,0BAA0B;;QAE1C,MAAMC,YAAYjC,OAAOkC,IAAI,CAAC3C,KAAK,UAAU4B;QAE7CvB,SAASQ,OAAO,GAAG6B;QAEnBvC,UAAU;IACZ,GACA;QAACH;KAAI;IAGP,gGAAgG;IAChG,0EAA0E;IAC1EP,UAAU;QACR,IAAImD;QAEJ,IAAI1C,QAAQ;YACV0C,QAAQC,YAAY;gBAClB,IAAIxC,SAASQ,OAAO,CAACiC,MAAM,EAAE;oBAC3BC,cAAcH;oBACdzC,UAAU;gBACZ;YACF,GAAG;QACL,OAAO;YACL4C,cAAcH;QAChB;QAEA,OAAO;YACL,IAAIA,OAAO;gBACTG,cAAcH;YAChB;QACF;IACF,GAAG;QAAC1C;QAAQG;KAAS;IAErB,OAAO;QACL2C,aAAa9C;QACbe;QACAZ;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../../src/views/LivePreview/usePopupWindow.ts"],"sourcesContent":["'use client'\nimport { useConfig } from '@payloadcms/ui'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface PopupMessage {\n  searchParams: {\n    [key: string]: string | undefined\n    code: string\n    installation_id: string\n    state: string\n  }\n  type: string\n}\n\nexport const usePopupWindow = (props: {\n  eventType?: string\n\n  onMessage?: (searchParams: PopupMessage['searchParams']) => Promise<void>\n  url: string\n}): {\n  isPopupOpen: boolean\n  openPopupWindow: () => void\n  popupRef?: React.MutableRefObject<Window | null>\n} => {\n  const { eventType, onMessage, url } = props\n  const isReceivingMessage = useRef(false)\n  const [isOpen, setIsOpen] = useState(false)\n  const { serverURL } = useConfig()\n  const popupRef = useRef<Window | null>(null)\n\n  // Optionally broadcast messages back out to the parent component\n  useEffect(() => {\n    const receiveMessage = async (event: MessageEvent): Promise<void> => {\n      if (\n        event.origin !== window.location.origin ||\n        event.origin !== url ||\n        event.origin !== serverURL\n      ) {\n        // console.warn(`Message received by ${event.origin}; IGNORED.`) // eslint-disable-line no-console\n        return\n      }\n\n      if (\n        typeof onMessage === 'function' &&\n        event.data?.type === eventType &&\n        !isReceivingMessage.current\n      ) {\n        isReceivingMessage.current = true\n        await onMessage(event.data?.searchParams)\n        isReceivingMessage.current = false\n      }\n    }\n\n    if (isOpen && popupRef.current) {\n      window.addEventListener('message', receiveMessage, false)\n    }\n\n    return () => {\n      window.removeEventListener('message', receiveMessage)\n    }\n  }, [onMessage, eventType, url, serverURL, isOpen])\n\n  // Customize the size, position, and style of the popup window\n  const openPopupWindow = useCallback(\n    (e?: MouseEvent) => {\n      if (e) {\n        e.preventDefault()\n      }\n\n      const features = {\n        height: 700,\n        left: 'auto',\n        menubar: 'no',\n        popup: 'yes',\n        toolbar: 'no',\n        top: 'auto',\n        width: 800,\n      }\n\n      const popupOptions = Object.entries(features)\n        .reduce((str, [key, value]) => {\n          let strCopy = str\n          if (value === 'auto') {\n            if (key === 'top') {\n              const v = Math.round(window.innerHeight / 2 - features.height / 2)\n              strCopy += `top=${v},`\n            } else if (key === 'left') {\n              const v = Math.round(window.innerWidth / 2 - features.width / 2)\n              strCopy += `left=${v},`\n            }\n            return strCopy\n          }\n\n          strCopy += `${key}=${value},`\n          return strCopy\n        }, '')\n        .slice(0, -1) // remove last ',' (comma)\n\n      const newWindow = window.open(url, '_blank', popupOptions)\n\n      popupRef.current = newWindow\n\n      setIsOpen(true)\n    },\n    [url],\n  )\n\n  // this is the most stable and widely supported way to check if a popup window is no longer open\n  // we poll its ref every x ms and use the popup window's `closed` property\n  useEffect(() => {\n    let timer: NodeJS.Timeout\n\n    if (isOpen) {\n      timer = setInterval(function () {\n        if (popupRef.current.closed) {\n          clearInterval(timer)\n          setIsOpen(false)\n        }\n      }, 1000)\n    } else {\n      clearInterval(timer)\n    }\n\n    return () => {\n      if (timer) {\n        clearInterval(timer)\n      }\n    }\n  }, [isOpen, popupRef])\n\n  return {\n    isPopupOpen: isOpen,\n    openPopupWindow,\n    popupRef,\n  }\n}\n"],"names":["useConfig","useCallback","useEffect","useRef","useState","usePopupWindow","props","eventType","onMessage","url","isReceivingMessage","isOpen","setIsOpen","serverURL","popupRef","receiveMessage","event","origin","window","location","data","type","current","searchParams","addEventListener","removeEventListener","openPopupWindow","e","preventDefault","features","height","left","menubar","popup","toolbar","top","width","popupOptions","Object","entries","reduce","str","key","value","strCopy","v","Math","round","innerHeight","innerWidth","slice","newWindow","open","timer","setInterval","closed","clearInterval","isPopupOpen"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,iBAAgB;AAC1C,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAYhE,OAAO,MAAMC,iBAAiB,CAACC;IAU7B,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,GAAG,EAAE,GAAGH;IACtC,MAAMI,qBAAqBP,OAAO;IAClC,MAAM,CAACQ,QAAQC,UAAU,GAAGR,SAAS;IACrC,MAAM,EAAES,SAAS,EAAE,GAAGb;IACtB,MAAMc,WAAWX,OAAsB;IAEvC,iEAAiE;IACjED,UAAU;QACR,MAAMa,iBAAiB,OAAOC;YAC5B,IACEA,MAAMC,MAAM,KAAKC,OAAOC,QAAQ,CAACF,MAAM,IACvCD,MAAMC,MAAM,KAAKR,OACjBO,MAAMC,MAAM,KAAKJ,WACjB;gBACA,kGAAkG;gBAClG;YACF;YAEA,IACE,OAAOL,cAAc,cACrBQ,MAAMI,IAAI,EAAEC,SAASd,aACrB,CAACG,mBAAmBY,OAAO,EAC3B;gBACAZ,mBAAmBY,OAAO,GAAG;gBAC7B,MAAMd,UAAUQ,MAAMI,IAAI,EAAEG;gBAC5Bb,mBAAmBY,OAAO,GAAG;YAC/B;QACF;QAEA,IAAIX,UAAUG,SAASQ,OAAO,EAAE;YAC9BJ,OAAOM,gBAAgB,CAAC,WAAWT,gBAAgB;QACrD;QAEA,OAAO;YACLG,OAAOO,mBAAmB,CAAC,WAAWV;QACxC;IACF,GAAG;QAACP;QAAWD;QAAWE;QAAKI;QAAWF;KAAO;IAEjD,8DAA8D;IAC9D,MAAMe,kBAAkBzB,YACtB,CAAC0B;QACC,IAAIA,GAAG;YACLA,EAAEC,cAAc;QAClB;QAEA,MAAMC,WAAW;YACfC,QAAQ;YACRC,MAAM;YACNC,SAAS;YACTC,OAAO;YACPC,SAAS;YACTC,KAAK;YACLC,OAAO;QACT;QAEA,MAAMC,eAAeC,OAAOC,OAAO,CAACV,UACjCW,MAAM,CAAC,CAACC,KAAK,CAACC,KAAKC,MAAM;YACxB,IAAIC,UAAUH;YACd,IAAIE,UAAU,QAAQ;gBACpB,IAAID,QAAQ,OAAO;oBACjB,MAAMG,IAAIC,KAAKC,KAAK,CAAC7B,OAAO8B,WAAW,GAAG,IAAInB,SAASC,MAAM,GAAG;oBAChEc,WAAW,CAAC,IAAI,EAAEC,EAAE,CAAC,CAAC;gBACxB,OAAO,IAAIH,QAAQ,QAAQ;oBACzB,MAAMG,IAAIC,KAAKC,KAAK,CAAC7B,OAAO+B,UAAU,GAAG,IAAIpB,SAASO,KAAK,GAAG;oBAC9DQ,WAAW,CAAC,KAAK,EAAEC,EAAE,CAAC,CAAC;gBACzB;gBACA,OAAOD;YACT;YAEAA,WAAW,CAAC,EAAEF,IAAI,CAAC,EAAEC,MAAM,CAAC,CAAC;YAC7B,OAAOC;QACT,GAAG,IACFM,KAAK,CAAC,GAAG,CAAC,GAAG,0BAA0B;;QAE1C,MAAMC,YAAYjC,OAAOkC,IAAI,CAAC3C,KAAK,UAAU4B;QAE7CvB,SAASQ,OAAO,GAAG6B;QAEnBvC,UAAU;IACZ,GACA;QAACH;KAAI;IAGP,gGAAgG;IAChG,0EAA0E;IAC1EP,UAAU;QACR,IAAImD;QAEJ,IAAI1C,QAAQ;YACV0C,QAAQC,YAAY;gBAClB,IAAIxC,SAASQ,OAAO,CAACiC,MAAM,EAAE;oBAC3BC,cAAcH;oBACdzC,UAAU;gBACZ;YACF,GAAG;QACL,OAAO;YACL4C,cAAcH;QAChB;QAEA,OAAO;YACL,IAAIA,OAAO;gBACTG,cAAcH;YAChB;QACF;IACF,GAAG;QAAC1C;QAAQG;KAAS;IAErB,OAAO;QACL2C,aAAa9C;QACbe;QACAZ;IACF;AACF,EAAC"}

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

@@ -2,8 +2,8 @@ import type { AdminViewProps } from 'payload';
 import React from 'react';
 import './index.scss';
 export { generateLogoutMetadata } from './meta.js';
-export declare const LogoutView: React.FC<AdminViewProps & {
+export declare const LogoutView: React.FC<{
     inactivity?: boolean;
-}>;
+} & AdminViewProps>;
 export declare const LogoutInactivity: React.FC<AdminViewProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,cAAc,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAqBF,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAErD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Logout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,cAAc,CAqBnB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAErD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Logout/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport React from 'react'\n\nimport { LogoutClient } from './LogoutClient.js'\nimport './index.scss'\n\nconst baseClass = 'logout'\n\nexport { generateLogoutMetadata } from './meta.js'\n\nexport const LogoutView: React.FC<\n  AdminViewProps & {\n    inactivity?: boolean\n  }\n> = ({ inactivity, initPageResult, searchParams }) => {\n  const {\n    req: {\n      payload: {\n        config: {\n          routes: { admin },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <div className={`${baseClass}__wrap`}>\n      <LogoutClient\n        adminRoute={admin}\n        inactivity={inactivity}\n        redirect={searchParams.redirect as string}\n      />\n    </div>\n  )\n}\n\nexport const LogoutInactivity: React.FC<AdminViewProps> = (props) => {\n  return <LogoutView inactivity {...props} />\n}\n"],"names":["React","LogoutClient","baseClass","generateLogoutMetadata","LogoutView","inactivity","initPageResult","searchParams","req","payload","config","routes","admin","div","className","adminRoute","redirect","LogoutInactivity","props"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAmB;AAGhD,MAAMC,YAAY;AAElB,SAASC,sBAAsB,QAAQ,YAAW;AAElD,OAAO,MAAMC,aAIT,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,YAAY,EAAE;IAC/C,MAAM,EACJC,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,EACF,EACF,GAAGN;IAEJ,qBACE,KAACO;QAAIC,WAAW,CAAC,EAAEZ,UAAU,MAAM,CAAC;kBAClC,cAAA,KAACD;YACCc,YAAYH;YACZP,YAAYA;YACZW,UAAUT,aAAaS,QAAQ;;;AAIvC,EAAC;AAED,OAAO,MAAMC,mBAA6C,CAACC;IACzD,qBAAO,KAACd;QAAWC,UAAU;QAAE,GAAGa,KAAK;;AACzC,EAAC"}
+{"version":3,"sources":["../../../src/views/Logout/index.tsx"],"sourcesContent":["import type { AdminViewProps } from 'payload'\n\nimport React from 'react'\n\nimport { LogoutClient } from './LogoutClient.js'\nimport './index.scss'\n\nconst baseClass = 'logout'\n\nexport { generateLogoutMetadata } from './meta.js'\n\nexport const LogoutView: React.FC<\n  {\n    inactivity?: boolean\n  } & AdminViewProps\n> = ({ inactivity, initPageResult, searchParams }) => {\n  const {\n    req: {\n      payload: {\n        config: {\n          routes: { admin },\n        },\n      },\n    },\n  } = initPageResult\n\n  return (\n    <div className={`${baseClass}__wrap`}>\n      <LogoutClient\n        adminRoute={admin}\n        inactivity={inactivity}\n        redirect={searchParams.redirect as string}\n      />\n    </div>\n  )\n}\n\nexport const LogoutInactivity: React.FC<AdminViewProps> = (props) => {\n  return <LogoutView inactivity {...props} />\n}\n"],"names":["React","LogoutClient","baseClass","generateLogoutMetadata","LogoutView","inactivity","initPageResult","searchParams","req","payload","config","routes","admin","div","className","adminRoute","redirect","LogoutInactivity","props"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAmB;AAGhD,MAAMC,YAAY;AAElB,SAASC,sBAAsB,QAAQ,YAAW;AAElD,OAAO,MAAMC,aAIT,CAAC,EAAEC,UAAU,EAAEC,cAAc,EAAEC,YAAY,EAAE;IAC/C,MAAM,EACJC,KAAK,EACHC,SAAS,EACPC,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,EACF,EACF,GAAGN;IAEJ,qBACE,KAACO;QAAIC,WAAW,CAAC,EAAEZ,UAAU,MAAM,CAAC;kBAClC,cAAA,KAACD;YACCc,YAAYH;YACZP,YAAYA;YACZW,UAAUT,aAAaS,QAAQ;;;AAIvC,EAAC;AAED,OAAO,MAAMC,mBAA6C,CAACC;IACzD,qBAAO,KAACd;QAAWC,UAAU;QAAE,GAAGa,KAAK;;AACzC,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/NotFound/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,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,oBAAoB,+BAE9B;IACD,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAAA;IAClD,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAA;CAE9C,KAAG,OAAO,CAAC,QAAQ,CAUnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE;IACxC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,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,YAAY,qDAItB;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,+BA4BA,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,kBAE1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/NotFound/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,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,oBAAoB,+BAE9B;IACD,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,CAAA;IAClD,MAAM,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,CAAA;CAC9C,KAAG,OAAO,CAAC,QAAQ,CAUnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE;IACxC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,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,YAAY,qDAItB;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,+BA4BA,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,kBAE1B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/NotFound/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Metadata } from 'next'\nimport type { AdminViewComponent, SanitizedConfig } from 'payload'\n\nimport { HydrateClientUser } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport { DefaultTemplate } from '../../templates/Default/index.js'\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { initPage } from '../../utilities/initPage/index.js'\nimport { NotFoundClient } from './index.client.js'\n\nexport const generatePageMetadata = async ({\n  config: configPromise,\n}: {\n  config: Promise<SanitizedConfig> | SanitizedConfig\n  params?: { [key: string]: string | string[] }\n  //eslint-disable-next-line @typescript-eslint/require-await\n}): Promise<Metadata> => {\n  const config = await configPromise\n\n  const i18n = await getNextRequestI18n({\n    config,\n  })\n\n  return {\n    title: i18n.t('general:notFound'),\n  }\n}\n\nexport type GenerateViewMetadata = (args: {\n  config: SanitizedConfig\n  i18n: I18n\n  params?: { [key: string]: string | string[] }\n}) => Promise<Metadata>\n\nexport const NotFoundPage = 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  const { routes: { admin: adminRoute } = {} } = config\n\n  const initPageResult = await initPage({\n    config,\n    redirectUnauthenticatedUser: true,\n    route: `${adminRoute}/not-found`,\n    searchParams,\n  })\n\n  return (\n    <Fragment>\n      <HydrateClientUser permissions={initPageResult.permissions} user={initPageResult.req.user} />\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={initPageResult.visibleEntities}\n      >\n        <NotFoundClient />\n      </DefaultTemplate>\n    </Fragment>\n  )\n}\n\nexport const NotFoundView: AdminViewComponent = () => {\n  return <NotFoundClient marginTop=\"large\" />\n}\n"],"names":["HydrateClientUser","React","Fragment","DefaultTemplate","getNextRequestI18n","initPage","NotFoundClient","generatePageMetadata","config","configPromise","i18n","title","t","NotFoundPage","params","searchParams","routes","admin","adminRoute","initPageResult","redirectUnauthenticatedUser","route","permissions","user","req","locale","payload","visibleEntities","NotFoundView","marginTop"],"mappings":";AAIA,SAASA,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,QAAQ,QAAQ,oCAAmC;AAC5D,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,uBAAuB,OAAO,EACzCC,QAAQC,aAAa,EAKtB;IACC,MAAMD,SAAS,MAAMC;IAErB,MAAMC,OAAO,MAAMN,mBAAmB;QACpCI;IACF;IAEA,OAAO;QACLG,OAAOD,KAAKE,CAAC,CAAC;IAChB;AACF,EAAC;AAQD,OAAO,MAAMC,eAAe,OAAO,EACjCL,QAAQC,aAAa,EACrBK,MAAM,EACNC,YAAY,EASb;IACC,MAAMP,SAAS,MAAMC;IACrB,MAAM,EAAEO,QAAQ,EAAEC,OAAOC,UAAU,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGV;IAE/C,MAAMW,iBAAiB,MAAMd,SAAS;QACpCG;QACAY,6BAA6B;QAC7BC,OAAO,CAAC,EAAEH,WAAW,UAAU,CAAC;QAChCH;IACF;IAEA,qBACE,MAACb;;0BACC,KAACF;gBAAkBsB,aAAaH,eAAeG,WAAW;gBAAEC,MAAMJ,eAAeK,GAAG,CAACD,IAAI;;0BACzF,KAACpB;gBACCO,MAAMS,eAAeK,GAAG,CAACd,IAAI;gBAC7Be,QAAQN,eAAeM,MAAM;gBAC7BX,QAAQA;gBACRY,SAASP,eAAeK,GAAG,CAACE,OAAO;gBACnCJ,aAAaH,eAAeG,WAAW;gBACvCP,cAAcA;gBACdQ,MAAMJ,eAAeK,GAAG,CAACD,IAAI;gBAC7BI,iBAAiBR,eAAeQ,eAAe;0BAE/C,cAAA,KAACrB;;;;AAIT,EAAC;AAED,OAAO,MAAMsB,eAAmC;IAC9C,qBAAO,KAACtB;QAAeuB,WAAU;;AACnC,EAAC"}
+{"version":3,"sources":["../../../src/views/NotFound/index.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { Metadata } from 'next'\nimport type { AdminViewComponent, SanitizedConfig } from 'payload'\n\nimport { HydrateClientUser } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nimport { DefaultTemplate } from '../../templates/Default/index.js'\nimport { getNextRequestI18n } from '../../utilities/getNextRequestI18n.js'\nimport { initPage } from '../../utilities/initPage/index.js'\nimport { NotFoundClient } from './index.client.js'\n\nexport const generatePageMetadata = async ({\n  config: configPromise,\n}: {\n  config: Promise<SanitizedConfig> | SanitizedConfig\n  params?: { [key: string]: string | string[] }\n}): Promise<Metadata> => {\n  const config = await configPromise\n\n  const i18n = await getNextRequestI18n({\n    config,\n  })\n\n  return {\n    title: i18n.t('general:notFound'),\n  }\n}\n\nexport type GenerateViewMetadata = (args: {\n  config: SanitizedConfig\n  i18n: I18n\n  params?: { [key: string]: string | string[] }\n}) => Promise<Metadata>\n\nexport const NotFoundPage = 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  const { routes: { admin: adminRoute } = {} } = config\n\n  const initPageResult = await initPage({\n    config,\n    redirectUnauthenticatedUser: true,\n    route: `${adminRoute}/not-found`,\n    searchParams,\n  })\n\n  return (\n    <Fragment>\n      <HydrateClientUser permissions={initPageResult.permissions} user={initPageResult.req.user} />\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={initPageResult.visibleEntities}\n      >\n        <NotFoundClient />\n      </DefaultTemplate>\n    </Fragment>\n  )\n}\n\nexport const NotFoundView: AdminViewComponent = () => {\n  return <NotFoundClient marginTop=\"large\" />\n}\n"],"names":["HydrateClientUser","React","Fragment","DefaultTemplate","getNextRequestI18n","initPage","NotFoundClient","generatePageMetadata","config","configPromise","i18n","title","t","NotFoundPage","params","searchParams","routes","admin","adminRoute","initPageResult","redirectUnauthenticatedUser","route","permissions","user","req","locale","payload","visibleEntities","NotFoundView","marginTop"],"mappings":";AAIA,SAASA,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,kBAAkB,QAAQ,wCAAuC;AAC1E,SAASC,QAAQ,QAAQ,oCAAmC;AAC5D,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,uBAAuB,OAAO,EACzCC,QAAQC,aAAa,EAItB;IACC,MAAMD,SAAS,MAAMC;IAErB,MAAMC,OAAO,MAAMN,mBAAmB;QACpCI;IACF;IAEA,OAAO;QACLG,OAAOD,KAAKE,CAAC,CAAC;IAChB;AACF,EAAC;AAQD,OAAO,MAAMC,eAAe,OAAO,EACjCL,QAAQC,aAAa,EACrBK,MAAM,EACNC,YAAY,EASb;IACC,MAAMP,SAAS,MAAMC;IACrB,MAAM,EAAEO,QAAQ,EAAEC,OAAOC,UAAU,EAAE,GAAG,CAAC,CAAC,EAAE,GAAGV;IAE/C,MAAMW,iBAAiB,MAAMd,SAAS;QACpCG;QACAY,6BAA6B;QAC7BC,OAAO,CAAC,EAAEH,WAAW,UAAU,CAAC;QAChCH;IACF;IAEA,qBACE,MAACb;;0BACC,KAACF;gBAAkBsB,aAAaH,eAAeG,WAAW;gBAAEC,MAAMJ,eAAeK,GAAG,CAACD,IAAI;;0BACzF,KAACpB;gBACCO,MAAMS,eAAeK,GAAG,CAACd,IAAI;gBAC7Be,QAAQN,eAAeM,MAAM;gBAC7BX,QAAQA;gBACRY,SAASP,eAAeK,GAAG,CAACE,OAAO;gBACnCJ,aAAaH,eAAeG,WAAW;gBACvCP,cAAcA;gBACdQ,MAAMJ,eAAeK,GAAG,CAACD,IAAI;gBAC7BI,iBAAiBR,eAAeQ,eAAe;0BAE/C,cAAA,KAACrB;;;;AAIT,EAAC;AAED,OAAO,MAAMsB,eAAmC;IAC9C,qBAAO,KAACtB;QAAeuB,WAAU;;AACnC,EAAC"}

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

@@ -9,6 +9,5 @@ export declare const SetStepNav: React.FC<{
     globalConfig?: ClientGlobalConfig;
     globalSlug?: string;
     id?: number | string;
-    mostRecentDoc: any;
 }>;
 //# 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,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

@@ -2,7 +2,7 @@ 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, mostRecentDoc })=>{
+export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap, globalConfig, globalSlug })=>{
     const config = useConfig();
     const { setStepNav } = useStepNav();
     const { i18n, t } = useTranslation();
@@ -14,24 +14,25 @@ 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 fieldName = 'name' in f ? f.name : undefined;
                         return Boolean(isFieldAffectingData && fieldName === useAsTitle);
                     });
-                    if (titleField && mostRecentDoc[useAsTitle]) {
+                    if (titleField && formattedDoc[useAsTitle]) {
                         if (titleField.localized) {
-                            docLabel = mostRecentDoc[useAsTitle]?.[locale.code];
+                            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 = [
@@ -82,7 +83,6 @@ export const SetStepNav = ({ id, collectionConfig, collectionSlug, doc, fieldMap
         collectionSlug,
         globalSlug,
         doc,
-        mostRecentDoc,
         id,
         locale,
         t,