@payloadcms/ui 4.0.0-internal.17c142b → 4.0.0-internal.1a2a79e

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

@@ -0,0 +1,12 @@
+import type { PayloadRequest } from 'payload';
+/**
+ * Records that the current user viewed a collection document, persisting it to the
+ * `recently-viewed` preference. The document is loaded with access control before this runs, so
+ * reaching here means the user can read it. Never throws: a failed write must not break the view.
+ */
+export declare const recordRecentlyViewed: ({ id, collectionSlug, req, }: {
+    collectionSlug: string;
+    id: number | string;
+    req: PayloadRequest;
+}) => Promise<void>;
+//# sourceMappingURL=recordRecentlyViewed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recordRecentlyViewed.d.ts","sourceRoot":"","sources":["../../../src/views/Document/recordRecentlyViewed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAA6B,MAAM,SAAS,CAAA;AAOxE;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,iCAI9B;IACD,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,GAAG,EAAE,cAAc,CAAA;CACpB,KAAG,OAAO,CAAC,IAAI,CAmBf,CAAA"}

package/dist/views/Document/recordRecentlyViewed.js

@@ -0,0 +1,40 @@
+import { PREFERENCE_KEYS } from 'payload/shared';
+import { addRecentlyViewedItem } from '../../utilities/recentlyViewed.js';
+import { upsertPreferences } from '../../utilities/upsertPreferences.js';
+/**
+ * Records that the current user viewed a collection document, persisting it to the
+ * `recently-viewed` preference. The document is loaded with access control before this runs, so
+ * reaching here means the user can read it. Never throws: a failed write must not break the view.
+ */
+export const recordRecentlyViewed = async ({
+  id,
+  collectionSlug,
+  req
+}) => {
+  if (!req.user) {
+    return;
+  }
+  try {
+    await upsertPreferences({
+      customMerge: (existingValue, incomingValue) => addRecentlyViewedItem({
+        existing: existingValue,
+        item: incomingValue.items[0]
+      }),
+      key: PREFERENCE_KEYS.RECENTLY_VIEWED,
+      req,
+      value: {
+        items: [{
+          id,
+          collectionSlug,
+          viewedAt: new Date().toISOString()
+        }]
+      }
+    });
+  } catch (err) {
+    req.payload.logger.error({
+      err,
+      msg: `Failed to record recently viewed document "${collectionSlug}/${id}"`
+    });
+  }
+};
+//# sourceMappingURL=recordRecentlyViewed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recordRecentlyViewed.js","names":["PREFERENCE_KEYS","addRecentlyViewedItem","upsertPreferences","recordRecentlyViewed","id","collectionSlug","req","user","customMerge","existingValue","incomingValue","existing","item","items","key","RECENTLY_VIEWED","value","viewedAt","Date","toISOString","err","payload","logger","error","msg"],"sources":["../../../src/views/Document/recordRecentlyViewed.ts"],"sourcesContent":["import type { PayloadRequest, RecentlyViewedPreferences } from 'payload'\n\nimport { PREFERENCE_KEYS } from 'payload/shared'\n\nimport { addRecentlyViewedItem } from '../../utilities/recentlyViewed.js'\nimport { upsertPreferences } from '../../utilities/upsertPreferences.js'\n\n/**\n * Records that the current user viewed a collection document, persisting it to the\n * `recently-viewed` preference. The document is loaded with access control before this runs, so\n * reaching here means the user can read it. Never throws: a failed write must not break the view.\n */\nexport const recordRecentlyViewed = async ({\n  id,\n  collectionSlug,\n  req,\n}: {\n  collectionSlug: string\n  id: number | string\n  req: PayloadRequest\n}): Promise<void> => {\n  if (!req.user) {\n    return\n  }\n\n  try {\n    await upsertPreferences<RecentlyViewedPreferences>({\n      customMerge: (existingValue, incomingValue) =>\n        addRecentlyViewedItem({ existing: existingValue, item: incomingValue.items[0] }),\n      key: PREFERENCE_KEYS.RECENTLY_VIEWED,\n      req,\n      value: { items: [{ id, collectionSlug, viewedAt: new Date().toISOString() }] },\n    })\n  } catch (err) {\n    req.payload.logger.error({\n      err,\n      msg: `Failed to record recently viewed document \"${collectionSlug}/${id}\"`,\n    })\n  }\n}\n"],"mappings":"AAEA,SAASA,eAAe,QAAQ;AAEhC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,iBAAiB,QAAQ;AAElC;;;;;AAKA,OAAO,MAAMC,oBAAA,GAAuB,MAAAA,CAAO;EACzCC,EAAE;EACFC,cAAc;EACdC;AAAG,CAKJ;EACC,IAAI,CAACA,GAAA,CAAIC,IAAI,EAAE;IACb;EACF;EAEA,IAAI;IACF,MAAML,iBAAA,CAA6C;MACjDM,WAAA,EAAaA,CAACC,aAAA,EAAeC,aAAA,KAC3BT,qBAAA,CAAsB;QAAEU,QAAA,EAAUF,aAAA;QAAeG,IAAA,EAAMF,aAAA,CAAcG,KAAK,CAAC;MAAG;MAChFC,GAAA,EAAKd,eAAA,CAAgBe,eAAe;MACpCT,GAAA;MACAU,KAAA,EAAO;QAAEH,KAAA,EAAO,CAAC;UAAET,EAAA;UAAIC,cAAA;UAAgBY,QAAA,EAAU,IAAIC,IAAA,GAAOC,WAAW;QAAG;MAAG;IAC/E;EACF,EAAE,OAAOC,GAAA,EAAK;IACZd,GAAA,CAAIe,OAAO,CAACC,MAAM,CAACC,KAAK,CAAC;MACvBH,GAAA;MACAI,GAAA,EAAK,8CAA8CnB,cAAA,IAAkBD,EAAA;IACvE;EACF;AACF","ignoreList":[]}

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

@@ -1,13 +1,15 @@
 import type { DocumentSlots, Locale, PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions, ServerFunction } from 'payload';
 export declare const renderDocumentSlots: (args: {
     collectionConfig?: SanitizedCollectionConfig;
+    doc?: Record<string, unknown>;
     globalConfig?: SanitizedGlobalConfig;
     hasSavePermission: boolean;
     id?: number | string;
     locale: Locale;
     permissions: SanitizedPermissions;
     req: PayloadRequest;
-}) => DocumentSlots;
+    user?: PayloadRequest['user'];
+}) => Promise<DocumentSlots>;
 export declare const renderDocumentSlotsHandler: ServerFunction<{
     collectionSlug: string;
     id?: number | string;

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

@@ -1 +1 @@
-{"version":3,"file":"renderDocumentSlots.d.ts","sourceRoot":"","sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,aAAa,EAEb,MAAM,EACN,cAAc,EAGd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EAGpB,cAAc,EAMf,MAAM,SAAS,CAAA;AAShB,eAAO,MAAM,mBAAmB,EAAE,CAAC,IAAI,EAAE;IACvC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;CACpB,KAAK,aA6LL,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,cAAc,CAAC;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAwBA,CAAA"}
+{"version":3,"file":"renderDocumentSlots.d.ts","sourceRoot":"","sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,aAAa,EAEb,MAAM,EAEN,cAAc,EAGd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EAGpB,cAAc,EAOf,MAAM,SAAS,CAAA;AAUhB,eAAO,MAAM,mBAAmB,EAAE,CAAC,IAAI,EAAE;IACvC,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,KAAK,OAAO,CAAC,aAAa,CAiP1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,cAAc,CAAC;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CA8CA,CAAA"}

package/dist/views/Document/renderDocumentSlots.js

@@ -1,17 +1,20 @@
-import { hasDraftsEnabled } from 'payload/shared';
+import { hasDraftsEnabled, matchMimeType } from 'payload/shared';
 import { RenderServerComponent } from '../../elements/RenderServerComponent/index.js';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
 import { ViewDescription } from '../../exports/client/index.js';
+import { filterLLMInstructionsMenuItems } from '../../utilities/filterLLMInstructionsMenuItems.js';
 import { getDocumentPermissions } from '../../utilities/getDocumentPermissions.js';
-export const renderDocumentSlots = args => {
+export const renderDocumentSlots = async args => {
   const {
     id,
     collectionConfig,
+    doc,
     globalConfig,
     hasSavePermission,
     locale,
     permissions,
-    req
+    req,
+    user
   } = args;
   const components = {};
   const unsavedDraftWithValidations = undefined;
@@ -23,7 +26,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) {
@@ -41,8 +44,14 @@ export const renderDocumentSlots = args => {
       serverProps
     });
   }
-  const EditMenuItems = collectionConfig?.admin?.components?.edit?.editMenuItems;
-  if (EditMenuItems) {
+  const EditMenuItems = await filterLLMInstructionsMenuItems({
+    collectionSlug: collectionConfig?.slug,
+    globalSlug: globalConfig?.slug,
+    menuItems: collectionConfig?.admin?.components?.edit?.editMenuItems || globalConfig?.admin?.components?.edit?.editMenuItems,
+    permissions,
+    req
+  });
+  if (EditMenuItems?.length) {
     components.EditMenuItems = RenderServerComponent({
       Component: EditMenuItems,
       importMap: req.payload.importMap,
@@ -145,6 +154,31 @@ export const renderDocumentSlots = args => {
       serverProps
     });
   }
+  const filePreviewConfig = collectionConfig?.upload?.admin?.components?.filePreview;
+  if (collectionConfig?.upload && filePreviewConfig) {
+    const mimeType = doc?.mimeType ?? '';
+    let filePreviewComponent;
+    if (typeof filePreviewConfig === 'string' || typeof filePreviewConfig === 'object' && 'path' in filePreviewConfig) {
+      filePreviewComponent = filePreviewConfig;
+    } else {
+      filePreviewComponent = matchMimeType(filePreviewConfig, mimeType);
+    }
+    if (filePreviewComponent) {
+      components.UploadFilePreview = RenderServerComponent({
+        clientProps: {
+          filename: doc?.filename,
+          filesize: doc?.filesize,
+          fileSrc: doc?.url,
+          height: doc?.height,
+          mimeType,
+          width: doc?.width
+        },
+        Component: filePreviewComponent,
+        importMap: req.payload.importMap,
+        serverProps
+      });
+    }
+  }
   return components;
 };
 export const renderDocumentSlotsHandler = async args => {
@@ -153,7 +187,8 @@ export const renderDocumentSlotsHandler = async args => {
     collectionSlug,
     locale,
     permissions,
-    req
+    req,
+    user
   } = args;
   const collectionConfig = req.payload.collections[collectionSlug]?.config;
   if (!collectionConfig) {
@@ -167,13 +202,34 @@ export const renderDocumentSlotsHandler = async args => {
     data: {},
     req
   });
+  let doc;
+  if (id && collectionConfig.upload) {
+    const result = await req.payload.findByID({
+      id,
+      collection: collectionSlug,
+      depth: 0,
+      overrideAccess: false,
+      req,
+      select: {
+        filename: true,
+        filesize: true,
+        height: true,
+        mimeType: true,
+        url: true,
+        width: true
+      }
+    });
+    doc = result;
+  }
   return renderDocumentSlots({
     id,
     collectionConfig,
+    doc,
     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","RenderServerComponent","ViewDescription","getDocumentPermissions","renderDocumentSlots","args","id","collectionConfig","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","renderDocumentSlotsHandler","collections","config","Error","data"],"sources":["../../../src/views/Document/renderDocumentSlots.tsx"],"sourcesContent":["import type {\n  BeforeDocumentControlsServerPropsOnly,\n  DocumentSlots,\n  EditMenuItemsServerPropsOnly,\n  Locale,\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  ViewDescriptionClientProps,\n  ViewDescriptionServerPropsOnly,\n} from 'payload'\n\nimport { hasDraftsEnabled } 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  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, globalConfig, hasSavePermission, locale, permissions, req } = 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  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  return renderDocumentSlots({\n    id,\n    collectionConfig,\n    hasSavePermission,\n    locale,\n    permissions,\n    req,\n  })\n}\n"],"mappings":"AAqBA,SAASA,gBAAgB,QAAQ;AAEjC,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AAEvC,OAAO,MAAMC,mBAAA,GAQUC,IAAA;EACrB,MAAM;IAAEC,EAAE;IAAEC,gBAAgB;IAAEC,YAAY;IAAEC,iBAAiB;IAAEC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGP,IAAA;EAE5F,MAAMQ,UAAA,GAA4B,CAAC;EAEnC,MAAMC,2BAAA,GAA8BC,SAAA;EAEpC,MAAMC,gBAAA,GAAmBT,gBAAA,EAAkBU,KAAA,EAAOC,OAAA,IAAWV,YAAA,EAAcS,KAAA,EAAOC,OAAA;EAElF,MAAMC,WAAA,GAA2B;IAC/Bb,EAAA;IACAc,IAAA,EAAMR,GAAA,CAAIQ,IAAI;IACdV,MAAA;IACAW,OAAA,EAAST,GAAA,CAAIS,OAAO;IACpBV,WAAA;IACAW,MAAA,EAAQV,GAAA,CAAIU,MAAM;IAClBC,IAAA,EAAMX,GAAA,CAAIW;EAEZ;EAEA,MAAMC,sBAAA,GACJjB,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMC,sBAAA,IAC3ClB,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMC,sBAAA;EAEzC,IAAIF,sBAAA,EAAwB;IAC1BX,UAAA,CAAWW,sBAAsB,GAAGvB,qBAAA,CAAsB;MACxD0B,SAAA,EAAWH,sBAAA;MACXI,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT,WAAA,EAAaA;IACf;EACF;EAEA,MAAMU,kBAAA,GACJtB,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMI,kBAAA,IAC3CrB,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMI,kBAAA;EAEzC,IAAIA,kBAAA,EAAoB;IACtBhB,UAAA,CAAWgB,kBAAkB,GAAG5B,qBAAA,CAAsB;MACpD0B,SAAA,EAAWE,kBAAA;MACXD,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT;IACF;EACF;EAEA,MAAMW,aAAA,GAAgBvB,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMM,aAAA;EAEjE,IAAID,aAAA,EAAe;IACjBjB,UAAA,CAAWiB,aAAa,GAAG7B,qBAAA,CAAsB;MAC/C0B,SAAA,EAAWG,aAAA;MACXF,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT,WAAA,EAAaA;IACf;EACF;EAEA,MAAMa,mBAAA,GACJzB,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMQ,aAAA,IAC3CzB,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMQ,aAAA;EAEzC,IAAIjB,gBAAA,IAAoBgB,mBAAA,EAAqB;IAC3CnB,UAAA,CAAWoB,aAAa,GAAGhC,qBAAA,CAAsB;MAC/C0B,SAAA,EAAWK,mBAAA;MACXJ,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT,WAAA,EAAaA;IACf;EACF;EAEA,MAAMe,WAAA,GACJ3B,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYsB,KAAA,EAAOV,IAAA,EAAMW,WAAA,IAClD5B,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYsB,KAAA,EAAOV,IAAA,EAAMW,WAAA;EAEhD,IAAIF,WAAA,EAAaP,SAAA,EAAW;IAC1Bd,UAAA,CAAWqB,WAAW,GAAGjC,qBAAA,CAAsB;MAC7C0B,SAAA,EAAWO,WAAA,CAAYP,SAAS;MAChCC,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT;IACF;EACF;EAEA,MAAMkB,qBAAA,GACJ9B,gBAAA,EAAkBU,KAAA,EAAOqB,WAAA,IAAe9B,YAAA,EAAcS,KAAA,EAAOqB,WAAA;EAE/D,MAAMC,iBAAA,GACJ,OAAOF,qBAAA,KAA0B,aAC7BA,qBAAA,CAAsB;IAAEG,CAAA,EAAG5B,GAAA,CAAIQ,IAAI,CAACoB;EAAE,KACtCH,qBAAA;EAEN,MAAMI,iBAAA,GACJlC,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAY6B,WAAA,IAAelC,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAY6B,WAAA;EAEvF,MAAMC,cAAA,GAAiBF,iBAAA,IAAqBF,iBAAA;EAE5C,IAAII,cAAA,EAAgB;IAClB9B,UAAA,CAAW6B,WAAW,GAAGzC,qBAAA,CAAsB;MAC7C2C,WAAA,EAAa;QACXC,cAAA,EAAgBtC,gBAAA,EAAkBuC,IAAA;QAClCR,WAAA,EAAaC;MACf;MACAZ,SAAA,EAAWc,iBAAA;MACXM,QAAA,EAAU7C,eAAA;MACV0B,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT,WAAA,EAAaA;IACf;EACF;EAEA,IAAIZ,gBAAA,EAAkByC,QAAA,EAAUC,MAAA,IAAUzC,YAAA,EAAcwC,QAAA,EAAUC,MAAA,EAAQ;IACxE,MAAMC,YAAA,GACJ3C,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAM0B,MAAA,IAC3C3C,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAM0B,MAAA;IAEzC,IAAID,YAAA,EAAc;MAChBrC,UAAA,CAAWsC,MAAM,GAAGlD,qBAAA,CAAsB;QACxC0B,SAAA,EAAWuB,YAAA;QACXtB,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;QAChCT;MACF;IACF;EACF;EAEA,IAAIV,iBAAA,EAAmB;IACrB,IAAIT,gBAAA,CAAiBO,gBAAA,IAAoBC,YAAA,GAAe;MACtD,MAAM4C,mBAAA,GACJ7C,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAM4B,aAAA,IAC3C7C,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAM4B,aAAA;MAEzC,IAAID,mBAAA,EAAqB;QACvBvC,UAAA,CAAWwC,aAAa,GAAGpD,qBAAA,CAAsB;UAC/C0B,SAAA,EAAWyB,mBAAA;UACXxB,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;UAChCT,WAAA,EAAaA;QACf;MACF;MAEA,MAAMmC,qBAAA,GACJ/C,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAM8B,eAAA,IAC3C/C,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAM8B,eAAA;MAEzC,IAAID,qBAAA,EAAuB;QACzBzC,UAAA,CAAW0C,eAAe,GAAGtD,qBAAA,CAAsB;UACjD0B,SAAA,EAAW2B,qBAAA;UACX1B,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;UAChCT,WAAA,EAAaA;QACf;MACF;MAEA,MAAMqC,qBAAA,GACJjD,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMgC,eAAA,IAC3CjD,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMgC,eAAA;MAEzC,MAAMC,aAAA,GAAgB1D,gBAAA,CAAiBO,gBAAA,IAAoBC,YAAA;MAE3D,IAAI,CAACkD,aAAA,IAAiB5C,2BAA0B,KAAM0C,qBAAA,EAAuB;QAC3E3C,UAAA,CAAW4C,eAAe,GAAGxD,qBAAA,CAAsB;UACjD0B,SAAA,EAAW6B,qBAAA;UACX5B,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;UAChCT,WAAA,EAAaA;QACf;MACF;IACF,OAAO;MACL,MAAMwC,gBAAA,GACJpD,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMmC,UAAA,IAC3CpD,YAAA,EAAcS,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMmC,UAAA;MAEzC,IAAID,gBAAA,EAAkB;QACpB9C,UAAA,CAAW+C,UAAU,GAAG3D,qBAAA,CAAsB;UAC5C0B,SAAA,EAAWgC,gBAAA;UACX/B,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;UAChCT,WAAA,EAAaA;QACf;MACF;IACF;EACF;EAEA,IAAIZ,gBAAA,EAAkBsD,MAAA,IAAUtD,gBAAA,EAAkBU,KAAA,EAAOJ,UAAA,EAAYY,IAAA,EAAMqC,MAAA,EAAQ;IACjFjD,UAAA,CAAWiD,MAAM,GAAG7D,qBAAA,CAAsB;MACxC0B,SAAA,EAAWpB,gBAAA,CAAiBU,KAAK,CAACJ,UAAU,CAACY,IAAI,CAACqC,MAAM;MACxDlC,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT;IACF;EACF;EAEA,IAAIZ,gBAAA,EAAkBsD,MAAA,IAAUtD,gBAAA,CAAiBsD,MAAM,CAAC5C,KAAK,EAAEJ,UAAA,EAAYkD,QAAA,EAAU;IACnFlD,UAAA,CAAWmD,cAAc,GAAG/D,qBAAA,CAAsB;MAChD0B,SAAA,EAAWpB,gBAAA,CAAiBsD,MAAM,CAAC5C,KAAK,CAACJ,UAAU,CAACkD,QAAQ;MAC5DnC,SAAA,EAAWhB,GAAA,CAAIS,OAAO,CAACO,SAAS;MAChCT;IACF;EACF;EAEA,OAAON,UAAA;AACT;AAEA,OAAO,MAAMoD,0BAAA,GAGR,MAAO5D,IAAA;EACV,MAAM;IAAEC,EAAE;IAAEuC,cAAc;IAAEnC,MAAM;IAAEC,WAAW;IAAEC;EAAG,CAAE,GAAGP,IAAA;EAEzD,MAAME,gBAAA,GAAmBK,GAAA,CAAIS,OAAO,CAAC6C,WAAW,CAACrB,cAAA,CAAe,EAAEsB,MAAA;EAElE,IAAI,CAAC5D,gBAAA,EAAkB;IACrB,MAAM,IAAI6D,KAAA,CAAMxD,GAAA,CAAI4B,CAAC,CAAC;EACxB;EAEA,MAAM;IAAE/B;EAAiB,CAAE,GAAG,MAAMN,sBAAA,CAAuB;IACzDG,EAAA;IACAC,gBAAA;IACA8D,IAAA,EAAM,CAAC;IACPzD;EACF;EAEA,OAAOR,mBAAA,CAAoB;IACzBE,EAAA;IACAC,gBAAA;IACAE,iBAAA;IACAC,MAAA;IACAC,WAAA;IACAC;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"renderDocumentSlots.js","names":["hasDraftsEnabled","matchMimeType","RenderServerComponent","ViewDescription","filterLLMInstructionsMenuItems","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","collectionSlug","slug","globalSlug","menuItems","editMenuItems","length","CustomPreviewButton","PreviewButton","LivePreview","views","livePreview","descriptionFromConfig","description","staticDescription","t","CustomDescription","Description","hasDescription","clientProps","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 { filterLLMInstructionsMenuItems } from '../../utilities/filterLLMInstructionsMenuItems.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}) => Promise<DocumentSlots> = async (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 = {}\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 = await filterLLMInstructionsMenuItems({\n    collectionSlug: collectionConfig?.slug,\n    globalSlug: globalConfig?.slug,\n    menuItems:\n      collectionConfig?.admin?.components?.edit?.editMenuItems ||\n      globalConfig?.admin?.components?.edit?.editMenuItems,\n    permissions,\n    req,\n  })\n\n  if (EditMenuItems?.length) {\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        },\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\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,CA4RvF,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,217 @@ 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, {
+          defaultMessage: `${t('general:copy')}: ${apiKeyLabel}`,
+          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
+      })]
     })]
   });
 };