@focus-reactive/payload-plugin-comments 1.4.0 → 1.5.0

package/dist/components/CommentItem/ToolsPanel.d.ts

@@ -1,9 +1,10 @@
 interface Props {
+    commentId: string | number;
     isResolved: boolean;
     canDelete: boolean;
     onResolve: () => void;
     onDelete: () => void;
 }
-export declare function ToolsPanel({ isResolved, canDelete, onDelete, onResolve }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ToolsPanel({ commentId, isResolved, canDelete, onDelete, onResolve }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ToolsPanel.d.ts.map

package/dist/components/CommentItem/ToolsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/CommentItem/ToolsPanel.tsx"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAsB/E"}
+{"version":3,"file":"ToolsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/CommentItem/ToolsPanel.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CA4C1F"}

package/dist/components/CommentItem/ToolsPanel.js

@@ -1,19 +1,42 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CircleCheck, Trash2, Undo2 } from "lucide-react";
-import { useTranslation } from "@payloadcms/ui";
+import { ConfirmationModal, toast, useModal, useTranslation } from "@payloadcms/ui";
 import { IconButton } from "../IconButton";
-function ToolsPanel({ isResolved, canDelete, onDelete, onResolve }) {
+import { useCommentsFilter } from "../../providers/CommentsFilterProvider";
+function ToolsPanel({ commentId, isResolved, canDelete, onDelete, onResolve }) {
+  const DELETE_MODAL_SLUG = `comments-delete-${commentId}`;
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "absolute top-3 right-3 flex bg-(--theme-elevation-0) p-1 border rounded-md border-(--theme-elevation-100) opacity-0 group-hover:opacity-100 transition-opacity duration-150 pointer-events-none group-hover:pointer-events-auto", children: [
+  const { openModal } = useModal();
+  const { filters } = useCommentsFilter();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "absolute top-3 right-3 flex bg-(--theme-elevation-0) p-1 border rounded-md border-(--theme-elevation-100) opacity-0 group-hover:opacity-100 transition-opacity duration-150 pointer-events-none group-hover:pointer-events-auto", children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          onClick: () => {
+            onResolve();
+            if (!isResolved && !filters.showResolved) {
+              toast.success(t("comments:commentResolved") ?? "Comment resolved");
+            }
+          },
+          title: isResolved ? t("comments:reopen") ?? "Reopen" : t("comments:resolve") ?? "Resolve",
+          children: isResolved ? /* @__PURE__ */ jsx(Undo2, { size: 16 }) : /* @__PURE__ */ jsx(CircleCheck, { size: 16 })
+        }
+      ),
+      canDelete && /* @__PURE__ */ jsx(IconButton, { onClick: () => openModal(DELETE_MODAL_SLUG), title: t("comments:delete") ?? "Delete", children: /* @__PURE__ */ jsx(Trash2, { size: 16 }) })
+    ] }),
     /* @__PURE__ */ jsx(
-      IconButton,
+      ConfirmationModal,
       {
-        onClick: onResolve,
-        title: isResolved ? t("comments:reopen") ?? "Reopen" : t("comments:resolve") ?? "Resolve",
-        children: isResolved ? /* @__PURE__ */ jsx(Undo2, { size: 16 }) : /* @__PURE__ */ jsx(CircleCheck, { size: 16 })
+        modalSlug: DELETE_MODAL_SLUG,
+        heading: t("comments:deleteComment:heading"),
+        body: t("comments:deleteComment:body"),
+        confirmingLabel: t("comments:deleteComment:confirming"),
+        confirmLabel: t("comments:deleteComment:confirm"),
+        cancelLabel: t("comments:deleteComment:cancel"),
+        onConfirm: onDelete
       }
-    ),
-    canDelete && /* @__PURE__ */ jsx(IconButton, { onClick: onDelete, title: t("comments:delete") ?? "Delete", children: /* @__PURE__ */ jsx(Trash2, { size: 16 }) })
+    )
   ] });
 }
 export {

package/dist/components/CommentItem/ToolsPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentItem/ToolsPanel.tsx"],"sourcesContent":["import { CircleCheck, Trash2, Undo2 } from \"lucide-react\";\nimport { useTranslation } from \"@payloadcms/ui\";\nimport { IconButton } from \"../IconButton\";\n\ninterface Props {\n  isResolved: boolean;\n  canDelete: boolean;\n  onResolve: () => void;\n  onDelete: () => void;\n}\n\nexport function ToolsPanel({ isResolved, canDelete, onDelete, onResolve }: Props) {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"absolute top-3 right-3 flex bg-(--theme-elevation-0) p-1 border rounded-md border-(--theme-elevation-100) opacity-0 group-hover:opacity-100 transition-opacity duration-150 pointer-events-none group-hover:pointer-events-auto\">\n      <IconButton\n        onClick={onResolve}\n        title={\n          isResolved ? (t(\"comments:reopen\" as never) ?? \"Reopen\") : (t(\"comments:resolve\" as never) ?? \"Resolve\")\n        }>\n        {isResolved ?\n          <Undo2 size={16} />\n        : <CircleCheck size={16} />}\n      </IconButton>\n\n      {canDelete && (\n        <IconButton onClick={onDelete} title={t(\"comments:delete\" as never) ?? \"Delete\"}>\n          <Trash2 size={16} />\n        </IconButton>\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAeI,SAOM,KAPN;AAfJ,SAAS,aAAa,QAAQ,aAAa;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AASpB,SAAS,WAAW,EAAE,YAAY,WAAW,UAAU,UAAU,GAAU;AAChF,QAAM,EAAE,EAAE,IAAI,eAAe;AAE7B,SACE,qBAAC,SAAI,WAAU,mOACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,OACE,aAAc,EAAE,iBAA0B,KAAK,WAAa,EAAE,kBAA2B,KAAK;AAAA,QAE/F,uBACC,oBAAC,SAAM,MAAM,IAAI,IACjB,oBAAC,eAAY,MAAM,IAAI;AAAA;AAAA,IAC3B;AAAA,IAEC,aACC,oBAAC,cAAW,SAAS,UAAU,OAAO,EAAE,iBAA0B,KAAK,UACrE,8BAAC,UAAO,MAAM,IAAI,GACpB;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/CommentItem/ToolsPanel.tsx"],"sourcesContent":["import { CircleCheck, Trash2, Undo2 } from \"lucide-react\";\nimport { ConfirmationModal, toast, useModal, useTranslation } from \"@payloadcms/ui\";\nimport { IconButton } from \"../IconButton\";\nimport { useCommentsFilter } from \"../../providers/CommentsFilterProvider\";\n\ninterface Props {\n  commentId: string | number;\n  isResolved: boolean;\n  canDelete: boolean;\n  onResolve: () => void;\n  onDelete: () => void;\n}\n\nexport function ToolsPanel({ commentId, isResolved, canDelete, onDelete, onResolve }: Props) {\n  const DELETE_MODAL_SLUG = `comments-delete-${commentId}`;\n\n  const { t } = useTranslation();\n  const { openModal } = useModal();\n  const { filters } = useCommentsFilter();\n\n  return (\n    <>\n      <div className=\"absolute top-3 right-3 flex bg-(--theme-elevation-0) p-1 border rounded-md border-(--theme-elevation-100) opacity-0 group-hover:opacity-100 transition-opacity duration-150 pointer-events-none group-hover:pointer-events-auto\">\n        <IconButton\n          onClick={() => {\n            onResolve();\n\n            if (!isResolved && !filters.showResolved) {\n              toast.success(t(\"comments:commentResolved\" as never) ?? \"Comment resolved\");\n            }\n          }}\n          title={\n            isResolved ? (t(\"comments:reopen\" as never) ?? \"Reopen\") : (t(\"comments:resolve\" as never) ?? \"Resolve\")\n          }>\n          {isResolved ?\n            <Undo2 size={16} />\n          : <CircleCheck size={16} />}\n        </IconButton>\n\n        {canDelete && (\n          <IconButton onClick={() => openModal(DELETE_MODAL_SLUG)} title={t(\"comments:delete\" as never) ?? \"Delete\"}>\n            <Trash2 size={16} />\n          </IconButton>\n        )}\n      </div>\n\n      <ConfirmationModal\n        modalSlug={DELETE_MODAL_SLUG}\n        heading={t(\"comments:deleteComment:heading\" as never)}\n        body={t(\"comments:deleteComment:body\" as never)}\n        confirmingLabel={t(\"comments:deleteComment:confirming\" as never)}\n        confirmLabel={t(\"comments:deleteComment:confirm\" as never)}\n        cancelLabel={t(\"comments:deleteComment:cancel\" as never)}\n        onConfirm={onDelete}\n      />\n    </>\n  );\n}\n"],"mappings":"AAqBI,mBAcQ,KAbN,YADF;AArBJ,SAAS,aAAa,QAAQ,aAAa;AAC3C,SAAS,mBAAmB,OAAO,UAAU,sBAAsB;AACnE,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAU3B,SAAS,WAAW,EAAE,WAAW,YAAY,WAAW,UAAU,UAAU,GAAU;AAC3F,QAAM,oBAAoB,mBAAmB,SAAS;AAEtD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AAEtC,SACE,iCACE;AAAA,yBAAC,SAAI,WAAU,mOACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AACb,sBAAU;AAEV,gBAAI,CAAC,cAAc,CAAC,QAAQ,cAAc;AACxC,oBAAM,QAAQ,EAAE,0BAAmC,KAAK,kBAAkB;AAAA,YAC5E;AAAA,UACF;AAAA,UACA,OACE,aAAc,EAAE,iBAA0B,KAAK,WAAa,EAAE,kBAA2B,KAAK;AAAA,UAE/F,uBACC,oBAAC,SAAM,MAAM,IAAI,IACjB,oBAAC,eAAY,MAAM,IAAI;AAAA;AAAA,MAC3B;AAAA,MAEC,aACC,oBAAC,cAAW,SAAS,MAAM,UAAU,iBAAiB,GAAG,OAAO,EAAE,iBAA0B,KAAK,UAC/F,8BAAC,UAAO,MAAM,IAAI,GACpB;AAAA,OAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,SAAS,EAAE,gCAAyC;AAAA,QACpD,MAAM,EAAE,6BAAsC;AAAA,QAC9C,iBAAiB,EAAE,mCAA4C;AAAA,QAC/D,cAAc,EAAE,gCAAyC;AAAA,QACzD,aAAa,EAAE,+BAAwC;AAAA,QACvD,WAAW;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentItem/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAU3C,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,KAAK,2CA+E5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentItem/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAU3C,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,KAAK,2CAgF5D"}

package/dist/components/CommentItem/index.js

@@ -70,6 +70,7 @@ function CommentItem({ comment, currentUserId }) {
     /* @__PURE__ */ jsx(
       ToolsPanel,
       {
+        commentId: comment.id,
         isResolved,
         canDelete,
         onDelete: handleDelete,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentItem/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { startTransition, useRef } from \"react\";\nimport { useTranslation } from \"@payloadcms/ui\";\nimport { CircleCheck } from \"lucide-react\";\nimport { cn } from \"../../utils/general/cn\";\nimport type { Comment } from \"../../types\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { renderCommentText } from \"../../utils/comment/renderCommentText\";\nimport { resolveUsername } from \"../../utils/user/resolveUsername\";\nimport { FALLBACK_DELETED_USERNAME, FALLBACK_USERNAME } from \"../../constants\";\nimport { ToolsPanel } from \"./ToolsPanel\";\nimport { useRelativeDate } from \"../../hooks/useRelativeDate\";\nimport { Avatar } from \"../Avatar\";\nimport { StrikethoroughOverlay } from \"./StrikethoroughOverlay\";\n\ninterface Props {\n  comment: Comment;\n  currentUserId: number | null;\n}\n\nexport function CommentItem({ comment, currentUserId }: Props) {\n  const { resolveComment, removeComment, usernameFieldPath } = useComments();\n  const { t } = useTranslation();\n  const createdAtRelativeDate = useRelativeDate(comment.createdAt);\n\n  const contentRef = useRef<HTMLParagraphElement>(null);\n\n  const deletedUserLabel = t(\"comments:deletedUser\" as never) ?? FALLBACK_DELETED_USERNAME;\n  const unknownLabel = t(\"comments:unknownAuthor\" as never) ?? FALLBACK_USERNAME;\n  const narrowedAuthor = typeof comment.author === \"object\" ? comment.author : null;\n  const authorName = resolveUsername(narrowedAuthor, usernameFieldPath, unknownLabel);\n\n  const isResolved = comment.isResolved ?? false;\n  const authorId =\n    comment.author && typeof comment.author === \"object\" && \"id\" in comment.author ? comment.author.id : null;\n  const canDelete = currentUserId !== null && authorId === currentUserId;\n\n  const renderedText = renderCommentText({\n    text: comment.text,\n    mentions: comment.mentions,\n    currentUserId,\n    usernameFieldPath,\n    fallbackDeletedUsername: deletedUserLabel,\n  });\n\n  const handleToggleResolve = () => {\n    startTransition(async () => {\n      await resolveComment(comment.id, !isResolved);\n    });\n  };\n\n  const handleDelete = () => {\n    startTransition(async () => {\n      await removeComment(comment.id);\n    });\n  };\n\n  return (\n    <div className={cn(\"group relative\")}>\n      <div className=\"flex gap-2.5 items-start\">\n        <Avatar user={narrowedAuthor} usernameFieldPath={usernameFieldPath} fallbackName={unknownLabel} />\n\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2 mb-1\">\n            <span className=\"font-semibold text-[13px] text-(--theme-text) truncate\">{authorName}</span>\n\n            {isResolved && (\n              <CircleCheck size={14} className=\"text-green-500 shrink-0\" aria-label={t(\"comments:resolved\" as never)} />\n            )}\n\n            <span className=\"text-[11px] text-(--theme-elevation-450) shrink-0\">{createdAtRelativeDate}</span>\n          </div>\n\n          <p\n            ref={contentRef}\n            className={cn(\n              \"relative m-0 text-[13px] text-(--theme-text) leading-normal whitespace-pre-wrap wrap-break-word transition-opacity motion-reduce:transition-none\",\n              isResolved && \"opacity-60\",\n            )}>\n            {isResolved && (\n              <del style={{ textDecoration: \"none\" }} dateTime={comment.resolvedAt ?? undefined}>\n                {renderedText}\n              </del>\n            )}\n            {!isResolved && renderedText}\n\n            <StrikethoroughOverlay isResolved={isResolved} contentRef={contentRef} />\n          </p>\n        </div>\n      </div>\n\n      <ToolsPanel\n        isResolved={isResolved}\n        canDelete={canDelete}\n        onDelete={handleDelete}\n        onResolve={handleToggleResolve}\n      />\n    </div>\n  );\n}\n"],"mappings":";AA6DQ,cAGE,YAHF;AA3DR,SAAS,iBAAiB,cAAc;AACxC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAEnB,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B,yBAAyB;AAC7D,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,6BAA6B;AAO/B,SAAS,YAAY,EAAE,SAAS,cAAc,GAAU;AAC7D,QAAM,EAAE,gBAAgB,eAAe,kBAAkB,IAAI,YAAY;AACzE,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,wBAAwB,gBAAgB,QAAQ,SAAS;AAE/D,QAAM,aAAa,OAA6B,IAAI;AAEpD,QAAM,mBAAmB,EAAE,sBAA+B,KAAK;AAC/D,QAAM,eAAe,EAAE,wBAAiC,KAAK;AAC7D,QAAM,iBAAiB,OAAO,QAAQ,WAAW,WAAW,QAAQ,SAAS;AAC7E,QAAM,aAAa,gBAAgB,gBAAgB,mBAAmB,YAAY;AAElF,QAAM,aAAa,QAAQ,cAAc;AACzC,QAAM,WACJ,QAAQ,UAAU,OAAO,QAAQ,WAAW,YAAY,QAAQ,QAAQ,SAAS,QAAQ,OAAO,KAAK;AACvG,QAAM,YAAY,kBAAkB,QAAQ,aAAa;AAEzD,QAAM,eAAe,kBAAkB;AAAA,IACrC,MAAM,QAAQ;AAAA,IACd,UAAU,QAAQ;AAAA,IAClB;AAAA,IACA;AAAA,IACA,yBAAyB;AAAA,EAC3B,CAAC;AAED,QAAM,sBAAsB,MAAM;AAChC,oBAAgB,YAAY;AAC1B,YAAM,eAAe,QAAQ,IAAI,CAAC,UAAU;AAAA,IAC9C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,MAAM;AACzB,oBAAgB,YAAY;AAC1B,YAAM,cAAc,QAAQ,EAAE;AAAA,IAChC,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,gBAAgB,GACjC;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,UAAO,MAAM,gBAAgB,mBAAsC,cAAc,cAAc;AAAA,MAEhG,qBAAC,SAAI,WAAU,kBACb;AAAA,6BAAC,SAAI,WAAU,gCACb;AAAA,8BAAC,UAAK,WAAU,0DAA0D,sBAAW;AAAA,UAEpF,cACC,oBAAC,eAAY,MAAM,IAAI,WAAU,2BAA0B,cAAY,EAAE,mBAA4B,GAAG;AAAA,UAG1G,oBAAC,UAAK,WAAU,qDAAqD,iCAAsB;AAAA,WAC7F;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA,cAAc;AAAA,YAChB;AAAA,YACC;AAAA,4BACC,oBAAC,SAAI,OAAO,EAAE,gBAAgB,OAAO,GAAG,UAAU,QAAQ,cAAc,QACrE,wBACH;AAAA,cAED,CAAC,cAAc;AAAA,cAEhB,oBAAC,yBAAsB,YAAwB,YAAwB;AAAA;AAAA;AAAA,QACzE;AAAA,SACF;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,WAAW;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/CommentItem/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { startTransition, useRef } from \"react\";\nimport { useTranslation } from \"@payloadcms/ui\";\nimport { CircleCheck } from \"lucide-react\";\nimport { cn } from \"../../utils/general/cn\";\nimport type { Comment } from \"../../types\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { renderCommentText } from \"../../utils/comment/renderCommentText\";\nimport { resolveUsername } from \"../../utils/user/resolveUsername\";\nimport { FALLBACK_DELETED_USERNAME, FALLBACK_USERNAME } from \"../../constants\";\nimport { ToolsPanel } from \"./ToolsPanel\";\nimport { useRelativeDate } from \"../../hooks/useRelativeDate\";\nimport { Avatar } from \"../Avatar\";\nimport { StrikethoroughOverlay } from \"./StrikethoroughOverlay\";\n\ninterface Props {\n  comment: Comment;\n  currentUserId: number | null;\n}\n\nexport function CommentItem({ comment, currentUserId }: Props) {\n  const { resolveComment, removeComment, usernameFieldPath } = useComments();\n  const { t } = useTranslation();\n  const createdAtRelativeDate = useRelativeDate(comment.createdAt);\n\n  const contentRef = useRef<HTMLParagraphElement>(null);\n\n  const deletedUserLabel = t(\"comments:deletedUser\" as never) ?? FALLBACK_DELETED_USERNAME;\n  const unknownLabel = t(\"comments:unknownAuthor\" as never) ?? FALLBACK_USERNAME;\n  const narrowedAuthor = typeof comment.author === \"object\" ? comment.author : null;\n  const authorName = resolveUsername(narrowedAuthor, usernameFieldPath, unknownLabel);\n\n  const isResolved = comment.isResolved ?? false;\n  const authorId =\n    comment.author && typeof comment.author === \"object\" && \"id\" in comment.author ? comment.author.id : null;\n  const canDelete = currentUserId !== null && authorId === currentUserId;\n\n  const renderedText = renderCommentText({\n    text: comment.text,\n    mentions: comment.mentions,\n    currentUserId,\n    usernameFieldPath,\n    fallbackDeletedUsername: deletedUserLabel,\n  });\n\n  const handleToggleResolve = () => {\n    startTransition(async () => {\n      await resolveComment(comment.id, !isResolved);\n    });\n  };\n\n  const handleDelete = () => {\n    startTransition(async () => {\n      await removeComment(comment.id);\n    });\n  };\n\n  return (\n    <div className={cn(\"group relative\")}>\n      <div className=\"flex gap-2.5 items-start\">\n        <Avatar user={narrowedAuthor} usernameFieldPath={usernameFieldPath} fallbackName={unknownLabel} />\n\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"flex items-center gap-2 mb-1\">\n            <span className=\"font-semibold text-[13px] text-(--theme-text) truncate\">{authorName}</span>\n\n            {isResolved && (\n              <CircleCheck size={14} className=\"text-green-500 shrink-0\" aria-label={t(\"comments:resolved\" as never)} />\n            )}\n\n            <span className=\"text-[11px] text-(--theme-elevation-450) shrink-0\">{createdAtRelativeDate}</span>\n          </div>\n\n          <p\n            ref={contentRef}\n            className={cn(\n              \"relative m-0 text-[13px] text-(--theme-text) leading-normal whitespace-pre-wrap wrap-break-word transition-opacity motion-reduce:transition-none\",\n              isResolved && \"opacity-60\",\n            )}>\n            {isResolved && (\n              <del style={{ textDecoration: \"none\" }} dateTime={comment.resolvedAt ?? undefined}>\n                {renderedText}\n              </del>\n            )}\n            {!isResolved && renderedText}\n\n            <StrikethoroughOverlay isResolved={isResolved} contentRef={contentRef} />\n          </p>\n        </div>\n      </div>\n\n      <ToolsPanel\n        commentId={comment.id}\n        isResolved={isResolved}\n        canDelete={canDelete}\n        onDelete={handleDelete}\n        onResolve={handleToggleResolve}\n      />\n    </div>\n  );\n}\n"],"mappings":";AA6DQ,cAGE,YAHF;AA3DR,SAAS,iBAAiB,cAAc;AACxC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAEnB,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAChC,SAAS,2BAA2B,yBAAyB;AAC7D,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,6BAA6B;AAO/B,SAAS,YAAY,EAAE,SAAS,cAAc,GAAU;AAC7D,QAAM,EAAE,gBAAgB,eAAe,kBAAkB,IAAI,YAAY;AACzE,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,wBAAwB,gBAAgB,QAAQ,SAAS;AAE/D,QAAM,aAAa,OAA6B,IAAI;AAEpD,QAAM,mBAAmB,EAAE,sBAA+B,KAAK;AAC/D,QAAM,eAAe,EAAE,wBAAiC,KAAK;AAC7D,QAAM,iBAAiB,OAAO,QAAQ,WAAW,WAAW,QAAQ,SAAS;AAC7E,QAAM,aAAa,gBAAgB,gBAAgB,mBAAmB,YAAY;AAElF,QAAM,aAAa,QAAQ,cAAc;AACzC,QAAM,WACJ,QAAQ,UAAU,OAAO,QAAQ,WAAW,YAAY,QAAQ,QAAQ,SAAS,QAAQ,OAAO,KAAK;AACvG,QAAM,YAAY,kBAAkB,QAAQ,aAAa;AAEzD,QAAM,eAAe,kBAAkB;AAAA,IACrC,MAAM,QAAQ;AAAA,IACd,UAAU,QAAQ;AAAA,IAClB;AAAA,IACA;AAAA,IACA,yBAAyB;AAAA,EAC3B,CAAC;AAED,QAAM,sBAAsB,MAAM;AAChC,oBAAgB,YAAY;AAC1B,YAAM,eAAe,QAAQ,IAAI,CAAC,UAAU;AAAA,IAC9C,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,MAAM;AACzB,oBAAgB,YAAY;AAC1B,YAAM,cAAc,QAAQ,EAAE;AAAA,IAChC,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,gBAAgB,GACjC;AAAA,yBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,UAAO,MAAM,gBAAgB,mBAAsC,cAAc,cAAc;AAAA,MAEhG,qBAAC,SAAI,WAAU,kBACb;AAAA,6BAAC,SAAI,WAAU,gCACb;AAAA,8BAAC,UAAK,WAAU,0DAA0D,sBAAW;AAAA,UAEpF,cACC,oBAAC,eAAY,MAAM,IAAI,WAAU,2BAA0B,cAAY,EAAE,mBAA4B,GAAG;AAAA,UAG1G,oBAAC,UAAK,WAAU,qDAAqD,iCAAsB;AAAA,WAC7F;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA,cAAc;AAAA,YAChB;AAAA,YACC;AAAA,4BACC,oBAAC,SAAI,OAAO,EAAE,gBAAgB,OAAO,GAAG,UAAU,QAAQ,cAAc,QACrE,wBACH;AAAA,cAED,CAAC,cAAc;AAAA,cAEhB,oBAAC,yBAAsB,YAAwB,YAAwB;AAAA;AAAA;AAAA,QACzE;AAAA,SACF;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,QAAQ;AAAA,QACnB;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,WAAW;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/CommentsDrawer/components/CommentsFilter.d.ts

@@ -0,0 +1,2 @@
+export declare function CommentsFilter(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentsFilter.d.ts.map

package/dist/components/CommentsDrawer/components/CommentsFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsDrawer/components/CommentsFilter.tsx"],"names":[],"mappings":"AAQA,wBAAgB,cAAc,4CA8C7B"}

package/dist/components/CommentsDrawer/components/CommentsFilter.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { FilterIcon, CheckIcon } from "lucide-react";
+import { IconButton } from "../../IconButton";
+import { useCommentsFilter } from "../../../providers/CommentsFilterProvider";
+import { useTranslation } from "@payloadcms/ui";
+function CommentsFilter() {
+  const { filters, setFilter, isAnyFilterActive } = useCommentsFilter();
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { children: [
+    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { title: t("comments:filterComments"), variant: "neutral", isActive: isAnyFilterActive, children: /* @__PURE__ */ jsx(FilterIcon, { width: 16, height: 16 }) }) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenu.Content,
+      {
+        align: "end",
+        sideOffset: 4,
+        onEscapeKeyDown: (e) => e.stopPropagation(),
+        className: `
+            flex flex-col min-w-55
+            z-50 bg-(--theme-bg) border border-(--theme-border-color) rounded shadow-lg p-2
+          `,
+        children: [
+          /* @__PURE__ */ jsxs(
+            DropdownMenu.CheckboxItem,
+            {
+              className: "flex items-center gap-2 cursor-pointer text-lg px-3 py-1.5 rounded outline-none hover:bg-(--theme-elevation-100) data-highlighted:bg-(--theme-elevation-100) select-none",
+              checked: filters.showResolved,
+              onCheckedChange: (checked) => setFilter("showResolved", checked),
+              onSelect: (e) => e.preventDefault(),
+              children: [
+                /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { className: "w-5 h-5 flex items-center justify-center text-(--theme-text)", children: /* @__PURE__ */ jsx(CheckIcon, { className: "w-5 h-5" }) }),
+                /* @__PURE__ */ jsx("span", { className: filters.showResolved ? "" : "pl-7", children: t("comments:showResolved") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            DropdownMenu.CheckboxItem,
+            {
+              className: "flex items-center gap-2 cursor-pointer text-lg px-3 py-1.5 rounded outline-none hover:bg-(--theme-elevation-100) data-highlighted:bg-(--theme-elevation-100) select-none",
+              checked: filters.onlyMyThreads,
+              onCheckedChange: (checked) => setFilter("onlyMyThreads", checked),
+              onSelect: (e) => e.preventDefault(),
+              children: [
+                /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { className: "w-5 h-5 flex items-center justify-center text-(--theme-text)", children: /* @__PURE__ */ jsx(CheckIcon, { className: "w-5 h-5" }) }),
+                /* @__PURE__ */ jsx("span", { className: filters.onlyMyThreads ? "" : "pl-7", children: t("comments:onlyMyThreads") })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  CommentsFilter
+};
+//# sourceMappingURL=CommentsFilter.js.map

package/dist/components/CommentsDrawer/components/CommentsFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsDrawer/components/CommentsFilter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { FilterIcon, CheckIcon } from \"lucide-react\";\nimport { IconButton } from \"../../IconButton\";\nimport { useCommentsFilter } from \"../../../providers/CommentsFilterProvider\";\nimport { useTranslation } from \"@payloadcms/ui\";\n\nexport function CommentsFilter() {\n  const { filters, setFilter, isAnyFilterActive } = useCommentsFilter();\n  const { t } = useTranslation();\n\n  return (\n    <DropdownMenu.Root>\n      <DropdownMenu.Trigger asChild>\n        <IconButton title={t(\"comments:filterComments\" as never)} variant={\"neutral\"} isActive={isAnyFilterActive}>\n          <FilterIcon width={16} height={16} />\n        </IconButton>\n      </DropdownMenu.Trigger>\n\n      <DropdownMenu.Content\n        align=\"end\"\n        sideOffset={4}\n        onEscapeKeyDown={(e) => e.stopPropagation()}\n        className={`\n            flex flex-col min-w-55\n            z-50 bg-(--theme-bg) border border-(--theme-border-color) rounded shadow-lg p-2\n          `}>\n        <DropdownMenu.CheckboxItem\n          className=\"flex items-center gap-2 cursor-pointer text-lg px-3 py-1.5 rounded outline-none hover:bg-(--theme-elevation-100) data-highlighted:bg-(--theme-elevation-100) select-none\"\n          checked={filters.showResolved}\n          onCheckedChange={(checked) => setFilter(\"showResolved\", checked)}\n          onSelect={(e) => e.preventDefault()}>\n          <DropdownMenu.ItemIndicator className=\"w-5 h-5 flex items-center justify-center text-(--theme-text)\">\n            <CheckIcon className=\"w-5 h-5\" />\n          </DropdownMenu.ItemIndicator>\n\n          <span className={filters.showResolved ? \"\" : \"pl-7\"}>{t(\"comments:showResolved\" as never)}</span>\n        </DropdownMenu.CheckboxItem>\n\n        <DropdownMenu.CheckboxItem\n          className=\"flex items-center gap-2 cursor-pointer text-lg px-3 py-1.5 rounded outline-none hover:bg-(--theme-elevation-100) data-highlighted:bg-(--theme-elevation-100) select-none\"\n          checked={filters.onlyMyThreads}\n          onCheckedChange={(checked) => setFilter(\"onlyMyThreads\", checked)}\n          onSelect={(e) => e.preventDefault()}>\n          <DropdownMenu.ItemIndicator className=\"w-5 h-5 flex items-center justify-center text-(--theme-text)\">\n            <CheckIcon className=\"w-5 h-5\" />\n          </DropdownMenu.ItemIndicator>\n\n          <span className={filters.onlyMyThreads ? \"\" : \"pl-7\"}>{t(\"comments:onlyMyThreads\" as never)}</span>\n        </DropdownMenu.CheckboxItem>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n"],"mappings":";AAgBU,cAYF,YAZE;AAdV,YAAY,kBAAkB;AAC9B,SAAS,YAAY,iBAAiB;AACtC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAExB,SAAS,iBAAiB;AAC/B,QAAM,EAAE,SAAS,WAAW,kBAAkB,IAAI,kBAAkB;AACpE,QAAM,EAAE,EAAE,IAAI,eAAe;AAE7B,SACE,qBAAC,aAAa,MAAb,EACC;AAAA,wBAAC,aAAa,SAAb,EAAqB,SAAO,MAC3B,8BAAC,cAAW,OAAO,EAAE,yBAAkC,GAAG,SAAS,WAAW,UAAU,mBACtF,8BAAC,cAAW,OAAO,IAAI,QAAQ,IAAI,GACrC,GACF;AAAA,IAEA;AAAA,MAAC,aAAa;AAAA,MAAb;AAAA,QACC,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,iBAAiB,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAC1C,WAAW;AAAA;AAAA;AAAA;AAAA,QAIX;AAAA;AAAA,YAAC,aAAa;AAAA,YAAb;AAAA,cACC,WAAU;AAAA,cACV,SAAS,QAAQ;AAAA,cACjB,iBAAiB,CAAC,YAAY,UAAU,gBAAgB,OAAO;AAAA,cAC/D,UAAU,CAAC,MAAM,EAAE,eAAe;AAAA,cAClC;AAAA,oCAAC,aAAa,eAAb,EAA2B,WAAU,gEACpC,8BAAC,aAAU,WAAU,WAAU,GACjC;AAAA,gBAEA,oBAAC,UAAK,WAAW,QAAQ,eAAe,KAAK,QAAS,YAAE,uBAAgC,GAAE;AAAA;AAAA;AAAA,UAC5F;AAAA,UAEA;AAAA,YAAC,aAAa;AAAA,YAAb;AAAA,cACC,WAAU;AAAA,cACV,SAAS,QAAQ;AAAA,cACjB,iBAAiB,CAAC,YAAY,UAAU,iBAAiB,OAAO;AAAA,cAChE,UAAU,CAAC,MAAM,EAAE,eAAe;AAAA,cAClC;AAAA,oCAAC,aAAa,eAAb,EAA2B,WAAU,gEACpC,8BAAC,aAAU,WAAU,WAAU,GACjC;AAAA,gBAEA,oBAAC,UAAK,WAAW,QAAQ,gBAAgB,KAAK,QAAS,YAAE,wBAAiC,GAAE;AAAA;AAAA;AAAA,UAC9F;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/CommentsDrawer/components/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsDrawer/components/Header.tsx"],"names":[],"mappings":"AAMA,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,2CAe3C"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsDrawer/components/Header.tsx"],"names":[],"mappings":"AAOA,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,2CAiB3C"}

package/dist/components/CommentsDrawer/components/Header.js

@@ -3,12 +3,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useModal, useTranslation } from "@payloadcms/ui";
 import { XIcon } from "lucide-react";
 import { IconButton } from "../../IconButton";
+import { CommentsFilter } from "./CommentsFilter";
 function Header({ slug }) {
   const { t } = useTranslation();
   const { closeModal } = useModal();
   return /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-10 flex items-center gap-3 py-5 bg-(--theme-bg)", children: [
     /* @__PURE__ */ jsx("h2", { className: "m-0 text-2xl font-bold", children: t("comments:label") }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 ml-auto", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => closeModal(slug), title: t("comments:close"), children: /* @__PURE__ */ jsx(XIcon, { width: 16, height: 16 }) }) })
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
+      /* @__PURE__ */ jsx(CommentsFilter, {}),
+      /* @__PURE__ */ jsx(IconButton, { onClick: () => closeModal(slug), title: t("comments:close"), children: /* @__PURE__ */ jsx(XIcon, { width: 16, height: 16 }) })
+    ] })
   ] });
 }
 export {

package/dist/components/CommentsDrawer/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CommentsDrawer/components/Header.tsx"],"sourcesContent":["\"use client\";\n\nimport { useModal, useTranslation } from \"@payloadcms/ui\";\nimport { XIcon } from \"lucide-react\";\nimport { IconButton } from \"../../IconButton\";\n\ninterface HeaderProps {\n  slug: string;\n}\n\nexport function Header({ slug }: HeaderProps) {\n  const { t } = useTranslation();\n  const { closeModal } = useModal();\n\n  return (\n    <header className=\"sticky top-0 z-10 flex items-center gap-3 py-5 bg-(--theme-bg)\">\n      <h2 className=\"m-0 text-2xl font-bold\">{t(\"comments:label\" as never)}</h2>\n\n      <div className=\"flex items-center gap-2 ml-auto\">\n        <IconButton onClick={() => closeModal(slug)} title={t(\"comments:close\" as never)}>\n          <XIcon width={16} height={16} />\n        </IconButton>\n      </div>\n    </header>\n  );\n}\n"],"mappings":";AAeI,SACE,KADF;AAbJ,SAAS,UAAU,sBAAsB;AACzC,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAMpB,SAAS,OAAO,EAAE,KAAK,GAAgB;AAC5C,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,WAAW,IAAI,SAAS;AAEhC,SACE,qBAAC,YAAO,WAAU,kEAChB;AAAA,wBAAC,QAAG,WAAU,0BAA0B,YAAE,gBAAyB,GAAE;AAAA,IAErE,oBAAC,SAAI,WAAU,mCACb,8BAAC,cAAW,SAAS,MAAM,WAAW,IAAI,GAAG,OAAO,EAAE,gBAAyB,GAC7E,8BAAC,SAAM,OAAO,IAAI,QAAQ,IAAI,GAChC,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/CommentsDrawer/components/Header.tsx"],"sourcesContent":["\"use client\";\n\nimport { useModal, useTranslation } from \"@payloadcms/ui\";\nimport { XIcon } from \"lucide-react\";\nimport { IconButton } from \"../../IconButton\";\nimport { CommentsFilter } from \"./CommentsFilter\";\n\ninterface HeaderProps {\n  slug: string;\n}\n\nexport function Header({ slug }: HeaderProps) {\n  const { t } = useTranslation();\n  const { closeModal } = useModal();\n\n  return (\n    <header className=\"sticky top-0 z-10 flex items-center gap-3 py-5 bg-(--theme-bg)\">\n      <h2 className=\"m-0 text-2xl font-bold\">{t(\"comments:label\" as never)}</h2>\n\n      <div className=\"flex items-center gap-2 ml-auto\">\n        <CommentsFilter />\n\n        <IconButton onClick={() => closeModal(slug)} title={t(\"comments:close\" as never)}>\n          <XIcon width={16} height={16} />\n        </IconButton>\n      </div>\n    </header>\n  );\n}\n"],"mappings":";AAiBM,cAEA,YAFA;AAfN,SAAS,UAAU,sBAAsB;AACzC,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAMxB,SAAS,OAAO,EAAE,KAAK,GAAgB;AAC5C,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,WAAW,IAAI,SAAS;AAEhC,SACE,qBAAC,YAAO,WAAU,kEAChB;AAAA,wBAAC,QAAG,WAAU,0BAA0B,YAAE,gBAAyB,GAAE;AAAA,IAErE,qBAAC,SAAI,WAAU,mCACb;AAAA,0BAAC,kBAAe;AAAA,MAEhB,oBAAC,cAAW,SAAS,MAAM,WAAW,IAAI,GAAG,OAAO,EAAE,gBAAyB,GAC7E,8BAAC,SAAM,OAAO,IAAI,QAAQ,IAAI,GAChC;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/CommentsPanel/components/GlobalView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalView.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/components/GlobalView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAStD,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,2CAkDhE"}
+{"version":3,"file":"GlobalView.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/components/GlobalView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAWtD,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,2CA0DhE"}

package/dist/components/CommentsPanel/components/GlobalView.js

@@ -1,57 +1,64 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useLocale } from "@payloadcms/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useLocale, useTranslation } from "@payloadcms/ui";
 import { useComments } from "../../../providers/CommentsProvider";
+import { useCommentsFilter } from "../../../providers/CommentsFilterProvider";
 import { useDocumentTitlesQuery } from "../../../api/queries/useDocumentTitlesQuery";
 import { groupCommentsGlobally } from "../utils/groupCommentsGlobally";
 import { resolveEntityLabel } from "../utils/resolveEntityLabel";
+import { resolveEmptyCommentsMessageKey } from "../utils/resolveEmptyCommentsMessageKey";
 import { CollapsibleGroup } from "./CollapsibleGroup";
 import { FieldGroupSection } from "./FieldGroupSection";
 import { createCollapsibleGroupKey } from "../utils/createCollapsibleGroupKey";
 function GlobalView({ comments, userId, className }) {
   const { collectionLabels, globalLabels, queryContext } = useComments();
+  const { filters } = useCommentsFilter();
+  const { t } = useTranslation();
   const { data: documentTitles = {} } = useDocumentTitlesQuery(queryContext);
   const { code: locale } = useLocale();
   const groupedComments = groupCommentsGlobally(comments);
-  return /* @__PURE__ */ jsx("div", { className, children: groupedComments.map((entry) => {
-    if (entry.type === "collection") {
-      const { slug: slug2, docs } = entry;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    groupedComments.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-(--theme-elevation-450) text-[13px] text-center py-6 m-0", children: t(`comments:${resolveEmptyCommentsMessageKey(filters)}`) }),
+    groupedComments.map((entry) => {
+      if (entry.type === "collection") {
+        const { slug: slug2, docs } = entry;
+        return /* @__PURE__ */ jsx(
+          CollapsibleGroup,
+          {
+            groupKey: slug2,
+            label: resolveEntityLabel(collectionLabels[slug2], locale, slug2),
+            level: "collection",
+            children: [...docs.entries()].map(([docId, fields2]) => {
+              const title = documentTitles[slug2]?.[String(docId)] ?? String(docId);
+              const documentId = Number(docId);
+              return /* @__PURE__ */ jsx(
+                CollapsibleGroup,
+                {
+                  groupKey: createCollapsibleGroupKey({ collectionSlug: slug2, documentId }),
+                  label: title,
+                  level: "document",
+                  children: /* @__PURE__ */ jsx(FieldGroupSection, { fields: fields2, userId, collectionSlug: slug2, documentId })
+                },
+                docId
+              );
+            })
+          },
+          slug2
+        );
+      }
+      const { slug, fields } = entry;
       return /* @__PURE__ */ jsx(
         CollapsibleGroup,
         {
-          groupKey: slug2,
-          label: resolveEntityLabel(collectionLabels[slug2], locale, slug2),
+          groupKey: slug,
+          label: resolveEntityLabel(globalLabels[slug], locale, slug),
           level: "collection",
-          children: [...docs.entries()].map(([docId, fields2]) => {
-            const title = documentTitles[slug2]?.[String(docId)] ?? String(docId);
-            const documentId = Number(docId);
-            return /* @__PURE__ */ jsx(
-              CollapsibleGroup,
-              {
-                groupKey: createCollapsibleGroupKey({ collectionSlug: slug2, documentId }),
-                label: title,
-                level: "document",
-                children: /* @__PURE__ */ jsx(FieldGroupSection, { fields: fields2, userId, collectionSlug: slug2, documentId })
-              },
-              docId
-            );
-          })
+          children: /* @__PURE__ */ jsx(FieldGroupSection, { fields, userId, globalSlug: slug })
         },
-        slug2
+        slug
       );
-    }
-    const { slug, fields } = entry;
-    return /* @__PURE__ */ jsx(
-      CollapsibleGroup,
-      {
-        groupKey: slug,
-        label: resolveEntityLabel(globalLabels[slug], locale, slug),
-        level: "collection",
-        children: /* @__PURE__ */ jsx(FieldGroupSection, { fields, userId, globalSlug: slug })
-      },
-      slug
-    );
-  }) });
+    })
+  ] });
 }
 export {
   GlobalView

package/dist/components/CommentsPanel/components/GlobalView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CommentsPanel/components/GlobalView.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLocale } from \"@payloadcms/ui\";\nimport type { Comment } from \"../../../types/comment\";\nimport { useComments } from \"../../../providers/CommentsProvider\";\nimport { useDocumentTitlesQuery } from \"../../../api/queries/useDocumentTitlesQuery\";\nimport { groupCommentsGlobally } from \"../utils/groupCommentsGlobally\";\nimport { resolveEntityLabel } from \"../utils/resolveEntityLabel\";\nimport { CollapsibleGroup } from \"./CollapsibleGroup\";\nimport { FieldGroupSection } from \"./FieldGroupSection\";\nimport { createCollapsibleGroupKey } from \"../utils/createCollapsibleGroupKey\";\n\ninterface Props {\n  comments: Comment[];\n  userId: number | null;\n  className: string;\n}\n\nexport function GlobalView({ comments, userId, className }: Props) {\n  const { collectionLabels, globalLabels, queryContext } = useComments();\n  const { data: documentTitles = {} } = useDocumentTitlesQuery(queryContext);\n  const { code: locale } = useLocale();\n  const groupedComments = groupCommentsGlobally(comments);\n\n  return (\n    <div className={className}>\n      {groupedComments.map((entry) => {\n        if (entry.type === \"collection\") {\n          const { slug, docs } = entry;\n\n          return (\n            <CollapsibleGroup\n              key={slug}\n              groupKey={slug}\n              label={resolveEntityLabel(collectionLabels[slug], locale, slug)}\n              level=\"collection\">\n              {[...docs.entries()].map(([docId, fields]) => {\n                const title = documentTitles[slug]?.[String(docId)] ?? String(docId);\n                const documentId = Number(docId);\n\n                return (\n                  <CollapsibleGroup\n                    key={docId}\n                    groupKey={createCollapsibleGroupKey({ collectionSlug: slug, documentId })}\n                    label={title}\n                    level=\"document\">\n                    <FieldGroupSection fields={fields} userId={userId} collectionSlug={slug} documentId={documentId} />\n                  </CollapsibleGroup>\n                );\n              })}\n            </CollapsibleGroup>\n          );\n        }\n\n        const { slug, fields } = entry;\n\n        return (\n          <CollapsibleGroup\n            key={slug}\n            groupKey={slug}\n            label={resolveEntityLabel(globalLabels[slug], locale, slug)}\n            level=\"collection\">\n            <FieldGroupSection fields={fields} userId={userId} globalSlug={slug} />\n          </CollapsibleGroup>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AA8CoB;AA5CpB,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAQnC,SAAS,WAAW,EAAE,UAAU,QAAQ,UAAU,GAAU;AACjE,QAAM,EAAE,kBAAkB,cAAc,aAAa,IAAI,YAAY;AACrE,QAAM,EAAE,MAAM,iBAAiB,CAAC,EAAE,IAAI,uBAAuB,YAAY;AACzE,QAAM,EAAE,MAAM,OAAO,IAAI,UAAU;AACnC,QAAM,kBAAkB,sBAAsB,QAAQ;AAEtD,SACE,oBAAC,SAAI,WACF,0BAAgB,IAAI,CAAC,UAAU;AAC9B,QAAI,MAAM,SAAS,cAAc;AAC/B,YAAM,EAAE,MAAAA,OAAM,KAAK,IAAI;AAEvB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,UAAUA;AAAA,UACV,OAAO,mBAAmB,iBAAiBA,KAAI,GAAG,QAAQA,KAAI;AAAA,UAC9D,OAAM;AAAA,UACL,WAAC,GAAG,KAAK,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,OAAOC,OAAM,MAAM;AAC5C,kBAAM,QAAQ,eAAeD,KAAI,IAAI,OAAO,KAAK,CAAC,KAAK,OAAO,KAAK;AACnE,kBAAM,aAAa,OAAO,KAAK;AAE/B,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,UAAU,0BAA0B,EAAE,gBAAgBA,OAAM,WAAW,CAAC;AAAA,gBACxE,OAAO;AAAA,gBACP,OAAM;AAAA,gBACN,8BAAC,qBAAkB,QAAQC,SAAQ,QAAgB,gBAAgBD,OAAM,YAAwB;AAAA;AAAA,cAJ5F;AAAA,YAKP;AAAA,UAEJ,CAAC;AAAA;AAAA,QAjBIA;AAAA,MAkBP;AAAA,IAEJ;AAEA,UAAM,EAAE,MAAM,OAAO,IAAI;AAEzB,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU;AAAA,QACV,OAAO,mBAAmB,aAAa,IAAI,GAAG,QAAQ,IAAI;AAAA,QAC1D,OAAM;AAAA,QACN,8BAAC,qBAAkB,QAAgB,QAAgB,YAAY,MAAM;AAAA;AAAA,MAJhE;AAAA,IAKP;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["slug","fields"]}
+{"version":3,"sources":["../../../../src/components/CommentsPanel/components/GlobalView.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLocale, useTranslation } from \"@payloadcms/ui\";\nimport type { Comment } from \"../../../types/comment\";\nimport { useComments } from \"../../../providers/CommentsProvider\";\nimport { useCommentsFilter } from \"../../../providers/CommentsFilterProvider\";\nimport { useDocumentTitlesQuery } from \"../../../api/queries/useDocumentTitlesQuery\";\nimport { groupCommentsGlobally } from \"../utils/groupCommentsGlobally\";\nimport { resolveEntityLabel } from \"../utils/resolveEntityLabel\";\nimport { resolveEmptyCommentsMessageKey } from \"../utils/resolveEmptyCommentsMessageKey\";\nimport { CollapsibleGroup } from \"./CollapsibleGroup\";\nimport { FieldGroupSection } from \"./FieldGroupSection\";\nimport { createCollapsibleGroupKey } from \"../utils/createCollapsibleGroupKey\";\n\ninterface Props {\n  comments: Comment[];\n  userId: number | null;\n  className: string;\n}\n\nexport function GlobalView({ comments, userId, className }: Props) {\n  const { collectionLabels, globalLabels, queryContext } = useComments();\n  const { filters } = useCommentsFilter();\n  const { t } = useTranslation();\n  const { data: documentTitles = {} } = useDocumentTitlesQuery(queryContext);\n  const { code: locale } = useLocale();\n  const groupedComments = groupCommentsGlobally(comments);\n\n  return (\n    <div className={className}>\n      {groupedComments.length === 0 && (\n        <div className=\"text-(--theme-elevation-450) text-[13px] text-center py-6 m-0\">\n          {t(`comments:${resolveEmptyCommentsMessageKey(filters)}` as never)}\n        </div>\n      )}\n\n      {groupedComments.map((entry) => {\n        if (entry.type === \"collection\") {\n          const { slug, docs } = entry;\n\n          return (\n            <CollapsibleGroup\n              key={slug}\n              groupKey={slug}\n              label={resolveEntityLabel(collectionLabels[slug], locale, slug)}\n              level=\"collection\">\n              {[...docs.entries()].map(([docId, fields]) => {\n                const title = documentTitles[slug]?.[String(docId)] ?? String(docId);\n                const documentId = Number(docId);\n\n                return (\n                  <CollapsibleGroup\n                    key={docId}\n                    groupKey={createCollapsibleGroupKey({ collectionSlug: slug, documentId })}\n                    label={title}\n                    level=\"document\">\n                    <FieldGroupSection fields={fields} userId={userId} collectionSlug={slug} documentId={documentId} />\n                  </CollapsibleGroup>\n                );\n              })}\n            </CollapsibleGroup>\n          );\n        }\n\n        const { slug, fields } = entry;\n\n        return (\n          <CollapsibleGroup\n            key={slug}\n            groupKey={slug}\n            label={resolveEntityLabel(globalLabels[slug], locale, slug)}\n            level=\"collection\">\n            <FieldGroupSection fields={fields} userId={userId} globalSlug={slug} />\n          </CollapsibleGroup>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AA6BI,SAEI,KAFJ;AA3BJ,SAAS,WAAW,sBAAsB;AAE1C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AACnC,SAAS,sCAAsC;AAC/C,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,iCAAiC;AAQnC,SAAS,WAAW,EAAE,UAAU,QAAQ,UAAU,GAAU;AACjE,QAAM,EAAE,kBAAkB,cAAc,aAAa,IAAI,YAAY;AACrE,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AACtC,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,iBAAiB,CAAC,EAAE,IAAI,uBAAuB,YAAY;AACzE,QAAM,EAAE,MAAM,OAAO,IAAI,UAAU;AACnC,QAAM,kBAAkB,sBAAsB,QAAQ;AAEtD,SACE,qBAAC,SAAI,WACF;AAAA,oBAAgB,WAAW,KAC1B,oBAAC,SAAI,WAAU,iEACZ,YAAE,YAAY,+BAA+B,OAAO,CAAC,EAAW,GACnE;AAAA,IAGD,gBAAgB,IAAI,CAAC,UAAU;AAC9B,UAAI,MAAM,SAAS,cAAc;AAC/B,cAAM,EAAE,MAAAA,OAAM,KAAK,IAAI;AAEvB,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,UAAUA;AAAA,YACV,OAAO,mBAAmB,iBAAiBA,KAAI,GAAG,QAAQA,KAAI;AAAA,YAC9D,OAAM;AAAA,YACL,WAAC,GAAG,KAAK,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,OAAOC,OAAM,MAAM;AAC5C,oBAAM,QAAQ,eAAeD,KAAI,IAAI,OAAO,KAAK,CAAC,KAAK,OAAO,KAAK;AACnE,oBAAM,aAAa,OAAO,KAAK;AAE/B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,UAAU,0BAA0B,EAAE,gBAAgBA,OAAM,WAAW,CAAC;AAAA,kBACxE,OAAO;AAAA,kBACP,OAAM;AAAA,kBACN,8BAAC,qBAAkB,QAAQC,SAAQ,QAAgB,gBAAgBD,OAAM,YAAwB;AAAA;AAAA,gBAJ5F;AAAA,cAKP;AAAA,YAEJ,CAAC;AAAA;AAAA,UAjBIA;AAAA,QAkBP;AAAA,MAEJ;AAEA,YAAM,EAAE,MAAM,OAAO,IAAI;AAEzB,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,UAAU;AAAA,UACV,OAAO,mBAAmB,aAAa,IAAI,GAAG,QAAQ,IAAI;AAAA,UAC1D,OAAM;AAAA,UACN,8BAAC,qBAAkB,QAAgB,QAAgB,YAAY,MAAM;AAAA;AAAA,QAJhE;AAAA,MAKP;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;","names":["slug","fields"]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/index.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,kBAAmB,KAAK,4CA8BjD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentsPanel/index.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,kBAAmB,KAAK,4CAgCjD,CAAC"}

package/dist/components/CommentsPanel/index.js

@@ -9,14 +9,18 @@ import { GlobalView } from "./components/GlobalView";
 import { GlobalDocumentView } from "./components/GlobalDocumentView";
 import { useScrollToTargetFieldGroup } from "./hooks/useScrollToTargetFieldGroup";
 import { filterCommentsByLocale } from "../../utils/comment/filterCommentsByLocale";
+import { applyCommentFilters } from "../../utils/comment/applyCommentFilters";
+import { useCommentsFilter } from "../../providers/CommentsFilterProvider";
 const CommentsPanel = ({ className }) => {
   const { user } = useAuth();
   const { t } = useTranslation();
   const { code: currentLocale } = useLocale();
+  const { filters } = useCommentsFilter();
   const { mode, queryContext } = useComments();
   const { data: allComments = [], isLoading } = useCommentsQuery(queryContext);
   const userId = user?.id ?? null;
-  const visibleComments = filterCommentsByLocale(allComments, currentLocale);
+  const localeFilteredComments = filterCommentsByLocale(allComments, currentLocale);
+  const visibleComments = applyCommentFilters(localeFilteredComments, filters, userId);
   useScrollToTargetFieldGroup();
   if (isLoading && allComments.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: cn(className, "text-(--theme-elevation-450) text-[13px] text-center py-6 m-0"), children: t("comments:loadingComments") });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CommentsPanel/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth, useLocale, useTranslation } from \"@payloadcms/ui\";\nimport { cn } from \"../../utils/general/cn\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { useCommentsQuery } from \"../../api/queries/useCommentsQuery\";\nimport { DocumentView } from \"./components/DocumentView\";\nimport { GlobalView } from \"./components/GlobalView\";\nimport { GlobalDocumentView } from \"./components/GlobalDocumentView\";\nimport { useScrollToTargetFieldGroup } from \"./hooks/useScrollToTargetFieldGroup\";\nimport { filterCommentsByLocale } from \"../../utils/comment/filterCommentsByLocale\";\n\ninterface Props {\n  className: string;\n}\n\nexport const CommentsPanel = ({ className }: Props) => {\n  const { user } = useAuth();\n  const { t } = useTranslation();\n  const { code: currentLocale } = useLocale();\n\n  const { mode, queryContext } = useComments();\n  const { data: allComments = [], isLoading } = useCommentsQuery(queryContext);\n\n  const userId = (user?.id as number) ?? null;\n  const visibleComments = filterCommentsByLocale(allComments, currentLocale);\n\n  useScrollToTargetFieldGroup();\n\n  if (isLoading && allComments.length === 0) {\n    return (\n      <div className={cn(className, \"text-(--theme-elevation-450) text-[13px] text-center py-6 m-0\")}>\n        {t(\"comments:loadingComments\" as never)}\n      </div>\n    );\n  }\n\n  if (mode === \"document\") {\n    return <DocumentView comments={visibleComments} userId={userId} className={cn(className)} />;\n  }\n\n  if (mode === \"global-document\") {\n    return <GlobalDocumentView comments={visibleComments} userId={userId} className={cn(className)} />;\n  }\n\n  return <GlobalView comments={visibleComments} userId={userId} className={cn(className)} />;\n};\n"],"mappings":";AA+BM;AA7BN,SAAS,SAAS,WAAW,sBAAsB;AACnD,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AAMhC,MAAM,gBAAgB,CAAC,EAAE,UAAU,MAAa;AACrD,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,cAAc,IAAI,UAAU;AAE1C,QAAM,EAAE,MAAM,aAAa,IAAI,YAAY;AAC3C,QAAM,EAAE,MAAM,cAAc,CAAC,GAAG,UAAU,IAAI,iBAAiB,YAAY;AAE3E,QAAM,SAAU,MAAM,MAAiB;AACvC,QAAM,kBAAkB,uBAAuB,aAAa,aAAa;AAEzE,8BAA4B;AAE5B,MAAI,aAAa,YAAY,WAAW,GAAG;AACzC,WACE,oBAAC,SAAI,WAAW,GAAG,WAAW,+DAA+D,GAC1F,YAAE,0BAAmC,GACxC;AAAA,EAEJ;AAEA,MAAI,SAAS,YAAY;AACvB,WAAO,oBAAC,gBAAa,UAAU,iBAAiB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAAA,EAC5F;AAEA,MAAI,SAAS,mBAAmB;AAC9B,WAAO,oBAAC,sBAAmB,UAAU,iBAAiB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAAA,EAClG;AAEA,SAAO,oBAAC,cAAW,UAAU,iBAAiB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAC1F;","names":[]}
+{"version":3,"sources":["../../../src/components/CommentsPanel/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth, useLocale, useTranslation } from \"@payloadcms/ui\";\nimport { cn } from \"../../utils/general/cn\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { useCommentsQuery } from \"../../api/queries/useCommentsQuery\";\nimport { DocumentView } from \"./components/DocumentView\";\nimport { GlobalView } from \"./components/GlobalView\";\nimport { GlobalDocumentView } from \"./components/GlobalDocumentView\";\nimport { useScrollToTargetFieldGroup } from \"./hooks/useScrollToTargetFieldGroup\";\nimport { filterCommentsByLocale } from \"../../utils/comment/filterCommentsByLocale\";\nimport { applyCommentFilters } from \"../../utils/comment/applyCommentFilters\";\nimport { useCommentsFilter } from \"../../providers/CommentsFilterProvider\";\n\ninterface Props {\n  className: string;\n}\n\nexport const CommentsPanel = ({ className }: Props) => {\n  const { user } = useAuth();\n  const { t } = useTranslation();\n  const { code: currentLocale } = useLocale();\n  const { filters } = useCommentsFilter();\n\n  const { mode, queryContext } = useComments();\n  const { data: allComments = [], isLoading } = useCommentsQuery(queryContext);\n\n  const userId = (user?.id as number) ?? null;\n  const localeFilteredComments = filterCommentsByLocale(allComments, currentLocale);\n  const visibleComments = applyCommentFilters(localeFilteredComments, filters, userId);\n\n  useScrollToTargetFieldGroup();\n\n  if (isLoading && allComments.length === 0) {\n    return (\n      <div className={cn(className, \"text-(--theme-elevation-450) text-[13px] text-center py-6 m-0\")}>\n        {t(\"comments:loadingComments\" as never)}\n      </div>\n    );\n  }\n\n  if (mode === \"document\") {\n    return <DocumentView comments={visibleComments} userId={userId} className={cn(className)} />;\n  }\n\n  if (mode === \"global-document\") {\n    return <GlobalDocumentView comments={visibleComments} userId={userId} className={cn(className)} />;\n  }\n\n  return <GlobalView comments={visibleComments} userId={userId} className={cn(className)} />;\n};\n"],"mappings":";AAmCM;AAjCN,SAAS,SAAS,WAAW,sBAAsB;AACnD,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,mCAAmC;AAC5C,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAM3B,MAAM,gBAAgB,CAAC,EAAE,UAAU,MAAa;AACrD,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,cAAc,IAAI,UAAU;AAC1C,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AAEtC,QAAM,EAAE,MAAM,aAAa,IAAI,YAAY;AAC3C,QAAM,EAAE,MAAM,cAAc,CAAC,GAAG,UAAU,IAAI,iBAAiB,YAAY;AAE3E,QAAM,SAAU,MAAM,MAAiB;AACvC,QAAM,yBAAyB,uBAAuB,aAAa,aAAa;AAChF,QAAM,kBAAkB,oBAAoB,wBAAwB,SAAS,MAAM;AAEnF,8BAA4B;AAE5B,MAAI,aAAa,YAAY,WAAW,GAAG;AACzC,WACE,oBAAC,SAAI,WAAW,GAAG,WAAW,+DAA+D,GAC1F,YAAE,0BAAmC,GACxC;AAAA,EAEJ;AAEA,MAAI,SAAS,YAAY;AACvB,WAAO,oBAAC,gBAAa,UAAU,iBAAiB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAAA,EAC5F;AAEA,MAAI,SAAS,mBAAmB;AAC9B,WAAO,oBAAC,sBAAmB,UAAU,iBAAiB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAAA,EAClG;AAEA,SAAO,oBAAC,cAAW,UAAU,iBAAiB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAC1F;","names":[]}

package/dist/components/CommentsPanel/utils/resolveEmptyCommentsMessageKey.d.ts

@@ -0,0 +1,5 @@
+import type { CommentsFilters } from "../../../types/filters";
+type EmptyCommentsMessageKey = "noComments" | "noOpenComments" | "noCommentsInMyThreads" | "noOpenCommentsInMyThreads";
+export declare function resolveEmptyCommentsMessageKey(filters: CommentsFilters): EmptyCommentsMessageKey;
+export {};
+//# sourceMappingURL=resolveEmptyCommentsMessageKey.d.ts.map

package/dist/components/CommentsPanel/utils/resolveEmptyCommentsMessageKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveEmptyCommentsMessageKey.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/resolveEmptyCommentsMessageKey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,KAAK,uBAAuB,GAAG,YAAY,GAAG,gBAAgB,GAAG,uBAAuB,GAAG,2BAA2B,CAAC;AAEvH,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,eAAe,GAAG,uBAAuB,CAMhG"}

package/dist/components/CommentsPanel/utils/resolveEmptyCommentsMessageKey.js

@@ -0,0 +1,10 @@
+function resolveEmptyCommentsMessageKey(filters) {
+  if (!filters.showResolved && filters.onlyMyThreads) return "noOpenCommentsInMyThreads";
+  if (!filters.showResolved) return "noOpenComments";
+  if (filters.onlyMyThreads) return "noCommentsInMyThreads";
+  return "noComments";
+}
+export {
+  resolveEmptyCommentsMessageKey
+};
+//# sourceMappingURL=resolveEmptyCommentsMessageKey.js.map

package/dist/components/CommentsPanel/utils/resolveEmptyCommentsMessageKey.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/resolveEmptyCommentsMessageKey.ts"],"sourcesContent":["import type { CommentsFilters } from \"../../../types/filters\";\n\ntype EmptyCommentsMessageKey = \"noComments\" | \"noOpenComments\" | \"noCommentsInMyThreads\" | \"noOpenCommentsInMyThreads\";\n\nexport function resolveEmptyCommentsMessageKey(filters: CommentsFilters): EmptyCommentsMessageKey {\n  if (!filters.showResolved && filters.onlyMyThreads) return \"noOpenCommentsInMyThreads\";\n  if (!filters.showResolved) return \"noOpenComments\";\n  if (filters.onlyMyThreads) return \"noCommentsInMyThreads\";\n\n  return \"noComments\";\n}\n"],"mappings":"AAIO,SAAS,+BAA+B,SAAmD;AAChG,MAAI,CAAC,QAAQ,gBAAgB,QAAQ,cAAe,QAAO;AAC3D,MAAI,CAAC,QAAQ,aAAc,QAAO;AAClC,MAAI,QAAQ,cAAe,QAAO;AAElC,SAAO;AACT;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldCommentLabel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAYrC,UAAU,KAAM,SAAQ,qBAAqB;IAC3C,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,GAAG;QACtC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,kDAsE3E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FieldCommentLabel/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAcrC,UAAU,KAAM,SAAQ,qBAAqB;IAC3C,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,GAAG;QACtC,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,kDA2E3E"}

package/dist/components/FieldCommentLabel/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation, useLocale } from "@payloadcms/ui";
+import { useTranslation, useLocale, useAuth } from "@payloadcms/ui";
 import { MessageSquareIcon, MessageSquarePlus } from "lucide-react";
 import { useComments } from "../../providers/CommentsProvider";
 import { resolveLabel } from "./utils/resolveLabel";
@@ -13,18 +13,24 @@ import { resolveFieldLabel } from "../CommentsPanel/utils/resolveFieldLabel";
 import { useCommentsQuery } from "../../api/queries/useCommentsQuery";
 import { useFieldLabelsQuery } from "../../api/queries/useFieldLabelsQuery";
 import { filterCommentsByLocale } from "../../utils/comment/filterCommentsByLocale";
+import { applyCommentFilters } from "../../utils/comment/applyCommentFilters";
+import { useCommentsFilter } from "../../providers/CommentsFilterProvider";
 function FieldCommentLabel({ field, htmlFor, path: fieldPath }) {
   const { label, required } = field;
   const { t } = useTranslation();
   const { code: locale } = useLocale();
+  const { user } = useAuth();
   const { openForField } = useCommentsDrawer();
   const { mode, queryContext, collectionSlug, documentId, globalSlug } = useComments();
   const { data: allComments = [] } = useCommentsQuery(queryContext);
   const { data: fieldLabelRegistry } = useFieldLabelsQuery(queryContext);
+  const { filters } = useCommentsFilter();
   const resolvedLabel = resolveLabel(label, locale);
   const stablePath = useStablePath(fieldPath ?? "");
+  const userId = user?.id ?? null;
   const localeFiltered = filterCommentsByLocale(allComments, locale);
-  const fieldComments = excludeComments(localeFiltered, stablePath || void 0, locale);
+  const visibleComments = applyCommentFilters(localeFiltered, filters, userId);
+  const fieldComments = excludeComments(visibleComments, stablePath || void 0, locale);
   const openCommentsCount = fieldComments.length;
   const clientBreadcrumb = useFieldBreadcrumb(fieldPath, resolvedLabel, collectionSlug, globalSlug);
   const handleOpenDrawer = () => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FieldCommentLabel/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useTranslation, useLocale } from \"@payloadcms/ui\";\nimport { MessageSquareIcon, MessageSquarePlus } from \"lucide-react\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport type { FieldLabelClientProps } from \"payload\";\nimport type { Label } from \"./types\";\nimport { resolveLabel } from \"./utils/resolveLabel\";\nimport { excludeComments } from \"./utils/exludeComments\";\nimport { useStablePath } from \"./hooks/useStablePath\";\nimport { useFieldBreadcrumb } from \"./hooks/useFieldBreadcrumb\";\nimport { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport { IconButton } from \"../IconButton\";\nimport { resolveFieldLabel } from \"../CommentsPanel/utils/resolveFieldLabel\";\nimport { useCommentsQuery } from \"../../api/queries/useCommentsQuery\";\nimport { useFieldLabelsQuery } from \"../../api/queries/useFieldLabelsQuery\";\nimport { filterCommentsByLocale } from \"../../utils/comment/filterCommentsByLocale\";\n\ninterface Props extends FieldLabelClientProps {\n  field: FieldLabelClientProps[\"field\"] & {\n    label?: Label;\n    required?: boolean;\n  };\n}\n\nexport function FieldCommentLabel({ field, htmlFor, path: fieldPath }: Props) {\n  const { label, required } = field;\n\n  const { t } = useTranslation();\n  const { code: locale } = useLocale();\n\n  const { openForField } = useCommentsDrawer();\n  const { mode, queryContext, collectionSlug, documentId, globalSlug } = useComments();\n  const { data: allComments = [] } = useCommentsQuery(queryContext);\n  const { data: fieldLabelRegistry } = useFieldLabelsQuery(queryContext);\n\n  const resolvedLabel = resolveLabel(label, locale);\n  const stablePath = useStablePath(fieldPath ?? \"\");\n\n  const localeFiltered = filterCommentsByLocale(allComments, locale);\n  const fieldComments = excludeComments(localeFiltered, stablePath || undefined, locale);\n  const openCommentsCount = fieldComments.length;\n\n  const clientBreadcrumb = useFieldBreadcrumb(fieldPath, resolvedLabel, collectionSlug, globalSlug);\n\n  const handleOpenDrawer = () => {\n    if (!stablePath) return;\n\n    const serverLabel = resolveFieldLabel({\n      registry: fieldLabelRegistry ?? {},\n      collectionSlug: collectionSlug ?? undefined,\n      documentId: documentId ?? undefined,\n      globalSlug: globalSlug ?? undefined,\n      fieldPath: stablePath,\n    });\n\n    openForField(stablePath, serverLabel !== stablePath ? serverLabel : clientBreadcrumb);\n  };\n\n  if (!resolvedLabel) return null;\n\n  return (\n    <div className=\"flex items-center gap-1.5 pb-1.25 group\">\n      <label className=\"field-label p-0\" htmlFor={htmlFor}>\n        {resolvedLabel}\n\n        {required && <span className=\"required\">*</span>}\n      </label>\n\n      {fieldPath && (mode === \"document\" || mode === \"global-document\") && (\n        <div className=\"relative flex items-center\">\n          {!!openCommentsCount && (\n            <IconButton\n              className=\"w-auto px-1 gap-1 text-[12px] font-semibold leading-none\"\n              size=\"sm\"\n              title={t(\"comments:openComments\" as never, { count: openCommentsCount })}\n              onClick={handleOpenDrawer}>\n              <MessageSquareIcon size={14} />\n\n              {openCommentsCount}\n            </IconButton>\n          )}\n          {!openCommentsCount && (\n            <IconButton\n              className={\"opacity-0 group-hover:opacity-100 [@media(hover:none)]:opacity-100 transition-opacity\"}\n              size=\"sm\"\n              title={t(\"comments:add\" as never)}\n              onClick={handleOpenDrawer}>\n              <MessageSquarePlus size={14} />\n            </IconButton>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA+DM,SAGe,KAHf;AA7DN,SAAS,gBAAgB,iBAAiB;AAC1C,SAAS,mBAAmB,yBAAyB;AACrD,SAAS,mBAAmB;AAG5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AAShC,SAAS,kBAAkB,EAAE,OAAO,SAAS,MAAM,UAAU,GAAU;AAC5E,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,OAAO,IAAI,UAAU;AAEnC,QAAM,EAAE,aAAa,IAAI,kBAAkB;AAC3C,QAAM,EAAE,MAAM,cAAc,gBAAgB,YAAY,WAAW,IAAI,YAAY;AACnF,QAAM,EAAE,MAAM,cAAc,CAAC,EAAE,IAAI,iBAAiB,YAAY;AAChE,QAAM,EAAE,MAAM,mBAAmB,IAAI,oBAAoB,YAAY;AAErE,QAAM,gBAAgB,aAAa,OAAO,MAAM;AAChD,QAAM,aAAa,cAAc,aAAa,EAAE;AAEhD,QAAM,iBAAiB,uBAAuB,aAAa,MAAM;AACjE,QAAM,gBAAgB,gBAAgB,gBAAgB,cAAc,QAAW,MAAM;AACrF,QAAM,oBAAoB,cAAc;AAExC,QAAM,mBAAmB,mBAAmB,WAAW,eAAe,gBAAgB,UAAU;AAEhG,QAAM,mBAAmB,MAAM;AAC7B,QAAI,CAAC,WAAY;AAEjB,UAAM,cAAc,kBAAkB;AAAA,MACpC,UAAU,sBAAsB,CAAC;AAAA,MACjC,gBAAgB,kBAAkB;AAAA,MAClC,YAAY,cAAc;AAAA,MAC1B,YAAY,cAAc;AAAA,MAC1B,WAAW;AAAA,IACb,CAAC;AAED,iBAAa,YAAY,gBAAgB,aAAa,cAAc,gBAAgB;AAAA,EACtF;AAEA,MAAI,CAAC,cAAe,QAAO;AAE3B,SACE,qBAAC,SAAI,WAAU,2CACb;AAAA,yBAAC,WAAM,WAAU,mBAAkB,SAChC;AAAA;AAAA,MAEA,YAAY,oBAAC,UAAK,WAAU,YAAW,eAAC;AAAA,OAC3C;AAAA,IAEC,cAAc,SAAS,cAAc,SAAS,sBAC7C,qBAAC,SAAI,WAAU,8BACZ;AAAA,OAAC,CAAC,qBACD;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,OAAO,EAAE,yBAAkC,EAAE,OAAO,kBAAkB,CAAC;AAAA,UACvE,SAAS;AAAA,UACT;AAAA,gCAAC,qBAAkB,MAAM,IAAI;AAAA,YAE5B;AAAA;AAAA;AAAA,MACH;AAAA,MAED,CAAC,qBACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,MAAK;AAAA,UACL,OAAO,EAAE,cAAuB;AAAA,UAChC,SAAS;AAAA,UACT,8BAAC,qBAAkB,MAAM,IAAI;AAAA;AAAA,MAC/B;AAAA,OAEJ;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/FieldCommentLabel/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useTranslation, useLocale, useAuth } from \"@payloadcms/ui\";\nimport { MessageSquareIcon, MessageSquarePlus } from \"lucide-react\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport type { FieldLabelClientProps } from \"payload\";\nimport type { Label } from \"./types\";\nimport { resolveLabel } from \"./utils/resolveLabel\";\nimport { excludeComments } from \"./utils/exludeComments\";\nimport { useStablePath } from \"./hooks/useStablePath\";\nimport { useFieldBreadcrumb } from \"./hooks/useFieldBreadcrumb\";\nimport { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport { IconButton } from \"../IconButton\";\nimport { resolveFieldLabel } from \"../CommentsPanel/utils/resolveFieldLabel\";\nimport { useCommentsQuery } from \"../../api/queries/useCommentsQuery\";\nimport { useFieldLabelsQuery } from \"../../api/queries/useFieldLabelsQuery\";\nimport { filterCommentsByLocale } from \"../../utils/comment/filterCommentsByLocale\";\nimport { applyCommentFilters } from \"../../utils/comment/applyCommentFilters\";\nimport { useCommentsFilter } from \"../../providers/CommentsFilterProvider\";\n\ninterface Props extends FieldLabelClientProps {\n  field: FieldLabelClientProps[\"field\"] & {\n    label?: Label;\n    required?: boolean;\n  };\n}\n\nexport function FieldCommentLabel({ field, htmlFor, path: fieldPath }: Props) {\n  const { label, required } = field;\n\n  const { t } = useTranslation();\n  const { code: locale } = useLocale();\n  const { user } = useAuth();\n\n  const { openForField } = useCommentsDrawer();\n  const { mode, queryContext, collectionSlug, documentId, globalSlug } = useComments();\n  const { data: allComments = [] } = useCommentsQuery(queryContext);\n  const { data: fieldLabelRegistry } = useFieldLabelsQuery(queryContext);\n  const { filters } = useCommentsFilter();\n\n  const resolvedLabel = resolveLabel(label, locale);\n  const stablePath = useStablePath(fieldPath ?? \"\");\n\n  const userId = (user?.id as number) ?? null;\n\n  const localeFiltered = filterCommentsByLocale(allComments, locale);\n  const visibleComments = applyCommentFilters(localeFiltered, filters, userId);\n  const fieldComments = excludeComments(visibleComments, stablePath || undefined, locale);\n  const openCommentsCount = fieldComments.length;\n\n  const clientBreadcrumb = useFieldBreadcrumb(fieldPath, resolvedLabel, collectionSlug, globalSlug);\n\n  const handleOpenDrawer = () => {\n    if (!stablePath) return;\n\n    const serverLabel = resolveFieldLabel({\n      registry: fieldLabelRegistry ?? {},\n      collectionSlug: collectionSlug ?? undefined,\n      documentId: documentId ?? undefined,\n      globalSlug: globalSlug ?? undefined,\n      fieldPath: stablePath,\n    });\n\n    openForField(stablePath, serverLabel !== stablePath ? serverLabel : clientBreadcrumb);\n  };\n\n  if (!resolvedLabel) return null;\n\n  return (\n    <div className=\"flex items-center gap-1.5 pb-1.25 group\">\n      <label className=\"field-label p-0\" htmlFor={htmlFor}>\n        {resolvedLabel}\n\n        {required && <span className=\"required\">*</span>}\n      </label>\n\n      {fieldPath && (mode === \"document\" || mode === \"global-document\") && (\n        <div className=\"relative flex items-center\">\n          {!!openCommentsCount && (\n            <IconButton\n              className=\"w-auto px-1 gap-1 text-[12px] font-semibold leading-none\"\n              size=\"sm\"\n              title={t(\"comments:openComments\" as never, { count: openCommentsCount })}\n              onClick={handleOpenDrawer}>\n              <MessageSquareIcon size={14} />\n\n              {openCommentsCount}\n            </IconButton>\n          )}\n          {!openCommentsCount && (\n            <IconButton\n              className={\"opacity-0 group-hover:opacity-100 [@media(hover:none)]:opacity-100 transition-opacity\"}\n              size=\"sm\"\n              title={t(\"comments:add\" as never)}\n              onClick={handleOpenDrawer}>\n              <MessageSquarePlus size={14} />\n            </IconButton>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAsEM,SAGe,KAHf;AApEN,SAAS,gBAAgB,WAAW,eAAe;AACnD,SAAS,mBAAmB,yBAAyB;AACrD,SAAS,mBAAmB;AAG5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AACpC,SAAS,yBAAyB;AAS3B,SAAS,kBAAkB,EAAE,OAAO,SAAS,MAAM,UAAU,GAAU;AAC5E,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,OAAO,IAAI,UAAU;AACnC,QAAM,EAAE,KAAK,IAAI,QAAQ;AAEzB,QAAM,EAAE,aAAa,IAAI,kBAAkB;AAC3C,QAAM,EAAE,MAAM,cAAc,gBAAgB,YAAY,WAAW,IAAI,YAAY;AACnF,QAAM,EAAE,MAAM,cAAc,CAAC,EAAE,IAAI,iBAAiB,YAAY;AAChE,QAAM,EAAE,MAAM,mBAAmB,IAAI,oBAAoB,YAAY;AACrE,QAAM,EAAE,QAAQ,IAAI,kBAAkB;AAEtC,QAAM,gBAAgB,aAAa,OAAO,MAAM;AAChD,QAAM,aAAa,cAAc,aAAa,EAAE;AAEhD,QAAM,SAAU,MAAM,MAAiB;AAEvC,QAAM,iBAAiB,uBAAuB,aAAa,MAAM;AACjE,QAAM,kBAAkB,oBAAoB,gBAAgB,SAAS,MAAM;AAC3E,QAAM,gBAAgB,gBAAgB,iBAAiB,cAAc,QAAW,MAAM;AACtF,QAAM,oBAAoB,cAAc;AAExC,QAAM,mBAAmB,mBAAmB,WAAW,eAAe,gBAAgB,UAAU;AAEhG,QAAM,mBAAmB,MAAM;AAC7B,QAAI,CAAC,WAAY;AAEjB,UAAM,cAAc,kBAAkB;AAAA,MACpC,UAAU,sBAAsB,CAAC;AAAA,MACjC,gBAAgB,kBAAkB;AAAA,MAClC,YAAY,cAAc;AAAA,MAC1B,YAAY,cAAc;AAAA,MAC1B,WAAW;AAAA,IACb,CAAC;AAED,iBAAa,YAAY,gBAAgB,aAAa,cAAc,gBAAgB;AAAA,EACtF;AAEA,MAAI,CAAC,cAAe,QAAO;AAE3B,SACE,qBAAC,SAAI,WAAU,2CACb;AAAA,yBAAC,WAAM,WAAU,mBAAkB,SAChC;AAAA;AAAA,MAEA,YAAY,oBAAC,UAAK,WAAU,YAAW,eAAC;AAAA,OAC3C;AAAA,IAEC,cAAc,SAAS,cAAc,SAAS,sBAC7C,qBAAC,SAAI,WAAU,8BACZ;AAAA,OAAC,CAAC,qBACD;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,OAAO,EAAE,yBAAkC,EAAE,OAAO,kBAAkB,CAAC;AAAA,UACvE,SAAS;AAAA,UACT;AAAA,gCAAC,qBAAkB,MAAM,IAAI;AAAA,YAE5B;AAAA;AAAA;AAAA,MACH;AAAA,MAED,CAAC,qBACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,MAAK;AAAA,UACL,OAAO,EAAE,cAAuB;AAAA,UAChC,SAAS;AAAA,UACT,8BAAC,qBAAkB,MAAM,IAAI;AAAA;AAAA,MAC/B;AAAA,OAEJ;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/IconButton/index.d.ts

@@ -4,9 +4,10 @@ interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
     variant?: "neutral" | "neutralSecondary" | "primary";
     size?: "sm" | "md";
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    isActive?: boolean;
     tabIndex?: number;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
-export declare function IconButton({ className, title, children, variant, size, onClick, tabIndex, ...nativeButtonProps }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ className, title, children, variant, size, isActive, tabIndex, onClick, ...nativeButtonProps }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAsBA,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,iBAAiB,EACrB,EAAE,KAAK,2CAaP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AA4CA,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,iBAAiB,EACrB,EAAE,KAAK,2CAaP"}

package/dist/components/IconButton/index.js

@@ -11,11 +11,33 @@ const variants = cva("flex justify-center items-center p-0 rounded border-none t
     size: {
       sm: "w-[20px] h-[20px]",
       md: "w-[24px] h-[24px]"
+    },
+    isActive: {
+      true: "",
+      false: ""
     }
   },
+  compoundVariants: [
+    {
+      variant: "neutral",
+      isActive: true,
+      class: "text-(--theme-text)"
+    },
+    {
+      variant: "neutralSecondary",
+      isActive: true,
+      class: "text-(--theme-text)"
+    },
+    {
+      variant: "primary",
+      isActive: true,
+      class: "bg-(--theme-elevation-800)"
+    }
+  ],
   defaultVariants: {
     variant: "neutral",
-    size: "md"
+    size: "md",
+    isActive: false
   }
 });
 function IconButton({
@@ -24,14 +46,15 @@ function IconButton({
   children,
   variant,
   size,
-  onClick,
+  isActive,
   tabIndex,
+  onClick,
   ...nativeButtonProps
 }) {
   return /* @__PURE__ */ jsx(
     "button",
     {
-      className: cn(variants({ variant, size }), className),
+      className: cn(variants({ variant, size, isActive }), className),
       type: "button",
       title,
       "aria-label": title,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/IconButton/index.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils/general/cn\";\n\nconst variants = cva(\"flex justify-center items-center p-0 rounded border-none transition-colors cursor-pointer\", {\n  variants: {\n    variant: {\n      neutral: \"bg-transparent hover:bg-(--theme-elevation-50) text-(--theme-elevation-450) hover:text-(--theme-text)\",\n      neutralSecondary:\n        \"bg-(--theme-elevation-100) hover:bg-(--theme-elevation-150) text-(--theme-elevation-600) hover:text-(--theme-text)\",\n      primary: \"bg-(--theme-elevation-1000) hover:bg-(--theme-elevation-800) text-(--theme-elevation-0)\",\n    },\n    size: {\n      sm: \"w-[20px] h-[20px]\",\n      md: \"w-[24px] h-[24px]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"neutral\",\n    size: \"md\",\n  },\n});\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  className?: string;\n  title?: string;\n  children: React.ReactNode;\n  variant?: \"neutral\" | \"neutralSecondary\" | \"primary\";\n  size?: \"sm\" | \"md\";\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  tabIndex?: number;\n}\n\nexport function IconButton({\n  className,\n  title,\n  children,\n  variant,\n  size,\n  onClick,\n  tabIndex,\n  ...nativeButtonProps\n}: Props) {\n  return (\n    <button\n      className={cn(variants({ variant, size }), className)}\n      type=\"button\"\n      title={title}\n      aria-label={title}\n      onClick={onClick}\n      tabIndex={tabIndex}\n      {...nativeButtonProps}>\n      {children}\n    </button>\n  );\n}\n"],"mappings":"AA2CI;AA3CJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,MAAM,WAAW,IAAI,6FAA6F;AAAA,EAChH,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,kBACE;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAYM,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAU;AACR,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACpD,MAAK;AAAA,MACL;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/IconButton/index.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { cn } from \"../../utils/general/cn\";\n\nconst variants = cva(\"flex justify-center items-center p-0 rounded border-none transition-colors cursor-pointer\", {\n  variants: {\n    variant: {\n      neutral: \"bg-transparent hover:bg-(--theme-elevation-50) text-(--theme-elevation-450) hover:text-(--theme-text)\",\n      neutralSecondary:\n        \"bg-(--theme-elevation-100) hover:bg-(--theme-elevation-150) text-(--theme-elevation-600) hover:text-(--theme-text)\",\n      primary: \"bg-(--theme-elevation-1000) hover:bg-(--theme-elevation-800) text-(--theme-elevation-0)\",\n    },\n    size: {\n      sm: \"w-[20px] h-[20px]\",\n      md: \"w-[24px] h-[24px]\",\n    },\n    isActive: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"neutral\",\n      isActive: true,\n      class: \"text-(--theme-text)\",\n    },\n    {\n      variant: \"neutralSecondary\",\n      isActive: true,\n      class: \"text-(--theme-text)\",\n    },\n    {\n      variant: \"primary\",\n      isActive: true,\n      class: \"bg-(--theme-elevation-800)\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"neutral\",\n    size: \"md\",\n    isActive: false,\n  },\n});\n\ninterface Props extends React.HTMLAttributes<HTMLButtonElement> {\n  className?: string;\n  title?: string;\n  children: React.ReactNode;\n  variant?: \"neutral\" | \"neutralSecondary\" | \"primary\";\n  size?: \"sm\" | \"md\";\n  isActive?: boolean;\n  tabIndex?: number;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport function IconButton({\n  className,\n  title,\n  children,\n  variant,\n  size,\n  isActive,\n  tabIndex,\n  onClick,\n  ...nativeButtonProps\n}: Props) {\n  return (\n    <button\n      className={cn(variants({ variant, size, isActive }), className)}\n      type=\"button\"\n      title={title}\n      aria-label={title}\n      onClick={onClick}\n      tabIndex={tabIndex}\n      {...nativeButtonProps}>\n      {children}\n    </button>\n  );\n}\n"],"mappings":"AAmEI;AAnEJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,MAAM,WAAW,IAAI,6FAA6F;AAAA,EAChH,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,kBACE;AAAA,MACF,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAC;AAaM,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAU;AACR,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,SAAS,EAAE,SAAS,MAAM,SAAS,CAAC,GAAG,SAAS;AAAA,MAC9D,MAAK;AAAA,MACL;AAAA,MACA,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/providers/CommentsFilterProvider/index.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import type { CommentsFilters } from "../../types/filters";
+interface CommentsFilterContextProps {
+    filters: CommentsFilters;
+    isAnyFilterActive: boolean;
+    setFilter: (key: keyof CommentsFilters, value: boolean) => void;
+}
+interface Props {
+    children: ReactNode;
+}
+export declare function CommentsFilterProvider({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function useCommentsFilter(): CommentsFilterContextProps;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/CommentsFilterProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsFilterProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAC;AACrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,UAAU,0BAA0B;IAClC,OAAO,EAAE,eAAe,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,eAAe,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACjE;AAID,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAiBzD;AAED,wBAAgB,iBAAiB,+BAMhC"}

package/dist/providers/CommentsFilterProvider/index.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState } from "react";
+const CommentsFilterContext = createContext(null);
+function CommentsFilterProvider({ children }) {
+  const [filters, setFilters] = useState({
+    showResolved: true,
+    onlyMyThreads: true
+  });
+  const setFilter = (key, value) => {
+    setFilters((prev) => ({ ...prev, [key]: value }));
+  };
+  const isAnyFilterActive = useMemo(() => filters.showResolved || filters.onlyMyThreads, [filters]);
+  return /* @__PURE__ */ jsx(CommentsFilterContext.Provider, { value: { filters, isAnyFilterActive, setFilter }, children });
+}
+function useCommentsFilter() {
+  const context = useContext(CommentsFilterContext);
+  if (!context) throw new Error("useCommentsFilter must be used within CommentsFilterProvider");
+  return context;
+}
+export {
+  CommentsFilterProvider,
+  useCommentsFilter
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/CommentsFilterProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/providers/CommentsFilterProvider/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, type ReactNode, useContext, useMemo, useState } from \"react\";\nimport type { CommentsFilters } from \"../../types/filters\";\n\ninterface CommentsFilterContextProps {\n  filters: CommentsFilters;\n  isAnyFilterActive: boolean;\n  setFilter: (key: keyof CommentsFilters, value: boolean) => void;\n}\n\nconst CommentsFilterContext = createContext<CommentsFilterContextProps | null>(null);\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport function CommentsFilterProvider({ children }: Props) {\n  const [filters, setFilters] = useState<CommentsFilters>({\n    showResolved: true,\n    onlyMyThreads: true,\n  });\n\n  const setFilter = (key: keyof CommentsFilters, value: boolean) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const isAnyFilterActive = useMemo(() => filters.showResolved || filters.onlyMyThreads, [filters]);\n\n  return (\n    <CommentsFilterContext.Provider value={{ filters, isAnyFilterActive, setFilter }}>\n      {children}\n    </CommentsFilterContext.Provider>\n  );\n}\n\nexport function useCommentsFilter() {\n  const context = useContext(CommentsFilterContext);\n\n  if (!context) throw new Error(\"useCommentsFilter must be used within CommentsFilterProvider\");\n\n  return context;\n}\n"],"mappings":";AA8BI;AA5BJ,SAAS,eAA+B,YAAY,SAAS,gBAAgB;AAS7E,MAAM,wBAAwB,cAAiD,IAAI;AAM5E,SAAS,uBAAuB,EAAE,SAAS,GAAU;AAC1D,QAAM,CAAC,SAAS,UAAU,IAAI,SAA0B;AAAA,IACtD,cAAc;AAAA,IACd,eAAe;AAAA,EACjB,CAAC;AAED,QAAM,YAAY,CAAC,KAA4B,UAAmB;AAChE,eAAW,CAAC,UAAU,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,EAAE;AAAA,EAClD;AAEA,QAAM,oBAAoB,QAAQ,MAAM,QAAQ,gBAAgB,QAAQ,eAAe,CAAC,OAAO,CAAC;AAEhG,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,SAAS,mBAAmB,UAAU,GAC5E,UACH;AAEJ;AAEO,SAAS,oBAAoB;AAClC,QAAM,UAAU,WAAW,qBAAqB;AAEhD,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,8DAA8D;AAE5F,SAAO;AACT;","names":[]}

package/dist/providers/CommentsProviderWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsProviderWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,kBAAkB,CAAC;AAE1B,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAuB1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsProviderWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQjD,OAAO,kBAAkB,CAAC;AAE1B,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA2B1D"}

package/dist/providers/CommentsProviderWrapper/index.js

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useConfig } from "@payloadcms/ui";
 import { CommentsDrawerProvider } from "../CommentsDrawerProvider";
+import { CommentsFilterProvider } from "../CommentsFilterProvider";
 import { CommentsProvider } from "../CommentsProvider";
 import "../../styles.css";
 function CommentsProviderWrapper({ children }) {
@@ -19,7 +20,7 @@ function CommentsProviderWrapper({ children }) {
   const pluginConfig = config.admin?.custom?.commentsPlugin;
   const usernameFieldRawPath = pluginConfig?.usernameFieldPath;
   const usernameFieldPath = usernameFieldRawPath === "" ? void 0 : usernameFieldRawPath;
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(CommentsProvider, { usernameFieldPath, children: /* @__PURE__ */ jsx(CommentsDrawerProvider, { children }) }) });
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(CommentsProvider, { usernameFieldPath, children: /* @__PURE__ */ jsx(CommentsDrawerProvider, { children: /* @__PURE__ */ jsx(CommentsFilterProvider, { children }) }) }) });
 }
 export {
   CommentsProviderWrapper

package/dist/providers/CommentsProviderWrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/CommentsProviderWrapper/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { useConfig } from \"@payloadcms/ui\";\nimport { CommentsDrawerProvider } from \"../CommentsDrawerProvider\";\nimport { CommentsProvider } from \"../CommentsProvider\";\nimport type { CommentsPluginConfigStorage } from \"../../types\";\n\nimport \"../../styles.css\";\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport function CommentsProviderWrapper({ children }: Props) {\n  const { config } = useConfig();\n  const [queryClient] = useState(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1 },\n          mutations: { retry: 0 },\n        },\n      }),\n  );\n\n  const pluginConfig = config.admin?.custom?.commentsPlugin as CommentsPluginConfigStorage | undefined;\n  const usernameFieldRawPath = pluginConfig?.usernameFieldPath;\n  const usernameFieldPath = usernameFieldRawPath === \"\" ? undefined : usernameFieldRawPath;\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <CommentsProvider usernameFieldPath={usernameFieldPath}>\n        <CommentsDrawerProvider>{children}</CommentsDrawerProvider>\n      </CommentsProvider>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";AAkCQ;AAhCR,SAAS,gBAAgC;AACzC,SAAS,aAAa,2BAA2B;AACjD,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAGjC,OAAO;AAMA,SAAS,wBAAwB,EAAE,SAAS,GAAU;AAC3D,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,CAAC,WAAW,IAAI;AAAA,IACpB,MACE,IAAI,YAAY;AAAA,MACd,gBAAgB;AAAA,QACd,SAAS,EAAE,OAAO,EAAE;AAAA,QACpB,WAAW,EAAE,OAAO,EAAE;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,OAAO,QAAQ;AAC3C,QAAM,uBAAuB,cAAc;AAC3C,QAAM,oBAAoB,yBAAyB,KAAK,SAAY;AAEpE,SACE,oBAAC,uBAAoB,QAAQ,aAC3B,8BAAC,oBAAiB,mBAChB,8BAAC,0BAAwB,UAAS,GACpC,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/providers/CommentsProviderWrapper/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { useConfig } from \"@payloadcms/ui\";\nimport { CommentsDrawerProvider } from \"../CommentsDrawerProvider\";\nimport { CommentsFilterProvider } from \"../CommentsFilterProvider\";\nimport { CommentsProvider } from \"../CommentsProvider\";\nimport type { CommentsPluginConfigStorage } from \"../../types\";\n\nimport \"../../styles.css\";\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport function CommentsProviderWrapper({ children }: Props) {\n  const { config } = useConfig();\n  const [queryClient] = useState(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1 },\n          mutations: { retry: 0 },\n        },\n      }),\n  );\n\n  const pluginConfig = config.admin?.custom?.commentsPlugin as CommentsPluginConfigStorage | undefined;\n  const usernameFieldRawPath = pluginConfig?.usernameFieldPath;\n  const usernameFieldPath = usernameFieldRawPath === \"\" ? undefined : usernameFieldRawPath;\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <CommentsProvider usernameFieldPath={usernameFieldPath}>\n        <CommentsDrawerProvider>\n          <CommentsFilterProvider>\n            {children}\n          </CommentsFilterProvider>\n        </CommentsDrawerProvider>\n      </CommentsProvider>\n    </QueryClientProvider>\n  );\n}\n"],"mappings":";AAoCU;AAlCV,SAAS,gBAAgC;AACzC,SAAS,aAAa,2BAA2B;AACjD,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AAGjC,OAAO;AAMA,SAAS,wBAAwB,EAAE,SAAS,GAAU;AAC3D,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,CAAC,WAAW,IAAI;AAAA,IACpB,MACE,IAAI,YAAY;AAAA,MACd,gBAAgB;AAAA,QACd,SAAS,EAAE,OAAO,EAAE;AAAA,QACpB,WAAW,EAAE,OAAO,EAAE;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACL;AAEA,QAAM,eAAe,OAAO,OAAO,QAAQ;AAC3C,QAAM,uBAAuB,cAAc;AAC3C,QAAM,oBAAoB,yBAAyB,KAAK,SAAY;AAEpE,SACE,oBAAC,uBAAoB,QAAQ,aAC3B,8BAAC,oBAAiB,mBAChB,8BAAC,0BACC,8BAAC,0BACE,UACH,GACF,GACF,GACF;AAEJ;","names":[]}

package/dist/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:""}}}:root,:host{--color-green-500:oklch(72.3% .219 149.579);--color-black:#000;--spacing:.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-29{z-index:29}.m-0{margin:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-px{height:1px}.max-h-32{max-height:calc(var(--spacing) * 32)}.min-h-5{min-height:calc(var(--spacing) * 5)}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-150{max-width:calc(var(--spacing) * 150)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\(--theme-elevation-100\){border-color:var(--theme-elevation-100)}.border-transparent{border-color:#0000}.bg-\(--theme-bg\){background-color:var(--theme-bg)}.bg-\(--theme-elevation-0\){background-color:var(--theme-elevation-0)}.bg-\(--theme-elevation-100\){background-color:var(--theme-elevation-100)}.bg-\(--theme-elevation-150\){background-color:var(--theme-elevation-150)}.bg-\(--theme-elevation-1000\){background-color:var(--theme-elevation-1000)}.bg-\[\#36c5f021\]{background-color:#36c5f021}.bg-\[\#f0be3621\]{background-color:#f0be3621}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-1\.25{padding-bottom:calc(var(--spacing) * 1.25)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.wrap-break-word{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-\(--theme-elevation-0\){color:var(--theme-elevation-0)}.text-\(--theme-elevation-450\){color:var(--theme-elevation-450)}.text-\(--theme-elevation-500\){color:var(--theme-elevation-500)}.text-\(--theme-elevation-600\){color:var(--theme-elevation-600)}.text-\(--theme-text\){color:var(--theme-text)}.text-\[\#1264a3\]{color:#1264a3}.text-\[\#a36e12\]{color:#a36e12}.text-green-500{color:var(--color-green-500)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-\[0_-2px_16px_-2px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 -2px 16px -2px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:flex:is(:where(.group):focus-within *){display:flex}@media (hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.focus-within\:border-\(--theme-elevation-150\):focus-within{border-color:var(--theme-elevation-150)}@media (hover:hover){.hover\:bg-\(--theme-elevation-50\):hover{background-color:var(--theme-elevation-50)}.hover\:bg-\(--theme-elevation-150\):hover{background-color:var(--theme-elevation-150)}.hover\:bg-\(--theme-elevation-800\):hover{background-color:var(--theme-elevation-800)}.hover\:text-\(--theme-text\):hover{color:var(--theme-text)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.\[\&\.is-empty\]\:before\:pointer-events-none.is-empty:before{content:var(--tw-content);pointer-events:none}.\[\&\.is-empty\]\:before\:absolute.is-empty:before{content:var(--tw-content);position:absolute}.\[\&\.is-empty\]\:before\:text-\(--theme-elevation-450\).is-empty:before{content:var(--tw-content);color:var(--theme-elevation-450)}.\[\&\.is-empty\]\:before\:content-\[attr\(data-placeholder\)\].is-empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}@media (hover:none){.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}.comments-drawer .gutter{padding:0 20px!important}.comments-drawer .drawer__content{--gutter-h:1px}.comments-drawer .drawer__blur-bg{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:""}}}:root,:host{--color-green-500:oklch(72.3% .219 149.579);--color-black:#000;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.right-3{right:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-29{z-index:29}.z-50{z-index:50}.m-0{margin:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-9{height:calc(var(--spacing) * 9)}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-px{height:1px}.max-h-32{max-height:calc(var(--spacing) * 32)}.min-h-5{min-height:calc(var(--spacing) * 5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-150{max-width:calc(var(--spacing) * 150)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-55{min-width:calc(var(--spacing) * 55)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\(--theme-border-color\){border-color:var(--theme-border-color)}.border-\(--theme-elevation-100\){border-color:var(--theme-elevation-100)}.border-transparent{border-color:#0000}.bg-\(--theme-bg\){background-color:var(--theme-bg)}.bg-\(--theme-elevation-0\){background-color:var(--theme-elevation-0)}.bg-\(--theme-elevation-100\){background-color:var(--theme-elevation-100)}.bg-\(--theme-elevation-150\){background-color:var(--theme-elevation-150)}.bg-\(--theme-elevation-800\){background-color:var(--theme-elevation-800)}.bg-\(--theme-elevation-1000\){background-color:var(--theme-elevation-1000)}.bg-\[\#36c5f021\]{background-color:#36c5f021}.bg-\[\#f0be3621\]{background-color:#f0be3621}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pb-1\.25{padding-bottom:calc(var(--spacing) * 1.25)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.wrap-break-word{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-\(--theme-elevation-0\){color:var(--theme-elevation-0)}.text-\(--theme-elevation-450\){color:var(--theme-elevation-450)}.text-\(--theme-elevation-500\){color:var(--theme-elevation-500)}.text-\(--theme-elevation-600\){color:var(--theme-elevation-600)}.text-\(--theme-text\){color:var(--theme-text)}.text-\[\#1264a3\]{color:#1264a3}.text-\[\#a36e12\]{color:#a36e12}.text-green-500{color:var(--color-green-500)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-\[0_-2px_16px_-2px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 -2px 16px -2px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:flex:is(:where(.group):focus-within *){display:flex}@media (hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.focus-within\:border-\(--theme-elevation-150\):focus-within{border-color:var(--theme-elevation-150)}@media (hover:hover){.hover\:bg-\(--theme-elevation-50\):hover{background-color:var(--theme-elevation-50)}.hover\:bg-\(--theme-elevation-100\):hover{background-color:var(--theme-elevation-100)}.hover\:bg-\(--theme-elevation-150\):hover{background-color:var(--theme-elevation-150)}.hover\:bg-\(--theme-elevation-800\):hover{background-color:var(--theme-elevation-800)}.hover\:text-\(--theme-text\):hover{color:var(--theme-text)}}.data-highlighted\:bg-\(--theme-elevation-100\)[data-highlighted]{background-color:var(--theme-elevation-100)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.\[\&\.is-empty\]\:before\:pointer-events-none.is-empty:before{content:var(--tw-content);pointer-events:none}.\[\&\.is-empty\]\:before\:absolute.is-empty:before{content:var(--tw-content);position:absolute}.\[\&\.is-empty\]\:before\:text-\(--theme-elevation-450\).is-empty:before{content:var(--tw-content);color:var(--theme-elevation-450)}.\[\&\.is-empty\]\:before\:content-\[attr\(data-placeholder\)\].is-empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}@media (hover:none){.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}.comments-drawer .gutter{padding:0 20px!important}.comments-drawer .drawer__content{--gutter-h:1px}.comments-drawer .drawer__blur-bg{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/dist/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,oBAAoB,CAAA;CA2BhD,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,EAAE,EAAE;IAAE,QAAQ,EAAE,oBAAoB,CAAA;CA2ChD,CAAC"}

package/dist/translations/en.js

@@ -23,7 +23,23 @@ const en = {
     unknownAuthor: "Unknown",
     deletedUser: "Deleted user",
     noMentionMatches: "No matches",
-    loadingComments: "Loading comments\u2026"
+    loadingComments: "Loading comments\u2026",
+    filters: "Filters",
+    filterComments: "Filter comments",
+    showResolved: "Show resolved comments",
+    onlyMyThreads: "Only my threads",
+    commentResolved: "Comment resolved",
+    noComments: "No comments yet",
+    noOpenComments: "No open comments",
+    noCommentsInMyThreads: "No comments in your threads",
+    noOpenCommentsInMyThreads: "No open comments in your threads",
+    deleteComment: {
+      heading: "Confirm deletion",
+      body: "Are you sure you want to delete this comment?",
+      confirm: "Delete",
+      confirming: "Deleting\u2026",
+      cancel: "Cancel"
+    }
   }
 };
 export {

package/dist/translations/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/translations/en.ts"],"sourcesContent":["import type { CommentsTranslations } from \"./types\";\n\nexport const en: { comments: CommentsTranslations } = {\n  comments: {\n    label: \"Comments\",\n    openComments_one: \"{{count}} open comment\",\n    openComments_other: \"{{count}} open comments\",\n    add: \"Add comment\",\n    writeComment: \"Write a comment\",\n    comment: \"Comment\",\n    cancel: \"Cancel\",\n    posting: \"Posting…\",\n    resolve: \"Resolve\",\n    reopen: \"Reopen\",\n    resolved: \"Resolved\",\n    delete: \"Delete\",\n    general: \"General\",\n    close: \"Close\",\n    syncingComments: \"Syncing comments\",\n    openCommentsAria: \"Open comments\",\n    failedToPost: \"Failed to post comment\",\n    failedToUpdate: \"Failed to update comment\",\n    failedToDelete: \"Failed to delete comment\",\n    failedToAdd: \"Failed to add comment\",\n    unknownAuthor: \"Unknown\",\n    deletedUser: \"Deleted user\",\n    noMentionMatches: \"No matches\",\n    loadingComments: \"Loading comments…\",\n  },\n};\n"],"mappings":"AAEO,MAAM,KAAyC;AAAA,EACpD,UAAU;AAAA,IACR,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,KAAK;AAAA,IACL,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACnB;AACF;","names":[]}
+{"version":3,"sources":["../../src/translations/en.ts"],"sourcesContent":["import type { CommentsTranslations } from \"./types\";\n\nexport const en: { comments: CommentsTranslations } = {\n  comments: {\n    label: \"Comments\",\n    openComments_one: \"{{count}} open comment\",\n    openComments_other: \"{{count}} open comments\",\n    add: \"Add comment\",\n    writeComment: \"Write a comment\",\n    comment: \"Comment\",\n    cancel: \"Cancel\",\n    posting: \"Posting…\",\n    resolve: \"Resolve\",\n    reopen: \"Reopen\",\n    resolved: \"Resolved\",\n    delete: \"Delete\",\n    general: \"General\",\n    close: \"Close\",\n    syncingComments: \"Syncing comments\",\n    openCommentsAria: \"Open comments\",\n    failedToPost: \"Failed to post comment\",\n    failedToUpdate: \"Failed to update comment\",\n    failedToDelete: \"Failed to delete comment\",\n    failedToAdd: \"Failed to add comment\",\n    unknownAuthor: \"Unknown\",\n    deletedUser: \"Deleted user\",\n    noMentionMatches: \"No matches\",\n    loadingComments: \"Loading comments…\",\n    filters: \"Filters\",\n    filterComments: \"Filter comments\",\n    showResolved: \"Show resolved comments\",\n    onlyMyThreads: \"Only my threads\",\n    commentResolved: \"Comment resolved\",\n    noComments: \"No comments yet\",\n    noOpenComments: \"No open comments\",\n    noCommentsInMyThreads: \"No comments in your threads\",\n    noOpenCommentsInMyThreads: \"No open comments in your threads\",\n    deleteComment: {\n      heading: \"Confirm deletion\",\n      body: \"Are you sure you want to delete this comment?\",\n      confirm: \"Delete\",\n      confirming: \"Deleting…\",\n      cancel: \"Cancel\",\n    },\n  },\n};\n"],"mappings":"AAEO,MAAM,KAAyC;AAAA,EACpD,UAAU;AAAA,IACR,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,KAAK;AAAA,IACL,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,uBAAuB;AAAA,IACvB,2BAA2B;AAAA,IAC3B,eAAe;AAAA,MACb,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,EACF;AACF;","names":[]}

package/dist/translations/types.d.ts

@@ -23,6 +23,22 @@ export interface CommentsTranslations {
     deletedUser: string;
     noMentionMatches: string;
     loadingComments: string;
+    filters: string;
+    filterComments: string;
+    showResolved: string;
+    onlyMyThreads: string;
+    commentResolved: string;
+    noComments: string;
+    noOpenComments: string;
+    noCommentsInMyThreads: string;
+    noOpenCommentsInMyThreads: string;
+    deleteComment: {
+        heading: string;
+        body: string;
+        confirm: string;
+        confirming: string;
+        cancel: string;
+    };
 }
 export type Translations = Record<string, Partial<CommentsTranslations>>;
 //# sourceMappingURL=types.d.ts.map

package/dist/translations/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/translations/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/translations/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yBAAyB,EAAE,MAAM,CAAC;IAClC,aAAa,EAAE;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC"}

package/dist/types/filters.d.ts

@@ -0,0 +1,5 @@
+export interface CommentsFilters {
+    showResolved: boolean;
+    onlyMyThreads: boolean;
+}
+//# sourceMappingURL=filters.d.ts.map

package/dist/types/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../src/types/filters.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;CACxB"}

package/dist/types/filters.js

@@ -0,0 +1 @@
+//# sourceMappingURL=filters.js.map

package/dist/types/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/comment/applyCommentFilters.d.ts

@@ -0,0 +1,4 @@
+import type { Comment } from "../../types";
+import type { CommentsFilters } from "../../types/filters";
+export declare function applyCommentFilters(comments: Comment[], filters: CommentsFilters, userId: number | null): Comment[];
+//# sourceMappingURL=applyCommentFilters.d.ts.map

package/dist/utils/comment/applyCommentFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyCommentFilters.d.ts","sourceRoot":"","sources":["../../../src/utils/comment/applyCommentFilters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAM3D,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,aAevG"}

package/dist/utils/comment/applyCommentFilters.js

@@ -0,0 +1,19 @@
+function resolveId(value) {
+  return typeof value === "number" ? value : value.id;
+}
+function applyCommentFilters(comments, filters, userId) {
+  return comments.filter((comment) => {
+    if (!filters.showResolved && comment.isResolved) return false;
+    if (filters.onlyMyThreads && userId !== null) {
+      const authorId = resolveId(comment.author);
+      if (authorId === userId) return true;
+      const mentionIds = (comment.mentions ?? []).map((m) => resolveId(m.user));
+      return mentionIds.includes(userId);
+    }
+    return true;
+  });
+}
+export {
+  applyCommentFilters
+};
+//# sourceMappingURL=applyCommentFilters.js.map

package/dist/utils/comment/applyCommentFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/comment/applyCommentFilters.ts"],"sourcesContent":["import type { Comment } from \"../../types\";\nimport type { CommentsFilters } from \"../../types/filters\";\n\nfunction resolveId(value: number | { id: number }): number {\n  return typeof value === \"number\" ? value : value.id;\n}\n\nexport function applyCommentFilters(comments: Comment[], filters: CommentsFilters, userId: number | null) {\n  return comments.filter((comment) => {\n    if (!filters.showResolved && comment.isResolved) return false;\n\n    if (filters.onlyMyThreads && userId !== null) {\n      const authorId = resolveId(comment.author as number | { id: number });\n      if (authorId === userId) return true;\n\n      const mentionIds = (comment.mentions ?? []).map((m) => resolveId(m.user as number | { id: number }));\n\n      return mentionIds.includes(userId);\n    }\n\n    return true;\n  });\n}\n"],"mappings":"AAGA,SAAS,UAAU,OAAwC;AACzD,SAAO,OAAO,UAAU,WAAW,QAAQ,MAAM;AACnD;AAEO,SAAS,oBAAoB,UAAqB,SAA0B,QAAuB;AACxG,SAAO,SAAS,OAAO,CAAC,YAAY;AAClC,QAAI,CAAC,QAAQ,gBAAgB,QAAQ,WAAY,QAAO;AAExD,QAAI,QAAQ,iBAAiB,WAAW,MAAM;AAC5C,YAAM,WAAW,UAAU,QAAQ,MAAiC;AACpE,UAAI,aAAa,OAAQ,QAAO;AAEhC,YAAM,cAAc,QAAQ,YAAY,CAAC,GAAG,IAAI,CAAC,MAAM,UAAU,EAAE,IAA+B,CAAC;AAEnG,aAAO,WAAW,SAAS,MAAM;AAAA,IACnC;AAEA,WAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus-reactive/payload-plugin-comments",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "author": "FocusReactive <ship@focusreactive.com>",
   "keywords": [
@@ -59,6 +59,7 @@
     "format:check": "prettier --check src/"
   },
   "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@tanstack/react-query": "^5.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",