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

package/dist/components/FieldCommentLabel/index.js

@@ -1,63 +1,75 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
 import { useTranslation, useLocale } from "@payloadcms/ui";
-import { MessageSquareIcon } from "lucide-react";
+import { MessageSquareIcon, MessageSquarePlus } from "lucide-react";
 import { useComments } from "../../providers/CommentsProvider";
 import { resolveLabel } from "./utils/resolveLabel";
 import { excludeComments } from "./utils/exludeComments";
 import { useStablePath } from "./hooks/useStablePath";
+import { useFieldBreadcrumb } from "./hooks/useFieldBreadcrumb";
 import { useCommentsDrawer } from "../../providers/CommentsDrawerProvider";
 import { IconButton } from "../IconButton";
-import { AddCommentPopup } from "./AddCommentPopup";
+import { resolveFieldLabel } from "../CommentsPanel/utils/resolveFieldLabel";
+import { useCommentsQuery } from "../../api/queries/useCommentsQuery";
+import { useFieldLabelsQuery } from "../../api/queries/useFieldLabelsQuery";
+import { filterCommentsByLocale } from "../../utils/comment/filterCommentsByLocale";
 function FieldCommentLabel({ field, htmlFor, path: fieldPath }) {
   const { label, required } = field;
   const { t } = useTranslation();
   const { code: locale } = useLocale();
-  const { open: openDrawer, setScrollTargetPath } = useCommentsDrawer();
-  const { visibleComments, setFilter, mode } = useComments();
-  const [isHovered, setIsHovered] = useState(false);
-  const [isPopupOpen, setIsPopupOpen] = useState(false);
+  const { openForField } = useCommentsDrawer();
+  const { mode, queryContext, collectionSlug, documentId, globalSlug } = useComments();
+  const { data: allComments = [] } = useCommentsQuery(queryContext);
+  const { data: fieldLabelRegistry } = useFieldLabelsQuery(queryContext);
   const resolvedLabel = resolveLabel(label, locale);
   const stablePath = useStablePath(fieldPath ?? "");
-  const fieldComments = excludeComments(visibleComments, stablePath || void 0, locale);
+  const localeFiltered = filterCommentsByLocale(allComments, locale);
+  const fieldComments = excludeComments(localeFiltered, stablePath || void 0, locale);
   const openCommentsCount = fieldComments.length;
+  const clientBreadcrumb = useFieldBreadcrumb(fieldPath, resolvedLabel, collectionSlug, globalSlug);
   const handleOpenDrawer = () => {
-    setFilter("open");
-    setScrollTargetPath(stablePath || null);
-    openDrawer();
-  };
-  const handleToggle = (isOpen) => {
-    setIsPopupOpen(isOpen);
+    if (!stablePath) return;
+    const serverLabel = resolveFieldLabel({
+      registry: fieldLabelRegistry ?? {},
+      collectionSlug: collectionSlug ?? void 0,
+      documentId: documentId ?? void 0,
+      globalSlug: globalSlug ?? void 0,
+      fieldPath: stablePath
+    });
+    openForField(stablePath, serverLabel !== stablePath ? serverLabel : clientBreadcrumb);
   };
   if (!resolvedLabel) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center gap-1.5 pb-1.25",
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      children: [
-        /* @__PURE__ */ jsxs("label", { className: "field-label p-0", htmlFor, children: [
-          resolvedLabel,
-          required && /* @__PURE__ */ jsx("span", { className: "required", children: "*" })
-        ] }),
-        fieldPath && (mode === "document" || mode === "global-document") && /* @__PURE__ */ jsx("div", { className: "relative flex items-center", children: openCommentsCount > 0 ? /* @__PURE__ */ jsxs(
-          IconButton,
-          {
-            className: "w-auto px-1 gap-1 text-[12px] font-semibold leading-none",
-            size: "sm",
-            title: t("comments:openComments", { count: openCommentsCount }),
-            onClick: handleOpenDrawer,
-            children: [
-              /* @__PURE__ */ jsx(MessageSquareIcon, { size: 14 }),
-              openCommentsCount
-            ]
-          }
-        ) : /* @__PURE__ */ jsx(AddCommentPopup, { fieldPath: stablePath, showTrigger: isHovered || isPopupOpen, onToggle: handleToggle }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 pb-1.25 group", children: [
+    /* @__PURE__ */ jsxs("label", { className: "field-label p-0", htmlFor, children: [
+      resolvedLabel,
+      required && /* @__PURE__ */ jsx("span", { className: "required", children: "*" })
+    ] }),
+    fieldPath && (mode === "document" || mode === "global-document") && /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+      !!openCommentsCount && /* @__PURE__ */ jsxs(
+        IconButton,
+        {
+          className: "w-auto px-1 gap-1 text-[12px] font-semibold leading-none",
+          size: "sm",
+          title: t("comments:openComments", { count: openCommentsCount }),
+          onClick: handleOpenDrawer,
+          children: [
+            /* @__PURE__ */ jsx(MessageSquareIcon, { size: 14 }),
+            openCommentsCount
+          ]
+        }
+      ),
+      !openCommentsCount && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          className: "opacity-0 group-hover:opacity-100 [@media(hover:none)]:opacity-100 transition-opacity",
+          size: "sm",
+          title: t("comments:add"),
+          onClick: handleOpenDrawer,
+          children: /* @__PURE__ */ jsx(MessageSquarePlus, { size: 14 })
+        }
+      )
+    ] })
+  ] });
 }
 export {
   FieldCommentLabel

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FieldCommentLabel/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { useTranslation, useLocale } from \"@payloadcms/ui\";\nimport { MessageSquareIcon } 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 { useCommentsDrawer } from \"../../providers/CommentsDrawerProvider\";\nimport { IconButton } from \"../IconButton\";\nimport { AddCommentPopup } from \"./AddCommentPopup\";\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 { open: openDrawer, setScrollTargetPath } = useCommentsDrawer();\n  const { visibleComments, setFilter, mode } = useComments();\n\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPopupOpen, setIsPopupOpen] = useState(false);\n\n  const resolvedLabel = resolveLabel(label, locale);\n  const stablePath = useStablePath(fieldPath ?? \"\");\n  const fieldComments = excludeComments(visibleComments, stablePath || undefined, locale);\n  const openCommentsCount = fieldComments.length;\n\n  const handleOpenDrawer = () => {\n    setFilter(\"open\");\n    setScrollTargetPath(stablePath || null);\n    openDrawer();\n  };\n\n  const handleToggle = (isOpen: boolean) => {\n    setIsPopupOpen(isOpen);\n  };\n\n  if (!resolvedLabel) return null;\n\n  return (\n    <div\n      className=\"flex items-center gap-1.5 pb-1.25\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}>\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 > 0 ?\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          : <AddCommentPopup fieldPath={stablePath} showTrigger={isHovered || isPopupOpen} onToggle={handleToggle} />}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAuDM,SAGe,KAHf;AArDN,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,iBAAiB;AAC1C,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAG5B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AASzB,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,MAAM,YAAY,oBAAoB,IAAI,kBAAkB;AACpE,QAAM,EAAE,iBAAiB,WAAW,KAAK,IAAI,YAAY;AAEzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,gBAAgB,aAAa,OAAO,MAAM;AAChD,QAAM,aAAa,cAAc,aAAa,EAAE;AAChD,QAAM,gBAAgB,gBAAgB,iBAAiB,cAAc,QAAW,MAAM;AACtF,QAAM,oBAAoB,cAAc;AAExC,QAAM,mBAAmB,MAAM;AAC7B,cAAU,MAAM;AAChB,wBAAoB,cAAc,IAAI;AACtC,eAAW;AAAA,EACb;AAEA,QAAM,eAAe,CAAC,WAAoB;AACxC,mBAAe,MAAM;AAAA,EACvB;AAEA,MAAI,CAAC,cAAe,QAAO;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MACtC;AAAA,6BAAC,WAAM,WAAU,mBAAkB,SAChC;AAAA;AAAA,UAEA,YAAY,oBAAC,UAAK,WAAU,YAAW,eAAC;AAAA,WAC3C;AAAA,QAEC,cAAc,SAAS,cAAc,SAAS,sBAC7C,oBAAC,SAAI,WAAU,8BACZ,8BAAoB,IACnB;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAO,EAAE,yBAAkC,EAAE,OAAO,kBAAkB,CAAC;AAAA,YACvE,SAAS;AAAA,YACT;AAAA,kCAAC,qBAAkB,MAAM,IAAI;AAAA,cAE5B;AAAA;AAAA;AAAA,QACH,IACA,oBAAC,mBAAgB,WAAW,YAAY,aAAa,aAAa,aAAa,UAAU,cAAc,GAC3G;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"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":[]}

package/dist/components/FieldCommentLabel/utils/exludeComments.js

@@ -1,7 +1,7 @@
 function excludeComments(comments, path, currentLocale) {
   if (!path) return [];
-  return (comments ?? []).filter(({ fieldPath, isResolved, locale }) => {
-    if (fieldPath !== path || isResolved) return false;
+  return (comments ?? []).filter(({ fieldPath, locale }) => {
+    if (fieldPath !== path) return false;
     if (locale && currentLocale && locale !== currentLocale) return false;
     return true;
   });

package/dist/components/FieldCommentLabel/utils/exludeComments.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FieldCommentLabel/utils/exludeComments.ts"],"sourcesContent":["import type { Comment } from \"../../../types\";\n\nexport function excludeComments(comments: Comment[] | null, path: string | undefined, currentLocale?: string | null) {\n  if (!path) return [];\n\n  return (comments ?? []).filter(({ fieldPath, isResolved, locale }) => {\n    if (fieldPath !== path || isResolved) return false;\n\n    if (locale && currentLocale && locale !== currentLocale) return false;\n\n    return true;\n  });\n}\n"],"mappings":"AAEO,SAAS,gBAAgB,UAA4B,MAA0B,eAA+B;AACnH,MAAI,CAAC,KAAM,QAAO,CAAC;AAEnB,UAAQ,YAAY,CAAC,GAAG,OAAO,CAAC,EAAE,WAAW,YAAY,OAAO,MAAM;AACpE,QAAI,cAAc,QAAQ,WAAY,QAAO;AAE7C,QAAI,UAAU,iBAAiB,WAAW,cAAe,QAAO;AAEhE,WAAO;AAAA,EACT,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/components/FieldCommentLabel/utils/exludeComments.ts"],"sourcesContent":["import type { Comment } from \"../../../types\";\n\nexport function excludeComments(comments: Comment[] | null, path: string | undefined, currentLocale?: string | null) {\n  if (!path) return [];\n\n  return (comments ?? []).filter(({ fieldPath, locale }) => {\n    if (fieldPath !== path) return false;\n\n    if (locale && currentLocale && locale !== currentLocale) return false;\n\n    return true;\n  });\n}\n"],"mappings":"AAEO,SAAS,gBAAgB,UAA4B,MAA0B,eAA+B;AACnH,MAAI,CAAC,KAAM,QAAO,CAAC;AAEnB,UAAQ,YAAY,CAAC,GAAG,OAAO,CAAC,EAAE,WAAW,OAAO,MAAM;AACxD,QAAI,cAAc,KAAM,QAAO;AAE/B,QAAI,UAAU,iBAAiB,WAAW,cAAe,QAAO;AAEhE,WAAO;AAAA,EACT,CAAC;AACH;","names":[]}

package/dist/constants.d.ts

@@ -6,4 +6,6 @@ export declare const USERNAME_DEFAULT_FIELD_PATH = "name";
 export declare const FALLBACK_USERNAME = "Unknown user";
 export declare const FALLBACK_DELETED_USERNAME = "Deleted user";
 export declare const EXCLUDED_ADMIN_ROUTES: string[];
+export declare const REFETCH_INTERVAL = 15000;
+export declare const DRAWER_OPENING_TIME = 350;
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAClD,eAAO,MAAM,yBAAyB,mBAAmB,CAAC;AAE1D,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,YAAY,4CAA4C,CAAC;AAEtE,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAChD,eAAO,MAAM,yBAAyB,iBAAiB,CAAC;AAExD,eAAO,MAAM,qBAAqB,UAGjC,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAClD,eAAO,MAAM,yBAAyB,mBAAmB,CAAC;AAE1D,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,YAAY,4CAA4C,CAAC;AAEtE,eAAO,MAAM,2BAA2B,SAAS,CAAC;AAClD,eAAO,MAAM,iBAAiB,iBAAiB,CAAC;AAChD,eAAO,MAAM,yBAAyB,iBAAiB,CAAC;AAExD,eAAO,MAAM,qBAAqB,UAAiD,CAAC;AAEpF,eAAO,MAAM,gBAAgB,QAAQ,CAAC;AAEtC,eAAO,MAAM,mBAAmB,MAAM,CAAC"}

package/dist/constants.js

@@ -5,18 +5,19 @@ const PACKAGE_NAME = "@focus-reactive/payload-plugin-comments";
 const USERNAME_DEFAULT_FIELD_PATH = "name";
 const FALLBACK_USERNAME = "Unknown user";
 const FALLBACK_DELETED_USERNAME = "Deleted user";
-const EXCLUDED_ADMIN_ROUTES = [
-  "/admin/account",
-  "/admin/create-first-user"
-];
+const EXCLUDED_ADMIN_ROUTES = ["/admin/account", "/admin/create-first-user"];
+const REFETCH_INTERVAL = 15e3;
+const DRAWER_OPENING_TIME = 350;
 export {
   COMMENTS_DRAWER_BASE_SLUG,
   DEFAULT_COLLECTION_SLUG,
+  DRAWER_OPENING_TIME,
   EXCLUDED_ADMIN_ROUTES,
   FALLBACK_DELETED_USERNAME,
   FALLBACK_USERNAME,
   PACKAGE_NAME,
   PLUGIN_NAME,
+  REFETCH_INTERVAL,
   USERNAME_DEFAULT_FIELD_PATH
 };
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constants.ts"],"sourcesContent":["export const DEFAULT_COLLECTION_SLUG = \"comments\";\nexport const COMMENTS_DRAWER_BASE_SLUG = \"comments-panel\";\n\nexport const PLUGIN_NAME = \"payload-plugin-comments\";\nexport const PACKAGE_NAME = \"@focus-reactive/payload-plugin-comments\";\n\nexport const USERNAME_DEFAULT_FIELD_PATH = \"name\";\nexport const FALLBACK_USERNAME = \"Unknown user\";\nexport const FALLBACK_DELETED_USERNAME = \"Deleted user\";\n\nexport const EXCLUDED_ADMIN_ROUTES = [\n  '/admin/account',\n  '/admin/create-first-user',\n]\n"],"mappings":"AAAO,MAAM,0BAA0B;AAChC,MAAM,4BAA4B;AAElC,MAAM,cAAc;AACpB,MAAM,eAAe;AAErB,MAAM,8BAA8B;AACpC,MAAM,oBAAoB;AAC1B,MAAM,4BAA4B;AAElC,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AACF;","names":[]}
+{"version":3,"sources":["../src/constants.ts"],"sourcesContent":["export const DEFAULT_COLLECTION_SLUG = \"comments\";\nexport const COMMENTS_DRAWER_BASE_SLUG = \"comments-panel\";\n\nexport const PLUGIN_NAME = \"payload-plugin-comments\";\nexport const PACKAGE_NAME = \"@focus-reactive/payload-plugin-comments\";\n\nexport const USERNAME_DEFAULT_FIELD_PATH = \"name\";\nexport const FALLBACK_USERNAME = \"Unknown user\";\nexport const FALLBACK_DELETED_USERNAME = \"Deleted user\";\n\nexport const EXCLUDED_ADMIN_ROUTES = [\"/admin/account\", \"/admin/create-first-user\"];\n\nexport const REFETCH_INTERVAL = 15000;\n\nexport const DRAWER_OPENING_TIME = 350;\n"],"mappings":"AAAO,MAAM,0BAA0B;AAChC,MAAM,4BAA4B;AAElC,MAAM,cAAc;AACpB,MAAM,eAAe;AAErB,MAAM,8BAA8B;AACpC,MAAM,oBAAoB;AAC1B,MAAM,4BAA4B;AAElC,MAAM,wBAAwB,CAAC,kBAAkB,0BAA0B;AAE3E,MAAM,mBAAmB;AAEzB,MAAM,sBAAsB;","names":[]}

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQpD,eAAO,MAAM,cAAc,YAChB,oBAAoB,KAAQ,MA2DpC,CAAC"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,MAAM,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AASpD,eAAO,MAAM,cAAc,YAChB,oBAAoB,KAAQ,MA+DpC,CAAC"}

package/dist/plugin.js

@@ -5,6 +5,7 @@ import { normalizeCollections } from "./utils/config/normalizeCollections";
 import { mergeTranslations } from "./utils/config/mergeTranslations";
 import { overrideCollections } from "./utils/config/overrideCollections";
 import { overrideGlobals } from "./utils/config/overrideGlobals";
+import { setPayloadConfig } from "./config";
 const commentsPlugin = (config = {}) => (incomingConfig) => {
   const { enabled = true, collections: collectionEntries, overrides, usernameFieldPath } = config;
   if (!enabled) {
@@ -31,8 +32,7 @@ const commentsPlugin = (config = {}) => (incomingConfig) => {
         ...incomingConfig.admin?.components,
         providers: [
           ...incomingConfig.admin?.components?.providers ?? [],
-          getComponentPath("providers/CommentsProviderWrapper", "CommentsProviderWrapper"),
-          getComponentPath("providers/GlobalCommentsLoader", "GlobalCommentsLoader")
+          getComponentPath("providers/CommentsProviderWrapper", "CommentsProviderWrapper")
         ],
         actions: [
           ...incomingConfig.admin?.components?.actions ?? [],
@@ -50,6 +50,10 @@ const commentsPlugin = (config = {}) => (incomingConfig) => {
         }
       }
     },
+    onInit: async (payload) => {
+      setPayloadConfig(payload.config);
+      await incomingConfig.onInit?.(payload);
+    },
     collections: [...overrideCollections(incomingConfig.collections), finalCollection],
     globals: overrideGlobals(incomingConfig.globals)
   };

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import type { Config, Plugin } from \"payload\";\nimport { baseCollection as getBaseCollection } from \"./collection\";\nimport type { CommentsPluginConfig } from \"./types\";\nimport { overrideCommentsCollection } from \"./utils/config/overrideCommentsCollection\";\nimport { getComponentPath } from \"./utils/path/getComponentPath\";\nimport { normalizeCollections } from \"./utils/config/normalizeCollections\";\nimport { mergeTranslations } from \"./utils/config/mergeTranslations\";\nimport { overrideCollections } from \"./utils/config/overrideCollections\";\nimport { overrideGlobals } from \"./utils/config/overrideGlobals\";\n\nexport const commentsPlugin =\n  (config: CommentsPluginConfig = {}): Plugin =>\n  (incomingConfig: Config): Config => {\n    const { enabled = true, collections: collectionEntries, overrides, usernameFieldPath } = config;\n\n    if (!enabled) {\n      return incomingConfig;\n    }\n\n    const baseCollection = getBaseCollection(config.tenant);\n    const finalCollection = overrideCommentsCollection(baseCollection, overrides);\n\n    const allGlobalSlugs = (incomingConfig.globals ?? []).map((g) => g.slug);\n    const allCollectionSlugs = (incomingConfig.collections ?? []).map((c) => c.slug);\n\n    const normalizedCollections = normalizeCollections(collectionEntries);\n    const documentTitleFields =\n      normalizedCollections ?\n        Object.fromEntries([...normalizedCollections.entries()].map(([k, v]) => [k, v.titleField]))\n      : {};\n\n    const userTranslations = config.translations ?? {};\n    const incomingConfigTranslations = (incomingConfig.i18n?.translations as Record<string, object> | undefined) ?? {};\n\n    const mergedTranslations = mergeTranslations(incomingConfigTranslations, userTranslations);\n\n    return {\n      ...incomingConfig,\n      i18n: {\n        ...incomingConfig.i18n,\n        translations: mergedTranslations,\n      },\n      admin: {\n        ...incomingConfig.admin,\n        components: {\n          ...incomingConfig.admin?.components,\n          providers: [\n            ...(incomingConfig.admin?.components?.providers ?? []),\n            getComponentPath(\"providers/CommentsProviderWrapper\", \"CommentsProviderWrapper\"),\n            getComponentPath(\"providers/GlobalCommentsLoader\", \"GlobalCommentsLoader\"),\n          ],\n          actions: [\n            ...(incomingConfig.admin?.components?.actions ?? []),\n            getComponentPath(\"components/CommentsHeaderButton\", \"CommentsHeaderButton\"),\n          ],\n        },\n        custom: {\n          ...incomingConfig.admin?.custom,\n          commentsPlugin: {\n            collections: allCollectionSlugs,\n            documentTitleFields,\n            globals: allGlobalSlugs,\n            tenant: config.tenant,\n            usernameFieldPath,\n          },\n        },\n      },\n      collections: [...overrideCollections(incomingConfig.collections), finalCollection],\n      globals: overrideGlobals(incomingConfig.globals),\n    };\n  };\n"],"mappings":"AACA,SAAS,kBAAkB,yBAAyB;AAEpD,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAEzB,MAAM,iBACX,CAAC,SAA+B,CAAC,MACjC,CAAC,mBAAmC;AAClC,QAAM,EAAE,UAAU,MAAM,aAAa,mBAAmB,WAAW,kBAAkB,IAAI;AAEzF,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,kBAAkB,OAAO,MAAM;AACtD,QAAM,kBAAkB,2BAA2B,gBAAgB,SAAS;AAE5E,QAAM,kBAAkB,eAAe,WAAW,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AACvE,QAAM,sBAAsB,eAAe,eAAe,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAE/E,QAAM,wBAAwB,qBAAqB,iBAAiB;AACpE,QAAM,sBACJ,wBACE,OAAO,YAAY,CAAC,GAAG,sBAAsB,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAC1F,CAAC;AAEL,QAAM,mBAAmB,OAAO,gBAAgB,CAAC;AACjD,QAAM,6BAA8B,eAAe,MAAM,gBAAuD,CAAC;AAEjH,QAAM,qBAAqB,kBAAkB,4BAA4B,gBAAgB;AAEzF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM;AAAA,MACJ,GAAG,eAAe;AAAA,MAClB,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,GAAG,eAAe;AAAA,MAClB,YAAY;AAAA,QACV,GAAG,eAAe,OAAO;AAAA,QACzB,WAAW;AAAA,UACT,GAAI,eAAe,OAAO,YAAY,aAAa,CAAC;AAAA,UACpD,iBAAiB,qCAAqC,yBAAyB;AAAA,UAC/E,iBAAiB,kCAAkC,sBAAsB;AAAA,QAC3E;AAAA,QACA,SAAS;AAAA,UACP,GAAI,eAAe,OAAO,YAAY,WAAW,CAAC;AAAA,UAClD,iBAAiB,mCAAmC,sBAAsB;AAAA,QAC5E;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,GAAG,eAAe,OAAO;AAAA,QACzB,gBAAgB;AAAA,UACd,aAAa;AAAA,UACb;AAAA,UACA,SAAS;AAAA,UACT,QAAQ,OAAO;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,CAAC,GAAG,oBAAoB,eAAe,WAAW,GAAG,eAAe;AAAA,IACjF,SAAS,gBAAgB,eAAe,OAAO;AAAA,EACjD;AACF;","names":[]}
+{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import type { Config, Plugin } from \"payload\";\nimport { baseCollection as getBaseCollection } from \"./collection\";\nimport type { CommentsPluginConfig } from \"./types\";\nimport { overrideCommentsCollection } from \"./utils/config/overrideCommentsCollection\";\nimport { getComponentPath } from \"./utils/path/getComponentPath\";\nimport { normalizeCollections } from \"./utils/config/normalizeCollections\";\nimport { mergeTranslations } from \"./utils/config/mergeTranslations\";\nimport { overrideCollections } from \"./utils/config/overrideCollections\";\nimport { overrideGlobals } from \"./utils/config/overrideGlobals\";\nimport { setPayloadConfig } from \"./config\";\n\nexport const commentsPlugin =\n  (config: CommentsPluginConfig = {}): Plugin =>\n  (incomingConfig: Config): Config => {\n    const { enabled = true, collections: collectionEntries, overrides, usernameFieldPath } = config;\n\n    if (!enabled) {\n      return incomingConfig;\n    }\n\n    const baseCollection = getBaseCollection(config.tenant);\n    const finalCollection = overrideCommentsCollection(baseCollection, overrides);\n\n    const allGlobalSlugs = (incomingConfig.globals ?? []).map((g) => g.slug);\n    const allCollectionSlugs = (incomingConfig.collections ?? []).map((c) => c.slug);\n\n    const normalizedCollections = normalizeCollections(collectionEntries);\n    const documentTitleFields =\n      normalizedCollections ?\n        Object.fromEntries([...normalizedCollections.entries()].map(([k, v]) => [k, v.titleField]))\n      : {};\n\n    const userTranslations = config.translations ?? {};\n    const incomingConfigTranslations = (incomingConfig.i18n?.translations as Record<string, object> | undefined) ?? {};\n\n    const mergedTranslations = mergeTranslations(incomingConfigTranslations, userTranslations);\n\n    return {\n      ...incomingConfig,\n      i18n: {\n        ...incomingConfig.i18n,\n        translations: mergedTranslations,\n      },\n      admin: {\n        ...incomingConfig.admin,\n        components: {\n          ...incomingConfig.admin?.components,\n          providers: [\n            ...(incomingConfig.admin?.components?.providers ?? []),\n            getComponentPath(\"providers/CommentsProviderWrapper\", \"CommentsProviderWrapper\"),\n          ],\n          actions: [\n            ...(incomingConfig.admin?.components?.actions ?? []),\n            getComponentPath(\"components/CommentsHeaderButton\", \"CommentsHeaderButton\"),\n          ],\n        },\n        custom: {\n          ...incomingConfig.admin?.custom,\n          commentsPlugin: {\n            collections: allCollectionSlugs,\n            documentTitleFields,\n            globals: allGlobalSlugs,\n            tenant: config.tenant,\n            usernameFieldPath,\n          },\n        },\n      },\n      onInit: async (payload) => {\n        setPayloadConfig(payload.config);\n\n        await incomingConfig.onInit?.(payload);\n      },\n      collections: [...overrideCollections(incomingConfig.collections), finalCollection],\n      globals: overrideGlobals(incomingConfig.globals),\n    };\n  };\n"],"mappings":"AACA,SAAS,kBAAkB,yBAAyB;AAEpD,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,iBACX,CAAC,SAA+B,CAAC,MACjC,CAAC,mBAAmC;AAClC,QAAM,EAAE,UAAU,MAAM,aAAa,mBAAmB,WAAW,kBAAkB,IAAI;AAEzF,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,kBAAkB,OAAO,MAAM;AACtD,QAAM,kBAAkB,2BAA2B,gBAAgB,SAAS;AAE5E,QAAM,kBAAkB,eAAe,WAAW,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AACvE,QAAM,sBAAsB,eAAe,eAAe,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI;AAE/E,QAAM,wBAAwB,qBAAqB,iBAAiB;AACpE,QAAM,sBACJ,wBACE,OAAO,YAAY,CAAC,GAAG,sBAAsB,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAC1F,CAAC;AAEL,QAAM,mBAAmB,OAAO,gBAAgB,CAAC;AACjD,QAAM,6BAA8B,eAAe,MAAM,gBAAuD,CAAC;AAEjH,QAAM,qBAAqB,kBAAkB,4BAA4B,gBAAgB;AAEzF,SAAO;AAAA,IACL,GAAG;AAAA,IACH,MAAM;AAAA,MACJ,GAAG,eAAe;AAAA,MAClB,cAAc;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,MACL,GAAG,eAAe;AAAA,MAClB,YAAY;AAAA,QACV,GAAG,eAAe,OAAO;AAAA,QACzB,WAAW;AAAA,UACT,GAAI,eAAe,OAAO,YAAY,aAAa,CAAC;AAAA,UACpD,iBAAiB,qCAAqC,yBAAyB;AAAA,QACjF;AAAA,QACA,SAAS;AAAA,UACP,GAAI,eAAe,OAAO,YAAY,WAAW,CAAC;AAAA,UAClD,iBAAiB,mCAAmC,sBAAsB;AAAA,QAC5E;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,GAAG,eAAe,OAAO;AAAA,QACzB,gBAAgB;AAAA,UACd,aAAa;AAAA,UACb;AAAA,UACA,SAAS;AAAA,UACT,QAAQ,OAAO;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,QAAQ,OAAO,YAAY;AACzB,uBAAiB,QAAQ,MAAM;AAE/B,YAAM,eAAe,SAAS,OAAO;AAAA,IACvC;AAAA,IACA,aAAa,CAAC,GAAG,oBAAoB,eAAe,WAAW,GAAG,eAAe;AAAA,IACjF,SAAS,gBAAgB,eAAe,OAAO;AAAA,EACjD;AACF;","names":[]}

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

@@ -1,9 +1,17 @@
 import { type ReactNode } from "react";
+interface PendingField {
+    path: string;
+    label: string;
+}
 interface CommentsDrawerContextProps {
     slug: string;
+    isOpen: boolean;
     scrollTargetPath: string | null;
+    pendingField: PendingField | null;
     open: () => void;
     setScrollTargetPath: (path: string | null) => void;
+    openForField: (path: string, label: string) => void;
+    clearPendingField: () => void;
 }
 interface Props {
     children: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsDrawerProvider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAI5E,UAAU,0BAA0B;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAID,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAiBzD;AAED,wBAAgB,iBAAiB,+BAMhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsDrawerProvider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,SAAS,EAAmC,MAAM,OAAO,CAAC;AAGvF,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,0BAA0B;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAID,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAiCzD;AAED,wBAAgB,iBAAiB,+BAMhC"}

package/dist/providers/CommentsDrawerProvider/index.js

@@ -1,20 +1,36 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useDrawerSlug, useModal } from "@payloadcms/ui";
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useEffect, useState } from "react";
 import { COMMENTS_DRAWER_BASE_SLUG } from "../../constants";
-import { useComments } from "../CommentsProvider";
 const CommentsDrawerContext = createContext(null);
 function CommentsDrawerProvider({ children }) {
   const [scrollTargetPath, setScrollTargetPath] = useState(null);
+  const [pendingField, setPendingField] = useState(null);
   const slug = useDrawerSlug(COMMENTS_DRAWER_BASE_SLUG);
-  const { openModal } = useModal();
-  const { syncComments } = useComments();
+  const { openModal, modalState } = useModal();
+  const isOpen = modalState[slug]?.isOpen ?? false;
   const open = () => {
     openModal(slug);
-    void syncComments();
   };
-  return /* @__PURE__ */ jsx(CommentsDrawerContext.Provider, { value: { slug, scrollTargetPath, open, setScrollTargetPath }, children });
+  const openForField = (path, label) => {
+    setScrollTargetPath(path);
+    setPendingField({ path, label });
+    openModal(slug);
+  };
+  const clearPendingField = () => setPendingField(null);
+  useEffect(() => {
+    if (!isOpen) {
+      setPendingField(null);
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsx(
+    CommentsDrawerContext.Provider,
+    {
+      value: { slug, isOpen, scrollTargetPath, pendingField, open, setScrollTargetPath, openForField, clearPendingField },
+      children
+    }
+  );
 }
 function useCommentsDrawer() {
   const context = useContext(CommentsDrawerContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/CommentsDrawerProvider/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDrawerSlug, useModal } from \"@payloadcms/ui\";\nimport { createContext, type ReactNode, useContext, useState } from \"react\";\nimport { COMMENTS_DRAWER_BASE_SLUG } from \"../../constants\";\nimport { useComments } from \"../CommentsProvider\";\n\ninterface CommentsDrawerContextProps {\n  slug: string;\n  scrollTargetPath: string | null;\n  open: () => void;\n  setScrollTargetPath: (path: string | null) => void;\n}\n\nconst CommentsDrawerContext = createContext<CommentsDrawerContextProps | null>(null);\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport function CommentsDrawerProvider({ children }: Props) {\n  const [scrollTargetPath, setScrollTargetPath] = useState<string | null>(null);\n  const slug = useDrawerSlug(COMMENTS_DRAWER_BASE_SLUG);\n  const { openModal } = useModal();\n  const { syncComments } = useComments();\n\n  const open = () => {\n    openModal(slug);\n\n    void syncComments();\n  };\n\n  return (\n    <CommentsDrawerContext.Provider value={{ slug, scrollTargetPath, open, setScrollTargetPath }}>\n      {children}\n    </CommentsDrawerContext.Provider>\n  );\n}\n\nexport function useCommentsDrawer() {\n  const context = useContext(CommentsDrawerContext);\n\n  if (!context) throw new Error(\"useCommentsDrawer must be used within a CommentsProvider\");\n\n  return context;\n}\n"],"mappings":";AAiCI;AA/BJ,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAA+B,YAAY,gBAAgB;AACpE,SAAS,iCAAiC;AAC1C,SAAS,mBAAmB;AAS5B,MAAM,wBAAwB,cAAiD,IAAI;AAM5E,SAAS,uBAAuB,EAAE,SAAS,GAAU;AAC1D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAwB,IAAI;AAC5E,QAAM,OAAO,cAAc,yBAAyB;AACpD,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,QAAM,EAAE,aAAa,IAAI,YAAY;AAErC,QAAM,OAAO,MAAM;AACjB,cAAU,IAAI;AAEd,SAAK,aAAa;AAAA,EACpB;AAEA,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,MAAM,kBAAkB,MAAM,oBAAoB,GACxF,UACH;AAEJ;AAEO,SAAS,oBAAoB;AAClC,QAAM,UAAU,WAAW,qBAAqB;AAEhD,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,0DAA0D;AAExF,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/providers/CommentsDrawerProvider/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDrawerSlug, useModal } from \"@payloadcms/ui\";\nimport { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport { COMMENTS_DRAWER_BASE_SLUG } from \"../../constants\";\n\ninterface PendingField {\n  path: string;\n  label: string;\n}\n\ninterface CommentsDrawerContextProps {\n  slug: string;\n  isOpen: boolean;\n  scrollTargetPath: string | null;\n  pendingField: PendingField | null;\n  open: () => void;\n  setScrollTargetPath: (path: string | null) => void;\n  openForField: (path: string, label: string) => void;\n  clearPendingField: () => void;\n}\n\nconst CommentsDrawerContext = createContext<CommentsDrawerContextProps | null>(null);\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport function CommentsDrawerProvider({ children }: Props) {\n  const [scrollTargetPath, setScrollTargetPath] = useState<string | null>(null);\n  const [pendingField, setPendingField] = useState<PendingField | null>(null);\n\n  const slug = useDrawerSlug(COMMENTS_DRAWER_BASE_SLUG);\n  const { openModal, modalState } = useModal();\n\n  const isOpen = modalState[slug]?.isOpen ?? false;\n\n  const open = () => {\n    openModal(slug);\n  };\n\n  const openForField = (path: string, label: string) => {\n    setScrollTargetPath(path);\n    setPendingField({ path, label });\n    openModal(slug);\n  };\n\n  const clearPendingField = () => setPendingField(null);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setPendingField(null);\n    }\n  }, [isOpen]);\n\n  return (\n    <CommentsDrawerContext.Provider\n      value={{ slug, isOpen, scrollTargetPath, pendingField, open, setScrollTargetPath, openForField, clearPendingField }}>\n      {children}\n    </CommentsDrawerContext.Provider>\n  );\n}\n\nexport function useCommentsDrawer() {\n  const context = useContext(CommentsDrawerContext);\n\n  if (!context) throw new Error(\"useCommentsDrawer must be used within a CommentsProvider\");\n\n  return context;\n}\n"],"mappings":";AAwDI;AAtDJ,SAAS,eAAe,gBAAgB;AACxC,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AAC/E,SAAS,iCAAiC;AAkB1C,MAAM,wBAAwB,cAAiD,IAAI;AAM5E,SAAS,uBAAuB,EAAE,SAAS,GAAU;AAC1D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAwB,IAAI;AAC5E,QAAM,CAAC,cAAc,eAAe,IAAI,SAA8B,IAAI;AAE1E,QAAM,OAAO,cAAc,yBAAyB;AACpD,QAAM,EAAE,WAAW,WAAW,IAAI,SAAS;AAE3C,QAAM,SAAS,WAAW,IAAI,GAAG,UAAU;AAE3C,QAAM,OAAO,MAAM;AACjB,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,eAAe,CAAC,MAAc,UAAkB;AACpD,wBAAoB,IAAI;AACxB,oBAAgB,EAAE,MAAM,MAAM,CAAC;AAC/B,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,oBAAoB,MAAM,gBAAgB,IAAI;AAEpD,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,OAAO,EAAE,MAAM,QAAQ,kBAAkB,cAAc,MAAM,qBAAqB,cAAc,kBAAkB;AAAA,MACjH;AAAA;AAAA,EACH;AAEJ;AAEO,SAAS,oBAAoB;AAClC,QAAM,UAAU,WAAW,qBAAqB;AAEhD,MAAI,CAAC,QAAS,OAAM,IAAI,MAAM,0DAA0D;AAExF,SAAO;AACT;","names":[]}

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

@@ -1,33 +1,23 @@
-import { type Dispatch, type ReactNode, type SetStateAction } from "react";
-import type { Comment, EntityLabelsMap, User } from "../../types";
-import type { FilterMode, GlobalFieldLabelRegistry, LoadingStatus, DocumentTitles, Mode } from "../../types";
+import { type ReactNode } from "react";
+import type { EntityLabelsMap } from "../../types";
+import type { QueryContext } from "../../types";
+import type { Mode } from "../../types";
 interface MutationResult {
     success: boolean;
     error?: string;
 }
 interface CommentsContextProps {
-    allComments: Comment[];
-    visibleComments: Comment[];
-    documentTitles: DocumentTitles;
-    collectionLabels: EntityLabelsMap;
-    globalLabels: EntityLabelsMap;
     mode: Mode;
     collectionSlug: string | null | undefined;
     documentId: number | null | undefined;
     globalSlug: string | null;
-    mentionUsers: User[];
-    loadError: boolean;
-    filter: FilterMode;
-    fieldLabelRegistry: GlobalFieldLabelRegistry;
-    syncCommentsStatus: LoadingStatus;
+    queryContext: QueryContext;
+    collectionLabels: EntityLabelsMap;
+    globalLabels: EntityLabelsMap;
     usernameFieldPath: string | undefined;
-    setFilter: Dispatch<SetStateAction<FilterMode>>;
-    hydrateComments: (incoming?: Comment[], incomingTitles?: DocumentTitles, incomingMentionUsers?: User[], fieldLabels?: GlobalFieldLabelRegistry, incomingCollectionLabels?: EntityLabelsMap, nextLoadError?: boolean, incomingGlobalLabels?: EntityLabelsMap) => void;
-    syncComments: () => Promise<void>;
     addComment: (text: string, fieldPath?: string | null, documentId?: number, collectionSlug?: string, locale?: string | null, globalSlugOverride?: string) => Promise<MutationResult>;
     removeComment: (id: string | number) => Promise<MutationResult>;
     resolveComment: (id: string | number, resolved: boolean) => Promise<MutationResult>;
-    updateDocumentTitle: (collectionSlug: string, documentId: string, value: string) => void;
 }
 interface Props {
     children: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,cAAc,EAKpB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAKlE,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,aAAa,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAqB7G,UAAU,cAAc;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,oBAAoB;IAC5B,WAAW,EAAE,OAAO,EAAE,CAAC;IACvB,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,eAAe,CAAC;IAC9B,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,kBAAkB,EAAE,wBAAwB,CAAC;IAC7C,kBAAkB,EAAE,aAAa,CAAC;IAClC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;IAChD,eAAe,EAAE,CACf,QAAQ,CAAC,EAAE,OAAO,EAAE,EACpB,cAAc,CAAC,EAAE,cAAc,EAC/B,oBAAoB,CAAC,EAAE,IAAI,EAAE,EAC7B,WAAW,CAAC,EAAE,wBAAwB,EACtC,wBAAwB,CAAC,EAAE,eAAe,EAC1C,aAAa,CAAC,EAAE,OAAO,EACvB,oBAAoB,CAAC,EAAE,eAAe,KACnC,IAAI,CAAC;IACV,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,UAAU,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,EACzB,UAAU,CAAC,EAAE,MAAM,EACnB,cAAc,CAAC,EAAE,MAAM,EACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EACtB,kBAAkB,CAAC,EAAE,MAAM,KACxB,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAChE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACpF,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1F;AAID,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,KAAK,2CA4PtE;AAED,wBAAgB,WAAW,yBAM1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/CommentsProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,eAAe,EAAwC,MAAM,aAAa,CAAC;AACzF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAUhD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,UAAU,cAAc;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,eAAe,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,UAAU,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,EACzB,UAAU,CAAC,EAAE,MAAM,EACnB,cAAc,CAAC,EAAE,MAAM,EACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,EACtB,kBAAkB,CAAC,EAAE,MAAM,KACxB,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAChE,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;CACrF;AAID,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,KAAK,2CA8ItE;AAED,wBAAgB,WAAW,yBAM1B"}