@focus-reactive/payload-plugin-comments 1.0.0

package/dist/components/FieldCommentLabel/index.js

@@ -0,0 +1,64 @@
+"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 { useComments } from "../../providers/CommentsProvider";
+import { resolveLabel } from "./utils/resolveLabel";
+import { excludeComments } from "./utils/exludeComments";
+import { useStablePath } from "./hooks/useStablePath";
+import { useCommentsDrawer } from "../../providers/CommentsDrawerProvider";
+import { IconButton } from "../IconButton";
+import { AddCommentPopup } from "./AddCommentPopup";
+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 resolvedLabel = resolveLabel(label, locale);
+  const stablePath = useStablePath(fieldPath ?? "");
+  const fieldComments = excludeComments(visibleComments, stablePath || void 0, locale);
+  const openCommentsCount = fieldComments.length;
+  const handleOpenDrawer = () => {
+    setFilter("open");
+    setScrollTargetPath(stablePath || null);
+    openDrawer();
+  };
+  const handleToggle = (isOpen) => {
+    setIsPopupOpen(isOpen);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-1.5 pb-1.25",
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        resolvedLabel && /* @__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 }) })
+      ]
+    }
+  );
+}
+export {
+  FieldCommentLabel
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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  return (\n    <div\n      className=\"flex items-center gap-1.5 pb-1.25\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}>\n      {resolvedLabel && (\n        <label className=\"field-label p-0\" htmlFor={htmlFor}>\n          {resolvedLabel}\n\n          {required && <span className=\"required\">*</span>}\n        </label>\n      )}\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":";AAsDQ,SAGe,KAHf;AApDR,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,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAc,MAAM,aAAa,IAAI;AAAA,MACrC,cAAc,MAAM,aAAa,KAAK;AAAA,MACrC;AAAA,yBACC,qBAAC,WAAM,WAAU,mBAAkB,SAChC;AAAA;AAAA,UAEA,YAAY,oBAAC,UAAK,WAAU,YAAW,eAAC;AAAA,WAC3C;AAAA,QAGD,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":[]}

package/dist/components/FieldCommentLabel/types.d.ts

@@ -0,0 +1,4 @@
+type LabelStroke = string | undefined;
+export type Label = LabelStroke | Record<string, LabelStroke>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FieldCommentLabel/types.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtC,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC"}

package/dist/components/FieldCommentLabel/types.js

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

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

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

package/dist/components/FieldCommentLabel/utils/buildStablePath.d.ts

@@ -0,0 +1,2 @@
+export declare function buildStablePath(positionPath: string, getRowId: (positionalIdPath: string) => string | undefined): string;
+//# sourceMappingURL=buildStablePath.d.ts.map

package/dist/components/FieldCommentLabel/utils/buildStablePath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildStablePath.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldCommentLabel/utils/buildStablePath.ts"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,UAkB/G"}

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

@@ -0,0 +1,19 @@
+function buildStablePath(positionPath, getRowId) {
+  const segments = positionPath.split(".");
+  const result = [];
+  for (let i = 0; i < segments.length; i++) {
+    const seg = segments[i] ?? "";
+    if (/^\d+$/.test(seg)) {
+      const positionalParent = segments.slice(0, i).join(".");
+      const idPath = positionalParent ? `${positionalParent}.${seg}.id` : `${seg}.id`;
+      result.push(getRowId(idPath) ?? seg);
+    } else {
+      result.push(seg);
+    }
+  }
+  return result.join(".");
+}
+export {
+  buildStablePath
+};
+//# sourceMappingURL=buildStablePath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FieldCommentLabel/utils/buildStablePath.ts"],"sourcesContent":["export function buildStablePath(positionPath: string, getRowId: (positionalIdPath: string) => string | undefined) {\n  const segments = positionPath.split(\".\");\n  const result: string[] = [];\n\n  for (let i = 0; i < segments.length; i++) {\n    const seg = segments[i] ?? \"\";\n\n    if (/^\\d+$/.test(seg)) {\n      const positionalParent = segments.slice(0, i).join(\".\");\n      const idPath = positionalParent ? `${positionalParent}.${seg}.id` : `${seg}.id`;\n\n      result.push(getRowId(idPath) ?? seg);\n    } else {\n      result.push(seg);\n    }\n  }\n\n  return result.join(\".\");\n}\n"],"mappings":"AAAO,SAAS,gBAAgB,cAAsB,UAA4D;AAChH,QAAM,WAAW,aAAa,MAAM,GAAG;AACvC,QAAM,SAAmB,CAAC;AAE1B,WAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,UAAM,MAAM,SAAS,CAAC,KAAK;AAE3B,QAAI,QAAQ,KAAK,GAAG,GAAG;AACrB,YAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG;AACtD,YAAM,SAAS,mBAAmB,GAAG,gBAAgB,IAAI,GAAG,QAAQ,GAAG,GAAG;AAE1E,aAAO,KAAK,SAAS,MAAM,KAAK,GAAG;AAAA,IACrC,OAAO;AACL,aAAO,KAAK,GAAG;AAAA,IACjB;AAAA,EACF;AAEA,SAAO,OAAO,KAAK,GAAG;AACxB;","names":[]}

package/dist/components/FieldCommentLabel/utils/exludeComments.d.ts

@@ -0,0 +1,3 @@
+import type { Comment } from "../../../types";
+export declare function excludeComments(comments: Comment[] | null, path: string | undefined, currentLocale?: string | null): Comment[];
+//# sourceMappingURL=exludeComments.d.ts.map

package/dist/components/FieldCommentLabel/utils/exludeComments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exludeComments.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldCommentLabel/utils/exludeComments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,wBAAgB,eAAe,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,aAUlH"}

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

@@ -0,0 +1,12 @@
+function excludeComments(comments, path, currentLocale) {
+  if (!path) return [];
+  return (comments ?? []).filter(({ fieldPath, isResolved, locale }) => {
+    if (fieldPath !== path || isResolved) return false;
+    if (locale && currentLocale && locale !== currentLocale) return false;
+    return true;
+  });
+}
+export {
+  excludeComments
+};
+//# sourceMappingURL=exludeComments.js.map

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

@@ -0,0 +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":[]}

package/dist/components/FieldCommentLabel/utils/resolveLabel.d.ts

@@ -0,0 +1,3 @@
+import type { Label } from "../types";
+export declare function resolveLabel(label: Label, locale: string): string | null;
+//# sourceMappingURL=resolveLabel.d.ts.map

package/dist/components/FieldCommentLabel/utils/resolveLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldCommentLabel/utils/resolveLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,iBAMxD"}

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

@@ -0,0 +1,9 @@
+function resolveLabel(label, locale) {
+  if (!label) return null;
+  if (typeof label === "string") return label;
+  return label[locale] ?? label.en ?? Object.values(label)[0] ?? null;
+}
+export {
+  resolveLabel
+};
+//# sourceMappingURL=resolveLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FieldCommentLabel/utils/resolveLabel.ts"],"sourcesContent":["import type { Label } from \"../types\";\n\nexport function resolveLabel(label: Label, locale: string) {\n  if (!label) return null;\n\n  if (typeof label === \"string\") return label;\n\n  return label[locale] ?? label.en ?? Object.values(label)[0] ?? null;\n}\n"],"mappings":"AAEO,SAAS,aAAa,OAAc,QAAgB;AACzD,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,OAAO,UAAU,SAAU,QAAO;AAEtC,SAAO,MAAM,MAAM,KAAK,MAAM,MAAM,OAAO,OAAO,KAAK,EAAE,CAAC,KAAK;AACjE;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAsBA,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,kBAAkB,GAAG,SAAS,CAAC;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAYjG"}

package/dist/components/IconButton/index.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../utils/general/cn";
+const variants = cva("flex justify-center items-center p-0 rounded border-none transition-colors cursor-pointer", {
+  variants: {
+    variant: {
+      neutral: "bg-transparent hover:bg-(--theme-elevation-50) text-(--theme-elevation-450) hover:text-(--theme-text)",
+      neutralSecondary: "bg-(--theme-elevation-100) hover:bg-(--theme-elevation-150) text-(--theme-elevation-600) hover:text-(--theme-text)",
+      primary: "bg-(--theme-elevation-1000) hover:bg-(--theme-elevation-800) text-(--theme-elevation-0)"
+    },
+    size: {
+      sm: "w-[20px] h-[20px]",
+      md: "w-[24px] h-[24px]"
+    }
+  },
+  defaultVariants: {
+    variant: "neutral",
+    size: "md"
+  }
+});
+function IconButton({ className, title, children, variant, size, onClick, tabIndex }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(variants({ variant, size }), className),
+      type: "button",
+      title,
+      "aria-label": title,
+      onClick,
+      tabIndex,
+      children
+    }
+  );
+}
+export {
+  IconButton
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/MentionDropdown.d.ts

@@ -0,0 +1,11 @@
+import type { User } from "../types";
+interface MentionDropdownProps {
+    users: User[];
+    selectedIndex: number;
+    onSelect: (user: User) => void;
+    onClose: () => void;
+    anchorRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare function MentionDropdown({ users, selectedIndex, onSelect, anchorRef, }: MentionDropdownProps): import("react").ReactPortal | null;
+export {};
+//# sourceMappingURL=MentionDropdown.d.ts.map

package/dist/components/MentionDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionDropdown.d.ts","sourceRoot":"","sources":["../../src/components/MentionDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGrC,UAAU,oBAAoB;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACnD;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,sCAyCtB"}

package/dist/components/MentionDropdown.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { PopupList, useTranslation } from "@payloadcms/ui";
+import { FALLBACK_USERNAME } from "../constants";
+import { useComments } from "../providers/CommentsProvider";
+import { resolveUsername } from "../utils/user/resolveUsername";
+function MentionDropdown({
+  users,
+  selectedIndex,
+  onSelect,
+  anchorRef
+}) {
+  const { usernameFieldPath } = useComments();
+  const { t } = useTranslation();
+  const unknownLabel = t("comments:unknownAuthor") ?? FALLBACK_USERNAME;
+  if (!anchorRef.current) return null;
+  const rect = anchorRef.current.getBoundingClientRect();
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        onMouseDown: (e) => e.stopPropagation(),
+        style: {
+          position: "absolute",
+          top: rect.top + window.scrollY,
+          left: rect.left + window.scrollX,
+          overflowY: "auto",
+          width: rect.width,
+          maxHeight: "100px",
+          transform: "translateY(calc(-100% - 6px))",
+          zIndex: 9999
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "bg-(--theme-elevation-0) rounded-md shadow-[0_-2px_16px_-2px_rgba(0,0,0,0.2)]",
+            onMouseDown: (e) => e.preventDefault(),
+            children: /* @__PURE__ */ jsx(PopupList.ButtonGroup, { children: users.length === 0 ? /* @__PURE__ */ jsx("p", { className: "m-0 px-3 py-1.5 text-[13px] text-(--theme-elevation-500)", children: t("comments:noMentionMatches") }) : users.map((user, index) => /* @__PURE__ */ jsxs(PopupList.Button, { active: index === selectedIndex, onClick: () => onSelect(user), children: [
+              "@",
+              resolveUsername(user, usernameFieldPath, unknownLabel)
+            ] }, user.id)) })
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+export {
+  MentionDropdown
+};
+//# sourceMappingURL=MentionDropdown.js.map

package/dist/components/MentionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/MentionDropdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { createPortal } from \"react-dom\";\nimport { PopupList, useTranslation } from \"@payloadcms/ui\";\nimport { FALLBACK_USERNAME } from \"../constants\";\nimport { useComments } from \"../providers/CommentsProvider\";\nimport type { User } from \"../types\";\nimport { resolveUsername } from \"../utils/user/resolveUsername\";\n\ninterface MentionDropdownProps {\n  users: User[];\n  selectedIndex: number;\n  onSelect: (user: User) => void;\n  onClose: () => void;\n  anchorRef: React.RefObject<HTMLDivElement | null>;\n}\n\nexport function MentionDropdown({\n  users,\n  selectedIndex,\n  onSelect,\n  anchorRef,\n}: MentionDropdownProps) {\n  const { usernameFieldPath } = useComments();\n  const { t } = useTranslation();\n  const unknownLabel = t(\"comments:unknownAuthor\" as never) ?? FALLBACK_USERNAME;\n\n  if (!anchorRef.current) return null;\n\n  const rect = anchorRef.current.getBoundingClientRect();\n\n  return createPortal(\n    <div\n      onMouseDown={(e) => e.stopPropagation()}\n      style={{\n        position: \"absolute\",\n        top: rect.top + window.scrollY,\n        left: rect.left + window.scrollX,\n        overflowY: \"auto\",\n        width: rect.width,\n        maxHeight: \"100px\",\n        transform: \"translateY(calc(-100% - 6px))\",\n        zIndex: 9999,\n      }}>\n      <div\n        className=\"bg-(--theme-elevation-0) rounded-md shadow-[0_-2px_16px_-2px_rgba(0,0,0,0.2)]\"\n        onMouseDown={(e) => e.preventDefault()}>\n        <PopupList.ButtonGroup>\n          {users.length === 0 ?\n            <p className=\"m-0 px-3 py-1.5 text-[13px] text-(--theme-elevation-500)\">\n              {t(\"comments:noMentionMatches\" as never)}\n            </p>\n          : users.map((user, index) => (\n              <PopupList.Button key={user.id} active={index === selectedIndex} onClick={() => onSelect(user)}>\n                @{resolveUsername(user, usernameFieldPath, unknownLabel)}\n              </PopupList.Button>\n            ))\n          }\n        </PopupList.ButtonGroup>\n      </div>\n    </div>,\n    document.body,\n  );\n}\n"],"mappings":";AAiDY,cAIE,YAJF;AA/CZ,SAAS,oBAAoB;AAC7B,SAAS,WAAW,sBAAsB;AAC1C,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAE5B,SAAS,uBAAuB;AAUzB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,EAAE,kBAAkB,IAAI,YAAY;AAC1C,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,eAAe,EAAE,wBAAiC,KAAK;AAE7D,MAAI,CAAC,UAAU,QAAS,QAAO;AAE/B,QAAM,OAAO,UAAU,QAAQ,sBAAsB;AAErD,SAAO;AAAA,IACL;AAAA,MAAC;AAAA;AAAA,QACC,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACtC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK,KAAK,MAAM,OAAO;AAAA,UACvB,MAAM,KAAK,OAAO,OAAO;AAAA,UACzB,WAAW;AAAA,UACX,OAAO,KAAK;AAAA,UACZ,WAAW;AAAA,UACX,WAAW;AAAA,UACX,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,YACrC,8BAAC,UAAU,aAAV,EACE,gBAAM,WAAW,IAChB,oBAAC,OAAE,WAAU,4DACV,YAAE,2BAAoC,GACzC,IACA,MAAM,IAAI,CAAC,MAAM,UACf,qBAAC,UAAU,QAAV,EAA+B,QAAQ,UAAU,eAAe,SAAS,MAAM,SAAS,IAAI,GAAG;AAAA;AAAA,cAC5F,gBAAgB,MAAM,mBAAmB,YAAY;AAAA,iBADlC,KAAK,EAE5B,CACD,GAEL;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AACF;","names":[]}

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

@@ -0,0 +1,7 @@
+interface Props {
+    name: string;
+    isSelf: boolean;
+}
+export declare function MentionLabel({ name, isSelf }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MentionLabel/index.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,2CAUnD"}

package/dist/components/MentionLabel/index.js

@@ -0,0 +1,21 @@
+import { jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/general/cn";
+function MentionLabel({ name, isSelf }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "font-medium rounded-sm px-0.5",
+        isSelf ? "bg-[#f0be3621] text-[#a36e12]" : "bg-[#36c5f021] text-[#1264a3]"
+      ),
+      children: [
+        "@",
+        name
+      ]
+    }
+  );
+}
+export {
+  MentionLabel
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/MentionLabel/index.tsx"],"sourcesContent":["import { cn } from \"../../utils/general/cn\";\n\ninterface Props {\n  name: string;\n  isSelf: boolean;\n}\n\nexport function MentionLabel({ name, isSelf }: Props) {\n  return (\n    <span\n      className={cn(\n        \"font-medium rounded-sm px-0.5\",\n        isSelf ? \"bg-[#f0be3621] text-[#a36e12]\" : \"bg-[#36c5f021] text-[#1264a3]\",\n      )}>\n      @{name}\n    </span>\n  );\n}\n"],"mappings":"AASI;AATJ,SAAS,UAAU;AAOZ,SAAS,aAAa,EAAE,MAAM,OAAO,GAAU;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,kCAAkC;AAAA,MAC7C;AAAA,MAAG;AAAA;AAAA,QACD;AAAA;AAAA;AAAA,EACJ;AAEJ;","names":[]}

package/dist/config.d.ts

@@ -0,0 +1,4 @@
+import type { SanitizedConfig } from "payload";
+export declare function setPayloadConfig(config: SanitizedConfig): void;
+export declare function getPayloadConfig(): SanitizedConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAO/C,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,eAAe,QAEvD;AAED,wBAAgB,gBAAgB,IAAI,eAAe,CAQlD"}

package/dist/config.js

@@ -0,0 +1,17 @@
+import { PLUGIN_NAME } from "./constants";
+const GLOBAL_CONFIG_KEY = `__${PLUGIN_NAME}_payload_config__`;
+function setPayloadConfig(config) {
+  globalThis[GLOBAL_CONFIG_KEY] = config;
+}
+function getPayloadConfig() {
+  const config = globalThis[GLOBAL_CONFIG_KEY];
+  if (!config) {
+    throw new Error(`[${PLUGIN_NAME}] Payload config not initialized.`);
+  }
+  return config;
+}
+export {
+  getPayloadConfig,
+  setPayloadConfig
+};
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/config.ts"],"sourcesContent":["import type { SanitizedConfig } from \"payload\";\nimport { PLUGIN_NAME } from \"./constants\";\n\nconst GLOBAL_CONFIG_KEY = `__${PLUGIN_NAME}_payload_config__`;\n\ntype GlobalThis = Record<string, unknown>;\n\nexport function setPayloadConfig(config: SanitizedConfig) {\n  (globalThis as GlobalThis)[GLOBAL_CONFIG_KEY] = config;\n}\n\nexport function getPayloadConfig(): SanitizedConfig {\n  const config = (globalThis as GlobalThis)[GLOBAL_CONFIG_KEY] as SanitizedConfig | undefined;\n\n  if (!config) {\n    throw new Error(`[${PLUGIN_NAME}] Payload config not initialized.`);\n  }\n\n  return config;\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAE5B,MAAM,oBAAoB,KAAK,WAAW;AAInC,SAAS,iBAAiB,QAAyB;AACxD,EAAC,WAA0B,iBAAiB,IAAI;AAClD;AAEO,SAAS,mBAAoC;AAClD,QAAM,SAAU,WAA0B,iBAAiB;AAE3D,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,IAAI,WAAW,mCAAmC;AAAA,EACpE;AAEA,SAAO;AACT;","names":[]}

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const DEFAULT_COLLECTION_SLUG = "comments";
+export declare const COMMENTS_DRAWER_BASE_SLUG = "comments-panel";
+export declare const PLUGIN_NAME = "payload-plugin-comments";
+export declare const PACKAGE_NAME = "@focus-reactive/payload-plugin-comments";
+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[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +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"}

package/dist/constants.js

@@ -0,0 +1,22 @@
+const DEFAULT_COLLECTION_SLUG = "comments";
+const COMMENTS_DRAWER_BASE_SLUG = "comments-panel";
+const PLUGIN_NAME = "payload-plugin-comments";
+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"
+];
+export {
+  COMMENTS_DRAWER_BASE_SLUG,
+  DEFAULT_COLLECTION_SLUG,
+  EXCLUDED_ADMIN_ROUTES,
+  FALLBACK_DELETED_USERNAME,
+  FALLBACK_USERNAME,
+  PACKAGE_NAME,
+  PLUGIN_NAME,
+  USERNAME_DEFAULT_FIELD_PATH
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +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":[]}

package/dist/hooks/useRelativeDate.d.ts

@@ -0,0 +1,2 @@
+export declare function useRelativeDate(iso: string): string;
+//# sourceMappingURL=useRelativeDate.d.ts.map

package/dist/hooks/useRelativeDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeDate.d.ts","sourceRoot":"","sources":["../../src/hooks/useRelativeDate.ts"],"names":[],"mappings":"AAKA,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,UAI1C"}

package/dist/hooks/useRelativeDate.js

@@ -0,0 +1,11 @@
+"use client";
+import { useTranslation } from "@payloadcms/ui";
+import { formatRelativeDate } from "../utils/general/formatRelativeDate";
+function useRelativeDate(iso) {
+  const { i18n } = useTranslation();
+  return formatRelativeDate(iso, i18n.language);
+}
+export {
+  useRelativeDate
+};
+//# sourceMappingURL=useRelativeDate.js.map

package/dist/hooks/useRelativeDate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useRelativeDate.ts"],"sourcesContent":["\"use client\";\n\nimport { useTranslation } from \"@payloadcms/ui\";\nimport { formatRelativeDate } from \"../utils/general/formatRelativeDate\";\n\nexport function useRelativeDate(iso: string) {\n  const { i18n } = useTranslation();\n\n  return formatRelativeDate(iso, i18n.language);\n}\n"],"mappings":";AAEA,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AAE5B,SAAS,gBAAgB,KAAa;AAC3C,QAAM,EAAE,KAAK,IAAI,eAAe;AAEhC,SAAO,mBAAmB,KAAK,KAAK,QAAQ;AAC9C;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export type { CommentsPluginConfig } from "./types";
+export type { CommentsTranslations } from "./translations/types";
+export { commentsPlugin } from "./plugin";
+export { setPayloadConfig } from "./config";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+import { commentsPlugin } from "./plugin";
+import { setPayloadConfig } from "./config";
+export {
+  commentsPlugin,
+  setPayloadConfig
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { CommentsPluginConfig } from \"./types\";\nexport type { CommentsTranslations } from \"./translations/types\";\nexport { commentsPlugin } from \"./plugin\";\nexport { setPayloadConfig } from \"./config\";\n"],"mappings":"AAEA,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;","names":[]}

package/dist/plugin.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from "payload";
+import type { CommentsPluginConfig } from "./types";
+export declare const commentsPlugin: (config?: CommentsPluginConfig) => Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +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"}

package/dist/plugin.js

@@ -0,0 +1,60 @@
+import { baseCollection as getBaseCollection } from "./collection";
+import { overrideCommentsCollection } from "./utils/config/overrideCommentsCollection";
+import { getComponentPath } from "./utils/path/getComponentPath";
+import { normalizeCollections } from "./utils/config/normalizeCollections";
+import { mergeTranslations } from "./utils/config/mergeTranslations";
+import { overrideCollections } from "./utils/config/overrideCollections";
+import { overrideGlobals } from "./utils/config/overrideGlobals";
+const commentsPlugin = (config = {}) => (incomingConfig) => {
+  const { enabled = true, collections: collectionEntries, overrides, usernameFieldPath } = config;
+  if (!enabled) {
+    return incomingConfig;
+  }
+  const baseCollection = getBaseCollection(config.tenant);
+  const finalCollection = overrideCommentsCollection(baseCollection, overrides);
+  const allGlobalSlugs = (incomingConfig.globals ?? []).map((g) => g.slug);
+  const allCollectionSlugs = (incomingConfig.collections ?? []).map((c) => c.slug);
+  const normalizedCollections = normalizeCollections(collectionEntries);
+  const documentTitleFields = normalizedCollections ? Object.fromEntries([...normalizedCollections.entries()].map(([k, v]) => [k, v.titleField])) : {};
+  const userTranslations = config.translations ?? {};
+  const incomingConfigTranslations = incomingConfig.i18n?.translations ?? {};
+  const mergedTranslations = mergeTranslations(incomingConfigTranslations, userTranslations);
+  return {
+    ...incomingConfig,
+    i18n: {
+      ...incomingConfig.i18n,
+      translations: mergedTranslations
+    },
+    admin: {
+      ...incomingConfig.admin,
+      components: {
+        ...incomingConfig.admin?.components,
+        providers: [
+          ...incomingConfig.admin?.components?.providers ?? [],
+          getComponentPath("providers/CommentsProviderWrapper", "CommentsProviderWrapper"),
+          getComponentPath("providers/GlobalCommentsLoader", "GlobalCommentsLoader")
+        ],
+        actions: [
+          ...incomingConfig.admin?.components?.actions ?? [],
+          getComponentPath("components/CommentsHeaderButton", "CommentsHeaderButton")
+        ]
+      },
+      custom: {
+        ...incomingConfig.admin?.custom,
+        commentsPlugin: {
+          collections: allCollectionSlugs,
+          documentTitleFields,
+          globals: allGlobalSlugs,
+          tenant: config.tenant,
+          usernameFieldPath
+        }
+      }
+    },
+    collections: [...overrideCollections(incomingConfig.collections), finalCollection],
+    globals: overrideGlobals(incomingConfig.globals)
+  };
+};
+export {
+  commentsPlugin
+};
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +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":[]}

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

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+interface CommentsDrawerContextProps {
+    slug: string;
+    scrollTargetPath: string | null;
+    open: () => void;
+    setScrollTargetPath: (path: string | null) => void;
+}
+interface Props {
+    children: ReactNode;
+}
+export declare function CommentsDrawerProvider({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function useCommentsDrawer(): CommentsDrawerContextProps;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/providers/CommentsDrawerProvider/index.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useDrawerSlug, useModal } from "@payloadcms/ui";
+import { createContext, useContext, 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 slug = useDrawerSlug(COMMENTS_DRAWER_BASE_SLUG);
+  const { openModal } = useModal();
+  const { syncComments } = useComments();
+  const open = () => {
+    openModal(slug);
+    void syncComments();
+  };
+  return /* @__PURE__ */ jsx(CommentsDrawerContext.Provider, { value: { slug, scrollTargetPath, open, setScrollTargetPath }, children });
+}
+function useCommentsDrawer() {
+  const context = useContext(CommentsDrawerContext);
+  if (!context) throw new Error("useCommentsDrawer must be used within a CommentsProvider");
+  return context;
+}
+export {
+  CommentsDrawerProvider,
+  useCommentsDrawer
+};
+//# sourceMappingURL=index.js.map