@payloadcms/ui 4.0.0-internal.ccea85d → 4.0.0-internal.cd47d20

package/dist/views/Document/renderDocumentSlots.js

@@ -12,7 +12,8 @@ export const renderDocumentSlots = args => {
     hasSavePermission,
     locale,
     permissions,
-    req
+    req,
+    user
   } = args;
   const components = {};
   const unsavedDraftWithValidations = undefined;
@@ -24,7 +25,7 @@ export const renderDocumentSlots = args => {
     payload: req.payload,
     permissions,
     server: req.server,
-    user: req.user
+    user
   };
   const BeforeDocumentControls = collectionConfig?.admin?.components?.edit?.beforeDocumentControls || globalConfig?.admin?.components?.edit?.beforeDocumentControls;
   if (BeforeDocumentControls) {
@@ -179,7 +180,8 @@ export const renderDocumentSlotsHandler = async args => {
     collectionSlug,
     locale,
     permissions,
-    req
+    req,
+    user
   } = args;
   const collectionConfig = req.payload.collections[collectionSlug]?.config;
   if (!collectionConfig) {
@@ -219,7 +221,8 @@ export const renderDocumentSlotsHandler = async args => {
     hasSavePermission,
     locale,
     permissions,
-    req
+    req,
+    user
   });
 };
 //# sourceMappingURL=renderDocumentSlots.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderDocumentSlots.js","names":["hasDraftsEnabled","matchMimeType","RenderServerComponent","ViewDescription","getDocumentPermissions","renderDocumentSlots","args","id","collectionConfig","doc","globalConfig","hasSavePermission","locale","permissions","req","components","unsavedDraftWithValidations","undefined","isPreviewEnabled","admin","preview","serverProps","i18n","payload","server","user","BeforeDocumentControls","edit","beforeDocumentControls","Component","importMap","BeforeDocumentMeta","EditMenuItems","editMenuItems","CustomPreviewButton","PreviewButton","LivePreview","views","livePreview","descriptionFromConfig","description","staticDescription","t","CustomDescription","Description","hasDescription","clientProps","collectionSlug","slug","Fallback","versions","drafts","CustomStatus","Status","CustomPublishButton","PublishButton","CustomUnpublishButton","UnpublishButton","CustomSaveDraftButton","SaveDraftButton","draftsEnabled","CustomSaveButton","SaveButton","upload","Upload","controls","UploadControls","filePreviewConfig","filePreview","mimeType","filePreviewComponent","UploadFilePreview","filename","filesize","fileSrc","url","height","width","renderDocumentSlotsHandler","collections","config","Error","data","result","findByID","collection","depth","overrideAccess","select"],"sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"sourcesContent":["import type {\n  BeforeDocumentControlsServerPropsOnly,\n  DocumentSlots,\n  EditMenuItemsServerPropsOnly,\n  Locale,\n  PayloadComponent,\n  PayloadRequest,\n  PreviewButtonServerPropsOnly,\n  PublishButtonServerPropsOnly,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n  SaveButtonServerPropsOnly,\n  SaveDraftButtonServerPropsOnly,\n  ServerFunction,\n  ServerProps,\n  StaticDescription,\n  UnpublishButtonServerPropsOnly,\n  UploadFilePreviewClientProps,\n  ViewDescriptionClientProps,\n  ViewDescriptionServerPropsOnly,\n} from 'payload'\n\nimport { hasDraftsEnabled, matchMimeType } from 'payload/shared'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ViewDescription } from '../../exports/client/index.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\n\nexport const renderDocumentSlots: (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  doc?: Record<string, unknown>\n  globalConfig?: SanitizedGlobalConfig\n  hasSavePermission: boolean\n  id?: number | string\n  locale: Locale\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n}) => DocumentSlots = (args) => {\n  const { id, collectionConfig, doc, globalConfig, hasSavePermission, locale, permissions, req } =\n    args\n\n  const components: DocumentSlots = {} as DocumentSlots\n\n  const unsavedDraftWithValidations = undefined\n\n  const isPreviewEnabled = collectionConfig?.admin?.preview || globalConfig?.admin?.preview\n\n  const serverProps: ServerProps = {\n    id,\n    i18n: req.i18n,\n    locale,\n    payload: req.payload,\n    permissions,\n    server: req.server,\n    user: req.user,\n    // TODO: Add remaining serverProps\n  }\n\n  const BeforeDocumentControls =\n    collectionConfig?.admin?.components?.edit?.beforeDocumentControls ||\n    globalConfig?.admin?.components?.edit?.beforeDocumentControls\n\n  if (BeforeDocumentControls) {\n    components.BeforeDocumentControls = RenderServerComponent({\n      Component: BeforeDocumentControls,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies BeforeDocumentControlsServerPropsOnly,\n    })\n  }\n\n  const BeforeDocumentMeta =\n    collectionConfig?.admin?.components?.edit?.BeforeDocumentMeta ||\n    globalConfig?.admin?.components?.edit?.BeforeDocumentMeta\n\n  if (BeforeDocumentMeta) {\n    components.BeforeDocumentMeta = RenderServerComponent({\n      Component: BeforeDocumentMeta,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const EditMenuItems = collectionConfig?.admin?.components?.edit?.editMenuItems\n\n  if (EditMenuItems) {\n    components.EditMenuItems = RenderServerComponent({\n      Component: EditMenuItems,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies EditMenuItemsServerPropsOnly,\n    })\n  }\n\n  const CustomPreviewButton =\n    collectionConfig?.admin?.components?.edit?.PreviewButton ||\n    globalConfig?.admin?.components?.edit?.PreviewButton\n\n  if (isPreviewEnabled && CustomPreviewButton) {\n    components.PreviewButton = RenderServerComponent({\n      Component: CustomPreviewButton,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies PreviewButtonServerPropsOnly,\n    })\n  }\n\n  const LivePreview =\n    collectionConfig?.admin?.components?.views?.edit?.livePreview ||\n    globalConfig?.admin?.components?.views?.edit?.livePreview\n\n  if (LivePreview?.Component) {\n    components.LivePreview = RenderServerComponent({\n      Component: LivePreview.Component,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const descriptionFromConfig =\n    collectionConfig?.admin?.description || globalConfig?.admin?.description\n\n  const staticDescription: StaticDescription =\n    typeof descriptionFromConfig === 'function'\n      ? descriptionFromConfig({ t: req.i18n.t })\n      : descriptionFromConfig\n\n  const CustomDescription =\n    collectionConfig?.admin?.components?.Description || globalConfig?.admin?.components?.Description\n\n  const hasDescription = CustomDescription || staticDescription\n\n  if (hasDescription) {\n    components.Description = RenderServerComponent({\n      clientProps: {\n        collectionSlug: collectionConfig?.slug,\n        description: staticDescription,\n      } satisfies ViewDescriptionClientProps,\n      Component: CustomDescription,\n      Fallback: ViewDescription,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies ViewDescriptionServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) {\n    const CustomStatus =\n      collectionConfig?.admin?.components?.edit?.Status ||\n      globalConfig?.admin?.components?.edit?.Status\n\n    if (CustomStatus) {\n      components.Status = RenderServerComponent({\n        Component: CustomStatus,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  if (hasSavePermission) {\n    if (hasDraftsEnabled(collectionConfig || globalConfig)) {\n      const CustomPublishButton =\n        collectionConfig?.admin?.components?.edit?.PublishButton ||\n        globalConfig?.admin?.components?.edit?.PublishButton\n\n      if (CustomPublishButton) {\n        components.PublishButton = RenderServerComponent({\n          Component: CustomPublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies PublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomUnpublishButton =\n        collectionConfig?.admin?.components?.edit?.UnpublishButton ||\n        globalConfig?.admin?.components?.edit?.UnpublishButton\n\n      if (CustomUnpublishButton) {\n        components.UnpublishButton = RenderServerComponent({\n          Component: CustomUnpublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies UnpublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomSaveDraftButton =\n        collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n        globalConfig?.admin?.components?.edit?.SaveDraftButton\n\n      const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n      if ((draftsEnabled || unsavedDraftWithValidations) && CustomSaveDraftButton) {\n        components.SaveDraftButton = RenderServerComponent({\n          Component: CustomSaveDraftButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveDraftButtonServerPropsOnly,\n        })\n      }\n    } else {\n      const CustomSaveButton =\n        collectionConfig?.admin?.components?.edit?.SaveButton ||\n        globalConfig?.admin?.components?.edit?.SaveButton\n\n      if (CustomSaveButton) {\n        components.SaveButton = RenderServerComponent({\n          Component: CustomSaveButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveButtonServerPropsOnly,\n        })\n      }\n    }\n  }\n\n  if (collectionConfig?.upload && collectionConfig?.admin?.components?.edit?.Upload) {\n    components.Upload = RenderServerComponent({\n      Component: collectionConfig.admin.components.edit.Upload,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig?.upload && collectionConfig.upload.admin?.components?.controls) {\n    components.UploadControls = RenderServerComponent({\n      Component: collectionConfig.upload.admin.components.controls,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const filePreviewConfig = collectionConfig?.upload?.admin?.components?.filePreview\n  if (collectionConfig?.upload && filePreviewConfig) {\n    const mimeType = (doc?.mimeType as string) ?? ''\n    let filePreviewComponent: PayloadComponent | undefined\n\n    if (\n      typeof filePreviewConfig === 'string' ||\n      (typeof filePreviewConfig === 'object' && 'path' in filePreviewConfig)\n    ) {\n      filePreviewComponent = filePreviewConfig as PayloadComponent\n    } else {\n      filePreviewComponent = matchMimeType(\n        filePreviewConfig as Record<string, PayloadComponent>,\n        mimeType,\n      )\n    }\n\n    if (filePreviewComponent) {\n      components.UploadFilePreview = RenderServerComponent({\n        clientProps: {\n          filename: doc?.filename,\n          filesize: doc?.filesize,\n          fileSrc: doc?.url,\n          height: doc?.height,\n          mimeType,\n          width: doc?.width,\n        } as UploadFilePreviewClientProps,\n        Component: filePreviewComponent,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  return components\n}\n\nexport const renderDocumentSlotsHandler: ServerFunction<{\n  collectionSlug: string\n  id?: number | string\n}> = async (args) => {\n  const { id, collectionSlug, locale, permissions, req } = args\n\n  const collectionConfig = req.payload.collections[collectionSlug]?.config\n\n  if (!collectionConfig) {\n    throw new Error(req.t('error:incorrectCollection'))\n  }\n\n  const { hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data: {},\n    req,\n  })\n\n  let doc: Record<string, unknown> | undefined\n  if (id && collectionConfig.upload) {\n    const result = await req.payload.findByID({\n      id,\n      collection: collectionSlug,\n      depth: 0,\n      overrideAccess: false,\n      req,\n      select: {\n        filename: true,\n        filesize: true,\n        height: true,\n        mimeType: true,\n        url: true,\n        width: true,\n      },\n    })\n    doc = result as Record<string, unknown>\n  }\n\n  return renderDocumentSlots({\n    id,\n    collectionConfig,\n    doc,\n    hasSavePermission,\n    locale,\n    permissions,\n    req,\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderDocumentSlots.js","names":["hasDraftsEnabled","matchMimeType","RenderServerComponent","ViewDescription","getDocumentPermissions","renderDocumentSlots","args","id","collectionConfig","doc","globalConfig","hasSavePermission","locale","permissions","req","user","components","unsavedDraftWithValidations","undefined","isPreviewEnabled","admin","preview","serverProps","i18n","payload","server","BeforeDocumentControls","edit","beforeDocumentControls","Component","importMap","BeforeDocumentMeta","EditMenuItems","editMenuItems","CustomPreviewButton","PreviewButton","LivePreview","views","livePreview","descriptionFromConfig","description","staticDescription","t","CustomDescription","Description","hasDescription","clientProps","collectionSlug","slug","Fallback","versions","drafts","CustomStatus","Status","CustomPublishButton","PublishButton","CustomUnpublishButton","UnpublishButton","CustomSaveDraftButton","SaveDraftButton","draftsEnabled","CustomSaveButton","SaveButton","upload","Upload","controls","UploadControls","filePreviewConfig","filePreview","mimeType","filePreviewComponent","UploadFilePreview","filename","filesize","fileSrc","url","height","width","renderDocumentSlotsHandler","collections","config","Error","data","result","findByID","collection","depth","overrideAccess","select"],"sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"sourcesContent":["import type {\n  BeforeDocumentControlsServerPropsOnly,\n  DocumentSlots,\n  EditMenuItemsServerPropsOnly,\n  Locale,\n  PayloadComponent,\n  PayloadRequest,\n  PreviewButtonServerPropsOnly,\n  PublishButtonServerPropsOnly,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n  SaveButtonServerPropsOnly,\n  SaveDraftButtonServerPropsOnly,\n  ServerFunction,\n  ServerProps,\n  StaticDescription,\n  UnpublishButtonServerPropsOnly,\n  UploadFilePreviewClientProps,\n  ViewDescriptionClientProps,\n  ViewDescriptionServerPropsOnly,\n} from 'payload'\n\nimport { hasDraftsEnabled, matchMimeType } from 'payload/shared'\n\nimport { RenderServerComponent } from '../../elements/RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds\nimport { ViewDescription } from '../../exports/client/index.js'\nimport { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js'\n\nexport const renderDocumentSlots: (args: {\n  collectionConfig?: SanitizedCollectionConfig\n  doc?: Record<string, unknown>\n  globalConfig?: SanitizedGlobalConfig\n  hasSavePermission: boolean\n  id?: number | string\n  locale: Locale\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n  user?: PayloadRequest['user']\n}) => DocumentSlots = (args) => {\n  const {\n    id,\n    collectionConfig,\n    doc,\n    globalConfig,\n    hasSavePermission,\n    locale,\n    permissions,\n    req,\n    user,\n  } = args\n\n  const components: DocumentSlots = {} as DocumentSlots\n\n  const unsavedDraftWithValidations = undefined\n\n  const isPreviewEnabled = collectionConfig?.admin?.preview || globalConfig?.admin?.preview\n\n  const serverProps: ServerProps = {\n    id,\n    i18n: req.i18n,\n    locale,\n    payload: req.payload,\n    permissions,\n    server: req.server,\n    user,\n    // TODO: Add remaining serverProps\n  }\n\n  const BeforeDocumentControls =\n    collectionConfig?.admin?.components?.edit?.beforeDocumentControls ||\n    globalConfig?.admin?.components?.edit?.beforeDocumentControls\n\n  if (BeforeDocumentControls) {\n    components.BeforeDocumentControls = RenderServerComponent({\n      Component: BeforeDocumentControls,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies BeforeDocumentControlsServerPropsOnly,\n    })\n  }\n\n  const BeforeDocumentMeta =\n    collectionConfig?.admin?.components?.edit?.BeforeDocumentMeta ||\n    globalConfig?.admin?.components?.edit?.BeforeDocumentMeta\n\n  if (BeforeDocumentMeta) {\n    components.BeforeDocumentMeta = RenderServerComponent({\n      Component: BeforeDocumentMeta,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const EditMenuItems = collectionConfig?.admin?.components?.edit?.editMenuItems\n\n  if (EditMenuItems) {\n    components.EditMenuItems = RenderServerComponent({\n      Component: EditMenuItems,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies EditMenuItemsServerPropsOnly,\n    })\n  }\n\n  const CustomPreviewButton =\n    collectionConfig?.admin?.components?.edit?.PreviewButton ||\n    globalConfig?.admin?.components?.edit?.PreviewButton\n\n  if (isPreviewEnabled && CustomPreviewButton) {\n    components.PreviewButton = RenderServerComponent({\n      Component: CustomPreviewButton,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies PreviewButtonServerPropsOnly,\n    })\n  }\n\n  const LivePreview =\n    collectionConfig?.admin?.components?.views?.edit?.livePreview ||\n    globalConfig?.admin?.components?.views?.edit?.livePreview\n\n  if (LivePreview?.Component) {\n    components.LivePreview = RenderServerComponent({\n      Component: LivePreview.Component,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const descriptionFromConfig =\n    collectionConfig?.admin?.description || globalConfig?.admin?.description\n\n  const staticDescription: StaticDescription =\n    typeof descriptionFromConfig === 'function'\n      ? descriptionFromConfig({ t: req.i18n.t })\n      : descriptionFromConfig\n\n  const CustomDescription =\n    collectionConfig?.admin?.components?.Description || globalConfig?.admin?.components?.Description\n\n  const hasDescription = CustomDescription || staticDescription\n\n  if (hasDescription) {\n    components.Description = RenderServerComponent({\n      clientProps: {\n        collectionSlug: collectionConfig?.slug,\n        description: staticDescription,\n      } satisfies ViewDescriptionClientProps,\n      Component: CustomDescription,\n      Fallback: ViewDescription,\n      importMap: req.payload.importMap,\n      serverProps: serverProps satisfies ViewDescriptionServerPropsOnly,\n    })\n  }\n\n  if (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) {\n    const CustomStatus =\n      collectionConfig?.admin?.components?.edit?.Status ||\n      globalConfig?.admin?.components?.edit?.Status\n\n    if (CustomStatus) {\n      components.Status = RenderServerComponent({\n        Component: CustomStatus,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  if (hasSavePermission) {\n    if (hasDraftsEnabled(collectionConfig || globalConfig)) {\n      const CustomPublishButton =\n        collectionConfig?.admin?.components?.edit?.PublishButton ||\n        globalConfig?.admin?.components?.edit?.PublishButton\n\n      if (CustomPublishButton) {\n        components.PublishButton = RenderServerComponent({\n          Component: CustomPublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies PublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomUnpublishButton =\n        collectionConfig?.admin?.components?.edit?.UnpublishButton ||\n        globalConfig?.admin?.components?.edit?.UnpublishButton\n\n      if (CustomUnpublishButton) {\n        components.UnpublishButton = RenderServerComponent({\n          Component: CustomUnpublishButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies UnpublishButtonServerPropsOnly,\n        })\n      }\n\n      const CustomSaveDraftButton =\n        collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n        globalConfig?.admin?.components?.edit?.SaveDraftButton\n\n      const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n      if ((draftsEnabled || unsavedDraftWithValidations) && CustomSaveDraftButton) {\n        components.SaveDraftButton = RenderServerComponent({\n          Component: CustomSaveDraftButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveDraftButtonServerPropsOnly,\n        })\n      }\n    } else {\n      const CustomSaveButton =\n        collectionConfig?.admin?.components?.edit?.SaveButton ||\n        globalConfig?.admin?.components?.edit?.SaveButton\n\n      if (CustomSaveButton) {\n        components.SaveButton = RenderServerComponent({\n          Component: CustomSaveButton,\n          importMap: req.payload.importMap,\n          serverProps: serverProps satisfies SaveButtonServerPropsOnly,\n        })\n      }\n    }\n  }\n\n  if (collectionConfig?.upload && collectionConfig?.admin?.components?.edit?.Upload) {\n    components.Upload = RenderServerComponent({\n      Component: collectionConfig.admin.components.edit.Upload,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  if (collectionConfig?.upload && collectionConfig.upload.admin?.components?.controls) {\n    components.UploadControls = RenderServerComponent({\n      Component: collectionConfig.upload.admin.components.controls,\n      importMap: req.payload.importMap,\n      serverProps,\n    })\n  }\n\n  const filePreviewConfig = collectionConfig?.upload?.admin?.components?.filePreview\n  if (collectionConfig?.upload && filePreviewConfig) {\n    const mimeType = (doc?.mimeType as string) ?? ''\n    let filePreviewComponent: PayloadComponent | undefined\n\n    if (\n      typeof filePreviewConfig === 'string' ||\n      (typeof filePreviewConfig === 'object' && 'path' in filePreviewConfig)\n    ) {\n      filePreviewComponent = filePreviewConfig as PayloadComponent\n    } else {\n      filePreviewComponent = matchMimeType(\n        filePreviewConfig as Record<string, PayloadComponent>,\n        mimeType,\n      )\n    }\n\n    if (filePreviewComponent) {\n      components.UploadFilePreview = RenderServerComponent({\n        clientProps: {\n          filename: doc?.filename,\n          filesize: doc?.filesize,\n          fileSrc: doc?.url,\n          height: doc?.height,\n          mimeType,\n          width: doc?.width,\n        } as UploadFilePreviewClientProps,\n        Component: filePreviewComponent,\n        importMap: req.payload.importMap,\n        serverProps,\n      })\n    }\n  }\n\n  return components\n}\n\nexport const renderDocumentSlotsHandler: ServerFunction<{\n  collectionSlug: string\n  id?: number | string\n}> = async (args) => {\n  const { id, collectionSlug, locale, permissions, req, user } = args\n\n  const collectionConfig = req.payload.collections[collectionSlug]?.config\n\n  if (!collectionConfig) {\n    throw new Error(req.t('error:incorrectCollection'))\n  }\n\n  const { hasSavePermission } = await getDocumentPermissions({\n    id,\n    collectionConfig,\n    data: {},\n    req,\n  })\n\n  let doc: Record<string, unknown> | undefined\n  if (id && collectionConfig.upload) {\n    const result = await req.payload.findByID({\n      id,\n      collection: collectionSlug,\n      depth: 0,\n      overrideAccess: false,\n      req,\n      select: {\n        filename: true,\n        filesize: true,\n        height: true,\n        mimeType: true,\n        url: true,\n        width: true,\n      },\n    })\n    doc = result as Record<string, unknown>\n  }\n\n  return renderDocumentSlots({\n    id,\n    collectionConfig,\n    doc,\n    hasSavePermission,\n    locale,\n    permissions,\n    req,\n    user,\n  })\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const APIKey: React.FC<{
-    readonly enabled: boolean;
     readonly readOnly?: boolean;
+    readonly reveal?: boolean;
 }>;
 //# sourceMappingURL=APIKey.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAe3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CA8GvF,CAAA"}
+{"version":3,"file":"APIKey.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAyB3D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAuRvF,CAAA"}

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

@@ -1,38 +1,63 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import { text } from 'payload/shared';
+import { formatAdminURL, text } from 'payload/shared';
 import React, { useEffect, useMemo, useState } from 'react';
+import { toast } from 'sonner';
 import { v4 as uuidv4 } from 'uuid';
-import { APIKeyInput } from '../../../elements/APIKeyInput/index.js';
-import { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js';
-import { useFormFields } from '../../../forms/Form/context.js';
+import { Button } from '../../../elements/Button/index.js';
+import { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js';
+import { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js';
+import { Spinner } from '../../../elements/Spinner/index.js';
+import { FieldDescription } from '../../../fields/FieldDescription/index.js';
+import { useFormFields, useFormSuccessfulSubmitCount } from '../../../forms/Form/context.js';
 import { useField } from '../../../forms/useField/index.js';
+import { EyeIcon } from '../../../icons/Eye/index.js';
+import { RefreshIcon } from '../../../icons/Refresh/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { APIKeyGenerationModal } from './APIKeyGenerationModal.js';
 const path = 'apiKey';
 const baseClass = 'api-key';
-const fieldBaseClass = 'field-type';
+const maskedCharacterCount = 20;
+const formatAPIKeyPreview = last4 => `${'•'.repeat(maskedCharacterCount)}${last4}`;
 export const APIKey = ({
-  enabled,
-  readOnly
+  readOnly,
+  reveal
 }) => {
-  const [initialAPIKey] = useState(uuidv4());
+  const [generatedAtSubmitCount, setGeneratedAtSubmitCount] = useState(null);
   const [highlightedField, setHighlightedField] = useState(false);
+  const [hasUpdatedPersistedAPIKey, setHasUpdatedPersistedAPIKey] = useState(null);
+  const [isRevealing, setIsRevealing] = useState(false);
+  const [revealedKey, setRevealedKey] = useState(null);
+  const [showCopyWarning, setShowCopyWarning] = useState(false);
+  const [showKey, setShowKey] = useState(false);
+  const successfulSubmitCount = useFormSuccessfulSubmitCount();
   const {
     i18n,
     t
   } = useTranslation();
+  const {
+    toggleModal
+  } = useModal();
   const {
     config,
     getEntityConfig
   } = useConfig();
   const {
-    collectionSlug
+    id,
+    collectionSlug,
+    setData,
+    setLastUpdateTime
   } = useDocumentInfo();
-  const apiKey = useFormFields(([fields]) => fields && fields[path] || null);
+  const locale = useLocale();
+  const revokeModalSlug = `revoke-api-key-${id}`;
+  const apiKeyLast4 = useFormFields(([fields]) => fields && fields.apiKeyLast4 || null);
+  const dispatchFields = useFormFields(([, dispatch]) => dispatch);
   const apiKeyField = getEntityConfig({
     collectionSlug
   })?.fields?.find(field => 'name' in field && field.name === 'apiKey');
@@ -56,67 +81,216 @@ export const APIKey = ({
     },
     siblingData: {}
   });
-  const apiKeyValue = apiKey?.value;
-  const apiKeyLabel = useMemo(() => {
-    let label = 'API Key';
-    if (apiKeyField?.label) {
-      label = apiKeyField.label;
-    }
-    return getTranslation(label, i18n);
-  }, [apiKeyField, i18n]);
-  const APIKeyLabel = useMemo(() => /*#__PURE__*/_jsx("label", {
-    className: `${baseClass}__label field-label`,
-    htmlFor: "apiKey",
-    children: /*#__PURE__*/_jsx("span", {
-      children: apiKeyLabel
-    })
-  }), [apiKeyLabel]);
-  const fieldType = useField({
-    path: 'apiKey',
+  const {
+    setValue,
+    value
+  } = useField({
+    path,
     validate
   });
-  const highlightField = () => {
-    if (highlightedField) {
-      setHighlightedField(false);
+  const {
+    setValue: setLast4Value
+  } = useField({
+    path: 'apiKeyLast4'
+  });
+  const apiKeyValue = revealedKey || value;
+  const last4Value = apiKeyLast4?.value;
+  const hasPersistedAPIKey = hasUpdatedPersistedAPIKey ?? Boolean(last4Value);
+  const canRevealPersistedAPIKey = Boolean(reveal && hasPersistedAPIKey && !revealedKey);
+  const apiKeyLabel = useMemo(() => getTranslation(apiKeyField?.label || 'API Key', i18n), [apiKeyField, i18n]);
+  const highlightField = () => setHighlightedField(true);
+  const updateKey = async apiKey => {
+    if (!id) {
+      return false;
+    }
+    try {
+      const searchParams = new URLSearchParams({
+        depth: '0',
+        'fallback-locale': 'null'
+      });
+      if (locale?.code) {
+        searchParams.set('locale', locale.code);
+      }
+      const response = await fetch(formatAdminURL({
+        apiRoute: config.routes.api,
+        path: `/${collectionSlug}/${encodeURIComponent(String(id))}?${searchParams}`
+      }), {
+        body: JSON.stringify({
+          apiKey
+        }),
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        method: 'PATCH'
+      });
+      if (!response.ok) {
+        throw new Error('API key update failed');
+      }
+      const result = await response.json();
+      setHasUpdatedPersistedAPIKey(Boolean(apiKey));
+      setLast4Value(result.doc?.apiKeyLast4 || null, true);
+      dispatchFields({
+        type: 'REMOVE',
+        path
+      });
+      if (result.doc?.updatedAt) {
+        setData(result.doc);
+        setLastUpdateTime(new Date(result.doc.updatedAt).getTime());
+      }
+      return true;
+    } catch {
+      toast.error('Failed to update the API key.');
+      return false;
     }
-    setTimeout(() => {
-      setHighlightedField(true);
-    }, 1);
   };
-  const {
-    setValue,
-    value
-  } = fieldType;
-  useEffect(() => {
-    if (!apiKeyValue && enabled) {
-      setValue(initialAPIKey);
+  const generateKey = async () => {
+    const key = uuidv4();
+    if (!id) {
+      setValue(key, true);
+    } else if (!(await updateKey(key))) {
+      return false;
+    } else {
+      setRevealedKey(key);
+    }
+    setGeneratedAtSubmitCount(successfulSubmitCount);
+    setShowCopyWarning(true);
+    setShowKey(true);
+    highlightField();
+    return true;
+  };
+  const revokeKey = async () => {
+    if (!(await updateKey(null))) {
+      return;
     }
-    if (!enabled && apiKeyValue) {
-      setValue(null);
+    setRevealedKey(null);
+    setHasUpdatedPersistedAPIKey(false);
+    setHighlightedField(false);
+    setShowCopyWarning(false);
+    setShowKey(false);
+    toast.success('API key revoked successfully.');
+  };
+  const revealKey = async () => {
+    if (isRevealing) {
+      return;
+    }
+    setIsRevealing(true);
+    try {
+      const response_0 = await fetch(formatAdminURL({
+        apiRoute: config.routes.api,
+        path: `/${collectionSlug}/${encodeURIComponent(String(id))}/api-key/reveal`
+      }), {
+        method: 'POST'
+      });
+      if (!response_0.ok) {
+        throw new Error('API key reveal failed');
+      }
+      const result_0 = await response_0.json();
+      setRevealedKey(result_0.apiKey);
+      setShowCopyWarning(false);
+      setShowKey(true);
+    } catch {
+      toast.error('Failed to reveal the API key.');
+    } finally {
+      setIsRevealing(false);
     }
-  }, [apiKeyValue, enabled, setValue, initialAPIKey]);
+  };
   useEffect(() => {
-    if (highlightedField) {
-      setTimeout(() => {
-        setHighlightedField(false);
-      }, 10000);
+    if (generatedAtSubmitCount !== null && successfulSubmitCount > generatedAtSubmitCount && apiKeyValue) {
+      setHasUpdatedPersistedAPIKey(true);
+      setHighlightedField(false);
+      setGeneratedAtSubmitCount(null);
+      setRevealedKey(null);
+      setShowCopyWarning(false);
+      dispatchFields({
+        type: 'REMOVE',
+        path
+      });
+      setShowKey(false);
     }
-  }, [highlightedField]);
-  if (!enabled) {
-    return null;
-  }
+  }, [apiKeyValue, dispatchFields, generatedAtSubmitCount, successfulSubmitCount]);
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [/*#__PURE__*/_jsxs("div", {
-      className: [fieldBaseClass, 'api-key', 'read-only'].filter(Boolean).join(' '),
-      children: [APIKeyLabel, /*#__PURE__*/_jsx(APIKeyInput, {
-        "aria-label": apiKeyLabel,
-        highlighted: highlightedField,
-        id: "apiKey",
-        value: value
+      className: "field-type api-key read-only",
+      children: [/*#__PURE__*/_jsxs("label", {
+        className: `${baseClass}__label field-label`,
+        htmlFor: "apiKey",
+        children: [/*#__PURE__*/_jsx("span", {
+          children: apiKeyLabel
+        }), apiKeyValue && /*#__PURE__*/_jsx(CopyToClipboard, {
+          value: apiKeyValue
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: [`${baseClass}__input-wrap`, !readOnly && hasPersistedAPIKey && `${baseClass}__input-wrap--has-regenerate`, highlightedField && `${baseClass}__input-wrap--highlighted`].filter(Boolean).join(' '),
+        children: [/*#__PURE__*/_jsx("input", {
+          "aria-label": apiKeyLabel,
+          disabled: true,
+          id: "apiKey",
+          name: "apiKey",
+          type: apiKeyValue && !showKey ? 'password' : 'text',
+          value: apiKeyValue || (last4Value ? formatAPIKeyPreview(last4Value) : '')
+        }), (apiKeyValue || canRevealPersistedAPIKey || !readOnly && hasPersistedAPIKey) && /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__toggle-button-wrap`,
+          children: [(apiKeyValue || canRevealPersistedAPIKey) && /*#__PURE__*/_jsx(Button, {
+            "aria-label": canRevealPersistedAPIKey ? 'Reveal API key' : 'Toggle API key visibility',
+            buttonStyle: "ghost",
+            className: `${baseClass}__visibility-button${!readOnly && hasPersistedAPIKey ? ` ${baseClass}__visibility-button--with-regenerate` : ''}`,
+            disabled: isRevealing,
+            extraButtonProps: {
+              'aria-busy': isRevealing
+            },
+            icon: isRevealing ? /*#__PURE__*/_jsx(Spinner, {
+              loadingText: null,
+              size: "sm"
+            }) : /*#__PURE__*/_jsx(EyeIcon, {
+              active: showKey
+            }),
+            id: canRevealPersistedAPIKey ? 'reveal-api-key' : 'toggle-api-key-visibility',
+            onClick: canRevealPersistedAPIKey ? revealKey : () => setShowKey(shown => !shown)
+          }), !readOnly && hasPersistedAPIKey && /*#__PURE__*/_jsx(APIKeyGenerationModal, {
+            apiKeyLast4: last4Value,
+            highlightField: highlightField,
+            icon: /*#__PURE__*/_jsx(RefreshIcon, {}),
+            id: "regenerate-api-key",
+            setKey: generateKey
+          })]
+        })]
+      }), apiKeyValue && showCopyWarning && /*#__PURE__*/_jsx(FieldDescription, {
+        description: reveal ? 'Make sure to copy your API key. You may not have access to reveal it again.' : 'Make sure to copy your API key. It will not be displayed again.',
+        path: path
       })]
-    }), !readOnly && /*#__PURE__*/_jsx(GenerateConfirmation, {
+    }), !readOnly && !apiKeyValue && !hasPersistedAPIKey && (id ? /*#__PURE__*/_jsx(APIKeyGenerationModal, {
       highlightField: highlightField,
-      setKey: () => setValue(uuidv4())
+      id: "generate-api-key",
+      setKey: generateKey,
+      willInvalidateExistingKey: false
+    }) : /*#__PURE__*/_jsx(Button, {
+      buttonStyle: "secondary",
+      id: "generate-api-key",
+      onClick: () => void generateKey(),
+      size: "medium",
+      children: t('authentication:generateNewAPIKey')
+    })), !readOnly && hasPersistedAPIKey && /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__actions`,
+      children: [/*#__PURE__*/_jsx(Button, {
+        buttonStyle: "secondary",
+        className: `${baseClass}__revoke-button`,
+        id: "revoke-api-key",
+        onClick: () => toggleModal(revokeModalSlug),
+        size: "medium",
+        children: "Revoke API key"
+      }), /*#__PURE__*/_jsx(ConfirmationModal, {
+        body: /*#__PURE__*/_jsxs("span", {
+          children: ["Are you sure you want to revoke the API key ending in ", /*#__PURE__*/_jsx("strong", {
+            children: last4Value
+          }), ' ', "for user ", /*#__PURE__*/_jsx("strong", {
+            children: id
+          }), "? The key will no longer be usable, and this action cannot be undone."]
+        }),
+        confirmLabel: "Revoke",
+        heading: "Revoke API key?",
+        modalSlug: revokeModalSlug,
+        onConfirm: revokeKey
+      })]
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"APIKey.js","names":["getTranslation","text","React","useEffect","useMemo","useState","v4","uuidv4","APIKeyInput","GenerateConfirmation","useFormFields","useField","useConfig","useDocumentInfo","useTranslation","path","baseClass","fieldBaseClass","APIKey","enabled","readOnly","initialAPIKey","highlightedField","setHighlightedField","i18n","t","config","getEntityConfig","collectionSlug","apiKey","fields","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","apiKeyValue","value","apiKeyLabel","label","APIKeyLabel","_jsx","className","htmlFor","fieldType","highlightField","setTimeout","setValue","_jsxs","Fragment","filter","Boolean","join","highlighted","id","setKey"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { APIKeyInput } from '../../../elements/APIKeyInput/index.js'\nimport { GenerateConfirmation } from '../../../elements/GenerateConfirmation/index.js'\nimport { useFormFields } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst fieldBaseClass = 'field-type'\n\nexport const APIKey: React.FC<{ readonly enabled: boolean; readonly readOnly?: boolean }> = ({\n  enabled,\n  readOnly,\n}) => {\n  const [initialAPIKey] = useState(uuidv4())\n  const [highlightedField, setHighlightedField] = useState(false)\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { collectionSlug } = useDocumentInfo()\n\n  const apiKey = useFormFields(([fields]) => (fields && fields[path]) || null)\n\n  const apiKeyField: TextFieldClient = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: {\n        payload: {\n          config,\n        },\n        t,\n      } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n\n  const apiKeyValue = apiKey?.value\n\n  const apiKeyLabel = useMemo(() => {\n    let label: Record<string, string> | string = 'API Key'\n\n    if (apiKeyField?.label) {\n      label = apiKeyField.label\n    }\n\n    return getTranslation(label, i18n)\n  }, [apiKeyField, i18n])\n\n  const APIKeyLabel = useMemo(\n    () => (\n      <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n        <span>{apiKeyLabel}</span>\n      </label>\n    ),\n    [apiKeyLabel],\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 && apiKeyValue) {\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        {APIKeyLabel}\n        <APIKeyInput\n          aria-label={apiKeyLabel}\n          highlighted={highlightedField}\n          id=\"apiKey\"\n          value={value as string}\n        />\n      </div>\n      {!readOnly && (\n        <GenerateConfirmation highlightField={highlightField} setKey={() => setValue(uuidv4())} />\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"APIKey.js","names":["useModal","getTranslation","formatAdminURL","text","React","useEffect","useMemo","useState","toast","v4","uuidv4","Button","ConfirmationModal","CopyToClipboard","Spinner","FieldDescription","useFormFields","useFormSuccessfulSubmitCount","useField","EyeIcon","RefreshIcon","useConfig","useDocumentInfo","useLocale","useTranslation","APIKeyGenerationModal","path","baseClass","maskedCharacterCount","formatAPIKeyPreview","last4","repeat","APIKey","readOnly","reveal","generatedAtSubmitCount","setGeneratedAtSubmitCount","highlightedField","setHighlightedField","hasUpdatedPersistedAPIKey","setHasUpdatedPersistedAPIKey","isRevealing","setIsRevealing","revealedKey","setRevealedKey","showCopyWarning","setShowCopyWarning","showKey","setShowKey","successfulSubmitCount","i18n","t","toggleModal","config","getEntityConfig","id","collectionSlug","setData","setLastUpdateTime","locale","revokeModalSlug","apiKeyLast4","fields","dispatchFields","dispatch","apiKeyField","find","field","name","validate","val","type","blockData","data","event","maxLength","minLength","preferences","req","payload","siblingData","setValue","value","setLast4Value","apiKeyValue","last4Value","hasPersistedAPIKey","Boolean","canRevealPersistedAPIKey","apiKeyLabel","label","highlightField","updateKey","apiKey","searchParams","URLSearchParams","depth","code","set","response","fetch","apiRoute","routes","api","encodeURIComponent","String","body","JSON","stringify","headers","method","ok","Error","result","json","doc","updatedAt","Date","getTime","error","generateKey","key","revokeKey","success","revealKey","_jsxs","Fragment","className","htmlFor","_jsx","filter","join","disabled","buttonStyle","extraButtonProps","icon","loadingText","size","active","onClick","shown","setKey","description","willInvalidateExistingKey","confirmLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/views/Edit/Auth/APIKey.tsx"],"sourcesContent":["'use client'\nimport type { PayloadRequest, TextFieldClient } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, text } from 'payload/shared'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { ConfirmationModal } from '../../../elements/ConfirmationModal/index.js'\nimport { CopyToClipboard } from '../../../elements/CopyToClipboard/index.js'\nimport { Spinner } from '../../../elements/Spinner/index.js'\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { useFormFields, useFormSuccessfulSubmitCount } from '../../../forms/Form/context.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { EyeIcon } from '../../../icons/Eye/index.js'\nimport { RefreshIcon } from '../../../icons/Refresh/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { APIKeyGenerationModal } from './APIKeyGenerationModal.js'\n\nconst path = 'apiKey'\nconst baseClass = 'api-key'\nconst maskedCharacterCount = 20\n\nconst formatAPIKeyPreview = (last4: string): string => `${'•'.repeat(maskedCharacterCount)}${last4}`\n\nexport const APIKey: React.FC<{ readonly readOnly?: boolean; readonly reveal?: boolean }> = ({\n  readOnly,\n  reveal,\n}) => {\n  const [generatedAtSubmitCount, setGeneratedAtSubmitCount] = useState<null | number>(null)\n  const [highlightedField, setHighlightedField] = useState(false)\n  const [hasUpdatedPersistedAPIKey, setHasUpdatedPersistedAPIKey] = useState<boolean | null>(null)\n  const [isRevealing, setIsRevealing] = useState(false)\n  const [revealedKey, setRevealedKey] = useState<null | string>(null)\n  const [showCopyWarning, setShowCopyWarning] = useState(false)\n  const [showKey, setShowKey] = useState(false)\n  const successfulSubmitCount = useFormSuccessfulSubmitCount()\n  const { i18n, t } = useTranslation()\n  const { toggleModal } = useModal()\n  const { config, getEntityConfig } = useConfig()\n  const { id, collectionSlug, setData, setLastUpdateTime } = useDocumentInfo()\n  const locale = useLocale()\n  const revokeModalSlug = `revoke-api-key-${id}`\n\n  const apiKeyLast4 = useFormFields(([fields]) => (fields && fields.apiKeyLast4) || null)\n  const dispatchFields = useFormFields(([, dispatch]) => dispatch)\n  const apiKeyField = getEntityConfig({ collectionSlug })?.fields?.find(\n    (field) => 'name' in field && field.name === 'apiKey',\n  ) as TextFieldClient\n  const validate = (val) =>\n    text(val, {\n      name: 'apiKey',\n      type: 'text',\n      blockData: {},\n      data: {},\n      event: 'onChange',\n      maxLength: 48,\n      minLength: 24,\n      path: ['apiKey'],\n      preferences: { fields: {} },\n      req: { payload: { config }, t } as unknown as PayloadRequest,\n      siblingData: {},\n    })\n  const { setValue, value } = useField({ path, validate })\n  const { setValue: setLast4Value } = useField({ path: 'apiKeyLast4' })\n  const apiKeyValue = revealedKey || (value as null | string | undefined)\n  const last4Value = apiKeyLast4?.value as null | string | undefined\n  const hasPersistedAPIKey = hasUpdatedPersistedAPIKey ?? Boolean(last4Value)\n  const canRevealPersistedAPIKey = Boolean(reveal && hasPersistedAPIKey && !revealedKey)\n\n  const apiKeyLabel = useMemo(\n    () => getTranslation(apiKeyField?.label || 'API Key', i18n),\n    [apiKeyField, i18n],\n  )\n  const highlightField = () => setHighlightedField(true)\n\n  const updateKey = async (apiKey: null | string) => {\n    if (!id) {\n      return false\n    }\n    try {\n      const searchParams = new URLSearchParams({ depth: '0', 'fallback-locale': 'null' })\n      if (locale?.code) {\n        searchParams.set('locale', locale.code)\n      }\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/${collectionSlug}/${encodeURIComponent(String(id))}?${searchParams}`,\n        }),\n        {\n          body: JSON.stringify({ apiKey }),\n          headers: { 'Content-Type': 'application/json' },\n          method: 'PATCH',\n        },\n      )\n      if (!response.ok) {\n        throw new Error('API key update failed')\n      }\n      const result = await response.json()\n      setHasUpdatedPersistedAPIKey(Boolean(apiKey))\n      setLast4Value(result.doc?.apiKeyLast4 || null, true)\n      dispatchFields({ type: 'REMOVE', path })\n      if (result.doc?.updatedAt) {\n        setData(result.doc)\n        setLastUpdateTime(new Date(result.doc.updatedAt).getTime())\n      }\n      return true\n    } catch {\n      toast.error('Failed to update the API key.')\n      return false\n    }\n  }\n\n  const generateKey = async () => {\n    const key = uuidv4()\n    if (!id) {\n      setValue(key, true)\n    } else if (!(await updateKey(key))) {\n      return false\n    } else {\n      setRevealedKey(key)\n    }\n    setGeneratedAtSubmitCount(successfulSubmitCount)\n    setShowCopyWarning(true)\n    setShowKey(true)\n    highlightField()\n    return true\n  }\n\n  const revokeKey = async () => {\n    if (!(await updateKey(null))) {\n      return\n    }\n    setRevealedKey(null)\n    setHasUpdatedPersistedAPIKey(false)\n    setHighlightedField(false)\n    setShowCopyWarning(false)\n    setShowKey(false)\n    toast.success('API key revoked successfully.')\n  }\n\n  const revealKey = async () => {\n    if (isRevealing) {\n      return\n    }\n    setIsRevealing(true)\n    try {\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: config.routes.api,\n          path: `/${collectionSlug}/${encodeURIComponent(String(id))}/api-key/reveal`,\n        }),\n        { method: 'POST' },\n      )\n      if (!response.ok) {\n        throw new Error('API key reveal failed')\n      }\n      const result = await response.json()\n      setRevealedKey(result.apiKey)\n      setShowCopyWarning(false)\n      setShowKey(true)\n    } catch {\n      toast.error('Failed to reveal the API key.')\n    } finally {\n      setIsRevealing(false)\n    }\n  }\n\n  useEffect(() => {\n    if (\n      generatedAtSubmitCount !== null &&\n      successfulSubmitCount > generatedAtSubmitCount &&\n      apiKeyValue\n    ) {\n      setHasUpdatedPersistedAPIKey(true)\n      setHighlightedField(false)\n      setGeneratedAtSubmitCount(null)\n      setRevealedKey(null)\n      setShowCopyWarning(false)\n      dispatchFields({ type: 'REMOVE', path })\n      setShowKey(false)\n    }\n  }, [apiKeyValue, dispatchFields, generatedAtSubmitCount, successfulSubmitCount])\n\n  return (\n    <React.Fragment>\n      <div className=\"field-type api-key read-only\">\n        <label className={`${baseClass}__label field-label`} htmlFor=\"apiKey\">\n          <span>{apiKeyLabel}</span>\n          {apiKeyValue && <CopyToClipboard value={apiKeyValue} />}\n        </label>\n        <div\n          className={[\n            `${baseClass}__input-wrap`,\n            !readOnly && hasPersistedAPIKey && `${baseClass}__input-wrap--has-regenerate`,\n            highlightedField && `${baseClass}__input-wrap--highlighted`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          <input\n            aria-label={apiKeyLabel}\n            disabled\n            id=\"apiKey\"\n            name=\"apiKey\"\n            type={apiKeyValue && !showKey ? 'password' : 'text'}\n            value={apiKeyValue || (last4Value ? formatAPIKeyPreview(last4Value) : '')}\n          />\n          {(apiKeyValue || canRevealPersistedAPIKey || (!readOnly && hasPersistedAPIKey)) && (\n            <div className={`${baseClass}__toggle-button-wrap`}>\n              {(apiKeyValue || canRevealPersistedAPIKey) && (\n                <Button\n                  aria-label={\n                    canRevealPersistedAPIKey ? 'Reveal API key' : 'Toggle API key visibility'\n                  }\n                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__visibility-button${!readOnly && hasPersistedAPIKey ? ` ${baseClass}__visibility-button--with-regenerate` : ''}`}\n                  disabled={isRevealing}\n                  extraButtonProps={{ 'aria-busy': isRevealing }}\n                  icon={\n                    isRevealing ? (\n                      <Spinner loadingText={null} size=\"sm\" />\n                    ) : (\n                      <EyeIcon active={showKey} />\n                    )\n                  }\n                  id={canRevealPersistedAPIKey ? 'reveal-api-key' : 'toggle-api-key-visibility'}\n                  onClick={\n                    canRevealPersistedAPIKey ? revealKey : () => setShowKey((shown) => !shown)\n                  }\n                />\n              )}\n              {!readOnly && hasPersistedAPIKey && (\n                <APIKeyGenerationModal\n                  apiKeyLast4={last4Value}\n                  highlightField={highlightField}\n                  icon={<RefreshIcon />}\n                  id=\"regenerate-api-key\"\n                  setKey={generateKey}\n                />\n              )}\n            </div>\n          )}\n        </div>\n        {apiKeyValue && showCopyWarning && (\n          <FieldDescription\n            description={\n              reveal\n                ? 'Make sure to copy your API key. You may not have access to reveal it again.'\n                : 'Make sure to copy your API key. It will not be displayed again.'\n            }\n            path={path}\n          />\n        )}\n      </div>\n      {!readOnly &&\n        !apiKeyValue &&\n        !hasPersistedAPIKey &&\n        (id ? (\n          <APIKeyGenerationModal\n            highlightField={highlightField}\n            id=\"generate-api-key\"\n            setKey={generateKey}\n            willInvalidateExistingKey={false}\n          />\n        ) : (\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"generate-api-key\"\n            onClick={() => void generateKey()}\n            size=\"medium\"\n          >\n            {t('authentication:generateNewAPIKey')}\n          </Button>\n        ))}\n      {!readOnly && hasPersistedAPIKey && (\n        <div className={`${baseClass}__actions`}>\n          <Button\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__revoke-button`}\n            id=\"revoke-api-key\"\n            onClick={() => toggleModal(revokeModalSlug)}\n            size=\"medium\"\n          >\n            Revoke API key\n          </Button>\n          <ConfirmationModal\n            body={\n              <span>\n                Are you sure you want to revoke the API key ending in <strong>{last4Value}</strong>{' '}\n                for user <strong>{id}</strong>? The key will no longer be usable, and this action\n                cannot be undone.\n              </span>\n            }\n            confirmLabel=\"Revoke\"\n            heading=\"Revoke API key?\"\n            modalSlug={revokeModalSlug}\n            onConfirm={revokeKey}\n          />\n        </div>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Edit/Auth/APIKeyGenerationModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type APIKeyGenerationModalProps = {
+    apiKeyLast4?: string;
+    highlightField: () => void;
+    icon?: React.ReactNode;
+    id?: string;
+    setKey: () => boolean | Promise<boolean | void> | void;
+    willInvalidateExistingKey?: boolean;
+};
+export declare function APIKeyGenerationModal({ id, apiKeyLast4, highlightField, icon, setKey, willInvalidateExistingKey, }: APIKeyGenerationModalProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=APIKeyGenerationModal.d.ts.map

package/dist/views/Edit/Auth/APIKeyGenerationModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APIKeyGenerationModal.d.ts","sourceRoot":"","sources":["../../../../src/views/Edit/Auth/APIKeyGenerationModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAS1C,KAAK,0BAA0B,GAAG;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACtD,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,EAAE,EACF,WAAW,EACX,cAAc,EACd,IAAI,EACJ,MAAM,EACN,yBAAgC,GACjC,EAAE,0BAA0B,qBAqD5B"}