@focus-reactive/payload-plugin-comments 1.1.0 → 1.2.0

package/README.md

@@ -1,5 +1,6 @@
 # @focus-reactive/payload-plugin-comments
 
+
 [![npm](https://img.shields.io/npm/v/@focus-reactive/payload-plugin-comments)](https://www.npmjs.com/package/@focus-reactive/payload-plugin-comments)
 
 A collaborative commenting plugin for [Payload CMS](https://payloadcms.com/) v3. Adds a full-featured comments system to the Payload admin panel — supporting document-level and field-level comments on both collections and globals, @mentions with email notifications, comment resolution, multi-tenancy, and locale-aware filtering.
@@ -145,27 +146,28 @@ RESEND_FROM_EMAIL=comments@yourdomain.com
 
 A header button in the Payload admin opens a drawer listing all comments across every document and collection.
 
-![Global comments panel](docs/screenshots/global-comments-panel.png)
+![Global comments panel](https://github.com/user-attachments/assets/ff1dd13c-42a8-4434-825f-8903e75d840c)
 
 ### Document Comments Panel
 
 When viewing a document, a side panel shows all comments scoped to that document with filter tabs (Open / Resolved / Mentioned me).
 
-![Document comments panel](docs/screenshots/document-comments-panel.png)
+![Document comments panel](https://github.com/user-attachments/assets/3525ff5e-eb80-48dc-936e-0da3b317ffbb)
 
 ### Field Comment Popup
 
 Clicking the comment badge on a field label opens a popup where you can write and post a new comment for that specific field.
 
-![Field comment popup](docs/screenshots/field-comment-popup.png)
+![Field comment popup](https://github.com/user-attachments/assets/259c7dc6-5b0e-4bcd-9d49-b7e520682f01)
 
 ### Field Label Button — Two States
 
 The comment button embedded in the field label has two visual states: no comments (inactive, appears on hover) and one or more open comments (active, showing the count badge).
 
-| Inactive (no comments)                                                             | Active (has comments)                                                          |
-| ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
-| ![Field label button — inactive](docs/screenshots/field-label-button-inactive.png) | ![Field label button — active](docs/screenshots/field-label-button-active.png) |
+| Inactive (no comments)                                                                                            | Active (has comments)                                                                                           |
+| ----------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
+| ![Field label button — inactive](https://github.com/user-attachments/assets/f540d6a4-c4e9-473f-883c-c34803da4d2f) | ![Field label button — active](https://github.com/user-attachments/assets/dcfbe20e-7b6e-4fa4-9d30-a0e8bd44b7c0) |
+|  |
 
 ---
 

package/dist/api/mutations/useAddCommentMutation.d.ts

@@ -0,0 +1,18 @@
+import type { Comment, QueryContext } from "../../types";
+interface AddCommentVariables {
+    ctx: QueryContext;
+    text: string;
+    fieldPath?: string | null;
+    documentId?: number | null;
+    collectionSlug?: string | null;
+    globalSlug?: string | null;
+    locale?: string | null;
+    mentionIds: number[];
+    currentUser: Comment["author"];
+}
+export declare function useAddCommentMutation(): import("@tanstack/react-query").UseMutationResult<import("../../types").Response<Comment>, Error, AddCommentVariables, {
+    snapshot: Comment[] | undefined;
+    ctx: QueryContext;
+}>;
+export {};
+//# sourceMappingURL=useAddCommentMutation.d.ts.map

package/dist/api/mutations/useAddCommentMutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddCommentMutation.d.ts","sourceRoot":"","sources":["../../../src/api/mutations/useAddCommentMutation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAQ,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/D,UAAU,mBAAmB;IAC3B,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CAChC;AAED,wBAAgB,qBAAqB;;;GAqDpC"}

package/dist/api/mutations/useAddCommentMutation.js

@@ -0,0 +1,52 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { getCommentsKey, getFieldLabelsKey, getDocumentTitlesKey, QUERY_KEYS } from "../queryKeys";
+import { createComment } from "../../services/createComment";
+function useAddCommentMutation() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    mutationFn: ({ ctx: _ctx, currentUser: _user, ...data }) => createComment(data),
+    onMutate: async (variables) => {
+      const { ctx, text, fieldPath, documentId, collectionSlug, globalSlug, locale, mentionIds, currentUser } = variables;
+      const key = getCommentsKey(ctx);
+      await queryClient.cancelQueries({ queryKey: key });
+      const snapshot = queryClient.getQueryData(key);
+      const cachedUsers = queryClient.getQueryData(QUERY_KEYS.mentionableUsers()) ?? [];
+      const selectedUsers = cachedUsers.filter(({ id }) => mentionIds.includes(id));
+      const mentions = selectedUsers.map((user) => ({ id: null, user }));
+      const optimisticComment = {
+        id: -Date.now(),
+        text,
+        fieldPath: fieldPath ?? null,
+        locale,
+        documentId: documentId ?? null,
+        collectionSlug: collectionSlug ?? null,
+        globalSlug: globalSlug ?? null,
+        isResolved: false,
+        mentions,
+        author: currentUser,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      queryClient.setQueryData(key, (prev = []) => [optimisticComment, ...prev]);
+      return { snapshot, ctx };
+    },
+    onError: (_err, _vars, context) => {
+      if (context?.snapshot !== void 0) {
+        queryClient.setQueryData(getCommentsKey(context.ctx), context.snapshot);
+      }
+    },
+    onSettled: (_data, _err, _vars, context) => {
+      if (!context?.ctx) return;
+      const ctx = context.ctx;
+      queryClient.invalidateQueries({ queryKey: getCommentsKey(ctx) });
+      queryClient.invalidateQueries({ queryKey: getFieldLabelsKey(ctx) });
+      queryClient.invalidateQueries({ queryKey: getDocumentTitlesKey(ctx) });
+    }
+  });
+}
+export {
+  useAddCommentMutation
+};
+//# sourceMappingURL=useAddCommentMutation.js.map

package/dist/api/mutations/useAddCommentMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/mutations/useAddCommentMutation.ts"],"sourcesContent":["\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { getCommentsKey, getFieldLabelsKey, getDocumentTitlesKey, QUERY_KEYS } from \"../queryKeys\";\nimport { createComment } from \"../../services/createComment\";\nimport type { Comment, User, QueryContext } from \"../../types\";\n\ninterface AddCommentVariables {\n  ctx: QueryContext;\n  text: string;\n  fieldPath?: string | null;\n  documentId?: number | null;\n  collectionSlug?: string | null;\n  globalSlug?: string | null;\n  locale?: string | null;\n  mentionIds: number[];\n  currentUser: Comment[\"author\"];\n}\n\nexport function useAddCommentMutation() {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    mutationFn: ({ ctx: _ctx, currentUser: _user, ...data }: AddCommentVariables) => createComment(data),\n    onMutate: async (variables) => {\n      const { ctx, text, fieldPath, documentId, collectionSlug, globalSlug, locale, mentionIds, currentUser } =\n        variables;\n\n      const key = getCommentsKey(ctx);\n\n      await queryClient.cancelQueries({ queryKey: key });\n      const snapshot = queryClient.getQueryData<Comment[]>(key);\n\n      const cachedUsers = queryClient.getQueryData<User[]>(QUERY_KEYS.mentionableUsers()) ?? [];\n      const selectedUsers = cachedUsers.filter(({ id }) => mentionIds.includes(id));\n      const mentions = selectedUsers.map((user) => ({ id: null, user }));\n\n      const optimisticComment: Comment = {\n        id: -Date.now(),\n        text,\n        fieldPath: fieldPath ?? null,\n        locale,\n        documentId: documentId ?? null,\n        collectionSlug: collectionSlug ?? null,\n        globalSlug: globalSlug ?? null,\n        isResolved: false,\n        mentions,\n        author: currentUser,\n        createdAt: new Date().toISOString(),\n        updatedAt: new Date().toISOString(),\n      };\n\n      queryClient.setQueryData<Comment[]>(key, (prev = []) => [optimisticComment, ...prev]);\n\n      return { snapshot, ctx };\n    },\n    onError: (_err, _vars, context) => {\n      if (context?.snapshot !== undefined) {\n        queryClient.setQueryData(getCommentsKey(context.ctx), context.snapshot);\n      }\n    },\n    onSettled: (_data, _err, _vars, context) => {\n      if (!context?.ctx) return;\n\n      const ctx = context.ctx;\n\n      queryClient.invalidateQueries({ queryKey: getCommentsKey(ctx) });\n      queryClient.invalidateQueries({ queryKey: getFieldLabelsKey(ctx) });\n      queryClient.invalidateQueries({ queryKey: getDocumentTitlesKey(ctx) });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,gBAAgB,mBAAmB,sBAAsB,kBAAkB;AACpF,SAAS,qBAAqB;AAevB,SAAS,wBAAwB;AACtC,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA;AAAA,IAEjB,YAAY,CAAC,EAAE,KAAK,MAAM,aAAa,OAAO,GAAG,KAAK,MAA2B,cAAc,IAAI;AAAA,IACnG,UAAU,OAAO,cAAc;AAC7B,YAAM,EAAE,KAAK,MAAM,WAAW,YAAY,gBAAgB,YAAY,QAAQ,YAAY,YAAY,IACpG;AAEF,YAAM,MAAM,eAAe,GAAG;AAE9B,YAAM,YAAY,cAAc,EAAE,UAAU,IAAI,CAAC;AACjD,YAAM,WAAW,YAAY,aAAwB,GAAG;AAExD,YAAM,cAAc,YAAY,aAAqB,WAAW,iBAAiB,CAAC,KAAK,CAAC;AACxF,YAAM,gBAAgB,YAAY,OAAO,CAAC,EAAE,GAAG,MAAM,WAAW,SAAS,EAAE,CAAC;AAC5E,YAAM,WAAW,cAAc,IAAI,CAAC,UAAU,EAAE,IAAI,MAAM,KAAK,EAAE;AAEjE,YAAM,oBAA6B;AAAA,QACjC,IAAI,CAAC,KAAK,IAAI;AAAA,QACd;AAAA,QACA,WAAW,aAAa;AAAA,QACxB;AAAA,QACA,YAAY,cAAc;AAAA,QAC1B,gBAAgB,kBAAkB;AAAA,QAClC,YAAY,cAAc;AAAA,QAC1B,YAAY;AAAA,QACZ;AAAA,QACA,QAAQ;AAAA,QACR,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,QAClC,YAAW,oBAAI,KAAK,GAAE,YAAY;AAAA,MACpC;AAEA,kBAAY,aAAwB,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,GAAG,IAAI,CAAC;AAEpF,aAAO,EAAE,UAAU,IAAI;AAAA,IACzB;AAAA,IACA,SAAS,CAAC,MAAM,OAAO,YAAY;AACjC,UAAI,SAAS,aAAa,QAAW;AACnC,oBAAY,aAAa,eAAe,QAAQ,GAAG,GAAG,QAAQ,QAAQ;AAAA,MACxE;AAAA,IACF;AAAA,IACA,WAAW,CAAC,OAAO,MAAM,OAAO,YAAY;AAC1C,UAAI,CAAC,SAAS,IAAK;AAEnB,YAAM,MAAM,QAAQ;AAEpB,kBAAY,kBAAkB,EAAE,UAAU,eAAe,GAAG,EAAE,CAAC;AAC/D,kBAAY,kBAAkB,EAAE,UAAU,kBAAkB,GAAG,EAAE,CAAC;AAClE,kBAAY,kBAAkB,EAAE,UAAU,qBAAqB,GAAG,EAAE,CAAC;AAAA,IACvE;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/api/mutations/useDeleteCommentMutation.d.ts

@@ -0,0 +1,11 @@
+import type { Comment, QueryContext } from "../../types";
+interface DeleteCommentVariables {
+    ctx: QueryContext;
+    commentId: string | number;
+}
+export declare function useDeleteCommentMutation(): import("@tanstack/react-query").UseMutationResult<import("../../types").Response<Comment>, Error, DeleteCommentVariables, {
+    snapshot: Comment[] | undefined;
+    ctx: QueryContext;
+}>;
+export {};
+//# sourceMappingURL=useDeleteCommentMutation.d.ts.map

package/dist/api/mutations/useDeleteCommentMutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteCommentMutation.d.ts","sourceRoot":"","sources":["../../../src/api/mutations/useDeleteCommentMutation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEzD,UAAU,sBAAsB;IAC9B,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,wBAAwB;;;GA2BvC"}

package/dist/api/mutations/useDeleteCommentMutation.js

@@ -0,0 +1,31 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { getCommentsKey } from "../queryKeys";
+import { deleteComment } from "../../services/deleteComment";
+function useDeleteCommentMutation() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({ commentId }) => deleteComment(commentId),
+    onMutate: async (variables) => {
+      const { ctx, commentId } = variables;
+      const key = getCommentsKey(ctx);
+      await queryClient.cancelQueries({ queryKey: key });
+      const snapshot = queryClient.getQueryData(key);
+      queryClient.setQueryData(key, (prev = []) => prev.filter((c) => c.id !== commentId));
+      return { snapshot, ctx };
+    },
+    onError: (_err, _vars, context) => {
+      if (context?.snapshot !== void 0) {
+        queryClient.setQueryData(getCommentsKey(context.ctx), context.snapshot);
+      }
+    },
+    onSettled: (_data, _err, _vars, context) => {
+      if (!context?.ctx) return;
+      queryClient.invalidateQueries({ queryKey: getCommentsKey(context.ctx) });
+    }
+  });
+}
+export {
+  useDeleteCommentMutation
+};
+//# sourceMappingURL=useDeleteCommentMutation.js.map

package/dist/api/mutations/useDeleteCommentMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/mutations/useDeleteCommentMutation.ts"],"sourcesContent":["\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { getCommentsKey } from \"../queryKeys\";\nimport { deleteComment } from \"../../services/deleteComment\";\nimport type { Comment, QueryContext } from \"../../types\";\n\ninterface DeleteCommentVariables {\n  ctx: QueryContext;\n  commentId: string | number;\n}\n\nexport function useDeleteCommentMutation() {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ commentId }: DeleteCommentVariables) => deleteComment(commentId),\n    onMutate: async (variables) => {\n      const { ctx, commentId } = variables;\n      const key = getCommentsKey(ctx);\n\n      await queryClient.cancelQueries({ queryKey: key });\n      const snapshot = queryClient.getQueryData<Comment[]>(key);\n\n      queryClient.setQueryData<Comment[]>(key, (prev = []) => prev.filter((c) => c.id !== commentId));\n\n      return { snapshot, ctx };\n    },\n    onError: (_err, _vars, context) => {\n      if (context?.snapshot !== undefined) {\n        queryClient.setQueryData(getCommentsKey(context.ctx), context.snapshot);\n      }\n    },\n    onSettled: (_data, _err, _vars, context) => {\n      if (!context?.ctx) return;\n\n      queryClient.invalidateQueries({ queryKey: getCommentsKey(context.ctx) });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAQvB,SAAS,2BAA2B;AACzC,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,EAAE,UAAU,MAA8B,cAAc,SAAS;AAAA,IAC9E,UAAU,OAAO,cAAc;AAC7B,YAAM,EAAE,KAAK,UAAU,IAAI;AAC3B,YAAM,MAAM,eAAe,GAAG;AAE9B,YAAM,YAAY,cAAc,EAAE,UAAU,IAAI,CAAC;AACjD,YAAM,WAAW,YAAY,aAAwB,GAAG;AAExD,kBAAY,aAAwB,KAAK,CAAC,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,SAAS,CAAC;AAE9F,aAAO,EAAE,UAAU,IAAI;AAAA,IACzB;AAAA,IACA,SAAS,CAAC,MAAM,OAAO,YAAY;AACjC,UAAI,SAAS,aAAa,QAAW;AACnC,oBAAY,aAAa,eAAe,QAAQ,GAAG,GAAG,QAAQ,QAAQ;AAAA,MACxE;AAAA,IACF;AAAA,IACA,WAAW,CAAC,OAAO,MAAM,OAAO,YAAY;AAC1C,UAAI,CAAC,SAAS,IAAK;AAEnB,kBAAY,kBAAkB,EAAE,UAAU,eAAe,QAAQ,GAAG,EAAE,CAAC;AAAA,IACzE;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/api/mutations/useResolveCommentMutation.d.ts

@@ -0,0 +1,13 @@
+import type { Comment, QueryContext } from "../../types";
+interface ResolveCommentVariables {
+    ctx: QueryContext;
+    commentId: string | number;
+    resolved: boolean;
+    currentUser: Comment["author"];
+}
+export declare function useResolveCommentMutation(): import("@tanstack/react-query").UseMutationResult<import("../../types").Response<Comment>, Error, ResolveCommentVariables, {
+    snapshot: Comment[] | undefined;
+    ctx: QueryContext;
+}>;
+export {};
+//# sourceMappingURL=useResolveCommentMutation.d.ts.map

package/dist/api/mutations/useResolveCommentMutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolveCommentMutation.d.ts","sourceRoot":"","sources":["../../../src/api/mutations/useResolveCommentMutation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEzD,UAAU,uBAAuB;IAC/B,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;CAChC;AAED,wBAAgB,yBAAyB;;;GAsCxC"}

package/dist/api/mutations/useResolveCommentMutation.js

@@ -0,0 +1,41 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { getCommentsKey } from "../queryKeys";
+import { resolveComment } from "../../services/resolveComment";
+function useResolveCommentMutation() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({ commentId, resolved }) => resolveComment(commentId, resolved),
+    onMutate: async (variables) => {
+      const { ctx, commentId, resolved, currentUser } = variables;
+      const key = getCommentsKey(ctx);
+      await queryClient.cancelQueries({ queryKey: key });
+      const snapshot = queryClient.getQueryData(key);
+      queryClient.setQueryData(
+        key,
+        (prev = []) => prev.map(
+          (c) => c.id === commentId ? {
+            ...c,
+            isResolved: resolved,
+            resolvedAt: resolved ? (/* @__PURE__ */ new Date()).toISOString() : null,
+            resolvedBy: resolved ? currentUser : null
+          } : c
+        )
+      );
+      return { snapshot, ctx };
+    },
+    onError: (_err, _vars, context) => {
+      if (context?.snapshot !== void 0) {
+        queryClient.setQueryData(getCommentsKey(context.ctx), context.snapshot);
+      }
+    },
+    onSettled: (_data, _err, _vars, context) => {
+      if (!context?.ctx) return;
+      void queryClient.invalidateQueries({ queryKey: getCommentsKey(context.ctx) });
+    }
+  });
+}
+export {
+  useResolveCommentMutation
+};
+//# sourceMappingURL=useResolveCommentMutation.js.map

package/dist/api/mutations/useResolveCommentMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/mutations/useResolveCommentMutation.ts"],"sourcesContent":["\"use client\";\n\nimport { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { getCommentsKey } from \"../queryKeys\";\nimport { resolveComment } from \"../../services/resolveComment\";\nimport type { Comment, QueryContext } from \"../../types\";\n\ninterface ResolveCommentVariables {\n  ctx: QueryContext;\n  commentId: string | number;\n  resolved: boolean;\n  currentUser: Comment[\"author\"];\n}\n\nexport function useResolveCommentMutation() {\n  const queryClient = useQueryClient();\n\n  return useMutation({\n    mutationFn: ({ commentId, resolved }: ResolveCommentVariables) => resolveComment(commentId, resolved),\n    onMutate: async (variables) => {\n      const { ctx, commentId, resolved, currentUser } = variables;\n      const key = getCommentsKey(ctx);\n\n      await queryClient.cancelQueries({ queryKey: key });\n      const snapshot = queryClient.getQueryData<Comment[]>(key);\n\n      queryClient.setQueryData<Comment[]>(key, (prev = []) =>\n        prev.map((c) =>\n          c.id === commentId ?\n            {\n              ...c,\n              isResolved: resolved,\n              resolvedAt: resolved ? new Date().toISOString() : null,\n              resolvedBy: resolved ? currentUser : null,\n            }\n          : c,\n        ),\n      );\n\n      return { snapshot, ctx };\n    },\n    onError: (_err, _vars, context) => {\n      if (context?.snapshot !== undefined) {\n        queryClient.setQueryData(getCommentsKey(context.ctx), context.snapshot);\n      }\n    },\n    onSettled: (_data, _err, _vars, context) => {\n      if (!context?.ctx) return;\n\n      void queryClient.invalidateQueries({ queryKey: getCommentsKey(context.ctx) });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAUxB,SAAS,4BAA4B;AAC1C,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,EAAE,WAAW,SAAS,MAA+B,eAAe,WAAW,QAAQ;AAAA,IACpG,UAAU,OAAO,cAAc;AAC7B,YAAM,EAAE,KAAK,WAAW,UAAU,YAAY,IAAI;AAClD,YAAM,MAAM,eAAe,GAAG;AAE9B,YAAM,YAAY,cAAc,EAAE,UAAU,IAAI,CAAC;AACjD,YAAM,WAAW,YAAY,aAAwB,GAAG;AAExD,kBAAY;AAAA,QAAwB;AAAA,QAAK,CAAC,OAAO,CAAC,MAChD,KAAK;AAAA,UAAI,CAAC,MACR,EAAE,OAAO,YACP;AAAA,YACE,GAAG;AAAA,YACH,YAAY;AAAA,YACZ,YAAY,YAAW,oBAAI,KAAK,GAAE,YAAY,IAAI;AAAA,YAClD,YAAY,WAAW,cAAc;AAAA,UACvC,IACA;AAAA,QACJ;AAAA,MACF;AAEA,aAAO,EAAE,UAAU,IAAI;AAAA,IACzB;AAAA,IACA,SAAS,CAAC,MAAM,OAAO,YAAY;AACjC,UAAI,SAAS,aAAa,QAAW;AACnC,oBAAY,aAAa,eAAe,QAAQ,GAAG,GAAG,QAAQ,QAAQ;AAAA,MACxE;AAAA,IACF;AAAA,IACA,WAAW,CAAC,OAAO,MAAM,OAAO,YAAY;AAC1C,UAAI,CAAC,SAAS,IAAK;AAEnB,WAAK,YAAY,kBAAkB,EAAE,UAAU,eAAe,QAAQ,GAAG,EAAE,CAAC;AAAA,IAC9E;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/api/queries/useCommentsQuery.d.ts

@@ -0,0 +1,3 @@
+import type { QueryContext } from "../../types";
+export declare function useCommentsQuery(ctx: QueryContext): import("@tanstack/react-query").UseQueryResult<import("../../types").Comment[], Error>;
+//# sourceMappingURL=useCommentsQuery.d.ts.map

package/dist/api/queries/useCommentsQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCommentsQuery.d.ts","sourceRoot":"","sources":["../../../src/api/queries/useCommentsQuery.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,YAAY,0FAqCjD"}

package/dist/api/queries/useCommentsQuery.js

@@ -0,0 +1,40 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { useConfig } from "@payloadcms/ui";
+import { getCommentsKey } from "../queryKeys";
+import { findAllComments } from "../../services/findAllComments";
+import { useCommentsDrawer } from "../../providers/CommentsDrawerProvider";
+import { REFETCH_INTERVAL } from "../../constants";
+function useCommentsQuery(ctx) {
+  const { isOpen } = useCommentsDrawer();
+  const { config } = useConfig();
+  const pluginConfig = config.admin?.custom?.commentsPlugin;
+  return useQuery({
+    queryKey: getCommentsKey(ctx),
+    queryFn: async () => {
+      const params = ctx.mode === "doc" ? {
+        enabledCollections: pluginConfig?.collections,
+        enabledGlobals: pluginConfig?.globals,
+        docId: ctx.docId,
+        filterCollectionSlug: ctx.collectionSlug
+      } : ctx.mode === "global-doc" ? {
+        enabledCollections: pluginConfig?.collections,
+        enabledGlobals: pluginConfig?.globals,
+        filterGlobalSlug: ctx.globalSlug
+      } : {
+        enabledCollections: pluginConfig?.collections,
+        enabledGlobals: pluginConfig?.globals
+      };
+      const res = await findAllComments(params);
+      if (!res.success) throw new Error(res.error);
+      return res.data;
+    },
+    staleTime: 0,
+    refetchInterval: isOpen ? REFETCH_INTERVAL : false,
+    refetchIntervalInBackground: false
+  });
+}
+export {
+  useCommentsQuery
+};
+//# sourceMappingURL=useCommentsQuery.js.map

package/dist/api/queries/useCommentsQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/queries/useCommentsQuery.ts"],"sourcesContent":["\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConfig } from \"@payloadcms/ui\";\nimport { getCommentsKey } from \"../queryKeys\";\nimport { findAllComments } from \"../../services/findAllComments\";\nimport { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport type { QueryContext } from \"../../types\";\nimport type { CommentsPluginConfigStorage } from \"../../types\";\nimport { REFETCH_INTERVAL } from \"../../constants\";\n\nexport function useCommentsQuery(ctx: QueryContext) {\n  const { isOpen } = useCommentsDrawer();\n  const { config } = useConfig();\n  const pluginConfig = config.admin?.custom?.commentsPlugin as CommentsPluginConfigStorage | undefined;\n\n  return useQuery({\n    queryKey: getCommentsKey(ctx),\n    queryFn: async () => {\n      const params =\n        ctx.mode === \"doc\" ?\n          {\n            enabledCollections: pluginConfig?.collections,\n            enabledGlobals: pluginConfig?.globals,\n            docId: ctx.docId,\n            filterCollectionSlug: ctx.collectionSlug,\n          }\n        : ctx.mode === \"global-doc\" ?\n          {\n            enabledCollections: pluginConfig?.collections,\n            enabledGlobals: pluginConfig?.globals,\n            filterGlobalSlug: ctx.globalSlug,\n          }\n        : {\n            enabledCollections: pluginConfig?.collections,\n            enabledGlobals: pluginConfig?.globals,\n          };\n\n      const res = await findAllComments(params);\n\n      if (!res.success) throw new Error(res.error);\n      \n      return res.data;\n    },\n    staleTime: 0,\n    refetchInterval: isOpen ? REFETCH_INTERVAL : false,\n    refetchIntervalInBackground: false,\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAGlC,SAAS,wBAAwB;AAE1B,SAAS,iBAAiB,KAAmB;AAClD,QAAM,EAAE,OAAO,IAAI,kBAAkB;AACrC,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,eAAe,OAAO,OAAO,QAAQ;AAE3C,SAAO,SAAS;AAAA,IACd,UAAU,eAAe,GAAG;AAAA,IAC5B,SAAS,YAAY;AACnB,YAAM,SACJ,IAAI,SAAS,QACX;AAAA,QACE,oBAAoB,cAAc;AAAA,QAClC,gBAAgB,cAAc;AAAA,QAC9B,OAAO,IAAI;AAAA,QACX,sBAAsB,IAAI;AAAA,MAC5B,IACA,IAAI,SAAS,eACb;AAAA,QACE,oBAAoB,cAAc;AAAA,QAClC,gBAAgB,cAAc;AAAA,QAC9B,kBAAkB,IAAI;AAAA,MACxB,IACA;AAAA,QACE,oBAAoB,cAAc;AAAA,QAClC,gBAAgB,cAAc;AAAA,MAChC;AAEJ,YAAM,MAAM,MAAM,gBAAgB,MAAM;AAExC,UAAI,CAAC,IAAI,QAAS,OAAM,IAAI,MAAM,IAAI,KAAK;AAE3C,aAAO,IAAI;AAAA,IACb;AAAA,IACA,WAAW;AAAA,IACX,iBAAiB,SAAS,mBAAmB;AAAA,IAC7C,6BAA6B;AAAA,EAC/B,CAAC;AACH;","names":[]}

package/dist/api/queries/useDocumentTitlesQuery.d.ts

@@ -0,0 +1,3 @@
+import type { QueryContext } from "../../types";
+export declare function useDocumentTitlesQuery(ctx: QueryContext): import("@tanstack/react-query").UseQueryResult<import("../../types").DocumentTitles, Error>;
+//# sourceMappingURL=useDocumentTitlesQuery.d.ts.map

package/dist/api/queries/useDocumentTitlesQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentTitlesQuery.d.ts","sourceRoot":"","sources":["../../../src/api/queries/useDocumentTitlesQuery.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,YAAY,+FAsBvD"}

package/dist/api/queries/useDocumentTitlesQuery.js

@@ -0,0 +1,32 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { useConfig } from "@payloadcms/ui";
+import { useLocale } from "@payloadcms/ui";
+import { getDocumentTitlesKey } from "../queryKeys";
+import { getDocumentTitles } from "../../services/getDocumentTitles";
+import { useCommentsDrawer } from "../../providers/CommentsDrawerProvider";
+import { useCommentsQuery } from "./useCommentsQuery";
+import { REFETCH_INTERVAL } from "../../constants";
+function useDocumentTitlesQuery(ctx) {
+  const { isOpen } = useCommentsDrawer();
+  const { data: comments } = useCommentsQuery(ctx);
+  const { code: locale } = useLocale();
+  const { config } = useConfig();
+  const pluginConfig = config.admin?.custom?.commentsPlugin;
+  return useQuery({
+    queryKey: getDocumentTitlesKey(ctx),
+    queryFn: async () => {
+      const res = await getDocumentTitles(comments ?? [], pluginConfig?.documentTitleFields ?? {}, { locale });
+      if (!res.success) throw new Error(res.error);
+      return res.data;
+    },
+    enabled: isOpen && !!comments,
+    staleTime: 0,
+    refetchInterval: isOpen ? REFETCH_INTERVAL : false,
+    refetchIntervalInBackground: false
+  });
+}
+export {
+  useDocumentTitlesQuery
+};
+//# sourceMappingURL=useDocumentTitlesQuery.js.map

package/dist/api/queries/useDocumentTitlesQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/queries/useDocumentTitlesQuery.ts"],"sourcesContent":["\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { useConfig } from \"@payloadcms/ui\";\nimport { useLocale } from \"@payloadcms/ui\";\nimport { getDocumentTitlesKey } from \"../queryKeys\";\nimport { getDocumentTitles } from \"../../services/getDocumentTitles\";\nimport { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport { useCommentsQuery } from \"./useCommentsQuery\";\nimport type { QueryContext } from \"../../types\";\nimport type { CommentsPluginConfigStorage } from \"../../types\";\nimport { REFETCH_INTERVAL } from \"../../constants\";\n\nexport function useDocumentTitlesQuery(ctx: QueryContext) {\n  const { isOpen } = useCommentsDrawer();\n  const { data: comments } = useCommentsQuery(ctx);\n  const { code: locale } = useLocale();\n  const { config } = useConfig();\n\n  const pluginConfig = config.admin?.custom?.commentsPlugin as CommentsPluginConfigStorage | undefined;\n\n  return useQuery({\n    queryKey: getDocumentTitlesKey(ctx),\n    queryFn: async () => {\n      const res = await getDocumentTitles(comments ?? [], pluginConfig?.documentTitleFields ?? {}, { locale });\n\n      if (!res.success) throw new Error(res.error);\n\n      return res.data;\n    },\n    enabled: isOpen && !!comments,\n    staleTime: 0,\n    refetchInterval: isOpen ? REFETCH_INTERVAL : false,\n    refetchIntervalInBackground: false,\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAGjC,SAAS,wBAAwB;AAE1B,SAAS,uBAAuB,KAAmB;AACxD,QAAM,EAAE,OAAO,IAAI,kBAAkB;AACrC,QAAM,EAAE,MAAM,SAAS,IAAI,iBAAiB,GAAG;AAC/C,QAAM,EAAE,MAAM,OAAO,IAAI,UAAU;AACnC,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,eAAe,OAAO,OAAO,QAAQ;AAE3C,SAAO,SAAS;AAAA,IACd,UAAU,qBAAqB,GAAG;AAAA,IAClC,SAAS,YAAY;AACnB,YAAM,MAAM,MAAM,kBAAkB,YAAY,CAAC,GAAG,cAAc,uBAAuB,CAAC,GAAG,EAAE,OAAO,CAAC;AAEvG,UAAI,CAAC,IAAI,QAAS,OAAM,IAAI,MAAM,IAAI,KAAK;AAE3C,aAAO,IAAI;AAAA,IACb;AAAA,IACA,SAAS,UAAU,CAAC,CAAC;AAAA,IACrB,WAAW;AAAA,IACX,iBAAiB,SAAS,mBAAmB;AAAA,IAC7C,6BAA6B;AAAA,EAC/B,CAAC;AACH;","names":[]}

package/dist/api/queries/useFieldLabelsQuery.d.ts

@@ -0,0 +1,3 @@
+import type { QueryContext } from "../../types";
+export declare function useFieldLabelsQuery(ctx: QueryContext): import("@tanstack/react-query").UseQueryResult<import("../../types").GlobalFieldLabelRegistry, Error>;
+//# sourceMappingURL=useFieldLabelsQuery.d.ts.map

package/dist/api/queries/useFieldLabelsQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldLabelsQuery.d.ts","sourceRoot":"","sources":["../../../src/api/queries/useFieldLabelsQuery.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,YAAY,yGAYpD"}

package/dist/api/queries/useFieldLabelsQuery.js

@@ -0,0 +1,23 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { getFieldLabelsKey } from "../queryKeys";
+import { fetchFieldLabels } from "../../services/fieldLabels/fetchFieldLabels";
+import { useCommentsDrawer } from "../../providers/CommentsDrawerProvider";
+import { useCommentsQuery } from "./useCommentsQuery";
+import { REFETCH_INTERVAL } from "../../constants";
+function useFieldLabelsQuery(ctx) {
+  const { isOpen } = useCommentsDrawer();
+  const { data: comments } = useCommentsQuery(ctx);
+  return useQuery({
+    queryKey: getFieldLabelsKey(ctx),
+    queryFn: () => fetchFieldLabels(comments ?? []),
+    enabled: isOpen && !!comments,
+    staleTime: 0,
+    refetchInterval: isOpen ? REFETCH_INTERVAL : false,
+    refetchIntervalInBackground: false
+  });
+}
+export {
+  useFieldLabelsQuery
+};
+//# sourceMappingURL=useFieldLabelsQuery.js.map

package/dist/api/queries/useFieldLabelsQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/queries/useFieldLabelsQuery.ts"],"sourcesContent":["\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { getFieldLabelsKey } from \"../queryKeys\";\nimport { fetchFieldLabels } from \"../../services/fieldLabels/fetchFieldLabels\";\nimport { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport { useCommentsQuery } from \"./useCommentsQuery\";\nimport type { QueryContext } from \"../../types\";\nimport { REFETCH_INTERVAL } from \"../../constants\";\n\nexport function useFieldLabelsQuery(ctx: QueryContext) {\n  const { isOpen } = useCommentsDrawer();\n  const { data: comments } = useCommentsQuery(ctx);\n\n  return useQuery({\n    queryKey: getFieldLabelsKey(ctx),\n    queryFn: () => fetchFieldLabels(comments ?? []),\n    enabled: isOpen && !!comments,\n    staleTime: 0,\n    refetchInterval: isOpen ? REFETCH_INTERVAL : false,\n    refetchIntervalInBackground: false,\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,wBAAwB;AAE1B,SAAS,oBAAoB,KAAmB;AACrD,QAAM,EAAE,OAAO,IAAI,kBAAkB;AACrC,QAAM,EAAE,MAAM,SAAS,IAAI,iBAAiB,GAAG;AAE/C,SAAO,SAAS;AAAA,IACd,UAAU,kBAAkB,GAAG;AAAA,IAC/B,SAAS,MAAM,iBAAiB,YAAY,CAAC,CAAC;AAAA,IAC9C,SAAS,UAAU,CAAC,CAAC;AAAA,IACrB,WAAW;AAAA,IACX,iBAAiB,SAAS,mBAAmB;AAAA,IAC7C,6BAA6B;AAAA,EAC/B,CAAC;AACH;","names":[]}

package/dist/api/queries/useMentionableUsersQuery.d.ts

@@ -0,0 +1,2 @@
+export declare function useMentionableUsersQuery(): import("@tanstack/react-query").UseQueryResult<import("../../types").User[], Error>;
+//# sourceMappingURL=useMentionableUsersQuery.d.ts.map

package/dist/api/queries/useMentionableUsersQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionableUsersQuery.d.ts","sourceRoot":"","sources":["../../../src/api/queries/useMentionableUsersQuery.ts"],"names":[],"mappings":"AAQA,wBAAgB,wBAAwB,wFAiBvC"}

package/dist/api/queries/useMentionableUsersQuery.js

@@ -0,0 +1,25 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { QUERY_KEYS } from "../queryKeys";
+import { fetchMentionableUsers } from "../../services/fetchMentionableUsers";
+import { useCommentsDrawer } from "../../providers/CommentsDrawerProvider";
+import { REFETCH_INTERVAL } from "../../constants";
+function useMentionableUsersQuery() {
+  const { isOpen } = useCommentsDrawer();
+  return useQuery({
+    queryKey: QUERY_KEYS.mentionableUsers(),
+    queryFn: async () => {
+      const res = await fetchMentionableUsers();
+      if (!res.success) throw new Error(res.error);
+      return res.data;
+    },
+    enabled: isOpen,
+    staleTime: 0,
+    refetchInterval: isOpen ? REFETCH_INTERVAL : false,
+    refetchIntervalInBackground: false
+  });
+}
+export {
+  useMentionableUsersQuery
+};
+//# sourceMappingURL=useMentionableUsersQuery.js.map

package/dist/api/queries/useMentionableUsersQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/queries/useMentionableUsersQuery.ts"],"sourcesContent":["\"use client\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { QUERY_KEYS } from \"../queryKeys\";\nimport { fetchMentionableUsers } from \"../../services/fetchMentionableUsers\";\nimport { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport { REFETCH_INTERVAL } from \"../../constants\";\n\nexport function useMentionableUsersQuery() {\n  const { isOpen } = useCommentsDrawer();\n\n  return useQuery({\n    queryKey: QUERY_KEYS.mentionableUsers(),\n    queryFn: async () => {\n      const res = await fetchMentionableUsers();\n\n      if (!res.success) throw new Error(res.error);\n\n      return res.data;\n    },\n    enabled: isOpen,\n    staleTime: 0,\n    refetchInterval: isOpen ? REFETCH_INTERVAL : false,\n    refetchIntervalInBackground: false,\n  });\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AACtC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAE1B,SAAS,2BAA2B;AACzC,QAAM,EAAE,OAAO,IAAI,kBAAkB;AAErC,SAAO,SAAS;AAAA,IACd,UAAU,WAAW,iBAAiB;AAAA,IACtC,SAAS,YAAY;AACnB,YAAM,MAAM,MAAM,sBAAsB;AAExC,UAAI,CAAC,IAAI,QAAS,OAAM,IAAI,MAAM,IAAI,KAAK;AAE3C,aAAO,IAAI;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,iBAAiB,SAAS,mBAAmB;AAAA,IAC7C,6BAA6B;AAAA,EAC/B,CAAC;AACH;","names":[]}

package/dist/api/queryKeys.d.ts

@@ -0,0 +1,23 @@
+import type { QueryContext } from "../types";
+export declare const QUERY_KEYS: {
+    comments: {
+        doc: (collectionSlug: string, docId: string) => readonly ["comments", "doc", string, string];
+        globalDoc: (globalSlug: string) => readonly ["comments", "global-doc", string];
+        global: () => readonly ["comments", "global"];
+    };
+    fieldLabels: {
+        doc: (collectionSlug: string, docId: string) => readonly ["field-labels", "doc", string, string];
+        globalDoc: (globalSlug: string) => readonly ["field-labels", "global-doc", string];
+        global: () => readonly ["field-labels", "global"];
+    };
+    documentTitles: {
+        doc: (collectionSlug: string, docId: string) => readonly ["document-titles", "doc", string, string];
+        globalDoc: (globalSlug: string) => readonly ["document-titles", "global-doc", string];
+        global: () => readonly ["document-titles", "global"];
+    };
+    mentionableUsers: () => readonly ["mentionable-users"];
+};
+export declare function getCommentsKey(ctx: QueryContext): readonly ["comments", "doc", string, string] | readonly ["comments", "global-doc", string] | readonly ["comments", "global"];
+export declare function getFieldLabelsKey(ctx: QueryContext): readonly ["field-labels", "doc", string, string] | readonly ["field-labels", "global-doc", string] | readonly ["field-labels", "global"];
+export declare function getDocumentTitlesKey(ctx: QueryContext): readonly ["document-titles", "doc", string, string] | readonly ["document-titles", "global-doc", string] | readonly ["document-titles", "global"];
+//# sourceMappingURL=queryKeys.d.ts.map

package/dist/api/queryKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.d.ts","sourceRoot":"","sources":["../../src/api/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,UAAU;;8BAEG,MAAM,SAAS,MAAM;gCACnB,MAAM;;;;8BAIR,MAAM,SAAS,MAAM;gCACnB,MAAM;;;;8BAIR,MAAM,SAAS,MAAM;gCACnB,MAAM;;;;CAIjC,CAAC;AAEF,wBAAgB,cAAc,CAAC,GAAG,EAAE,YAAY,gIAM/C;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,YAAY,4IAMlD;AAED,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,YAAY,qJAMrD"}

package/dist/api/queryKeys.js

@@ -0,0 +1,40 @@
+const QUERY_KEYS = {
+  comments: {
+    doc: (collectionSlug, docId) => ["comments", "doc", collectionSlug, docId],
+    globalDoc: (globalSlug) => ["comments", "global-doc", globalSlug],
+    global: () => ["comments", "global"]
+  },
+  fieldLabels: {
+    doc: (collectionSlug, docId) => ["field-labels", "doc", collectionSlug, docId],
+    globalDoc: (globalSlug) => ["field-labels", "global-doc", globalSlug],
+    global: () => ["field-labels", "global"]
+  },
+  documentTitles: {
+    doc: (collectionSlug, docId) => ["document-titles", "doc", collectionSlug, docId],
+    globalDoc: (globalSlug) => ["document-titles", "global-doc", globalSlug],
+    global: () => ["document-titles", "global"]
+  },
+  mentionableUsers: () => ["mentionable-users"]
+};
+function getCommentsKey(ctx) {
+  if (ctx.mode === "doc") return QUERY_KEYS.comments.doc(ctx.collectionSlug, ctx.docId);
+  if (ctx.mode === "global-doc") return QUERY_KEYS.comments.globalDoc(ctx.globalSlug);
+  return QUERY_KEYS.comments.global();
+}
+function getFieldLabelsKey(ctx) {
+  if (ctx.mode === "doc") return QUERY_KEYS.fieldLabels.doc(ctx.collectionSlug, ctx.docId);
+  if (ctx.mode === "global-doc") return QUERY_KEYS.fieldLabels.globalDoc(ctx.globalSlug);
+  return QUERY_KEYS.fieldLabels.global();
+}
+function getDocumentTitlesKey(ctx) {
+  if (ctx.mode === "doc") return QUERY_KEYS.documentTitles.doc(ctx.collectionSlug, ctx.docId);
+  if (ctx.mode === "global-doc") return QUERY_KEYS.documentTitles.globalDoc(ctx.globalSlug);
+  return QUERY_KEYS.documentTitles.global();
+}
+export {
+  QUERY_KEYS,
+  getCommentsKey,
+  getDocumentTitlesKey,
+  getFieldLabelsKey
+};
+//# sourceMappingURL=queryKeys.js.map

package/dist/api/queryKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/api/queryKeys.ts"],"sourcesContent":["import type { QueryContext } from \"../types\";\n\nexport const QUERY_KEYS = {\n  comments: {\n    doc: (collectionSlug: string, docId: string) => [\"comments\", \"doc\", collectionSlug, docId] as const,\n    globalDoc: (globalSlug: string) => [\"comments\", \"global-doc\", globalSlug] as const,\n    global: () => [\"comments\", \"global\"] as const,\n  },\n  fieldLabels: {\n    doc: (collectionSlug: string, docId: string) => [\"field-labels\", \"doc\", collectionSlug, docId] as const,\n    globalDoc: (globalSlug: string) => [\"field-labels\", \"global-doc\", globalSlug] as const,\n    global: () => [\"field-labels\", \"global\"] as const,\n  },\n  documentTitles: {\n    doc: (collectionSlug: string, docId: string) => [\"document-titles\", \"doc\", collectionSlug, docId] as const,\n    globalDoc: (globalSlug: string) => [\"document-titles\", \"global-doc\", globalSlug] as const,\n    global: () => [\"document-titles\", \"global\"] as const,\n  },\n  mentionableUsers: () => [\"mentionable-users\"] as const,\n};\n\nexport function getCommentsKey(ctx: QueryContext) {\n  if (ctx.mode === \"doc\") return QUERY_KEYS.comments.doc(ctx.collectionSlug, ctx.docId);\n\n  if (ctx.mode === \"global-doc\") return QUERY_KEYS.comments.globalDoc(ctx.globalSlug);\n\n  return QUERY_KEYS.comments.global();\n}\n\nexport function getFieldLabelsKey(ctx: QueryContext) {\n  if (ctx.mode === \"doc\") return QUERY_KEYS.fieldLabels.doc(ctx.collectionSlug, ctx.docId);\n\n  if (ctx.mode === \"global-doc\") return QUERY_KEYS.fieldLabels.globalDoc(ctx.globalSlug);\n\n  return QUERY_KEYS.fieldLabels.global();\n}\n\nexport function getDocumentTitlesKey(ctx: QueryContext) {\n  if (ctx.mode === \"doc\") return QUERY_KEYS.documentTitles.doc(ctx.collectionSlug, ctx.docId);\n\n  if (ctx.mode === \"global-doc\") return QUERY_KEYS.documentTitles.globalDoc(ctx.globalSlug);\n\n  return QUERY_KEYS.documentTitles.global();\n}\n"],"mappings":"AAEO,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA,IACR,KAAK,CAAC,gBAAwB,UAAkB,CAAC,YAAY,OAAO,gBAAgB,KAAK;AAAA,IACzF,WAAW,CAAC,eAAuB,CAAC,YAAY,cAAc,UAAU;AAAA,IACxE,QAAQ,MAAM,CAAC,YAAY,QAAQ;AAAA,EACrC;AAAA,EACA,aAAa;AAAA,IACX,KAAK,CAAC,gBAAwB,UAAkB,CAAC,gBAAgB,OAAO,gBAAgB,KAAK;AAAA,IAC7F,WAAW,CAAC,eAAuB,CAAC,gBAAgB,cAAc,UAAU;AAAA,IAC5E,QAAQ,MAAM,CAAC,gBAAgB,QAAQ;AAAA,EACzC;AAAA,EACA,gBAAgB;AAAA,IACd,KAAK,CAAC,gBAAwB,UAAkB,CAAC,mBAAmB,OAAO,gBAAgB,KAAK;AAAA,IAChG,WAAW,CAAC,eAAuB,CAAC,mBAAmB,cAAc,UAAU;AAAA,IAC/E,QAAQ,MAAM,CAAC,mBAAmB,QAAQ;AAAA,EAC5C;AAAA,EACA,kBAAkB,MAAM,CAAC,mBAAmB;AAC9C;AAEO,SAAS,eAAe,KAAmB;AAChD,MAAI,IAAI,SAAS,MAAO,QAAO,WAAW,SAAS,IAAI,IAAI,gBAAgB,IAAI,KAAK;AAEpF,MAAI,IAAI,SAAS,aAAc,QAAO,WAAW,SAAS,UAAU,IAAI,UAAU;AAElF,SAAO,WAAW,SAAS,OAAO;AACpC;AAEO,SAAS,kBAAkB,KAAmB;AACnD,MAAI,IAAI,SAAS,MAAO,QAAO,WAAW,YAAY,IAAI,IAAI,gBAAgB,IAAI,KAAK;AAEvF,MAAI,IAAI,SAAS,aAAc,QAAO,WAAW,YAAY,UAAU,IAAI,UAAU;AAErF,SAAO,WAAW,YAAY,OAAO;AACvC;AAEO,SAAS,qBAAqB,KAAmB;AACtD,MAAI,IAAI,SAAS,MAAO,QAAO,WAAW,eAAe,IAAI,IAAI,gBAAgB,IAAI,KAAK;AAE1F,MAAI,IAAI,SAAS,aAAc,QAAO,WAAW,eAAe,UAAU,IAAI,UAAU;AAExF,SAAO,WAAW,eAAe,OAAO;AAC1C;","names":[]}

package/dist/components/CommentEditor/ActionPanel.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     className?: string;
-    onMention: (e: React.MouseEvent) => void;
+    onMention: () => void;
     onAddComment: () => void;
 }
 export declare function ActionPanel({ className, onMention, onAddComment }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentEditor/ActionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/CommentEditor/ActionPanel.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,2CAgBxE"}
+{"version":3,"file":"ActionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/CommentEditor/ActionPanel.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,2CAqCxE"}

package/dist/components/CommentEditor/ActionPanel.js

@@ -1,14 +1,29 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AtSign, SendHorizontal } from "lucide-react";
+import { useRef, useEffect } from "react";
 import { IconButton } from "../IconButton";
 import { useTranslation } from "@payloadcms/ui";
 import { cn } from "../../utils/general/cn";
 function ActionPanel({ className, onMention, onAddComment }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex justify-end items-center gap-1 pt-2", className), "data-popup-prevent-close": true, children: [
-    /* @__PURE__ */ jsx(IconButton, { title: "Mention user", onClick: onMention, children: /* @__PURE__ */ jsx(AtSign, { size: 16 }) }),
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    if (!wrapper) return;
+    const handleClick = (e) => {
+      e.stopPropagation();
+      const target = e.target;
+      const action = target.closest("[data-action]")?.getAttribute("data-action");
+      if (action === "mention") onMention();
+      if (action === "add-comment") onAddComment();
+    };
+    wrapper.addEventListener("click", handleClick);
+    return () => wrapper.removeEventListener("click", handleClick);
+  }, [onMention, onAddComment]);
+  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: cn("flex justify-end items-center gap-1 pt-2", className), children: [
+    /* @__PURE__ */ jsx(IconButton, { title: "Mention user", "data-action": "mention", children: /* @__PURE__ */ jsx(AtSign, { size: 16 }) }),
     /* @__PURE__ */ jsx("hr", { className: "w-px h-[20px] bg-(--theme-elevation-150) m-0" }),
-    /* @__PURE__ */ jsx(IconButton, { variant: "primary", title: t("comments:comment"), onClick: onAddComment, children: /* @__PURE__ */ jsx(SendHorizontal, { size: 16 }) })
+    /* @__PURE__ */ jsx(IconButton, { variant: "primary", title: t("comments:comment"), "data-action": "add-comment", children: /* @__PURE__ */ jsx(SendHorizontal, { size: 16 }) })
   ] });
 }
 export {

package/dist/components/CommentEditor/ActionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentEditor/ActionPanel.tsx"],"sourcesContent":["import { AtSign, SendHorizontal } from \"lucide-react\";\nimport { IconButton } from \"../IconButton\";\nimport { useTranslation } from \"@payloadcms/ui\";\nimport { cn } from \"../../utils/general/cn\";\n\ninterface Props {\n  className?: string;\n  onMention: (e: React.MouseEvent) => void;\n  onAddComment: () => void;\n}\n\nexport function ActionPanel({ className, onMention, onAddComment }: Props) {\n  const { t } = useTranslation();\n\n  return (\n    <div className={cn(\"flex justify-end items-center gap-1 pt-2\", className)} data-popup-prevent-close>\n      <IconButton title=\"Mention user\" onClick={onMention}>\n        <AtSign size={16} />\n      </IconButton>\n\n      <hr className=\"w-px h-[20px] bg-(--theme-elevation-150) m-0\" />\n\n      <IconButton variant=\"primary\" title={t(\"comments:comment\" as never)} onClick={onAddComment}>\n        <SendHorizontal size={16} />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":"AAeI,SAEI,KAFJ;AAfJ,SAAS,QAAQ,sBAAsB;AACvC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,UAAU;AAQZ,SAAS,YAAY,EAAE,WAAW,WAAW,aAAa,GAAU;AACzE,QAAM,EAAE,EAAE,IAAI,eAAe;AAE7B,SACE,qBAAC,SAAI,WAAW,GAAG,4CAA4C,SAAS,GAAG,4BAAwB,MACjG;AAAA,wBAAC,cAAW,OAAM,gBAAe,SAAS,WACxC,8BAAC,UAAO,MAAM,IAAI,GACpB;AAAA,IAEA,oBAAC,QAAG,WAAU,gDAA+C;AAAA,IAE7D,oBAAC,cAAW,SAAQ,WAAU,OAAO,EAAE,kBAA2B,GAAG,SAAS,cAC5E,8BAAC,kBAAe,MAAM,IAAI,GAC5B;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/CommentEditor/ActionPanel.tsx"],"sourcesContent":["import { AtSign, SendHorizontal } from \"lucide-react\";\nimport { useRef, useEffect } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { useTranslation } from \"@payloadcms/ui\";\nimport { cn } from \"../../utils/general/cn\";\n\ninterface Props {\n  className?: string;\n  onMention: () => void;\n  onAddComment: () => void;\n}\n\nexport function ActionPanel({ className, onMention, onAddComment }: Props) {\n  const { t } = useTranslation();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n\n    const handleClick = (e: MouseEvent) => {\n      e.stopPropagation();\n\n      const target = e.target as HTMLElement;\n\n      const action = target.closest(\"[data-action]\")?.getAttribute(\"data-action\");\n\n      if (action === \"mention\") onMention();\n      if (action === \"add-comment\") onAddComment();\n    };\n\n    wrapper.addEventListener(\"click\", handleClick);\n\n    return () => wrapper.removeEventListener(\"click\", handleClick);\n  }, [onMention, onAddComment]);\n\n  return (\n    <div ref={wrapperRef} className={cn(\"flex justify-end items-center gap-1 pt-2\", className)}>\n      <IconButton title=\"Mention user\" data-action=\"mention\">\n        <AtSign size={16} />\n      </IconButton>\n\n      <hr className=\"w-px h-[20px] bg-(--theme-elevation-150) m-0\" />\n\n      <IconButton variant=\"primary\" title={t(\"comments:comment\" as never)} data-action=\"add-comment\">\n        <SendHorizontal size={16} />\n      </IconButton>\n    </div>\n  );\n}\n"],"mappings":"AAqCI,SAEI,KAFJ;AArCJ,SAAS,QAAQ,sBAAsB;AACvC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,UAAU;AAQZ,SAAS,YAAY,EAAE,WAAW,WAAW,aAAa,GAAU;AACzE,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAS;AAEd,UAAM,cAAc,CAAC,MAAkB;AACrC,QAAE,gBAAgB;AAElB,YAAM,SAAS,EAAE;AAEjB,YAAM,SAAS,OAAO,QAAQ,eAAe,GAAG,aAAa,aAAa;AAE1E,UAAI,WAAW,UAAW,WAAU;AACpC,UAAI,WAAW,cAAe,cAAa;AAAA,IAC7C;AAEA,YAAQ,iBAAiB,SAAS,WAAW;AAE7C,WAAO,MAAM,QAAQ,oBAAoB,SAAS,WAAW;AAAA,EAC/D,GAAG,CAAC,WAAW,YAAY,CAAC;AAE5B,SACE,qBAAC,SAAI,KAAK,YAAY,WAAW,GAAG,4CAA4C,SAAS,GACvF;AAAA,wBAAC,cAAW,OAAM,gBAAe,eAAY,WAC3C,8BAAC,UAAO,MAAM,IAAI,GACpB;AAAA,IAEA,oBAAC,QAAG,WAAU,gDAA+C;AAAA,IAE7D,oBAAC,cAAW,SAAQ,WAAU,OAAO,EAAE,kBAA2B,GAAG,eAAY,eAC/E,8BAAC,kBAAe,MAAM,IAAI,GAC5B;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/CommentEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentEditor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAc/F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EAAE,eAAe,EAC5B,GAAG,EACH,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,aAAa,GACd,EAAE,kBAAkB,2CAwRpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentEditor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAe/F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EAAE,eAAe,EAC5B,GAAG,EACH,SAAS,EACT,UAAU,EACV,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,aAAa,GACd,EAAE,kBAAkB,2CAyRpB"}