@payloadcms/next 3.0.0-canary.f1db24e → 3.0.0-canary.f1f97ff

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/getViewsFromConfig.tsx"],"sourcesContent":["import type { CollectionPermission, GlobalPermission } from 'payload/auth'\nimport type { EditViewComponent } from 'payload/config'\nimport type {\n  AdminViewComponent,\n  SanitizedCollectionConfig,\n  SanitizedConfig,\n  SanitizedGlobalConfig,\n} from 'payload/types'\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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 = [\n                  adminRoute !== '/' && adminRoute,\n                  'collections',\n                  collectionSlug,\n                  segment3,\n                ]\n                  .filter(Boolean)\n                  .join('/')\n\n                const currentRoute = [baseRoute, segment4, segment5, ...remainingSegments]\n                  .filter(Boolean)\n                  .join('/')\n\n                CustomView = getCustomViewByRoute({\n                  baseRoute,\n                  currentRoute,\n                  views,\n                })\n                break\n              }\n            }\n            break\n          }\n\n          // `../:id/versions/:version`, etc\n          default: {\n            if (segment4 === 'versions') {\n              if (docPermissions?.readVersions?.permission) {\n                CustomView = getCustomViewByKey(views, 'Version')\n                DefaultView = DefaultVersionView\n              } else {\n                ErrorView = UnauthorizedView\n              }\n            } else {\n              const baseRoute = [\n                adminRoute !== '/' && adminRoute,\n                collectionEntity,\n                collectionSlug,\n                segment3,\n              ]\n                .filter(Boolean)\n                .join('/')\n\n              const currentRoute = [baseRoute, segment4, segment5, ...remainingSegments]\n                .filter(Boolean)\n                .join('/')\n\n              CustomView = getCustomViewByRoute({\n                baseRoute,\n                currentRoute,\n                views,\n              })\n            }\n            break\n          }\n        }\n      }\n    }\n  }\n\n  if (globalConfig) {\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    const EditOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (EditOverride) {\n      CustomView = EditOverride\n    }\n\n    if (!EditOverride) {\n      const [globalEntity, globalSlug, segment3, ...remainingSegments] = routeSegments\n\n      if (!docPermissions?.read?.permission) {\n        notFound()\n      } else {\n        switch (routeSegments.length) {\n          case 2: {\n            CustomView = getCustomViewByKey(views, 'Default')\n            DefaultView = DefaultEditView\n            break\n          }\n\n          case 3: {\n            // `../:slug/api`, `../:slug/preview`, `../:slug/versions`, etc\n            switch (segment3) {\n              case 'api': {\n                if (globalConfig?.admin?.hideAPIURL !== true) {\n                  CustomView = getCustomViewByKey(views, 'API')\n                  DefaultView = DefaultAPIView\n                }\n                break\n              }\n\n              case 'preview': {\n                if (livePreviewEnabled) {\n                  DefaultView = DefaultLivePreviewView\n                }\n                break\n              }\n\n              case 'versions': {\n                if (docPermissions?.readVersions?.permission) {\n                  CustomView = getCustomViewByKey(views, 'Versions')\n                  DefaultView = DefaultVersionsView\n                } else {\n                  ErrorView = UnauthorizedView\n                }\n                break\n              }\n\n              default: {\n                if (docPermissions?.read?.permission) {\n                  const baseRoute = [adminRoute, globalEntity, globalSlug, segment3]\n                    .filter(Boolean)\n                    .join('/')\n\n                  const currentRoute = [baseRoute, segment3, ...remainingSegments]\n                    .filter(Boolean)\n                    .join('/')\n\n                  CustomView = getCustomViewByRoute({\n                    baseRoute,\n                    currentRoute,\n                    views,\n                  })\n                  DefaultView = DefaultEditView\n                } else {\n                  ErrorView = UnauthorizedView\n                }\n                break\n              }\n            }\n            break\n          }\n\n          default: {\n            // `../:slug/versions/:version`, etc\n            if (segment3 === 'versions') {\n              if (docPermissions?.readVersions?.permission) {\n                CustomView = getCustomViewByKey(views, 'Version')\n                DefaultView = DefaultVersionView\n              } else {\n                ErrorView = UnauthorizedView\n              }\n            } else {\n              const baseRoute = [adminRoute !== '/' && adminRoute, 'globals', globalSlug]\n                .filter(Boolean)\n                .join('/')\n\n              const currentRoute = [baseRoute, segment3, ...remainingSegments]\n                .filter(Boolean)\n                .join('/')\n\n              CustomView = getCustomViewByRoute({\n                baseRoute,\n                currentRoute,\n                views,\n              })\n            }\n            break\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    CustomView,\n    DefaultView,\n    ErrorView,\n  }\n}\n"],"names":["notFound","APIView","DefaultAPIView","EditView","DefaultEditView","LivePreviewView","DefaultLivePreviewView","UnauthorizedView","VersionView","DefaultVersionView","VersionsView","DefaultVersionsView","getCustomViewByKey","getCustomViewByRoute","getViewsFromConfig","collectionConfig","config","docPermissions","globalConfig","routeSegments","DefaultView","CustomView","ErrorView","routes","admin","adminRoute","views","components","livePreviewEnabled","livePreview","collections","includes","slug","globals","editConfig","Edit","EditOverride","collectionEntity","collectionSlug","segment3","segment4","segment5","remainingSegments","read","permission","length","create","hideAPIURL","readVersions","baseRoute","filter","Boolean","join","currentRoute","globalEntity","globalSlug"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { AdminViewProps } from 'payload/types';
+import type { AdminViewProps } from 'payload';
 import React from 'react';
 import type { GenerateEditViewMetadata } from './getMetaBySegment.js';
 export declare const generateMetadata: GenerateEditViewMetadata;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAUnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAQrE,eAAO,MAAM,gBAAgB,EAAE,wBAAiE,CAAA;AAEhG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqN7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Document/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAsB,cAAc,EAAqB,MAAM,SAAS,CAAA;AAKpF,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AASrE,eAAO,MAAM,gBAAgB,EAAE,wBAAiE,CAAA;AAEhG,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2N7C,CAAA"}

package/dist/views/Document/index.js

@@ -1,13 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader';
-import { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser';
-import { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent';
-import { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo';
-import { EditDepthProvider } from '@payloadcms/ui/providers/EditDepth';
-import { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams';
-import { isEditing as getIsEditing } from '@payloadcms/ui/utilities/isEditing';
+import { DocumentInfoProvider, EditDepthProvider, HydrateClientUser } from '@payloadcms/ui';
+import { RenderCustomComponent, formatAdminURL, isEditing as getIsEditing } from '@payloadcms/ui/shared';
 import { notFound, redirect } from 'next/navigation.js';
 import React from 'react';
+import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
 import { NotFoundView } from '../NotFound/index.js';
 import { getDocumentData } from './getDocumentData.js';
 import { getDocumentPermissions } from './getDocumentPermissions.js';
@@ -29,7 +25,6 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
     let DefaultView;
     let ErrorView;
     let apiURL;
-    let action;
     const { data, formState } = await getDocumentData({
         id,
         collectionConfig,
@@ -48,8 +43,15 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         if (!visibleEntities?.collections?.find((visibleSlug)=>visibleSlug === collectionSlug)) {
             notFound();
         }
-        action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`;
-        apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}${collectionConfig.versions?.drafts ? '&draft=true' : ''}`;
+        const params = new URLSearchParams();
+        if (collectionConfig.versions?.drafts) {
+            params.append('draft', 'true');
+        }
+        if (locale?.code) {
+            params.append('locale', locale.code);
+        }
+        const apiQueryParams = `?${params.toString()}`;
+        apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`;
         const editConfig = collectionConfig?.admin?.components?.views?.Edit;
         ViewOverride = typeof editConfig === 'function' ? editConfig : null;
         if (!ViewOverride) {
@@ -71,8 +73,17 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
         if (!visibleEntities?.globals?.find((visibleSlug)=>visibleSlug === globalSlug)) {
             notFound();
         }
-        action = `${serverURL}${apiRoute}/globals/${globalSlug}`;
-        apiURL = `${serverURL}${apiRoute}/${globalSlug}?locale=${locale.code}${globalConfig.versions?.drafts ? '&draft=true' : ''}`;
+        const params = new URLSearchParams({
+            locale: locale?.code
+        });
+        if (globalConfig.versions?.drafts) {
+            params.append('draft', 'true');
+        }
+        if (locale?.code) {
+            params.append('locale', locale.code);
+        }
+        const apiQueryParams = `?${params.toString()}`;
+        apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`;
         const editConfig = globalConfig?.admin?.components?.views?.Edit;
         ViewOverride = typeof editConfig === 'function' ? editConfig : null;
         if (!ViewOverride) {
@@ -94,32 +105,30 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
    * Handle case where autoSave is enabled and the document is being created
    * => create document and redirect
    */ const shouldAutosave = hasSavePermission && (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave);
-    if (shouldAutosave && !id && collectionSlug) {
+    const validateDraftData = collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.validate;
+    if (shouldAutosave && !validateDraftData && !id && collectionSlug) {
         const doc = await payload.create({
             collection: collectionSlug,
             data: {},
             depth: 0,
             draft: true,
             fallbackLocale: null,
-            locale: locale.code,
+            locale: locale?.code,
             req,
             user
         });
         if (doc?.id) {
-            const redirectURL = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`;
+            const redirectURL = formatAdminURL({
+                adminRoute,
+                path: `/collections/${collectionSlug}/${doc.id}`,
+                serverURL
+            });
             redirect(redirectURL);
         } else {
             notFound();
         }
     }
-    const viewComponentProps = {
-        initPageResult,
-        params,
-        routeSegments: segments,
-        searchParams
-    };
     return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
-        action: action,
         apiURL: apiURL,
         collectionSlug: collectionConfig?.slug,
         disableActions: false,
@@ -145,32 +154,25 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
             }),
             /*#__PURE__*/ _jsx(EditDepthProvider, {
                 depth: 1,
-                children: /*#__PURE__*/ _jsx(FormQueryParamsProvider, {
-                    initialParams: {
-                        depth: 0,
-                        'fallback-locale': 'null',
-                        locale: locale.code,
-                        uploadEdits: undefined
-                    },
-                    children: ErrorView ? /*#__PURE__*/ _jsx(ErrorView, {
-                        initPageResult: initPageResult,
-                        searchParams: searchParams
-                    }) : /*#__PURE__*/ _jsx(RenderCustomComponent, {
-                        CustomComponent: ViewOverride || CustomView,
-                        DefaultComponent: DefaultView,
-                        componentProps: viewComponentProps,
-                        serverOnlyProps: {
-                            i18n,
-                            locale,
-                            params,
-                            payload,
-                            permissions,
-                            searchParams,
-                            user
-                        }
-                    })
+                children: ErrorView ? /*#__PURE__*/ _jsx(ErrorView, {
+                    initPageResult: initPageResult,
+                    searchParams: searchParams
+                }) : /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                    CustomComponent: ViewOverride || CustomView,
+                    DefaultComponent: DefaultView,
+                    serverOnlyProps: {
+                        i18n,
+                        initPageResult,
+                        locale,
+                        params,
+                        payload,
+                        permissions,
+                        routeSegments: segments,
+                        searchParams,
+                        user
+                    }
                 })
-            }, `${collectionSlug || globalSlug}-${locale.code}`)
+            }, `${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`)
         ]
     });
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/config'\nimport type { AdminViewComponent, ServerSideEditViewProps } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { EditDepthProvider } from '@payloadcms/ui/providers/EditDepth'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { isEditing as getIsEditing } from '@payloadcms/ui/utilities/isEditing'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let apiURL: string\n  let action: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}${\n      collectionConfig.versions?.drafts ? '&draft=true' : ''\n    }`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/globals/${globalSlug}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}?locale=${locale.code}${\n      globalConfig.versions?.drafts ? '&draft=true' : ''\n    }`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n\n  if (shouldAutosave && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  const viewComponentProps: ServerSideEditViewProps = {\n    initPageResult,\n    params,\n    routeSegments: segments,\n    searchParams,\n  }\n\n  return (\n    <DocumentInfoProvider\n      action={action}\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      <HydrateClientUser permissions={permissions} user={user} />\n      <EditDepthProvider depth={1} key={`${collectionSlug || globalSlug}-${locale.code}`}>\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\n          {ErrorView ? (\n            <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n          ) : (\n            <RenderCustomComponent\n              CustomComponent={ViewOverride || CustomView}\n              DefaultComponent={DefaultView}\n              componentProps={viewComponentProps}\n              serverOnlyProps={{\n                i18n,\n                locale,\n                params,\n                payload,\n                permissions,\n                searchParams,\n                user,\n              }}\n            />\n          )}\n        </FormQueryParamsProvider>\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","EditDepthProvider","FormQueryParamsProvider","isEditing","getIsEditing","notFound","redirect","React","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","ViewOverride","CustomView","DefaultView","ErrorView","apiURL","action","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","code","versions","drafts","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","doc","create","collection","depth","draft","fallbackLocale","redirectURL","viewComponentProps","disableActions","initialData","initialState","initialParams","uploadEdits","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { AdminViewComponent, AdminViewProps, EditViewComponent } from 'payload'\n\nimport { DocumentInfoProvider, EditDepthProvider, HydrateClientUser } from '@payloadcms/ui'\nimport { RenderCustomComponent, formatAdminURL , isEditing as getIsEditing } from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { DocumentHeader } from '../../elements/DocumentHeader/index.js'\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let apiURL: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams()\n    if (collectionConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}${apiQueryParams}`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    const params = new URLSearchParams({\n      locale: locale?.code,\n    })\n    if (globalConfig.versions?.drafts) {\n      params.append('draft', 'true')\n    }\n    if (locale?.code) {\n      params.append('locale', locale.code)\n    }\n\n    const apiQueryParams = `?${params.toString()}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}${apiQueryParams}`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n  const validateDraftData =\n    collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.validate\n\n  if (shouldAutosave && !validateDraftData && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale?.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}/${doc.id}`,\n        serverURL,\n      })\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  return (\n    <DocumentInfoProvider\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      <HydrateClientUser permissions={permissions} user={user} />\n      <EditDepthProvider\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\n        {ErrorView ? (\n          <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n        ) : (\n          <RenderCustomComponent\n            CustomComponent={ViewOverride || CustomView}\n            DefaultComponent={DefaultView}\n            serverOnlyProps={{\n              i18n,\n              initPageResult,\n              locale,\n              params,\n              payload,\n              permissions,\n              routeSegments: segments,\n              searchParams,\n              user,\n            }}\n          />\n        )}\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","HydrateClientUser","RenderCustomComponent","formatAdminURL","isEditing","getIsEditing","notFound","redirect","React","DocumentHeader","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","ViewOverride","CustomView","DefaultView","ErrorView","apiURL","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","URLSearchParams","versions","drafts","append","code","apiQueryParams","toString","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","validateDraftData","validate","doc","create","collection","depth","draft","fallbackLocale","redirectURL","path","disableActions","initialData","initialState","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":";AAEA,SAASA,oBAAoB,EAAEC,iBAAiB,EAAEC,iBAAiB,QAAQ,iBAAgB;AAC3F,SAASC,qBAAqB,EAAEC,cAAc,EAAGC,aAAaC,YAAY,QAAQ,wBAAuB;AACzG,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,qBAAoB;AACvD,OAAOC,WAAW,QAAO;AAIzB,SAASC,cAAc,QAAQ,yCAAwC;AACvE,SAASC,YAAY,QAAQ,uBAAsB;AACnD,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,sBAAsB,QAAQ,8BAA6B;AACpE,SAASC,gBAAgB,QAAQ,wBAAuB;AACxD,SAASC,kBAAkB,QAAQ,0BAAyB;AAE5D,OAAO,MAAMC,mBAA6C,OAAOC,OAASH,iBAAiBG,MAAK;AAEhG,OAAO,MAAMC,WAAqC,OAAO,EACvDC,cAAc,EACdC,MAAM,EACNC,YAAY,EACb;IACC,MAAM,EACJC,gBAAgB,EAChBC,OAAOC,EAAE,EACTC,YAAY,EACZC,MAAM,EACNC,WAAW,EACXC,GAAG,EACHA,KAAK,EACHC,IAAI,EACJC,OAAO,EACPA,SAAS,EACPC,MAAM,EACNA,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAEC,KAAKC,QAAQ,EAAE,EAC5CC,SAAS,EACV,EACF,EACDC,IAAI,EACL,EACDC,eAAe,EAChB,GAAGpB;IAEJ,MAAMqB,WAAWC,MAAMC,OAAO,CAACtB,QAAQoB,YAAYpB,OAAOoB,QAAQ,GAAG,EAAE;IACvE,MAAMG,iBAAiBrB,kBAAkBsB,QAAQC;IACjD,MAAMC,aAAarB,cAAcmB,QAAQC;IAEzC,MAAMxC,YAAYC,aAAa;QAAEkB;QAAImB;QAAgBG;IAAW;IAEhE,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IAEJ,IAAIC;IAEJ,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAG,MAAMzC,gBAAgB;QAChDY;QACAF;QACAG;QACAC;QACAE;IACF;IAEA,MAAM,EAAE0B,cAAc,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAAG,MAAM3C,uBAAuB;QAC/FW;QACAF;QACA8B;QACA3B;QACAG;IACF;IAEA,IAAIN,kBAAkB;QACpB,IAAI,CAACiB,iBAAiBkB,aAAaC,KAAK,CAACC,cAAgBA,gBAAgBhB,iBAAiB;YACxFpC;QACF;QAEA,MAAMa,SAAS,IAAIwC;QACnB,IAAItC,iBAAiBuC,QAAQ,EAAEC,QAAQ;YACrC1C,OAAO2C,MAAM,CAAC,SAAS;QACzB;QACA,IAAIrC,QAAQsC,MAAM;YAChB5C,OAAO2C,MAAM,CAAC,UAAUrC,OAAOsC,IAAI;QACrC;QAEA,MAAMC,iBAAiB,CAAC,CAAC,EAAE7C,OAAO8C,QAAQ,GAAG,CAAC;QAE9Cf,SAAS,CAAC,EAAEd,UAAU,EAAED,SAAS,CAAC,EAAEO,eAAe,CAAC,EAAEnB,GAAG,EAAEyC,eAAe,CAAC;QAE3E,MAAME,aAAa7C,kBAAkBW,OAAOmC,YAAYC,OAAOC;QAC/DvB,eAAe,OAAOoB,eAAe,aAAaA,aAAa;QAE/D,IAAI,CAACpB,cAAc;YACjB,MAAMwB,kBAAkBxD,mBAAmB;gBACzCO;gBACAS;gBACAuB;gBACAkB,eAAehC;YACjB;YAEAQ,aAAauB,iBAAiBvB;YAC9BC,cAAcsB,iBAAiBtB;YAC/BC,YAAYqB,iBAAiBrB;QAC/B;QAEA,IAAI,CAACF,cAAc,CAACC,eAAe,CAACF,gBAAgB,CAACG,WAAW;YAC9DA,YAAYvC;QACd;IACF;IAEA,IAAIc,cAAc;QAChB,IAAI,CAACc,iBAAiBkC,SAASf,KAAK,CAACC,cAAgBA,gBAAgBb,aAAa;YAChFvC;QACF;QAEA,MAAMa,SAAS,IAAIwC,gBAAgB;YACjClC,QAAQA,QAAQsC;QAClB;QACA,IAAIvC,aAAaoC,QAAQ,EAAEC,QAAQ;YACjC1C,OAAO2C,MAAM,CAAC,SAAS;QACzB;QACA,IAAIrC,QAAQsC,MAAM;YAChB5C,OAAO2C,MAAM,CAAC,UAAUrC,OAAOsC,IAAI;QACrC;QAEA,MAAMC,iBAAiB,CAAC,CAAC,EAAE7C,OAAO8C,QAAQ,GAAG,CAAC;QAE9Cf,SAAS,CAAC,EAAEd,UAAU,EAAED,SAAS,CAAC,EAAEU,WAAW,EAAEmB,eAAe,CAAC;QAEjE,MAAME,aAAa1C,cAAcQ,OAAOmC,YAAYC,OAAOC;QAC3DvB,eAAe,OAAOoB,eAAe,aAAaA,aAAa;QAE/D,IAAI,CAACpB,cAAc;YACjB,MAAM2B,cAAc3D,mBAAmB;gBACrCgB;gBACAuB;gBACA7B;gBACA+C,eAAehC;YACjB;YAEAQ,aAAa0B,aAAa1B;YAC1BC,cAAcyB,aAAazB;YAC3BC,YAAYwB,aAAaxB;YAEzB,IAAI,CAACF,cAAc,CAACC,eAAe,CAACF,gBAAgB,CAACG,WAAW;gBAC9DA,YAAYvC;YACd;QACF;IACF;IAEA;;;GAGC,GACD,MAAMgE,iBACJnB,qBACC,CAAA,AAAClC,kBAAkBuC,UAAUC,UAAUxC,kBAAkBuC,UAAUC,QAAQc,YACzEnD,cAAcoC,UAAUC,UAAUrC,cAAcoC,UAAUC,QAAQc,QAAQ;IAC/E,MAAMC,oBACJvD,kBAAkBuC,UAAUC,UAAUxC,kBAAkBuC,UAAUC,QAAQgB;IAE5E,IAAIH,kBAAkB,CAACE,qBAAqB,CAACrD,MAAMmB,gBAAgB;QACjE,MAAMoC,MAAM,MAAMjD,QAAQkD,MAAM,CAAC;YAC/BC,YAAYtC;YACZS,MAAM,CAAC;YACP8B,OAAO;YACPC,OAAO;YACPC,gBAAgB;YAChB1D,QAAQA,QAAQsC;YAChBpC;YACAU;QACF;QAEA,IAAIyC,KAAKvD,IAAI;YACX,MAAM6D,cAAcjF,eAAe;gBACjC8B;gBACAoD,MAAM,CAAC,aAAa,EAAE3C,eAAe,CAAC,EAAEoC,IAAIvD,EAAE,CAAC,CAAC;gBAChDa;YACF;YACA7B,SAAS6E;QACX,OAAO;YACL9E;QACF;IACF;IAEA,qBACE,MAACP;QACCmD,QAAQA;QACRR,gBAAgBrB,kBAAkBsB;QAClC2C,gBAAgB;QAChBjC,gBAAgBA;QAChBR,YAAYrB,cAAcmB;QAC1BW,sBAAsBA;QACtBC,mBAAmBA;QACnBhC,IAAIA;QACJgE,aAAapC;QACbqC,cAAcpC;QACdhD,WAAWA;;YAEV,CAAC0C,8BACA,KAACrC;gBACCY,kBAAkBA;gBAClBS,QAAQD,QAAQC,MAAM;gBACtBN,cAAcA;gBACdI,MAAMA;gBACNF,aAAaA;;0BAGjB,KAACzB;gBAAkByB,aAAaA;gBAAaW,MAAMA;;0BACnD,KAACrC;gBACCiF,OAAO;0BAGNhC,0BACC,KAACA;oBAAU/B,gBAAgBA;oBAAgBE,cAAcA;mCAEzD,KAAClB;oBACCuF,iBAAiB3C,gBAAgBC;oBACjC2C,kBAAkB1C;oBAClB2C,iBAAiB;wBACf/D;wBACAV;wBACAO;wBACAN;wBACAU;wBACAH;wBACA6C,eAAehC;wBACfnB;wBACAiB;oBACF;;eAlBC,CAAC,EAAEK,kBAAkBG,WAAW,EAAEpB,QAAQsC,OAAO,CAAC,CAAC,EAAEtC,QAAQsC,KAAK,CAAC,GAAG,GAAG,CAAC;;;AAwBvF,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/meta.ts"],"sourcesContent":["import type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { getMetaBySegment } from './getMetaBySegment.js'\n\nexport const generateDocumentMetadata: GenerateEditViewMetadata = async (args) =>\n  getMetaBySegment(args)\n"],"names":["getMetaBySegment","generateDocumentMetadata","args"],"rangeMappings":";","mappings":"AAEA,SAASA,gBAAgB,QAAQ,wBAAuB;AAExD,OAAO,MAAMC,2BAAqD,OAAOC,OACvEF,iBAAiBE,MAAK"}
+{"version":3,"sources":["../../../src/views/Document/meta.ts"],"sourcesContent":["import type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { getMetaBySegment } from './getMetaBySegment.js'\n\nexport const generateDocumentMetadata: GenerateEditViewMetadata = async (args) =>\n  getMetaBySegment(args)\n"],"names":["getMetaBySegment","generateDocumentMetadata","args"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,wBAAuB;AAExD,OAAO,MAAMC,2BAAqD,OAAOC,OACvEF,iBAAiBE,MAAK"}

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

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

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

@@ -1,13 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard';
-import { GenerateConfirmation } from '@payloadcms/ui/elements/GenerateConfirmation';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFormFields } from '@payloadcms/ui/forms/Form';
-import { useField } from '@payloadcms/ui/forms/useField';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import { text } from 'payload/fields/validations';
+import { CopyToClipboard, FieldLabel, GenerateConfirmation, useConfig, useField, useFormFields, useTranslation } from '@payloadcms/ui';
+import { text } from 'payload/shared';
 import React, { useEffect, useMemo, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 const path = 'apiKey';

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

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

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

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

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

@@ -1,20 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@payloadcms/ui/elements/Button';
-import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
-import { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword';
-import { Email } from '@payloadcms/ui/fields/Email';
-import { Password } from '@payloadcms/ui/fields/Password';
-import { useFormFields, useFormModified } from '@payloadcms/ui/forms/Form';
-import { useConfig } from '@payloadcms/ui/providers/Config';
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
-import { useTranslation } from '@payloadcms/ui/providers/Translation';
-import React, { useCallback, useEffect, useState } from 'react';
-import { toast } from 'react-toastify';
+import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useAuth, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
 import { APIKey } from './APIKey.js';
 const baseClass = 'auth-fields';
 export const Auth = (props)=>{
-    const { className, collectionSlug, disableLocalStrategy, email, operation, readOnly, requirePassword, useAPIKey, verify } = props;
+    const { className, collectionSlug, disableLocalStrategy, email, loginWithUsername, operation, readOnly, requirePassword, useAPIKey, username, verify } = props;
+    const { permissions } = useAuth();
     const [changingPassword, setChangingPassword] = useState(requirePassword);
     const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
     const dispatchFields = useFormFields((reducer)=>reducer[1]);
@@ -22,6 +15,22 @@ export const Auth = (props)=>{
     const { i18n, t } = useTranslation();
     const { isInitializing } = useDocumentInfo();
     const { routes: { api }, serverURL } = useConfig();
+    const hasPermissionToUnlock = useMemo(()=>{
+        const collection = permissions?.collections?.[collectionSlug];
+        if (collection) {
+            const unlock = 'unlock' in collection ? collection.unlock : undefined;
+            if (unlock) {
+                // current types for permissions do not include auth permissions, this will be fixed in another branch soon, for now we need to ignore the types
+                // @todo: fix types
+                // @ts-expect-error
+                return unlock.permission;
+            }
+        }
+        return false;
+    }, [
+        permissions,
+        collectionSlug
+    ]);
     const handleChangePassword = useCallback((state)=>{
         if (!state) {
             dispatchFields({
@@ -40,7 +49,9 @@ export const Auth = (props)=>{
     const unlock = useCallback(async ()=>{
         const url = `${serverURL}${api}/${collectionSlug}/unlock`;
         const response = await fetch(url, {
-            body: JSON.stringify({
+            body: loginWithUsername && username ? JSON.stringify({
+                username
+            }) : JSON.stringify({
                 email
             }),
             credentials: 'include',
@@ -51,9 +62,7 @@ export const Auth = (props)=>{
             method: 'post'
         });
         if (response.status === 200) {
-            toast.success(t('authentication:successfullyUnlocked'), {
-                autoClose: 3000
-            });
+            toast.success(t('authentication:successfullyUnlocked'));
         } else {
             toast.error(t('authentication:failedToUnlock'));
         }
@@ -63,6 +72,7 @@ export const Auth = (props)=>{
         api,
         collectionSlug,
         email,
+        username,
         t
     ]);
     useEffect(()=>{
@@ -84,25 +94,32 @@ export const Auth = (props)=>{
         children: [
             !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(Email, {
+                    Boolean(loginWithUsername) && /*#__PURE__*/ _jsx(TextField, {
+                        disabled: disabled,
+                        label: t('authentication:username'),
+                        name: "username",
+                        readOnly: readOnly,
+                        required: true
+                    }),
+                    (!loginWithUsername || loginWithUsername?.allowEmailLogin || loginWithUsername?.requireEmail) && /*#__PURE__*/ _jsx(EmailField, {
                         autoComplete: "email",
                         disabled: disabled,
                         label: t('general:email'),
                         name: "email",
                         readOnly: readOnly,
-                        required: true
+                        required: !loginWithUsername || loginWithUsername?.requireEmail
                     }),
                     (changingPassword || requirePassword) && /*#__PURE__*/ _jsxs("div", {
                         className: `${baseClass}__changing-password`,
                         children: [
-                            /*#__PURE__*/ _jsx(Password, {
+                            /*#__PURE__*/ _jsx(PasswordField, {
                                 autoComplete: "off",
                                 disabled: disabled,
                                 label: t('authentication:newPassword'),
                                 name: "password",
                                 required: true
                             }),
-                            /*#__PURE__*/ _jsx(ConfirmPassword, {
+                            /*#__PURE__*/ _jsx(ConfirmPasswordField, {
                                 disabled: readOnly
                             })
                         ]
@@ -125,10 +142,10 @@ export const Auth = (props)=>{
                                 size: "small",
                                 children: t('authentication:changePassword')
                             }),
-                            operation === 'update' && /*#__PURE__*/ _jsx(Button, {
+                            operation === 'update' && hasPermissionToUnlock && /*#__PURE__*/ _jsx(Button, {
                                 buttonStyle: "secondary",
                                 disabled: disabled,
-                                onClick: ()=>unlock(),
+                                onClick: ()=>void unlock(),
                                 size: "small",
                                 children: t('authentication:forceUnlock')
                             })
@@ -139,7 +156,7 @@ export const Auth = (props)=>{
             useAPIKey && /*#__PURE__*/ _jsxs("div", {
                 className: `${baseClass}__api-key`,
                 children: [
-                    /*#__PURE__*/ _jsx(Checkbox, {
+                    /*#__PURE__*/ _jsx(CheckboxField, {
                         disabled: disabled,
                         label: t('authentication:enableAPIKey'),
                         name: "enableAPIKey",
@@ -151,7 +168,7 @@ export const Auth = (props)=>{
                     })
                 ]
             }),
-            verify && /*#__PURE__*/ _jsx(Checkbox, {
+            verify && /*#__PURE__*/ _jsx(CheckboxField, {
                 disabled: disabled,
                 label: t('authentication:verified'),
                 name: "_verified",

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

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