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

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/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"}

package/dist/components/CommentEditor/index.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useImperativeHandle, startTransition } from "react";
 import { useAuth, useLocale, useTranslation } from "@payloadcms/ui";
 import { useComments } from "../../providers/CommentsProvider";
+import { useMentionableUsersQuery } from "../../api/queries/useMentionableUsersQuery";
 import { MentionDropdown } from "../MentionDropdown";
 import { MentionLabel } from "../MentionLabel";
 import { serializeEditor } from "../../utils/comment/serializeEditor";
@@ -25,7 +26,8 @@ function CommentEditor({
   onEnterPress,
   onEscapePress
 }) {
-  const { mentionUsers: users, addComment } = useComments();
+  const { addComment } = useComments();
+  const { data: users = [] } = useMentionableUsersQuery();
   const { code: locale } = useLocale();
   const { user } = useAuth();
   const [mentionQuery, setMentionQuery] = useState(null);
@@ -210,13 +212,13 @@ function CommentEditor({
       "div",
       {
         ref: editorWrapperRef,
-        className: "relative flex-1 group px-2.5 py-2 rounded-md border border-transparent focus-within:border-(--theme-elevation-150) bg-transparent transition-colors",
+        className: "relative flex-1 min-w-0 group px-2.5 py-2 rounded-md border border-transparent focus-within:border-(--theme-elevation-150) bg-transparent",
         children: [
           /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
             "div",
             {
               className: `
-                is-empty w-full min-h-5 leading-5
+                is-empty w-full min-h-5 max-h-32 overflow-y-auto whitespace-pre-wrap wrap-break-word
                 text-(--theme-text) text-[13px] outline-none box-border
                 [&.is-empty]:before:content-[attr(data-placeholder)] [&.is-empty]:before:text-(--theme-elevation-450)
                 [&.is-empty]:before:pointer-events-none [&.is-empty]:before:absolute

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentEditor/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useRef, useImperativeHandle, type RefObject, startTransition } from \"react\";\nimport { useAuth, useLocale, useTranslation } from \"@payloadcms/ui\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { MentionDropdown } from \"../MentionDropdown\";\nimport { MentionLabel } from \"../MentionLabel\";\nimport { serializeEditor } from \"../../utils/comment/serializeEditor\";\nimport { isSelfMention } from \"../../utils/mention/isSelfMention\";\nimport { createRoot } from \"react-dom/client\";\nimport type { User } from \"../../types\";\nimport { FALLBACK_USERNAME } from \"../../constants\";\nimport { resolveUsername } from \"../../utils/user/resolveUsername\";\nimport { ActionPanel } from \"./ActionPanel\";\nimport { Avatar } from \"../Avatar\";\n\nexport interface CommentEditorHandle {\n  getValue: () => string;\n  clear: () => void;\n  focus: () => void;\n  insertAt: () => void;\n}\n\ninterface CommentEditorProps {\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  ref?: RefObject<CommentEditorHandle | null>;\n  fieldPath?: string | null;\n  documentId?: number;\n  collectionSlug?: string;\n  globalSlug?: string;\n  onSuccessAddComment?: () => void;\n  onEnterPress?: () => void;\n  onEscapePress?: () => void;\n}\n\nexport function CommentEditor({\n  disabled,\n  autoFocus,\n  placeholder: placeholderProp,\n  ref,\n  fieldPath,\n  documentId,\n  collectionSlug,\n  globalSlug,\n  onSuccessAddComment,\n  onEnterPress,\n  onEscapePress,\n}: CommentEditorProps) {\n  const { mentionUsers: users, addComment } = useComments();\n  const { code: locale } = useLocale();\n  const { user } = useAuth();\n\n  const [mentionQuery, setMentionQuery] = useState<string | null>(null);\n  const [triggerRange, setTriggerRange] = useState<Range | null>(null);\n  const [filteredUsers, setFilteredUsers] = useState<User[]>([]);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const { usernameFieldPath } = useComments();\n  const { t } = useTranslation();\n\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorWrapperRef = useRef<HTMLDivElement>(null);\n\n  const unknownLabel = t(\"comments:unknownAuthor\" as never) ?? FALLBACK_USERNAME;\n  const currentUserId = user?.id;\n  const placeholder = placeholderProp ?? t(\"comments:writeComment\" as never) ?? \"Add a comment\";\n\n  // Methods\n  const detectMention = () => {\n    const sel = window.getSelection();\n\n    if (!sel || !sel.rangeCount) {\n      setMentionQuery(null);\n\n      return;\n    }\n\n    const range = sel.getRangeAt(0);\n    const node = range.startContainer;\n\n    if (node.nodeType !== Node.TEXT_NODE) {\n      setMentionQuery(null);\n\n      return;\n    }\n\n    const text = node.textContent ?? \"\";\n    const offset = range.startOffset;\n\n    let i = offset - 1;\n    while (i >= 0 && text[i] !== \" \" && text[i] !== \"\\n\") {\n      if (text[i] === \"@\") {\n        const query = text.slice(i + 1, offset);\n        if (query.includes(\" \")) {\n          setMentionQuery(null);\n          return;\n        }\n\n        const atRange = document.createRange();\n        atRange.setStart(node, i);\n        atRange.setEnd(node, offset);\n        setTriggerRange(atRange.cloneRange());\n        setMentionQuery(query);\n        setFilteredUsers(\n          users.filter((u) =>\n            resolveUsername(u, usernameFieldPath, unknownLabel).toLowerCase().includes(query.toLowerCase()),\n          ),\n        );\n        setSelectedIndex(0);\n\n        return;\n      }\n\n      i--;\n    }\n\n    setMentionQuery(null);\n  };\n\n  const insertMention = (user: User) => {\n    if (!triggerRange || !editorRef.current) return;\n\n    const sel = window.getSelection();\n    if (!sel) return;\n\n    sel.removeAllRanges();\n    sel.addRange(triggerRange);\n    sel.deleteFromDocument();\n\n    const { id: userId } = user;\n\n    const mentionLabelContainer = document.createElement(\"span\");\n    const mentionLabelContainerRoot = createRoot(mentionLabelContainer);\n\n    mentionLabelContainerRoot.render(\n      <MentionLabel\n        name={resolveUsername(user, usernameFieldPath, unknownLabel)}\n        isSelf={isSelfMention(currentUserId, userId)}\n      />,\n    );\n\n    mentionLabelContainer.contentEditable = \"false\";\n    mentionLabelContainer.dataset.mentionId = String(userId);\n\n    const range2 = sel.getRangeAt(0);\n    range2.insertNode(mentionLabelContainer);\n\n    const zws = document.createTextNode(\"\\u200b\");\n    mentionLabelContainer.after(zws);\n\n    const newRange = document.createRange();\n    newRange.setStartAfter(zws);\n    newRange.collapse(true);\n    sel.removeAllRanges();\n    sel.addRange(newRange);\n\n    setMentionQuery(null);\n    setTriggerRange(null);\n    editorRef.current?.focus();\n  };\n\n  const insertAt = () => {\n    const editor = editorRef.current;\n    if (!editor) return;\n\n    editor.focus();\n\n    const sel = window.getSelection();\n    if (!sel || !sel.rangeCount) {\n      const range = document.createRange();\n      range.selectNodeContents(editor);\n      range.collapse(false);\n      sel?.removeAllRanges();\n      sel?.addRange(range);\n    }\n\n    document.execCommand(\"insertText\", false, \"@\");\n    detectMention();\n  };\n\n  const updateEmptyClass = () => {\n    const editor = editorRef.current;\n    if (!editor) return;\n\n    const isEmpty = editor.innerHTML === \"\" || editor.innerHTML === \"<br>\";\n\n    editor.classList.toggle(\"is-empty\", isEmpty);\n  };\n\n  // Editor API\n  const getEditorValue = () => {\n    if (!editorRef.current) return \"\";\n\n    return serializeEditor(editorRef.current).trim();\n  };\n\n  const clearEditor = () => {\n    setMentionQuery(null);\n    setTriggerRange(null);\n\n    if (editorRef.current) {\n      editorRef.current.innerHTML = \"\";\n      editorRef.current.classList.add(\"is-empty\");\n    }\n  };\n\n  const focusEditor = () => {\n    editorRef.current?.focus();\n  };\n\n  useImperativeHandle(ref, () => ({\n    getValue: getEditorValue,\n    clear: clearEditor,\n    focus: focusEditor,\n    insertAt,\n  }));\n\n  // Handlers\n  const handleAddComment = () => {\n    const serialized = getEditorValue();\n    if (!serialized) return;\n\n    clearEditor();\n\n    startTransition(async () => {\n      const res = await addComment(serialized, fieldPath, documentId, collectionSlug, locale, globalSlug);\n\n      if (res.success) {\n        onSuccessAddComment?.();\n      }\n    });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (mentionQuery !== null) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        e.stopPropagation();\n        setSelectedIndex((prev) => (prev + 1) % filteredUsers.length);\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        e.stopPropagation();\n        setSelectedIndex((prev) => (prev - 1 + filteredUsers.length) % filteredUsers.length);\n        return;\n      }\n      if (e.key === \"Enter\" && filteredUsers.length > 0) {\n        e.preventDefault();\n        const selectedUser = filteredUsers[selectedIndex];\n        if (selectedUser) insertMention(selectedUser);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        setMentionQuery(null);\n        setTriggerRange(null);\n        return;\n      }\n    }\n\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n\n      handleAddComment();\n      onEnterPress?.();\n    } else if (e.key === \"Escape\") {\n      onEscapePress?.();\n    }\n  };\n\n  const handleInput = () => {\n    detectMention();\n    updateEmptyClass();\n  };\n\n  return (\n    <div className=\"relative\">\n      <div className=\"flex gap-2.5 items-start\">\n        <Avatar className=\"shrink-0\" user={user} usernameFieldPath={usernameFieldPath} fallbackName={unknownLabel} />\n\n        <div\n          ref={editorWrapperRef}\n          className=\"relative flex-1 group px-2.5 py-2 rounded-md border border-transparent focus-within:border-(--theme-elevation-150) bg-transparent transition-colors\">\n          <div className=\"relative\">\n            <div\n              className={`\n                is-empty w-full min-h-5 leading-5\n                text-(--theme-text) text-[13px] outline-none box-border\n                [&.is-empty]:before:content-[attr(data-placeholder)] [&.is-empty]:before:text-(--theme-elevation-450)\n                [&.is-empty]:before:pointer-events-none [&.is-empty]:before:absolute\n              `}\n              ref={editorRef}\n              contentEditable={!disabled}\n              autoFocus={autoFocus}\n              role=\"textbox\"\n              aria-multiline=\"true\"\n              aria-label={placeholder}\n              data-placeholder={placeholder}\n              onInput={handleInput}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n\n          {mentionQuery !== null && (\n            <MentionDropdown\n              users={filteredUsers}\n              selectedIndex={selectedIndex}\n              onSelect={insertMention}\n              onClose={() => {\n                setMentionQuery(null);\n                setTriggerRange(null);\n                editorRef.current?.focus();\n              }}\n              anchorRef={editorWrapperRef}\n            />\n          )}\n\n          <ActionPanel\n            className=\"hidden group-focus-within:flex\"\n            onMention={() => insertAt()}\n            onAddComment={handleAddComment}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["user"]}
+{"version":3,"sources":["../../../src/components/CommentEditor/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, useRef, useImperativeHandle, type RefObject, startTransition } from \"react\";\nimport { useAuth, useLocale, useTranslation } from \"@payloadcms/ui\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { useMentionableUsersQuery } from \"../../api/queries/useMentionableUsersQuery\";\nimport { MentionDropdown } from \"../MentionDropdown\";\nimport { MentionLabel } from \"../MentionLabel\";\nimport { serializeEditor } from \"../../utils/comment/serializeEditor\";\nimport { isSelfMention } from \"../../utils/mention/isSelfMention\";\nimport { createRoot } from \"react-dom/client\";\nimport type { User } from \"../../types\";\nimport { FALLBACK_USERNAME } from \"../../constants\";\nimport { resolveUsername } from \"../../utils/user/resolveUsername\";\nimport { ActionPanel } from \"./ActionPanel\";\nimport { Avatar } from \"../Avatar\";\n\nexport interface CommentEditorHandle {\n  getValue: () => string;\n  clear: () => void;\n  focus: () => void;\n  insertAt: () => void;\n}\n\ninterface CommentEditorProps {\n  disabled?: boolean;\n  autoFocus?: boolean;\n  placeholder?: string;\n  ref?: RefObject<CommentEditorHandle | null>;\n  fieldPath?: string | null;\n  documentId?: number;\n  collectionSlug?: string;\n  globalSlug?: string;\n  onSuccessAddComment?: () => void;\n  onEnterPress?: () => void;\n  onEscapePress?: () => void;\n}\n\nexport function CommentEditor({\n  disabled,\n  autoFocus,\n  placeholder: placeholderProp,\n  ref,\n  fieldPath,\n  documentId,\n  collectionSlug,\n  globalSlug,\n  onSuccessAddComment,\n  onEnterPress,\n  onEscapePress,\n}: CommentEditorProps) {\n  const { addComment } = useComments();\n  const { data: users = [] } = useMentionableUsersQuery();\n  const { code: locale } = useLocale();\n  const { user } = useAuth();\n\n  const [mentionQuery, setMentionQuery] = useState<string | null>(null);\n  const [triggerRange, setTriggerRange] = useState<Range | null>(null);\n  const [filteredUsers, setFilteredUsers] = useState<User[]>([]);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const { usernameFieldPath } = useComments();\n  const { t } = useTranslation();\n\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorWrapperRef = useRef<HTMLDivElement>(null);\n\n  const unknownLabel = t(\"comments:unknownAuthor\" as never) ?? FALLBACK_USERNAME;\n  const currentUserId = user?.id;\n  const placeholder = placeholderProp ?? t(\"comments:writeComment\" as never) ?? \"Add a comment\";\n\n  // Methods\n  const detectMention = () => {\n    const sel = window.getSelection();\n\n    if (!sel || !sel.rangeCount) {\n      setMentionQuery(null);\n\n      return;\n    }\n\n    const range = sel.getRangeAt(0);\n    const node = range.startContainer;\n\n    if (node.nodeType !== Node.TEXT_NODE) {\n      setMentionQuery(null);\n\n      return;\n    }\n\n    const text = node.textContent ?? \"\";\n    const offset = range.startOffset;\n\n    let i = offset - 1;\n    while (i >= 0 && text[i] !== \" \" && text[i] !== \"\\n\") {\n      if (text[i] === \"@\") {\n        const query = text.slice(i + 1, offset);\n        if (query.includes(\" \")) {\n          setMentionQuery(null);\n          return;\n        }\n\n        const atRange = document.createRange();\n        atRange.setStart(node, i);\n        atRange.setEnd(node, offset);\n        setTriggerRange(atRange.cloneRange());\n        setMentionQuery(query);\n        setFilteredUsers(\n          users.filter((u) =>\n            resolveUsername(u, usernameFieldPath, unknownLabel).toLowerCase().includes(query.toLowerCase()),\n          ),\n        );\n        setSelectedIndex(0);\n\n        return;\n      }\n\n      i--;\n    }\n\n    setMentionQuery(null);\n  };\n\n  const insertMention = (user: User) => {\n    if (!triggerRange || !editorRef.current) return;\n\n    const sel = window.getSelection();\n    if (!sel) return;\n\n    sel.removeAllRanges();\n    sel.addRange(triggerRange);\n    sel.deleteFromDocument();\n\n    const { id: userId } = user;\n\n    const mentionLabelContainer = document.createElement(\"span\");\n    const mentionLabelContainerRoot = createRoot(mentionLabelContainer);\n\n    mentionLabelContainerRoot.render(\n      <MentionLabel\n        name={resolveUsername(user, usernameFieldPath, unknownLabel)}\n        isSelf={isSelfMention(currentUserId, userId)}\n      />,\n    );\n\n    mentionLabelContainer.contentEditable = \"false\";\n    mentionLabelContainer.dataset.mentionId = String(userId);\n\n    const range2 = sel.getRangeAt(0);\n    range2.insertNode(mentionLabelContainer);\n\n    const zws = document.createTextNode(\"\\u200b\");\n    mentionLabelContainer.after(zws);\n\n    const newRange = document.createRange();\n    newRange.setStartAfter(zws);\n    newRange.collapse(true);\n    sel.removeAllRanges();\n    sel.addRange(newRange);\n\n    setMentionQuery(null);\n    setTriggerRange(null);\n    editorRef.current?.focus();\n  };\n\n  const insertAt = () => {\n    const editor = editorRef.current;\n    if (!editor) return;\n\n    editor.focus();\n\n    const sel = window.getSelection();\n    if (!sel || !sel.rangeCount) {\n      const range = document.createRange();\n      range.selectNodeContents(editor);\n      range.collapse(false);\n      sel?.removeAllRanges();\n      sel?.addRange(range);\n    }\n\n    document.execCommand(\"insertText\", false, \"@\");\n    detectMention();\n  };\n\n  const updateEmptyClass = () => {\n    const editor = editorRef.current;\n    if (!editor) return;\n\n    const isEmpty = editor.innerHTML === \"\" || editor.innerHTML === \"<br>\";\n\n    editor.classList.toggle(\"is-empty\", isEmpty);\n  };\n\n  // Editor API\n  const getEditorValue = () => {\n    if (!editorRef.current) return \"\";\n\n    return serializeEditor(editorRef.current).trim();\n  };\n\n  const clearEditor = () => {\n    setMentionQuery(null);\n    setTriggerRange(null);\n\n    if (editorRef.current) {\n      editorRef.current.innerHTML = \"\";\n      editorRef.current.classList.add(\"is-empty\");\n    }\n  };\n\n  const focusEditor = () => {\n    editorRef.current?.focus();\n  };\n\n  useImperativeHandle(ref, () => ({\n    getValue: getEditorValue,\n    clear: clearEditor,\n    focus: focusEditor,\n    insertAt,\n  }));\n\n  // Handlers\n  const handleAddComment = () => {\n    const serialized = getEditorValue();\n    if (!serialized) return;\n\n    clearEditor();\n\n    startTransition(async () => {\n      const res = await addComment(serialized, fieldPath, documentId, collectionSlug, locale, globalSlug);\n\n      if (res.success) {\n        onSuccessAddComment?.();\n      }\n    });\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (mentionQuery !== null) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        e.stopPropagation();\n        setSelectedIndex((prev) => (prev + 1) % filteredUsers.length);\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        e.stopPropagation();\n        setSelectedIndex((prev) => (prev - 1 + filteredUsers.length) % filteredUsers.length);\n        return;\n      }\n      if (e.key === \"Enter\" && filteredUsers.length > 0) {\n        e.preventDefault();\n        const selectedUser = filteredUsers[selectedIndex];\n        if (selectedUser) insertMention(selectedUser);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        setMentionQuery(null);\n        setTriggerRange(null);\n        return;\n      }\n    }\n\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n\n      handleAddComment();\n      onEnterPress?.();\n    } else if (e.key === \"Escape\") {\n      onEscapePress?.();\n    }\n  };\n\n  const handleInput = () => {\n    detectMention();\n    updateEmptyClass();\n  };\n\n  return (\n    <div className=\"relative\">\n      <div className=\"flex gap-2.5 items-start\">\n        <Avatar className=\"shrink-0\" user={user} usernameFieldPath={usernameFieldPath} fallbackName={unknownLabel} />\n\n        <div\n          ref={editorWrapperRef}\n          className=\"relative flex-1 min-w-0 group px-2.5 py-2 rounded-md border border-transparent focus-within:border-(--theme-elevation-150) bg-transparent\">\n          <div className=\"relative\">\n            <div\n              className={`\n                is-empty w-full min-h-5 max-h-32 overflow-y-auto whitespace-pre-wrap wrap-break-word\n                text-(--theme-text) text-[13px] outline-none box-border\n                [&.is-empty]:before:content-[attr(data-placeholder)] [&.is-empty]:before:text-(--theme-elevation-450)\n                [&.is-empty]:before:pointer-events-none [&.is-empty]:before:absolute\n              `}\n              ref={editorRef}\n              contentEditable={!disabled}\n              autoFocus={autoFocus}\n              role=\"textbox\"\n              aria-multiline=\"true\"\n              aria-label={placeholder}\n              data-placeholder={placeholder}\n              onInput={handleInput}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n\n          {mentionQuery !== null && (\n            <MentionDropdown\n              users={filteredUsers}\n              selectedIndex={selectedIndex}\n              onSelect={insertMention}\n              onClose={() => {\n                setMentionQuery(null);\n                setTriggerRange(null);\n                editorRef.current?.focus();\n              }}\n              anchorRef={editorWrapperRef}\n            />\n          )}\n\n          <ActionPanel\n            className=\"hidden group-focus-within:flex\"\n            onMention={() => insertAt()}\n            onAddComment={handleAddComment}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["user"]}

package/dist/components/CommentItem/StrikethoroughOverlay/clamp.d.ts

@@ -0,0 +1,2 @@
+export declare function clamp(min: number, value: number, max: number): number;
+//# sourceMappingURL=clamp.d.ts.map

package/dist/components/CommentItem/StrikethoroughOverlay/clamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentItem/StrikethoroughOverlay/clamp.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAE5D"}