@payloadcms/next 3.0.0-canary.6041f49 → 3.0.0-canary.f1db24e

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/config'\nimport type { AdminViewComponent, ServerSideEditViewProps } from 'payload/types'\nimport type { DocumentPermissions } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { EditDepthProvider } from '@payloadcms/ui/providers/EditDepth'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { notFound, redirect } from 'next/navigation.js'\nimport { docAccessOperation } from 'payload/operations'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { NotFoundView } from '../NotFound/index.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 = Boolean(globalSlug || (collectionSlug && !!id))\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let docPermissions: DocumentPermissions\n  let hasSavePermission: boolean\n  let apiURL: string\n  let action: string\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    try {\n      docPermissions = await docAccessOperation({\n        id,\n        collection: {\n          config: collectionConfig,\n        },\n        req,\n      })\n    } catch (error) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`\n\n    hasSavePermission =\n      (isEditing && permissions?.collections?.[collectionSlug]?.update?.permission) ||\n      (!isEditing && permissions?.collections?.[collectionSlug]?.create?.permission)\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}${\n      collectionConfig.versions?.drafts ? '&draft=true' : ''\n    }`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    docPermissions = permissions?.globals?.[globalSlug]\n    hasSavePermission = isEditing && docPermissions?.update?.permission\n    action = `${serverURL}${apiRoute}/globals/${globalSlug}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}?locale=${locale.code}${\n      globalConfig.versions?.drafts ? '&draft=true' : ''\n    }`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n\n  if (shouldAutosave && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  const viewComponentProps: ServerSideEditViewProps = {\n    initPageResult,\n    params,\n    routeSegments: segments,\n    searchParams,\n  }\n\n  return (\n    <DocumentInfoProvider\n      action={action}\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      <HydrateClientUser permissions={permissions} user={user} />\n      <EditDepthProvider depth={1} key={`${collectionSlug || globalSlug}-${locale.code}`}>\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\n          {ErrorView ? (\n            <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n          ) : (\n            <RenderCustomComponent\n              CustomComponent={ViewOverride || CustomView}\n              DefaultComponent={DefaultView}\n              componentProps={viewComponentProps}\n            />\n          )}\n        </FormQueryParamsProvider>\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","EditDepthProvider","FormQueryParamsProvider","notFound","redirect","docAccessOperation","React","NotFoundView","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","isEditing","Boolean","ViewOverride","CustomView","DefaultView","ErrorView","docPermissions","hasSavePermission","apiURL","action","collections","find","visibleSlug","collection","error","update","permission","create","code","versions","drafts","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","doc","data","depth","draft","fallbackLocale","redirectURL","viewComponentProps","disableActions","key","initialParams","uploadEdits","CustomComponent","DefaultComponent","componentProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/views/Document/index.tsx"],"sourcesContent":["import type { EditViewComponent } from 'payload/config'\nimport type { AdminViewComponent, ServerSideEditViewProps } from 'payload/types'\nimport type { AdminViewProps } from 'payload/types'\n\nimport { DocumentHeader } from '@payloadcms/ui/elements/DocumentHeader'\nimport { HydrateClientUser } from '@payloadcms/ui/elements/HydrateClientUser'\nimport { RenderCustomComponent } from '@payloadcms/ui/elements/RenderCustomComponent'\nimport { DocumentInfoProvider } from '@payloadcms/ui/providers/DocumentInfo'\nimport { EditDepthProvider } from '@payloadcms/ui/providers/EditDepth'\nimport { FormQueryParamsProvider } from '@payloadcms/ui/providers/FormQueryParams'\nimport { isEditing as getIsEditing } from '@payloadcms/ui/utilities/isEditing'\nimport { notFound, redirect } from 'next/navigation.js'\nimport React from 'react'\n\nimport type { GenerateEditViewMetadata } from './getMetaBySegment.js'\n\nimport { NotFoundView } from '../NotFound/index.js'\nimport { getDocumentData } from './getDocumentData.js'\nimport { getDocumentPermissions } from './getDocumentPermissions.js'\nimport { getMetaBySegment } from './getMetaBySegment.js'\nimport { getViewsFromConfig } from './getViewsFromConfig.js'\n\nexport const generateMetadata: GenerateEditViewMetadata = async (args) => getMetaBySegment(args)\n\nexport const Document: React.FC<AdminViewProps> = async ({\n  initPageResult,\n  params,\n  searchParams,\n}) => {\n  const {\n    collectionConfig,\n    docID: id,\n    globalConfig,\n    locale,\n    permissions,\n    req,\n    req: {\n      i18n,\n      payload,\n      payload: {\n        config,\n        config: {\n          routes: { admin: adminRoute, api: apiRoute },\n          serverURL,\n        },\n      },\n      user,\n    },\n    visibleEntities,\n  } = initPageResult\n\n  const segments = Array.isArray(params?.segments) ? params.segments : []\n  const collectionSlug = collectionConfig?.slug || undefined\n  const globalSlug = globalConfig?.slug || undefined\n\n  const isEditing = getIsEditing({ id, collectionSlug, globalSlug })\n\n  let ViewOverride: EditViewComponent\n  let CustomView: EditViewComponent\n  let DefaultView: EditViewComponent\n  let ErrorView: AdminViewComponent\n\n  let apiURL: string\n  let action: string\n\n  const { data, formState } = await getDocumentData({\n    id,\n    collectionConfig,\n    globalConfig,\n    locale,\n    req,\n  })\n\n  const { docPermissions, hasPublishPermission, hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data,\n    globalConfig,\n    req,\n  })\n\n  if (collectionConfig) {\n    if (!visibleEntities?.collections?.find((visibleSlug) => visibleSlug === collectionSlug)) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/${collectionSlug}${isEditing ? `/${id}` : ''}`\n\n    apiURL = `${serverURL}${apiRoute}/${collectionSlug}/${id}?locale=${locale.code}${\n      collectionConfig.versions?.drafts ? '&draft=true' : ''\n    }`\n\n    const editConfig = collectionConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const collectionViews = getViewsFromConfig({\n        collectionConfig,\n        config,\n        docPermissions,\n        routeSegments: segments,\n      })\n\n      CustomView = collectionViews?.CustomView\n      DefaultView = collectionViews?.DefaultView\n      ErrorView = collectionViews?.ErrorView\n    }\n\n    if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n      ErrorView = NotFoundView\n    }\n  }\n\n  if (globalConfig) {\n    if (!visibleEntities?.globals?.find((visibleSlug) => visibleSlug === globalSlug)) {\n      notFound()\n    }\n\n    action = `${serverURL}${apiRoute}/globals/${globalSlug}`\n\n    apiURL = `${serverURL}${apiRoute}/${globalSlug}?locale=${locale.code}${\n      globalConfig.versions?.drafts ? '&draft=true' : ''\n    }`\n\n    const editConfig = globalConfig?.admin?.components?.views?.Edit\n    ViewOverride = typeof editConfig === 'function' ? editConfig : null\n\n    if (!ViewOverride) {\n      const globalViews = getViewsFromConfig({\n        config,\n        docPermissions,\n        globalConfig,\n        routeSegments: segments,\n      })\n\n      CustomView = globalViews?.CustomView\n      DefaultView = globalViews?.DefaultView\n      ErrorView = globalViews?.ErrorView\n\n      if (!CustomView && !DefaultView && !ViewOverride && !ErrorView) {\n        ErrorView = NotFoundView\n      }\n    }\n  }\n\n  /**\n   * Handle case where autoSave is enabled and the document is being created\n   * => create document and redirect\n   */\n  const shouldAutosave =\n    hasSavePermission &&\n    ((collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n      (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave))\n\n  if (shouldAutosave && !id && collectionSlug) {\n    const doc = await payload.create({\n      collection: collectionSlug,\n      data: {},\n      depth: 0,\n      draft: true,\n      fallbackLocale: null,\n      locale: locale.code,\n      req,\n      user,\n    })\n\n    if (doc?.id) {\n      const redirectURL = `${serverURL}${adminRoute}/collections/${collectionSlug}/${doc.id}`\n      redirect(redirectURL)\n    } else {\n      notFound()\n    }\n  }\n\n  const viewComponentProps: ServerSideEditViewProps = {\n    initPageResult,\n    params,\n    routeSegments: segments,\n    searchParams,\n  }\n\n  return (\n    <DocumentInfoProvider\n      action={action}\n      apiURL={apiURL}\n      collectionSlug={collectionConfig?.slug}\n      disableActions={false}\n      docPermissions={docPermissions}\n      globalSlug={globalConfig?.slug}\n      hasPublishPermission={hasPublishPermission}\n      hasSavePermission={hasSavePermission}\n      id={id}\n      initialData={data}\n      initialState={formState}\n      isEditing={isEditing}\n    >\n      {!ViewOverride && (\n        <DocumentHeader\n          collectionConfig={collectionConfig}\n          config={payload.config}\n          globalConfig={globalConfig}\n          i18n={i18n}\n          permissions={permissions}\n        />\n      )}\n      <HydrateClientUser permissions={permissions} user={user} />\n      <EditDepthProvider depth={1} key={`${collectionSlug || globalSlug}-${locale.code}`}>\n        <FormQueryParamsProvider\n          initialParams={{\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: locale.code,\n            uploadEdits: undefined,\n          }}\n        >\n          {ErrorView ? (\n            <ErrorView initPageResult={initPageResult} searchParams={searchParams} />\n          ) : (\n            <RenderCustomComponent\n              CustomComponent={ViewOverride || CustomView}\n              DefaultComponent={DefaultView}\n              componentProps={viewComponentProps}\n              serverOnlyProps={{\n                i18n,\n                locale,\n                params,\n                payload,\n                permissions,\n                searchParams,\n                user,\n              }}\n            />\n          )}\n        </FormQueryParamsProvider>\n      </EditDepthProvider>\n    </DocumentInfoProvider>\n  )\n}\n"],"names":["DocumentHeader","HydrateClientUser","RenderCustomComponent","DocumentInfoProvider","EditDepthProvider","FormQueryParamsProvider","isEditing","getIsEditing","notFound","redirect","React","NotFoundView","getDocumentData","getDocumentPermissions","getMetaBySegment","getViewsFromConfig","generateMetadata","args","Document","initPageResult","params","searchParams","collectionConfig","docID","id","globalConfig","locale","permissions","req","i18n","payload","config","routes","admin","adminRoute","api","apiRoute","serverURL","user","visibleEntities","segments","Array","isArray","collectionSlug","slug","undefined","globalSlug","ViewOverride","CustomView","DefaultView","ErrorView","apiURL","action","data","formState","docPermissions","hasPublishPermission","hasSavePermission","collections","find","visibleSlug","code","versions","drafts","editConfig","components","views","Edit","collectionViews","routeSegments","globals","globalViews","shouldAutosave","autosave","doc","create","collection","depth","draft","fallbackLocale","redirectURL","viewComponentProps","disableActions","initialData","initialState","initialParams","uploadEdits","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CopyToClipboard } from '@payloadcms/ui/elements/CopyToClipboard';
 import { GenerateConfirmation } from '@payloadcms/ui/elements/GenerateConfirmation';
 import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
@@ -17,7 +18,7 @@ export const APIKey = ({ enabled, readOnly })=>{
     const [highlightedField, setHighlightedField] = useState(false);
     const { t } = useTranslation();
     const config = useConfig();
-    const apiKey = useFormFields(([fields])=>fields[path]);
+    const apiKey = useFormFields(([fields])=>fields && fields[path] || null);
     const validate = (val)=>text(val, {
             name: 'apiKey',
             type: 'text',
@@ -36,11 +37,17 @@ export const APIKey = ({ enabled, readOnly })=>{
             siblingData: {}
         });
     const apiKeyValue = apiKey?.value;
-    const APIKeyLabel = useMemo(()=>/*#__PURE__*/ React.createElement("div", {
-            className: `${baseClass}__label`
-        }, /*#__PURE__*/ React.createElement("span", null, "API Key"), /*#__PURE__*/ React.createElement(CopyToClipboard, {
-            value: apiKeyValue
-        })), [
+    const APIKeyLabel = useMemo(()=>/*#__PURE__*/ _jsxs("div", {
+            className: `${baseClass}__label`,
+            children: [
+                /*#__PURE__*/ _jsx("span", {
+                    children: "API Key"
+                }),
+                /*#__PURE__*/ _jsx(CopyToClipboard, {
+                    value: apiKeyValue
+                })
+            ]
+        }), [
         apiKeyValue
     ]);
     const fieldType = useField({
@@ -81,26 +88,35 @@ export const APIKey = ({ enabled, readOnly })=>{
     if (!enabled) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            'api-key',
-            'read-only'
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: APIKeyLabel,
-        htmlFor: path
-    }), /*#__PURE__*/ React.createElement("input", {
-        className: highlightedField ? 'highlight' : undefined,
-        disabled: true,
-        id: "apiKey",
-        name: "apiKey",
-        type: "text",
-        value: value || ''
-    })), !readOnly && /*#__PURE__*/ React.createElement(GenerateConfirmation, {
-        highlightField: highlightField,
-        setKey: ()=>setValue(uuidv4())
-    }));
+    return /*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: [
+                    fieldBaseClass,
+                    'api-key',
+                    'read-only'
+                ].filter(Boolean).join(' '),
+                children: [
+                    /*#__PURE__*/ _jsx(FieldLabel, {
+                        CustomLabel: APIKeyLabel,
+                        htmlFor: path
+                    }),
+                    /*#__PURE__*/ _jsx("input", {
+                        className: highlightedField ? 'highlight' : undefined,
+                        disabled: true,
+                        id: "apiKey",
+                        name: "apiKey",
+                        type: "text",
+                        value: value || ''
+                    })
+                ]
+            }),
+            !readOnly && /*#__PURE__*/ _jsx(GenerateConfirmation, {
+                highlightField: highlightField,
+                setKey: ()=>setValue(uuidv4())
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=APIKey.js.map

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

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

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":"AAUA,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,CA6IhC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/Auth/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsJhC,CAAA"}

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

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '@payloadcms/ui/elements/Button';
 import { Checkbox } from '@payloadcms/ui/fields/Checkbox';
 import { ConfirmPassword } from '@payloadcms/ui/fields/ConfirmPassword';
@@ -6,6 +7,7 @@ import { Email } from '@payloadcms/ui/fields/Email';
 import { Password } from '@payloadcms/ui/fields/Password';
 import { useFormFields, useFormModified } from '@payloadcms/ui/forms/Form';
 import { useConfig } from '@payloadcms/ui/providers/Config';
+import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo';
 import { useTranslation } from '@payloadcms/ui/providers/Translation';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'react-toastify';
@@ -14,10 +16,11 @@ const baseClass = 'auth-fields';
 export const Auth = (props)=>{
     const { className, collectionSlug, disableLocalStrategy, email, operation, readOnly, requirePassword, useAPIKey, verify } = props;
     const [changingPassword, setChangingPassword] = useState(requirePassword);
-    const enableAPIKey = useFormFields(([fields])=>fields.enableAPIKey);
+    const enableAPIKey = useFormFields(([fields])=>fields && fields?.enableAPIKey || null);
     const dispatchFields = useFormFields((reducer)=>reducer[1]);
     const modified = useFormModified();
     const { i18n, t } = useTranslation();
+    const { isInitializing } = useDocumentInfo();
     const { routes: { api }, serverURL } = useConfig();
     const handleChangePassword = useCallback((state)=>{
         if (!state) {
@@ -72,59 +75,90 @@ export const Auth = (props)=>{
     if (disableLocalStrategy && !useAPIKey) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement("div", {
+    const disabled = readOnly || isInitializing;
+    return /*#__PURE__*/ _jsxs("div", {
         className: [
             baseClass,
             className
-        ].filter(Boolean).join(' ')
-    }, !disableLocalStrategy && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Email, {
-        autoComplete: "email",
-        label: t('general:email'),
-        name: "email",
-        readOnly: readOnly,
-        required: true
-    }), (changingPassword || requirePassword) && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__changing-password`
-    }, /*#__PURE__*/ React.createElement(Password, {
-        autoComplete: "off",
-        disabled: readOnly,
-        label: t('authentication:newPassword'),
-        name: "password",
-        required: true
-    }), /*#__PURE__*/ React.createElement(ConfirmPassword, {
-        disabled: readOnly
-    })), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__controls`
-    }, changingPassword && !requirePassword && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        onClick: ()=>handleChangePassword(false),
-        size: "small"
-    }, t('general:cancel')), !changingPassword && !requirePassword && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        id: "change-password",
-        onClick: ()=>handleChangePassword(true),
-        size: "small"
-    }, t('authentication:changePassword')), operation === 'update' && /*#__PURE__*/ React.createElement(Button, {
-        buttonStyle: "secondary",
-        disabled: readOnly,
-        onClick: ()=>unlock(),
-        size: "small"
-    }, t('authentication:forceUnlock')))), useAPIKey && /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__api-key`
-    }, /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('authentication:enableAPIKey'),
-        name: "enableAPIKey",
-        readOnly: readOnly
-    }), /*#__PURE__*/ React.createElement(APIKey, {
-        enabled: !!enableAPIKey?.value,
-        readOnly: readOnly
-    })), verify && /*#__PURE__*/ React.createElement(Checkbox, {
-        label: t('authentication:verified'),
-        name: "_verified",
-        readOnly: readOnly
-    }));
+        ].filter(Boolean).join(' '),
+        children: [
+            !disableLocalStrategy && /*#__PURE__*/ _jsxs(React.Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Email, {
+                        autoComplete: "email",
+                        disabled: disabled,
+                        label: t('general:email'),
+                        name: "email",
+                        readOnly: readOnly,
+                        required: true
+                    }),
+                    (changingPassword || requirePassword) && /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__changing-password`,
+                        children: [
+                            /*#__PURE__*/ _jsx(Password, {
+                                autoComplete: "off",
+                                disabled: disabled,
+                                label: t('authentication:newPassword'),
+                                name: "password",
+                                required: true
+                            }),
+                            /*#__PURE__*/ _jsx(ConfirmPassword, {
+                                disabled: readOnly
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__controls`,
+                        children: [
+                            changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
+                                buttonStyle: "secondary",
+                                disabled: disabled,
+                                onClick: ()=>handleChangePassword(false),
+                                size: "small",
+                                children: t('general:cancel')
+                            }),
+                            !changingPassword && !requirePassword && /*#__PURE__*/ _jsx(Button, {
+                                buttonStyle: "secondary",
+                                disabled: disabled,
+                                id: "change-password",
+                                onClick: ()=>handleChangePassword(true),
+                                size: "small",
+                                children: t('authentication:changePassword')
+                            }),
+                            operation === 'update' && /*#__PURE__*/ _jsx(Button, {
+                                buttonStyle: "secondary",
+                                disabled: disabled,
+                                onClick: ()=>unlock(),
+                                size: "small",
+                                children: t('authentication:forceUnlock')
+                            })
+                        ]
+                    })
+                ]
+            }),
+            useAPIKey && /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__api-key`,
+                children: [
+                    /*#__PURE__*/ _jsx(Checkbox, {
+                        disabled: disabled,
+                        label: t('authentication:enableAPIKey'),
+                        name: "enableAPIKey",
+                        readOnly: readOnly
+                    }),
+                    /*#__PURE__*/ _jsx(APIKey, {
+                        enabled: !!enableAPIKey?.value,
+                        readOnly: readOnly
+                    })
+                ]
+            }),
+            verify && /*#__PURE__*/ _jsx(Checkbox, {
+                disabled: disabled,
+                label: t('authentication:verified'),
+                name: "_verified",
+                readOnly: readOnly
+            })
+        ]
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

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

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":";AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAWrF,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,CAsEA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAWrF,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

@@ -10,7 +10,7 @@ import { useEffect } from 'react';
 export const SetDocumentStepNav = (props)=>{
     const { id, collectionSlug, globalSlug, pluralLabel, useAsTitle } = props;
     const view = props?.view || undefined;
-    const { isEditing, title } = useDocumentInfo();
+    const { isEditing, isInitializing, title } = useDocumentInfo();
     const { isEntityVisible } = useEntityVisibility();
     const isVisible = isEntityVisible({
         collectionSlug,
@@ -22,35 +22,38 @@ export const SetDocumentStepNav = (props)=>{
     const drawerDepth = useEditDepth();
     useEffect(()=>{
         const nav = [];
-        if (collectionSlug) {
-            nav.push({
-                label: getTranslation(pluralLabel, i18n),
-                url: isVisible ? `${admin}/collections/${collectionSlug}` : undefined
-            });
-            if (isEditing) {
+        if (!isInitializing) {
+            if (collectionSlug) {
                 nav.push({
-                    label: useAsTitle && useAsTitle !== 'id' && title || `${id}`,
-                    url: isVisible ? `${admin}/collections/${collectionSlug}/${id}` : undefined
+                    label: getTranslation(pluralLabel, i18n),
+                    url: isVisible ? `${admin}/collections/${collectionSlug}` : undefined
                 });
-            } else {
+                if (isEditing) {
+                    nav.push({
+                        label: useAsTitle && useAsTitle !== 'id' && title || `${id}`,
+                        url: isVisible ? `${admin}/collections/${collectionSlug}/${id}` : undefined
+                    });
+                } else {
+                    nav.push({
+                        label: t('general:createNew')
+                    });
+                }
+            } else if (globalSlug) {
                 nav.push({
-                    label: t('general:createNew')
+                    label: title,
+                    url: isVisible ? `${admin}/globals/${globalSlug}` : undefined
                 });
             }
-        } else if (globalSlug) {
-            nav.push({
-                label: title,
-                url: isVisible ? `${admin}/globals/${globalSlug}` : undefined
-            });
-        }
-        if (view) {
-            nav.push({
-                label: view
-            });
+            if (view) {
+                nav.push({
+                    label: view
+                });
+            }
+            if (drawerDepth <= 1) setStepNav(nav);
         }
-        if (drawerDepth <= 1) setStepNav(nav);
     }, [
         setStepNav,
+        isInitializing,
         isEditing,
         pluralLabel,
         id,

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 { StepNavItem } from '@payloadcms/ui/elements/StepNav'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useStepNav } from '@payloadcms/ui/elements/StepNav'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useEditDepth } from '@payloadcms/ui/providers/EditDepth'\nimport { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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, 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 (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    setStepNav,\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","useStepNav","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","useTranslation","useEffect","SetDocumentStepNav","props","id","collectionSlug","globalSlug","pluralLabel","useAsTitle","view","undefined","isEditing","title","isEntityVisible","isVisible","setStepNav","i18n","t","routes","admin","drawerDepth","nav","push","label","url"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,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,KAAK,EAAE,GAAGf;IAC7B,MAAM,EAAEgB,eAAe,EAAE,GAAGd;IAC5B,MAAMe,YAAYD,gBAAgB;QAAER;QAAgBC;IAAW;IAE/D,MAAM,EAAES,UAAU,EAAE,GAAGpB;IAEvB,MAAM,EAAEqB,IAAI,EAAEC,CAAC,EAAE,GAAGjB;IAEpB,MAAM,EACJkB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGvB;IAEJ,MAAMwB,cAActB;IAEpBG,UAAU;QACR,MAAMoB,MAAqB,EAAE;QAE7B,IAAIhB,gBAAgB;YAClBgB,IAAIC,IAAI,CAAC;gBACPC,OAAO7B,eAAea,aAAaS;gBACnCQ,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEd,eAAe,CAAC,GAAGK;YAC9D;YAEA,IAAIC,WAAW;gBACbU,IAAIC,IAAI,CAAC;oBACPC,OAAO,AAACf,cAAcA,eAAe,QAAQI,SAAU,CAAC,EAAER,GAAG,CAAC;oBAC9DoB,KAAKV,YAAY,CAAC,EAAEK,MAAM,aAAa,EAAEd,eAAe,CAAC,EAAED,GAAG,CAAC,GAAGM;gBACpE;YACF,OAAO;gBACLW,IAAIC,IAAI,CAAC;oBACPC,OAAON,EAAE;gBACX;YACF;QACF,OAAO,IAAIX,YAAY;YACrBe,IAAIC,IAAI,CAAC;gBACPC,OAAOX;gBACPY,KAAKV,YAAY,CAAC,EAAEK,MAAM,SAAS,EAAEb,WAAW,CAAC,GAAGI;YACtD;QACF;QAEA,IAAID,MAAM;YACRY,IAAIC,IAAI,CAAC;gBACPC,OAAOd;YACT;QACF;QAEA,IAAIW,eAAe,GAAGL,WAAWM;IACnC,GAAG;QACDN;QACAJ;QACAJ;QACAH;QACAI;QACAW;QACAF;QACAD;QACAJ;QACAP;QACAC;QACAG;QACAW;QACAN;KACD;IAED,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Edit/Default/SetDocumentStepNav/index.tsx"],"sourcesContent":["'use client'\nimport type { StepNavItem } from '@payloadcms/ui/elements/StepNav'\nimport type { SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useStepNav } from '@payloadcms/ui/elements/StepNav'\nimport { useConfig } from '@payloadcms/ui/providers/Config'\nimport { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'\nimport { useEditDepth } from '@payloadcms/ui/providers/EditDepth'\nimport { useEntityVisibility } from '@payloadcms/ui/providers/EntityVisibility'\nimport { useTranslation } from '@payloadcms/ui/providers/Translation'\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","useStepNav","useConfig","useDocumentInfo","useEditDepth","useEntityVisibility","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;AAIA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,mBAAmB,QAAQ,4CAA2C;AAC/E,SAASC,cAAc,QAAQ,uCAAsC;AACrE,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,GAAGhB;IAC7C,MAAM,EAAEiB,eAAe,EAAE,GAAGf;IAC5B,MAAMgB,YAAYD,gBAAgB;QAAET;QAAgBC;IAAW;IAE/D,MAAM,EAAEU,UAAU,EAAE,GAAGrB;IAEvB,MAAM,EAAEsB,IAAI,EAAEC,CAAC,EAAE,GAAGlB;IAEpB,MAAM,EACJmB,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGxB;IAEJ,MAAMyB,cAAcvB;IAEpBG,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/index.d.ts.map

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