@payloadcms/next 3.0.0-canary.4704e79 → 3.0.0-canary.5823d80

package/dist/views/Document/index.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentInfoProvider, EditDepthProvider, FormQueryParamsProvider, HydrateClientUser } from '@payloadcms/ui/client';
+import { DocumentInfoProvider, EditDepthProvider, FormQueryParamsProvider, HydrateClientUser } from '@payloadcms/ui';
 import { RenderCustomComponent, isEditing as getIsEditing } from '@payloadcms/ui/shared';
 import { notFound, redirect } from 'next/navigation.js';
-import QueryString from 'qs';
 import React from 'react';
 import { DocumentHeader } from '../../elements/DocumentHeader/index.js';
 import { NotFoundView } from '../NotFound/index.js';
@@ -46,12 +45,14 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
             notFound();
         }
         action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`;
-        const apiQueryParams = QueryString.stringify({
-            draft: collectionConfig.versions?.drafts ? 'true' : undefined,
-            locale: locale?.code
-        }, {
-            addQueryPrefix: 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;
@@ -75,12 +76,16 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
             notFound();
         }
         action = `${serverURL}${apiRoute}/globals/${globalSlug}`;
-        const apiQueryParams = QueryString.stringify({
-            draft: globalConfig.versions?.drafts ? 'true' : undefined,
+        const params = new URLSearchParams({
             locale: locale?.code
-        }, {
-            addQueryPrefix: true
         });
+        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;
@@ -122,12 +127,6 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
             notFound();
         }
     }
-    const viewComponentProps = {
-        initPageResult,
-        params,
-        routeSegments: segments,
-        searchParams
-    };
     return /*#__PURE__*/ _jsxs(DocumentInfoProvider, {
         action: action,
         apiURL: apiURL,
@@ -168,13 +167,14 @@ export const Document = async ({ initPageResult, params, searchParams })=>{
                     }) : /*#__PURE__*/ _jsx(RenderCustomComponent, {
                         CustomComponent: ViewOverride || CustomView,
                         DefaultComponent: DefaultView,
-                        componentProps: viewComponentProps,
                         serverOnlyProps: {
                             i18n,
+                            initPageResult,
                             locale,
                             params,
                             payload,
                             permissions,
+                            routeSegments: segments,
                             searchParams,
                             user
                         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type {\n  AdminViewComponent,\n  AdminViewProps,\n  EditViewComponent,\n  ServerSideEditViewProps,\n} from 'payload'\n\nimport {\n  DocumentInfoProvider,\n  EditDepthProvider,\n  FormQueryParamsProvider,\n  HydrateClientUser,\n} from '@payloadcms/ui/client'\nimport { RenderCustomComponent, isEditing as getIsEditing } from '@payloadcms/ui/shared'\nimport { notFound, redirect } from 'next/navigation.js'\nimport QueryString from 'qs'\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  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    const apiQueryParams = QueryString.stringify(\n      {\n        draft: collectionConfig.versions?.drafts ? 'true' : undefined,\n        locale: locale?.code,\n      },\n      { addQueryPrefix: true },\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    action = `${serverURL}${apiRoute}/globals/${globalSlug}`\n\n    const apiQueryParams = QueryString.stringify(\n      {\n        draft: globalConfig.versions?.drafts ? 'true' : undefined,\n        locale: locale?.code,\n      },\n      { addQueryPrefix: true },\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 = `${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\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\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":["DocumentInfoProvider","EditDepthProvider","FormQueryParamsProvider","HydrateClientUser","RenderCustomComponent","isEditing","getIsEditing","notFound","redirect","QueryString","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","action","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","apiQueryParams","stringify","draft","versions","drafts","code","addQueryPrefix","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","validateDraftData","validate","doc","create","collection","depth","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 {\n  AdminViewComponent,\n  AdminViewProps,\n  EditViewComponent,\n  ServerSideEditViewProps,\n} from 'payload'\n\nimport {\n  DocumentInfoProvider,\n  EditDepthProvider,\n  FormQueryParamsProvider,\n  HydrateClientUser,\n} from '@payloadcms/ui'\nimport { RenderCustomComponent, 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  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    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    action = `${serverURL}${apiRoute}/globals/${globalSlug}`\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 = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\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\n        depth={1}\n        key={`${collectionSlug || globalSlug}${locale?.code ? `-${locale?.code}` : ''}`}\n      >\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              serverOnlyProps={{\n                i18n,\n                initPageResult,\n                locale,\n                params,\n                payload,\n                permissions,\n                routeSegments: segments,\n                searchParams,\n                user,\n              }}\n            />\n          )}\n        </FormQueryParamsProvider>\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentInfoProvider","EditDepthProvider","FormQueryParamsProvider","HydrateClientUser","RenderCustomComponent","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","action","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","disableActions","initialData","initialState","initialParams","uploadEdits","CustomComponent","DefaultComponent","serverOnlyProps"],"mappings":"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"}

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.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyToClipboard, FieldLabel, GenerateConfirmation, useConfig, useField, useFormFields, useTranslation } from '@payloadcms/ui/client';
+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';

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'\n\nimport {\n  CopyToClipboard,\n  FieldLabel,\n  GenerateConfirmation,\n  useConfig,\n  useField,\n  useFormFields,\n  useTranslation,\n} from '@payloadcms/ui/client'\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 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","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SACEA,eAAe,EACfC,UAAU,EACVC,oBAAoB,EACpBC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,cAAc,QACT,wBAAuB;AAC9B,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"}
+{"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":"AAcA,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":"AAeA,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,CAkKhC,CAAA"}

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

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui/client';
+import { Button, CheckboxField, ConfirmPasswordField, EmailField, PasswordField, TextField, useConfig, useDocumentInfo, useFormFields, useFormModified, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useEffect, 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, verify } = props;
     const [changingPassword, setChangingPassword] = useState(requirePassword);
     const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
     const dispatchFields = useFormFields((reducer)=>reducer[1]);
@@ -74,7 +74,7 @@ export const Auth = (props)=>{
         children: [
             !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(EmailField, {
+                    !loginWithUsername && /*#__PURE__*/ _jsx(EmailField, {
                         autoComplete: "email",
                         disabled: disabled,
                         label: t('general:email'),
@@ -82,6 +82,13 @@ export const Auth = (props)=>{
                         readOnly: readOnly,
                         required: true
                     }),
+                    loginWithUsername && /*#__PURE__*/ _jsx(TextField, {
+                        disabled: disabled,
+                        label: t('authentication:username'),
+                        name: "username",
+                        readOnly: readOnly,
+                        required: true
+                    }),
                     (changingPassword || requirePassword) && /*#__PURE__*/ _jsxs("div", {
                         className: `${baseClass}__changing-password`,
                         children: [

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 {\n  Button,\n  CheckboxField,\n  ConfirmPasswordField,\n  EmailField,\n  PasswordField,\n  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui/client'\nimport React, { useCallback, useEffect, 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    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'))\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          <EmailField\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              <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' && (\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          <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","useConfig","useDocumentInfo","useFormFields","useFormModified","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","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  useConfig,\n  useDocumentInfo,\n  useFormFields,\n  useFormModified,\n  useTranslation,\n} from '@payloadcms/ui'\nimport React, { useCallback, useEffect, 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    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'))\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          {!loginWithUsername && (\n            <EmailField\n              autoComplete=\"email\"\n              disabled={disabled}\n              label={t('general:email')}\n              name=\"email\"\n              readOnly={readOnly}\n              required\n            />\n          )}\n          {loginWithUsername && (\n            <TextField\n              disabled={disabled}\n              label={t('authentication:username')}\n              name=\"username\"\n              readOnly={readOnly}\n              required\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' && (\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          <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","useConfig","useDocumentInfo","useFormFields","useFormModified","useTranslation","React","useCallback","useEffect","useState","toast","APIKey","baseClass","Auth","props","className","collectionSlug","disableLocalStrategy","email","loginWithUsername","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","error","disabled","div","filter","Boolean","join","Fragment","autoComplete","label","name","required","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);
   }
 }
 

package/dist/views/Edit/Default/Auth/types.d.ts

@@ -4,6 +4,7 @@ export type Props = {
     collectionSlug: SanitizedCollectionConfig['slug'];
     disableLocalStrategy?: boolean;
     email: string;
+    loginWithUsername: boolean;
     operation: 'create' | 'update';
     readOnly: boolean;
     requirePassword?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtE,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,OAAO,CAAA;IAC1B,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CAChC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig, VerifyConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: boolean\n  email: string\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  useAPIKey?: boolean\n  verify?: VerifyConfig | boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAUC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/Auth/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig, VerifyConfig } from 'payload'\n\nexport type Props = {\n  className?: string\n  collectionSlug: SanitizedCollectionConfig['slug']\n  disableLocalStrategy?: boolean\n  email: string\n  loginWithUsername: boolean\n  operation: 'create' | 'update'\n  readOnly: boolean\n  requirePassword?: boolean\n  useAPIKey?: boolean\n  verify?: VerifyConfig | boolean\n}\n"],"names":[],"mappings":"AAEA,WAWC"}

package/dist/views/Edit/Default/SetDocumentStepNav/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
 export declare const SetDocumentStepNav: React.FC<{
     collectionSlug?: SanitizedCollectionConfig['slug'];

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

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

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

@@ -1,6 +1,6 @@
 'use client';
 import { getTranslation } from '@payloadcms/translations';
-import { useConfig, useDocumentInfo, useEditDepth, useEntityVisibility, useStepNav, useTranslation } from '@payloadcms/ui/client';
+import { useConfig, useDocumentInfo, useEditDepth, useEntityVisibility, useStepNav, useTranslation } from '@payloadcms/ui';
 import { useEffect } from 'react';
 export const SetDocumentStepNav = (props)=>{
     const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type StepNavItem,\n  useConfig,\n  useDocumentInfo,\n  useEditDepth,\n  useEntityVisibility,\n  useStepNav,\n  useTranslation,\n} from '@payloadcms/ui/client'\nimport { useEffect } from 'react'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    routes: { admin },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible ? `${admin}/collections/${collectionSlug}` : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible ? `${admin}/collections/${collectionSlug}/${id}` : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible ? `${admin}/globals/${globalSlug}` : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) setStepNav(nav)\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    admin,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useStepNav","useTranslation","useEffect","SetDocumentStepNav","props","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","isVisible","setStepNav","i18n","t","routes","admin","drawerDepth","nav","push","label","url"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAEEC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,cAAc,QACT,wBAAuB;AAC9B,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGL;IAEpE,MAAMM,OAA2BN,OAAOM,QAAQC;IAEhD,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGjB;IAC7C,MAAM,EAAEkB,eAAe,EAAE,GAAGhB;IAC5B,MAAMiB,YAAYD,gBAAgB;QAAET;QAAgBC;IAAW;IAE/D,MAAM,EAAEU,UAAU,EAAE,GAAGjB;IAEvB,MAAM,EAAEkB,IAAI,EAAEC,CAAC,EAAE,GAAGlB;IAEpB,MAAM,EACJmB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGzB;IAEJ,MAAM0B,cAAcxB;IAEpBI,UAAU;QACR,MAAMqB,MAAqB,EAAE;QAE7B,IAAI,CAACV,gBAAgB;YACnB,IAAIP,gBAAgB;gBAClBiB,IAAIC,IAAI,CAAC;oBACPC,OAAO9B,eAAea,aAAaU;oBACnCQ,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEf,eAAe,CAAC,GAAGK;gBAC9D;gBAEA,IAAIC,WAAW;oBACbW,IAAIC,IAAI,CAAC;wBACPC,OAAO,AAAChB,cAAcA,eAAe,QAAQK,SAAU,CAAC,EAAET,GAAG,CAAC;wBAC9DqB,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEf,eAAe,CAAC,EAAED,GAAG,CAAC,GAAGM;oBACpE;gBACF,OAAO;oBACLY,IAAIC,IAAI,CAAC;wBACPC,OAAON,EAAE;oBACX;gBACF;YACF,OAAO,IAAIZ,YAAY;gBACrBgB,IAAIC,IAAI,CAAC;oBACPC,OAAOX;oBACPY,KAAKV,YAAY,CAAC,EAAEK,MAAM,SAAS,EAAEd,WAAW,CAAC,GAAGI;gBACtD;YACF;YAEA,IAAID,MAAM;gBACRa,IAAIC,IAAI,CAAC;oBACPC,OAAOf;gBACT;YACF;YAEA,IAAIY,eAAe,GAAGL,WAAWM;QACnC;IACF,GAAG;QACDN;QACAJ;QACAD;QACAJ;QACAH;QACAI;QACAY;QACAF;QACAD;QACAJ;QACAR;QACAC;QACAG;QACAY;QACAN;KACD;IAED,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  type StepNavItem,\n  useConfig,\n  useDocumentInfo,\n  useEditDepth,\n  useEntityVisibility,\n  useStepNav,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useEffect } from 'react'\n\nexport const SetDocumentStepNav: React.FC<{\n  collectionSlug?: SanitizedCollectionConfig['slug']\n  globalLabel?: SanitizedGlobalConfig['label']\n  globalSlug?: SanitizedGlobalConfig['slug']\n  id?: number | string\n  pluralLabel?: SanitizedCollectionConfig['labels']['plural']\n  useAsTitle?: SanitizedCollectionConfig['admin']['useAsTitle']\n  view?: string\n}> = (props) => {\n  const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props\n\n  const view: string | undefined = props?.view || undefined\n\n  const { isEditing, isInitializing, title } = useDocumentInfo()\n  const { isEntityVisible } = useEntityVisibility()\n  const isVisible = isEntityVisible({ collectionSlug, globalSlug })\n\n  const { setStepNav } = useStepNav()\n\n  const { i18n, t } = useTranslation()\n\n  const {\n    routes: { admin },\n  } = useConfig()\n\n  const drawerDepth = useEditDepth()\n\n  useEffect(() => {\n    const nav: StepNavItem[] = []\n\n    if (!isInitializing) {\n      if (collectionSlug) {\n        nav.push({\n          label: getTranslation(pluralLabel, i18n),\n          url: isVisible ? `${admin}/collections/${collectionSlug}` : undefined,\n        })\n\n        if (isEditing) {\n          nav.push({\n            label: (useAsTitle && useAsTitle !== 'id' && title) || `${id}`,\n            url: isVisible ? `${admin}/collections/${collectionSlug}/${id}` : undefined,\n          })\n        } else {\n          nav.push({\n            label: t('general:createNew'),\n          })\n        }\n      } else if (globalSlug) {\n        nav.push({\n          label: title,\n          url: isVisible ? `${admin}/globals/${globalSlug}` : undefined,\n        })\n      }\n\n      if (view) {\n        nav.push({\n          label: view,\n        })\n      }\n\n      if (drawerDepth <= 1) setStepNav(nav)\n    }\n  }, [\n    setStepNav,\n    isInitializing,\n    isEditing,\n    pluralLabel,\n    id,\n    useAsTitle,\n    admin,\n    t,\n    i18n,\n    title,\n    collectionSlug,\n    globalSlug,\n    view,\n    drawerDepth,\n    isVisible,\n  ])\n\n  return null\n}\n"],"names":["getTranslation","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useStepNav","useTranslation","useEffect","SetDocumentStepNav","props","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","isInitializing","title","isEntityVisible","isVisible","setStepNav","i18n","t","routes","admin","drawerDepth","nav","push","label","url"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAEEC,SAAS,EACTC,eAAe,EACfC,YAAY,EACZC,mBAAmB,EACnBC,UAAU,EACVC,cAAc,QACT,iBAAgB;AACvB,SAASC,SAAS,QAAQ,QAAO;AAEjC,OAAO,MAAMC,qBAQR,CAACC;IACJ,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGL;IAEpE,MAAMM,OAA2BN,OAAOM,QAAQC;IAEhD,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,KAAK,EAAE,GAAGjB;IAC7C,MAAM,EAAEkB,eAAe,EAAE,GAAGhB;IAC5B,MAAMiB,YAAYD,gBAAgB;QAAET;QAAgBC;IAAW;IAE/D,MAAM,EAAEU,UAAU,EAAE,GAAGjB;IAEvB,MAAM,EAAEkB,IAAI,EAAEC,CAAC,EAAE,GAAGlB;IAEpB,MAAM,EACJmB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGzB;IAEJ,MAAM0B,cAAcxB;IAEpBI,UAAU;QACR,MAAMqB,MAAqB,EAAE;QAE7B,IAAI,CAACV,gBAAgB;YACnB,IAAIP,gBAAgB;gBAClBiB,IAAIC,IAAI,CAAC;oBACPC,OAAO9B,eAAea,aAAaU;oBACnCQ,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEf,eAAe,CAAC,GAAGK;gBAC9D;gBAEA,IAAIC,WAAW;oBACbW,IAAIC,IAAI,CAAC;wBACPC,OAAO,AAAChB,cAAcA,eAAe,QAAQK,SAAU,CAAC,EAAET,GAAG,CAAC;wBAC9DqB,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEf,eAAe,CAAC,EAAED,GAAG,CAAC,GAAGM;oBACpE;gBACF,OAAO;oBACLY,IAAIC,IAAI,CAAC;wBACPC,OAAON,EAAE;oBACX;gBACF;YACF,OAAO,IAAIZ,YAAY;gBACrBgB,IAAIC,IAAI,CAAC;oBACPC,OAAOX;oBACPY,KAAKV,YAAY,CAAC,EAAEK,MAAM,SAAS,EAAEd,WAAW,CAAC,GAAGI;gBACtD;YACF;YAEA,IAAID,MAAM;gBACRa,IAAIC,IAAI,CAAC;oBACPC,OAAOf;gBACT;YACF;YAEA,IAAIY,eAAe,GAAGL,WAAWM;QACnC;IACF,GAAG;QACDN;QACAJ;QACAD;QACAJ;QACAH;QACAI;QACAY;QACAF;QACAD;QACAJ;QACAR;QACAC;QACAG;QACAY;QACAN;KACD;IAED,OAAO;AACT,EAAC"}

package/dist/views/Edit/Default/SetDocumentTitle/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload';
 export declare const SetDocumentTitle: React.FC<{
     collectionConfig?: ClientCollectionConfig;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAMvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAMvF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;CAClC,CAuCA,CAAA"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { useDocumentInfo, useFormFields, useTranslation } from '@payloadcms/ui/client';
+import { useDocumentInfo, useFormFields, useTranslation } from '@payloadcms/ui';
 import { formatDocTitle } from '@payloadcms/ui/shared';
 import { useEffect, useRef } from 'react';
 export const SetDocumentTitle = (props)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useDocumentInfo, useFormFields, useTranslation } from '@payloadcms/ui/client'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { useEffect, useRef } from 'react'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentInfo()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '' },\n    dateFormat: dateFormatFromConfig,\n    fallback:\n      typeof field === 'string'\n        ? field\n        : typeof field === 'number'\n          ? String(field)\n          : (field?.value as string) || fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"names":["useDocumentInfo","useFormFields","useTranslation","formatDocTitle","useEffect","useRef","SetDocumentTitle","props","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","field","fields","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","title","data","id","String","value","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,SAASA,eAAe,EAAEC,aAAa,EAAEC,cAAc,QAAQ,wBAAuB;AACtF,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,OAAO,MAAMC,mBAKR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IAE7D,MAAMK,aAAaJ,kBAAkBK,OAAOD;IAE5C,MAAME,QAAQb,cAAc,CAAC,CAACc,OAAO,GAAK,AAACH,cAAcG,UAAUA,QAAQ,CAACH,WAAW,IAAK;IAE5F,MAAMI,iBAAiBX,OAAO;IAE9B,MAAM,EAAEY,IAAI,EAAE,GAAGf;IAEjB,MAAM,EAAEgB,gBAAgB,EAAE,GAAGlB;IAE7B,MAAMmB,uBAAuBV,QAAQI,OAAOO;IAE5C,MAAMC,QAAQlB,eAAe;QAC3BK;QACAc,MAAM;YAAEC,IAAI;QAAG;QACfH,YAAYD;QACZT,UACE,OAAOI,UAAU,WACbA,QACA,OAAOA,UAAU,WACfU,OAAOV,SACP,AAACA,OAAOW,SAAoBf;QACpCC;QACAM;IACF;IAEAb,UAAU;QACR,IAAI,CAACY,eAAeU,OAAO,EAAE;YAC3BV,eAAeU,OAAO,GAAG;YACzB;QACF;QAEAR,iBAAiBG;IACnB,GAAG;QAACH;QAAkBG;KAAM;IAE5B,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentTitle/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientConfig, ClientGlobalConfig } from 'payload'\n\nimport { useDocumentInfo, useFormFields, useTranslation } from '@payloadcms/ui'\nimport { formatDocTitle } from '@payloadcms/ui/shared'\nimport { useEffect, useRef } from 'react'\n\nexport const SetDocumentTitle: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  config?: ClientConfig\n  fallback: string\n  globalConfig?: ClientGlobalConfig\n}> = (props) => {\n  const { collectionConfig, config, fallback, globalConfig } = props\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n\n  const field = useFormFields(([fields]) => (useAsTitle && fields && fields?.[useAsTitle]) || null)\n\n  const hasInitialized = useRef(false)\n\n  const { i18n } = useTranslation()\n\n  const { setDocumentTitle } = useDocumentInfo()\n\n  const dateFormatFromConfig = config?.admin?.dateFormat\n\n  const title = formatDocTitle({\n    collectionConfig,\n    data: { id: '' },\n    dateFormat: dateFormatFromConfig,\n    fallback:\n      typeof field === 'string'\n        ? field\n        : typeof field === 'number'\n          ? String(field)\n          : (field?.value as string) || fallback,\n    globalConfig,\n    i18n,\n  })\n\n  useEffect(() => {\n    if (!hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    setDocumentTitle(title)\n  }, [setDocumentTitle, title])\n\n  return null\n}\n"],"names":["useDocumentInfo","useFormFields","useTranslation","formatDocTitle","useEffect","useRef","SetDocumentTitle","props","collectionConfig","config","fallback","globalConfig","useAsTitle","admin","field","fields","hasInitialized","i18n","setDocumentTitle","dateFormatFromConfig","dateFormat","title","data","id","String","value","current"],"mappings":"AAAA;AAGA,SAASA,eAAe,EAAEC,aAAa,EAAEC,cAAc,QAAQ,iBAAgB;AAC/E,SAASC,cAAc,QAAQ,wBAAuB;AACtD,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEzC,OAAO,MAAMC,mBAKR,CAACC;IACJ,MAAM,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IAE7D,MAAMK,aAAaJ,kBAAkBK,OAAOD;IAE5C,MAAME,QAAQb,cAAc,CAAC,CAACc,OAAO,GAAK,AAACH,cAAcG,UAAUA,QAAQ,CAACH,WAAW,IAAK;IAE5F,MAAMI,iBAAiBX,OAAO;IAE9B,MAAM,EAAEY,IAAI,EAAE,GAAGf;IAEjB,MAAM,EAAEgB,gBAAgB,EAAE,GAAGlB;IAE7B,MAAMmB,uBAAuBV,QAAQI,OAAOO;IAE5C,MAAMC,QAAQlB,eAAe;QAC3BK;QACAc,MAAM;YAAEC,IAAI;QAAG;QACfH,YAAYD;QACZT,UACE,OAAOI,UAAU,WACbA,QACA,OAAOA,UAAU,WACfU,OAAOV,SACP,AAACA,OAAOW,SAAoBf;QACpCC;QACAM;IACF;IAEAb,UAAU;QACR,IAAI,CAACY,eAAeU,OAAO,EAAE;YAC3BV,eAAeU,OAAO,GAAG;YACzB;QACF;QAEAR,iBAAiBG;IACnB,GAAG;QAACH;QAAkBG;KAAM;IAE5B,OAAO;AACT,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAMpD,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAgOnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Default/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAMpD,OAAO,cAAc,CAAA;AAOrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAyOnC,CAAA"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useFormQueryParams } from '@payloadcms/ui/client';
+import { DocumentControls, DocumentFields, Form, OperationProvider, Upload, useAuth, useComponentMap, useConfig, useDocumentEvents, useDocumentInfo, useEditDepth, useFormQueryParams } from '@payloadcms/ui';
 import { getFormState } from '@payloadcms/ui/shared';
 import { useRouter, useSearchParams } from 'next/navigation.js';
 import React, { Fragment, useCallback } from 'react';
@@ -18,7 +18,7 @@ export const DefaultEditView = ()=>{
     const config = useConfig();
     const router = useRouter();
     const { dispatchFormQueryParams } = useFormQueryParams();
-    const { getFieldMap } = useComponentMap();
+    const { getComponentMap, getFieldMap } = useComponentMap();
     const params = useSearchParams();
     const depth = useEditDepth();
     const { reportUpdate } = useDocumentEvents();
@@ -27,6 +27,10 @@ export const DefaultEditView = ()=>{
     const collectionConfig = collectionSlug && collections.find((collection)=>collection.slug === collectionSlug);
     const globalConfig = globalSlug && globals.find((global)=>global.slug === globalSlug);
     const entitySlug = collectionConfig?.slug || globalConfig?.slug;
+    const componentMap = getComponentMap({
+        collectionSlug: collectionConfig?.slug,
+        globalSlug: globalConfig?.slug
+    });
     const fieldMap = getFieldMap({
         collectionSlug: collectionConfig?.slug,
         globalSlug: globalConfig?.slug
@@ -163,6 +167,7 @@ export const DefaultEditView = ()=>{
                                     collectionSlug: collectionConfig.slug,
                                     disableLocalStrategy: collectionConfig.auth?.disableLocalStrategy,
                                     email: data?.email,
+                                    loginWithUsername: auth?.loginWithUsername,
                                     operation: operation,
                                     readOnly: !hasSavePermission,
                                     requirePassword: !id,
@@ -170,7 +175,7 @@ export const DefaultEditView = ()=>{
                                     verify: auth.verify
                                 }),
                                 upload && /*#__PURE__*/ _jsx(React.Fragment, {
-                                    children: /*#__PURE__*/ _jsx(Upload, {
+                                    children: componentMap.Upload !== undefined ? componentMap.Upload : /*#__PURE__*/ _jsx(Upload, {
                                         collectionSlug: collectionConfig.slug,
                                         initialState: initialState,
                                         uploadConfig: upload

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Edit/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  Form,\n  type FormProps,\n  OperationProvider,\n  Upload,\n  useAuth,\n  useComponentMap,\n  useConfig,\n  useDocumentEvents,\n  useDocumentInfo,\n  useEditDepth,\n  useFormQueryParams,\n} from '@payloadcms/ui/client'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js'\nimport { Auth } from './Auth/index.js'\nimport { SetDocumentStepNav } from './SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from './SetDocumentTitle/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\nexport const DefaultEditView: React.FC = () => {\n  const {\n    id,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    action,\n    apiURL,\n    collectionSlug,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    initialData: data,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const { refreshCookieAsync, user } = useAuth()\n  const config = useConfig()\n  const router = useRouter()\n  const { dispatchFormQueryParams } = useFormQueryParams()\n  const { getFieldMap } = useComponentMap()\n  const params = useSearchParams()\n  const depth = useEditDepth()\n  const { reportUpdate } = useDocumentEvents()\n\n  const {\n    admin: { user: userSlug },\n    collections,\n    globals,\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const locale = params.get('locale')\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n  const fieldMap = getFieldMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n\n  const operation = collectionSlug && !id ? 'create' : 'update'\n\n  const auth = collectionConfig ? collectionConfig.auth : undefined\n  const upload = collectionConfig ? collectionConfig.upload : undefined\n\n  const preventLeaveWithoutSaving =\n    (!(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n    !disableLeaveWithoutSaving\n\n  const classes = [baseClass, id && `${baseClass}--is-editing`].filter(Boolean).join(' ')\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        id,\n        entitySlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      // If we're editing the doc of the logged-in user,\n      // Refresh the cookie to get new permissions\n      if (user && collectionSlug === userSlug && id === user.id) {\n        void refreshCookieAsync()\n      }\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = `${adminRoute}/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`\n        router.push(redirectRoute)\n      } else {\n        dispatchFormQueryParams({\n          type: 'SET',\n          params: {\n            uploadEdits: null,\n          },\n        })\n      }\n    },\n    [\n      onSaveFromContext,\n      userSlug,\n      reportUpdate,\n      id,\n      entitySlug,\n      user,\n      depth,\n      collectionSlug,\n      getVersions,\n      isEditing,\n      refreshCookieAsync,\n      adminRoute,\n      locale,\n      router,\n      dispatchFormQueryParams,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n\n      return getFormState({\n        apiRoute,\n        body: {\n          id,\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          globalSlug,\n          operation,\n          schemaPath: entitySlug,\n        },\n        serverURL,\n      })\n    },\n    [serverURL, apiRoute, id, operation, entitySlug, collectionSlug, globalSlug, getDocPreferences],\n  )\n\n  return (\n    <main className={classes}>\n      <OperationProvider operation={operation}>\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disableValidationOnSubmit\n          disabled={isInitializing || !hasSavePermission}\n          initialState={!isInitializing && initialState}\n          isInitializing={isInitializing}\n          method={id ? 'PATCH' : 'POST'}\n          onChange={[onChange]}\n          onSuccess={onSave}\n        >\n          {BeforeDocument}\n          {preventLeaveWithoutSaving && <LeaveWithoutSaving />}\n          <SetDocumentStepNav\n            collectionSlug={collectionConfig?.slug}\n            globalSlug={globalConfig?.slug}\n            id={id}\n            pluralLabel={collectionConfig?.labels?.plural}\n            useAsTitle={collectionConfig?.admin?.useAsTitle}\n          />\n          <SetDocumentTitle\n            collectionConfig={collectionConfig}\n            config={config}\n            fallback={depth <= 1 ? id?.toString() : undefined}\n            globalConfig={globalConfig}\n          />\n          <DocumentControls\n            apiURL={apiURL}\n            data={data}\n            disableActions={disableActions}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={id}\n            isEditing={isEditing}\n            permissions={docPermissions}\n            slug={collectionConfig?.slug || globalConfig?.slug}\n          />\n          <DocumentFields\n            AfterFields={AfterFields}\n            BeforeFields={\n              BeforeFields || (\n                <Fragment>\n                  {auth && (\n                    <Auth\n                      className={`${baseClass}__auth`}\n                      collectionSlug={collectionConfig.slug}\n                      disableLocalStrategy={collectionConfig.auth?.disableLocalStrategy}\n                      email={data?.email}\n                      operation={operation}\n                      readOnly={!hasSavePermission}\n                      requirePassword={!id}\n                      useAPIKey={auth.useAPIKey}\n                      verify={auth.verify}\n                    />\n                  )}\n                  {upload && (\n                    <React.Fragment>\n                      <Upload\n                        collectionSlug={collectionConfig.slug}\n                        initialState={initialState}\n                        uploadConfig={upload}\n                      />\n                    </React.Fragment>\n                  )}\n                </Fragment>\n              )\n            }\n            docPermissions={docPermissions}\n            fieldMap={fieldMap}\n            readOnly={!hasSavePermission}\n            schemaPath={entitySlug}\n          />\n          {AfterDocument}\n        </Form>\n      </OperationProvider>\n    </main>\n  )\n}\n"],"names":["DocumentControls","DocumentFields","Form","OperationProvider","Upload","useAuth","useComponentMap","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","useFormQueryParams","getFormState","useRouter","useSearchParams","React","Fragment","useCallback","LeaveWithoutSaving","Auth","SetDocumentStepNav","SetDocumentTitle","baseClass","DefaultEditView","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","getVersions","globalSlug","hasPublishPermission","hasSavePermission","initialData","data","initialState","isEditing","isInitializing","onSave","onSaveFromContext","refreshCookieAsync","user","config","router","dispatchFormQueryParams","getFieldMap","params","depth","reportUpdate","admin","userSlug","collections","globals","routes","adminRoute","api","apiRoute","serverURL","locale","get","collectionConfig","find","collection","slug","globalConfig","global","entitySlug","fieldMap","operation","auth","undefined","upload","preventLeaveWithoutSaving","versions","drafts","autosave","classes","filter","Boolean","join","json","updatedAt","result","Date","toISOString","redirectRoute","doc","push","type","uploadEdits","onChange","formState","prevFormState","docPreferences","body","schemaPath","main","className","disableValidationOnSubmit","disabled","method","onSuccess","pluralLabel","labels","plural","useAsTitle","fallback","toString","permissions","disableLocalStrategy","email","readOnly","requirePassword","useAPIKey","verify","uploadConfig"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../src/views/Edit/Default/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  DocumentControls,\n  DocumentFields,\n  Form,\n  type FormProps,\n  OperationProvider,\n  Upload,\n  useAuth,\n  useComponentMap,\n  useConfig,\n  useDocumentEvents,\n  useDocumentInfo,\n  useEditDepth,\n  useFormQueryParams,\n} from '@payloadcms/ui'\nimport { getFormState } from '@payloadcms/ui/shared'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport React, { Fragment, useCallback } from 'react'\n\nimport { LeaveWithoutSaving } from '../../../elements/LeaveWithoutSaving/index.js'\nimport { Auth } from './Auth/index.js'\nimport { SetDocumentStepNav } from './SetDocumentStepNav/index.js'\nimport { SetDocumentTitle } from './SetDocumentTitle/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-edit'\n\n// This component receives props only on _pages_\n// When rendered within a drawer, props are empty\n// This is solely to support custom edit views which get server-rendered\nexport const DefaultEditView: React.FC = () => {\n  const {\n    id,\n    AfterDocument,\n    AfterFields,\n    BeforeDocument,\n    BeforeFields,\n    action,\n    apiURL,\n    collectionSlug,\n    disableActions,\n    disableLeaveWithoutSaving,\n    docPermissions,\n    getDocPreferences,\n    getVersions,\n    globalSlug,\n    hasPublishPermission,\n    hasSavePermission,\n    initialData: data,\n    initialState,\n    isEditing,\n    isInitializing,\n    onSave: onSaveFromContext,\n  } = useDocumentInfo()\n\n  const { refreshCookieAsync, user } = useAuth()\n  const config = useConfig()\n  const router = useRouter()\n  const { dispatchFormQueryParams } = useFormQueryParams()\n  const { getComponentMap, getFieldMap } = useComponentMap()\n  const params = useSearchParams()\n  const depth = useEditDepth()\n  const { reportUpdate } = useDocumentEvents()\n\n  const {\n    admin: { user: userSlug },\n    collections,\n    globals,\n    routes: { admin: adminRoute, api: apiRoute },\n    serverURL,\n  } = config\n\n  const locale = params.get('locale')\n\n  const collectionConfig =\n    collectionSlug && collections.find((collection) => collection.slug === collectionSlug)\n\n  const globalConfig = globalSlug && globals.find((global) => global.slug === globalSlug)\n\n  const entitySlug = collectionConfig?.slug || globalConfig?.slug\n\n  const componentMap = getComponentMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n  const fieldMap = getFieldMap({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n  })\n\n  const operation = collectionSlug && !id ? 'create' : 'update'\n\n  const auth = collectionConfig ? collectionConfig.auth : undefined\n  const upload = collectionConfig ? collectionConfig.upload : undefined\n\n  const preventLeaveWithoutSaving =\n    (!(collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      !(globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n    !disableLeaveWithoutSaving\n\n  const classes = [baseClass, id && `${baseClass}--is-editing`].filter(Boolean).join(' ')\n\n  const onSave = useCallback(\n    (json) => {\n      reportUpdate({\n        id,\n        entitySlug,\n        updatedAt: json?.result?.updatedAt || new Date().toISOString(),\n      })\n\n      // If we're editing the doc of the logged-in user,\n      // Refresh the cookie to get new permissions\n      if (user && collectionSlug === userSlug && id === user.id) {\n        void refreshCookieAsync()\n      }\n\n      void getVersions()\n\n      if (typeof onSaveFromContext === 'function') {\n        void onSaveFromContext({\n          ...json,\n          operation: id ? 'update' : 'create',\n        })\n      }\n\n      if (!isEditing && depth < 2) {\n        // Redirect to the same locale if it's been set\n        const redirectRoute = `${adminRoute}/collections/${collectionSlug}/${json?.doc?.id}${locale ? `?locale=${locale}` : ''}`\n        router.push(redirectRoute)\n      } else {\n        dispatchFormQueryParams({\n          type: 'SET',\n          params: {\n            uploadEdits: null,\n          },\n        })\n      }\n    },\n    [\n      onSaveFromContext,\n      userSlug,\n      reportUpdate,\n      id,\n      entitySlug,\n      user,\n      depth,\n      collectionSlug,\n      getVersions,\n      isEditing,\n      refreshCookieAsync,\n      adminRoute,\n      locale,\n      router,\n      dispatchFormQueryParams,\n    ],\n  )\n\n  const onChange: FormProps['onChange'][0] = useCallback(\n    async ({ formState: prevFormState }) => {\n      const docPreferences = await getDocPreferences()\n\n      return getFormState({\n        apiRoute,\n        body: {\n          id,\n          collectionSlug,\n          docPreferences,\n          formState: prevFormState,\n          globalSlug,\n          operation,\n          schemaPath: entitySlug,\n        },\n        serverURL,\n      })\n    },\n    [serverURL, apiRoute, id, operation, entitySlug, collectionSlug, globalSlug, getDocPreferences],\n  )\n\n  return (\n    <main className={classes}>\n      <OperationProvider operation={operation}>\n        <Form\n          action={action}\n          className={`${baseClass}__form`}\n          disableValidationOnSubmit\n          disabled={isInitializing || !hasSavePermission}\n          initialState={!isInitializing && initialState}\n          isInitializing={isInitializing}\n          method={id ? 'PATCH' : 'POST'}\n          onChange={[onChange]}\n          onSuccess={onSave}\n        >\n          {BeforeDocument}\n          {preventLeaveWithoutSaving && <LeaveWithoutSaving />}\n          <SetDocumentStepNav\n            collectionSlug={collectionConfig?.slug}\n            globalSlug={globalConfig?.slug}\n            id={id}\n            pluralLabel={collectionConfig?.labels?.plural}\n            useAsTitle={collectionConfig?.admin?.useAsTitle}\n          />\n          <SetDocumentTitle\n            collectionConfig={collectionConfig}\n            config={config}\n            fallback={depth <= 1 ? id?.toString() : undefined}\n            globalConfig={globalConfig}\n          />\n          <DocumentControls\n            apiURL={apiURL}\n            data={data}\n            disableActions={disableActions}\n            hasPublishPermission={hasPublishPermission}\n            hasSavePermission={hasSavePermission}\n            id={id}\n            isEditing={isEditing}\n            permissions={docPermissions}\n            slug={collectionConfig?.slug || globalConfig?.slug}\n          />\n          <DocumentFields\n            AfterFields={AfterFields}\n            BeforeFields={\n              BeforeFields || (\n                <Fragment>\n                  {auth && (\n                    <Auth\n                      className={`${baseClass}__auth`}\n                      collectionSlug={collectionConfig.slug}\n                      disableLocalStrategy={collectionConfig.auth?.disableLocalStrategy}\n                      email={data?.email}\n                      loginWithUsername={auth?.loginWithUsername}\n                      operation={operation}\n                      readOnly={!hasSavePermission}\n                      requirePassword={!id}\n                      useAPIKey={auth.useAPIKey}\n                      verify={auth.verify}\n                    />\n                  )}\n                  {upload && (\n                    <React.Fragment>\n                      {componentMap.Upload !== undefined ? (\n                        componentMap.Upload\n                      ) : (\n                        <Upload\n                          collectionSlug={collectionConfig.slug}\n                          initialState={initialState}\n                          uploadConfig={upload}\n                        />\n                      )}\n                    </React.Fragment>\n                  )}\n                </Fragment>\n              )\n            }\n            docPermissions={docPermissions}\n            fieldMap={fieldMap}\n            readOnly={!hasSavePermission}\n            schemaPath={entitySlug}\n          />\n          {AfterDocument}\n        </Form>\n      </OperationProvider>\n    </main>\n  )\n}\n"],"names":["DocumentControls","DocumentFields","Form","OperationProvider","Upload","useAuth","useComponentMap","useConfig","useDocumentEvents","useDocumentInfo","useEditDepth","useFormQueryParams","getFormState","useRouter","useSearchParams","React","Fragment","useCallback","LeaveWithoutSaving","Auth","SetDocumentStepNav","SetDocumentTitle","baseClass","DefaultEditView","id","AfterDocument","AfterFields","BeforeDocument","BeforeFields","action","apiURL","collectionSlug","disableActions","disableLeaveWithoutSaving","docPermissions","getDocPreferences","getVersions","globalSlug","hasPublishPermission","hasSavePermission","initialData","data","initialState","isEditing","isInitializing","onSave","onSaveFromContext","refreshCookieAsync","user","config","router","dispatchFormQueryParams","getComponentMap","getFieldMap","params","depth","reportUpdate","admin","userSlug","collections","globals","routes","adminRoute","api","apiRoute","serverURL","locale","get","collectionConfig","find","collection","slug","globalConfig","global","entitySlug","componentMap","fieldMap","operation","auth","undefined","upload","preventLeaveWithoutSaving","versions","drafts","autosave","classes","filter","Boolean","join","json","updatedAt","result","Date","toISOString","redirectRoute","doc","push","type","uploadEdits","onChange","formState","prevFormState","docPreferences","body","schemaPath","main","className","disableValidationOnSubmit","disabled","method","onSuccess","pluralLabel","labels","plural","useAsTitle","fallback","toString","permissions","disableLocalStrategy","email","loginWithUsername","readOnly","requirePassword","useAPIKey","verify","uploadConfig"],"mappings":"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"}

package/dist/views/Edit/Default/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Edit/Default/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAEA,WAGC"}
+{"version":3,"sources":["../../../../src/views/Edit/Default/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from 'payload'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"names":[],"mappings":"AAEA,WAGC"}

package/dist/views/Edit/index.client.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui/client';
+import { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui';
 import React, { Fragment } from 'react';
 export const EditViewClient = ()=>{
     const { collectionSlug, globalSlug } = useDocumentInfo();

package/dist/views/Edit/index.client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui/client'\nimport React, { Fragment } from 'react'\n\nexport const EditViewClient: React.FC = () => {\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap } = useComponentMap()\n\n  const { Edit, actionsMap } = getComponentMap({\n    collectionSlug,\n    globalSlug,\n  })\n\n  if (!Edit) {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <SetViewActions actions={actionsMap?.Edit?.Default} />\n      {Edit}\n    </Fragment>\n  )\n}\n"],"names":["SetViewActions","useComponentMap","useDocumentInfo","React","Fragment","EditViewClient","collectionSlug","globalSlug","getComponentMap","Edit","actionsMap","actions","Default"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,cAAc,EAAEC,eAAe,EAAEC,eAAe,QAAQ,wBAAuB;AACxF,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,iBAA2B;IACtC,MAAM,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGL;IAEvC,MAAM,EAAEM,eAAe,EAAE,GAAGP;IAE5B,MAAM,EAAEQ,IAAI,EAAEC,UAAU,EAAE,GAAGF,gBAAgB;QAC3CF;QACAC;IACF;IAEA,IAAI,CAACE,MAAM;QACT,OAAO;IACT;IAEA,qBACE,MAACL;;0BACC,KAACJ;gBAAeW,SAASD,YAAYD,MAAMG;;YAC1CH;;;AAGP,EAAC"}
+{"version":3,"sources":["../../../src/views/Edit/index.client.tsx"],"sourcesContent":["'use client'\n\nimport { SetViewActions, useComponentMap, useDocumentInfo } from '@payloadcms/ui'\nimport React, { Fragment } from 'react'\n\nexport const EditViewClient: React.FC = () => {\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n\n  const { getComponentMap } = useComponentMap()\n\n  const { Edit, actionsMap } = getComponentMap({\n    collectionSlug,\n    globalSlug,\n  })\n\n  if (!Edit) {\n    return null\n  }\n\n  return (\n    <Fragment>\n      <SetViewActions actions={actionsMap?.Edit?.Default} />\n      {Edit}\n    </Fragment>\n  )\n}\n"],"names":["SetViewActions","useComponentMap","useDocumentInfo","React","Fragment","EditViewClient","collectionSlug","globalSlug","getComponentMap","Edit","actionsMap","actions","Default"],"mappings":"AAAA;;AAEA,SAASA,cAAc,EAAEC,eAAe,EAAEC,eAAe,QAAQ,iBAAgB;AACjF,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,MAAMC,iBAA2B;IACtC,MAAM,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGL;IAEvC,MAAM,EAAEM,eAAe,EAAE,GAAGP;IAE5B,MAAM,EAAEQ,IAAI,EAAEC,UAAU,EAAE,GAAGF,gBAAgB;QAC3CF;QACAC;IACF;IAEA,IAAI,CAACE,MAAM;QACT,OAAO;IACT;IAEA,qBACE,MAACL;;0BACC,KAACJ;gBAAeW,SAASD,YAAYD,MAAMG;;YAC1CH;;;AAGP,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload'\n\nimport React from 'react'\n\nimport { EditViewClient } from './index.client.js'\n\nexport const EditView: EditViewComponent = () => {\n  return <EditViewClient />\n}\n"],"names":["React","EditViewClient","EditView"],"rangeMappings":";;;;;","mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,WAA8B;IACzC,qBAAO,KAACD;AACV,EAAC"}
+{"version":3,"sources":["../../../src/views/Edit/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload'\n\nimport React from 'react'\n\nimport { EditViewClient } from './index.client.js'\n\nexport const EditView: EditViewComponent = () => {\n  return <EditViewClient />\n}\n"],"names":["React","EditViewClient","EditView"],"mappings":";AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,oBAAmB;AAElD,OAAO,MAAMC,WAA8B;IACzC,qBAAO,KAACD;AACV,EAAC"}