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

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,5 @@ 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;
 //# 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"}

package/dist/constants.js

@@ -5,10 +5,8 @@ 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;
 export {
   COMMENTS_DRAWER_BASE_SLUG,
   DEFAULT_COLLECTION_SLUG,
@@ -17,6 +15,7 @@ export {
   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"],"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;","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"}

package/dist/providers/CommentsProvider/index.js

@@ -1,225 +1,134 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useOptimistic,
-  useState
-} from "react";
-import { useAuth, useLocale } from "@payloadcms/ui";
+import { createContext, useCallback, useContext } from "react";
+import { useAuth, useConfig } from "@payloadcms/ui";
 import { usePathname } from "next/navigation";
-import { createComment } from "../../services/createComment";
-import { deleteComment } from "../../services/deleteComment";
-import { resolveComment as resolveCommentService } from "../../services/resolveComment";
-import { syncAllCommentsData } from "../../services/syncAllCommentsData";
-import { parseMentionIds } from "../../utils/mention/parseMentionIds";
+import { toQueryContext } from "../../utils/query/toQueryContext";
 import { defineModeByPathname } from "../../utils/mode/defineModeByPathname";
-import { extractVisibleComments } from "../../utils/comment/extractVisibleComments";
-function optimisticReducer(state, action) {
-  switch (action.type) {
-    case "add":
-      return [action.comment, ...state];
-    case "remove":
-      return state.filter(({ id }) => id !== action.id);
-    case "update":
-      return state.map((c) => c.id === action.comment.id ? action.comment : c);
-  }
-}
+import { getEntitiesLabels } from "../../services/getEntitiesLabels";
+import { parseMentionIds } from "../../utils/mention/parseMentionIds";
+import { getDefaultErrorMessage } from "../../utils/error/getDefaultErrorMessage";
+import { useAddCommentMutation } from "../../api/mutations/useAddCommentMutation";
+import { useDeleteCommentMutation } from "../../api/mutations/useDeleteCommentMutation";
+import { useResolveCommentMutation } from "../../api/mutations/useResolveCommentMutation";
 const CommentsContext = createContext(null);
 function CommentsProvider({ children, usernameFieldPath }) {
   const { user } = useAuth();
   const pathname = usePathname();
-  const { code: currentLocale } = useLocale();
-  const [allComments, setAllComments] = useState([]);
-  const [optimisticComments, applyOptimistic] = useOptimistic(
-    allComments,
-    optimisticReducer
-  );
-  const [documentTitles, setDocumentTitles] = useState({});
-  const [collectionLabels, setCollectionLabels] = useState({});
-  const [globalLabels, setGlobalLabels] = useState({});
-  const [mentionUsers, setMentionUsers] = useState([]);
-  const [fieldLabelRegistry, setFieldLabelRegistry] = useState({});
-  const [filter, setFilter] = useState("open");
-  const [loadError, setLoadError] = useState(false);
-  const [syncCommentsStatus, setSyncCommentsStatus] = useState("idle");
+  const { config } = useConfig();
   const { mode, collectionSlug, documentId, globalSlug } = defineModeByPathname(pathname);
-  const visibleComments = extractVisibleComments({
-    comments: optimisticComments,
-    mode,
-    collectionSlug,
-    documentId,
-    globalSlug,
-    currentLocale
-  });
-  const hydrateComments = useCallback(
-    (incoming, incomingTitles, incomingMentionUsers, fieldLabels, incomingCollectionLabels, nextLoadError = false, incomingGlobalLabels) => {
-      if (incoming !== void 0) {
-        setAllComments(incoming);
-      }
-      if (incomingTitles) {
-        setDocumentTitles(incomingTitles);
-      }
-      if (incomingMentionUsers) {
-        setMentionUsers(incomingMentionUsers);
-      }
-      if (fieldLabels) {
-        setFieldLabelRegistry(fieldLabels);
+  const queryContext = toQueryContext(mode, collectionSlug, documentId, globalSlug);
+  const pluginConfig = config.admin?.custom?.commentsPlugin;
+  const collectionLabels = getEntitiesLabels(
+    config.collections ?? [],
+    pluginConfig?.collections ?? []
+  );
+  const globalLabels = getEntitiesLabels(
+    config.globals ?? [],
+    pluginConfig?.globals ?? []
+  );
+  const addMutation = useAddCommentMutation();
+  const deleteMutation = useDeleteCommentMutation();
+  const resolveMutation = useResolveCommentMutation();
+  const addComment = useCallback(
+    async (text, fieldPath, documentIdOverride, collectionSlugOverride, locale, globalSlugOverride) => {
+      const resolvedGlobalSlug = globalSlugOverride ?? (mode === "global-document" ? globalSlug : null);
+      const resolvedDocId = documentIdOverride ?? documentId;
+      const resolvedSlug = collectionSlugOverride ?? collectionSlug;
+      if (!resolvedGlobalSlug && (!resolvedDocId || !resolvedSlug)) {
+        return {
+          success: false,
+          error: "No document registered"
+        };
       }
-      if (incomingCollectionLabels) {
-        setCollectionLabels(incomingCollectionLabels);
+      try {
+        const res = await addMutation.mutateAsync({
+          ctx: queryContext,
+          text,
+          fieldPath: fieldPath ?? null,
+          documentId: resolvedGlobalSlug ? null : resolvedDocId,
+          collectionSlug: resolvedGlobalSlug ? null : resolvedSlug,
+          globalSlug: resolvedGlobalSlug ?? null,
+          locale: locale ?? null,
+          mentionIds: parseMentionIds(text),
+          currentUser: user
+        });
+        if (!res.success)
+          return {
+            success: false,
+            error: res.error
+          };
+        return { success: true };
+      } catch (e) {
+        return {
+          success: false,
+          error: getDefaultErrorMessage(e)
+        };
       }
-      if (incomingGlobalLabels) {
-        setGlobalLabels(incomingGlobalLabels);
+    },
+    [addMutation, mode, globalSlug, documentId, collectionSlug, queryContext, user]
+  );
+  const removeComment = useCallback(
+    async (id) => {
+      try {
+        const res = await deleteMutation.mutateAsync({
+          ctx: queryContext,
+          commentId: id
+        });
+        if (!res.success)
+          return {
+            success: false,
+            error: res.error
+          };
+        return { success: true };
+      } catch (e) {
+        return {
+          success: false,
+          error: getDefaultErrorMessage(e)
+        };
       }
-      setLoadError(nextLoadError);
     },
-    []
+    [deleteMutation, queryContext]
   );
-  const addComment = async (text, fieldPath, documentIdOverride, collectionSlugOverride, locale, globalSlugOverride) => {
-    const resolvedGlobalSlug = globalSlugOverride ?? (mode === "global-document" ? globalSlug : null);
-    const resolvedDocId = documentIdOverride ?? documentId;
-    const resolvedSlug = collectionSlugOverride ?? collectionSlug;
-    if (!resolvedGlobalSlug && (!resolvedDocId || !resolvedSlug)) {
-      return {
-        success: false,
-        error: "No document registered"
-      };
-    }
-    const tempId = -Date.now();
-    const mentionIds = parseMentionIds(text);
-    const selectedMentionUsers = mentionUsers.filter(({ id }) => mentionIds.includes(id));
-    const mentions = selectedMentionUsers.map((user2) => ({ id: null, user: user2 }));
-    const optimisticComment = {
-      id: tempId,
-      text,
-      fieldPath,
-      locale: locale ?? null,
-      documentId: resolvedGlobalSlug ? null : resolvedDocId,
-      collectionSlug: resolvedGlobalSlug ? null : resolvedSlug,
-      globalSlug: resolvedGlobalSlug ?? null,
-      isResolved: false,
-      mentions,
-      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-      author: user
-    };
-    applyOptimistic({ type: "add", comment: optimisticComment });
-    const result = await createComment({
-      documentId: resolvedGlobalSlug ? null : resolvedDocId,
-      collectionSlug: resolvedGlobalSlug ? null : resolvedSlug,
-      globalSlug: resolvedGlobalSlug,
-      text,
-      fieldPath,
-      mentionIds,
-      locale
-    });
-    if (result.success) {
-      applyOptimistic({ type: "remove", id: tempId });
-      setAllComments((prev) => [result.data, ...prev.filter((c) => c.id !== tempId)]);
-      return { success: true };
-    }
-    return {
-      success: false,
-      error: result.error
-    };
-  };
-  const removeComment = async (id) => {
-    applyOptimistic({ type: "remove", id });
-    const result = await deleteComment(id);
-    if (result.success) {
-      setAllComments((prev) => prev.filter((c) => c.id !== id));
-      return { success: true };
-    }
-    return {
-      success: false,
-      error: result.error
-    };
-  };
-  const syncComments = async () => {
-    setSyncCommentsStatus("loading");
-    const allCommentsDataResult = await syncAllCommentsData({ locale: currentLocale });
-    if (!allCommentsDataResult.success) {
-      setSyncCommentsStatus("error");
-      return;
-    }
-    const {
-      comments,
-      documentTitles: documentTitles2,
-      mentionUsers: mentionUsers2,
-      fieldLabels,
-      collectionLabels: syncedLabels,
-      globalLabels: syncedGlobalLabels
-    } = allCommentsDataResult.data;
-    setAllComments((prev) => {
-      const serverIds = new Set(comments.map((c) => c.id));
-      const localOnly = prev.filter((c) => c.id > 0 && !serverIds.has(c.id));
-      return [...localOnly, ...comments];
-    });
-    setDocumentTitles(documentTitles2);
-    setMentionUsers(mentionUsers2);
-    setFieldLabelRegistry(fieldLabels);
-    setCollectionLabels(syncedLabels);
-    setGlobalLabels(syncedGlobalLabels);
-    setSyncCommentsStatus("success");
-  };
-  const resolveComment = async (id, resolved) => {
-    const existing = optimisticComments.find((c) => c.id === id);
-    if (existing) {
-      applyOptimistic({
-        type: "update",
-        comment: {
-          ...existing,
-          isResolved: resolved
-        }
-      });
-    }
-    const result = await resolveCommentService(id, resolved);
-    if (result.success) {
-      setAllComments((prev) => prev.map((c) => c.id === id ? result.data : c));
-      return { success: true };
-    }
-    return {
-      success: false,
-      error: result.error
-    };
-  };
-  const updateDocumentTitle = (collectionSlug2, documentId2, value) => {
-    setDocumentTitles((prev) => ({
-      ...prev,
-      [collectionSlug2]: {
-        ...prev[collectionSlug2],
-        [documentId2]: value
+  const resolveComment = useCallback(
+    async (id, resolved) => {
+      try {
+        const res = await resolveMutation.mutateAsync({
+          ctx: queryContext,
+          commentId: id,
+          resolved,
+          currentUser: user
+        });
+        if (!res.success)
+          return {
+            success: false,
+            error: res.error
+          };
+        return { success: true };
+      } catch (e) {
+        return {
+          success: false,
+          error: getDefaultErrorMessage(e)
+        };
       }
-    }));
-  };
+    },
+    [resolveMutation, queryContext, user]
+  );
   return /* @__PURE__ */ jsx(
     CommentsContext.Provider,
     {
       value: {
-        allComments: optimisticComments,
-        visibleComments,
-        documentTitles,
-        collectionLabels,
-        globalLabels,
         mode,
         collectionSlug,
         documentId,
         globalSlug,
-        mentionUsers,
-        loadError,
-        filter,
-        fieldLabelRegistry,
-        syncCommentsStatus,
+        queryContext,
+        collectionLabels,
+        globalLabels,
         usernameFieldPath,
-        setFilter,
-        hydrateComments,
-        syncComments,
         addComment,
         removeComment,
-        resolveComment,
-        updateDocumentTitle
+        resolveComment
       },
       children
     }