@focus-reactive/payload-plugin-comments 1.1.0

package/dist/components/CommentsPanel/hooks/useCollapseState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapseState.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/hooks/useCollapseState.ts"],"names":[],"mappings":"AAoBA,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CA8B7F"}

package/dist/components/CommentsPanel/hooks/useCollapseState.js

@@ -0,0 +1,44 @@
+"use client";
+import { useState, useEffect } from "react";
+const STORAGE_KEY = "payload-comments-collapsed";
+function readStorage() {
+  try {
+    return JSON.parse(localStorage.getItem(STORAGE_KEY) ?? "{}");
+  } catch {
+    return {};
+  }
+}
+function writeStorage(data) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(data));
+  } catch {
+  }
+}
+function useCollapseState(groupKey) {
+  const [isCollapsed, setIsCollapsed] = useState(() => {
+    const stored = readStorage();
+    return stored[groupKey] === true;
+  });
+  useEffect(() => {
+    const stored = readStorage();
+    setIsCollapsed(stored[groupKey] === true);
+  }, [groupKey]);
+  const toggle = () => {
+    setIsCollapsed((prev) => {
+      const next = !prev;
+      const stored = readStorage();
+      if (next) {
+        stored[groupKey] = true;
+      } else {
+        delete stored[groupKey];
+      }
+      writeStorage(stored);
+      return next;
+    });
+  };
+  return [isCollapsed, toggle];
+}
+export {
+  useCollapseState
+};
+//# sourceMappingURL=useCollapseState.js.map

package/dist/components/CommentsPanel/hooks/useCollapseState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/hooks/useCollapseState.ts"],"sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\n\nconst STORAGE_KEY = \"payload-comments-collapsed\";\n\nfunction readStorage(): Record<string, boolean> {\n  try {\n    return JSON.parse(localStorage.getItem(STORAGE_KEY) ?? \"{}\");\n  } catch {\n    return {};\n  }\n}\n\nfunction writeStorage(data: Record<string, boolean>) {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(data));\n  } catch {}\n}\n\nexport function useCollapseState(groupKey: string): [isCollapsed: boolean, toggle: () => void] {\n  const [isCollapsed, setIsCollapsed] = useState(() => {\n    const stored = readStorage();\n\n    return stored[groupKey] === true;\n  });\n\n  useEffect(() => {\n    const stored = readStorage();\n\n    setIsCollapsed(stored[groupKey] === true);\n  }, [groupKey]);\n\n  const toggle = () => {\n    setIsCollapsed((prev) => {\n      const next = !prev;\n      const stored = readStorage();\n\n      if (next) {\n        stored[groupKey] = true;\n      } else {\n        delete stored[groupKey];\n      }\n\n      writeStorage(stored);\n      return next;\n    });\n  };\n\n  return [isCollapsed, toggle];\n}\n"],"mappings":";AAEA,SAAS,UAAU,iBAAiB;AAEpC,MAAM,cAAc;AAEpB,SAAS,cAAuC;AAC9C,MAAI;AACF,WAAO,KAAK,MAAM,aAAa,QAAQ,WAAW,KAAK,IAAI;AAAA,EAC7D,QAAQ;AACN,WAAO,CAAC;AAAA,EACV;AACF;AAEA,SAAS,aAAa,MAA+B;AACnD,MAAI;AACF,iBAAa,QAAQ,aAAa,KAAK,UAAU,IAAI,CAAC;AAAA,EACxD,QAAQ;AAAA,EAAC;AACX;AAEO,SAAS,iBAAiB,UAA8D;AAC7F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,MAAM;AACnD,UAAM,SAAS,YAAY;AAE3B,WAAO,OAAO,QAAQ,MAAM;AAAA,EAC9B,CAAC;AAED,YAAU,MAAM;AACd,UAAM,SAAS,YAAY;AAE3B,mBAAe,OAAO,QAAQ,MAAM,IAAI;AAAA,EAC1C,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC,SAAS;AACvB,YAAM,OAAO,CAAC;AACd,YAAM,SAAS,YAAY;AAE3B,UAAI,MAAM;AACR,eAAO,QAAQ,IAAI;AAAA,MACrB,OAAO;AACL,eAAO,OAAO,QAAQ;AAAA,MACxB;AAEA,mBAAa,MAAM;AACnB,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO,CAAC,aAAa,MAAM;AAC7B;","names":[]}

package/dist/components/CommentsPanel/hooks/useScrollToTargetFieldGroup.d.ts

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

package/dist/components/CommentsPanel/hooks/useScrollToTargetFieldGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToTargetFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/hooks/useScrollToTargetFieldGroup.ts"],"names":[],"mappings":"AAGA,wBAAgB,2BAA2B,SAqC1C"}

package/dist/components/CommentsPanel/hooks/useScrollToTargetFieldGroup.js

@@ -0,0 +1,35 @@
+import { useCommentsDrawer } from "../../../providers/CommentsDrawerProvider";
+import { useLayoutEffect } from "react";
+function useScrollToTargetFieldGroup() {
+  const { scrollTargetPath, setScrollTargetPath } = useCommentsDrawer();
+  useLayoutEffect(() => {
+    if (!scrollTargetPath) return;
+    const id = setTimeout(() => {
+      const section = document.querySelector(`[data-field-path="${CSS.escape(scrollTargetPath)}"]`);
+      if (!section) return;
+      let scrollContainer = section.parentElement;
+      while (scrollContainer && scrollContainer !== document.documentElement) {
+        const { overflow, overflowY } = getComputedStyle(scrollContainer);
+        if (/auto|scroll/.test(overflow + overflowY)) break;
+        scrollContainer = scrollContainer.parentElement;
+      }
+      if (!scrollContainer || scrollContainer === document.documentElement) {
+        section.scrollIntoView({ behavior: "smooth", block: "start" });
+        setScrollTargetPath(null);
+        return;
+      }
+      const header = scrollContainer.querySelector("header");
+      const headerHeight = header?.getBoundingClientRect().height ?? 0;
+      const sectionTop = section.getBoundingClientRect().top;
+      const containerTop = scrollContainer.getBoundingClientRect().top;
+      const scrollOffset = sectionTop - containerTop - headerHeight + scrollContainer.scrollTop;
+      scrollContainer.scrollTo({ top: scrollOffset, behavior: "smooth" });
+      setScrollTargetPath(null);
+    }, 300);
+    return () => clearTimeout(id);
+  }, [scrollTargetPath, setScrollTargetPath]);
+}
+export {
+  useScrollToTargetFieldGroup
+};
+//# sourceMappingURL=useScrollToTargetFieldGroup.js.map

package/dist/components/CommentsPanel/hooks/useScrollToTargetFieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/hooks/useScrollToTargetFieldGroup.ts"],"sourcesContent":["import { useCommentsDrawer } from \"../../../providers/CommentsDrawerProvider\";\nimport { useLayoutEffect } from \"react\";\n\nexport function useScrollToTargetFieldGroup() {\n  const { scrollTargetPath, setScrollTargetPath } = useCommentsDrawer();\n\n  useLayoutEffect(() => {\n    if (!scrollTargetPath) return;\n\n    const id = setTimeout(() => {\n      const section = document.querySelector(`[data-field-path=\"${CSS.escape(scrollTargetPath)}\"]`);\n      if (!section) return;\n\n      let scrollContainer: Element | null = section.parentElement;\n\n      while (scrollContainer && scrollContainer !== document.documentElement) {\n        const { overflow, overflowY } = getComputedStyle(scrollContainer);\n        if (/auto|scroll/.test(overflow + overflowY)) break;\n        scrollContainer = scrollContainer.parentElement;\n      }\n\n      if (!scrollContainer || scrollContainer === document.documentElement) {\n        section.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n        setScrollTargetPath(null);\n        return;\n      }\n\n      const header = scrollContainer.querySelector(\"header\");\n      const headerHeight = header?.getBoundingClientRect().height ?? 0;\n\n      const sectionTop = section.getBoundingClientRect().top;\n      const containerTop = scrollContainer.getBoundingClientRect().top;\n      const scrollOffset = sectionTop - containerTop - headerHeight + scrollContainer.scrollTop;\n\n      scrollContainer.scrollTo({ top: scrollOffset, behavior: \"smooth\" });\n      setScrollTargetPath(null);\n    }, 300);\n\n    return () => clearTimeout(id);\n  }, [scrollTargetPath, setScrollTargetPath]);\n}\n"],"mappings":"AAAA,SAAS,yBAAyB;AAClC,SAAS,uBAAuB;AAEzB,SAAS,8BAA8B;AAC5C,QAAM,EAAE,kBAAkB,oBAAoB,IAAI,kBAAkB;AAEpE,kBAAgB,MAAM;AACpB,QAAI,CAAC,iBAAkB;AAEvB,UAAM,KAAK,WAAW,MAAM;AAC1B,YAAM,UAAU,SAAS,cAAc,qBAAqB,IAAI,OAAO,gBAAgB,CAAC,IAAI;AAC5F,UAAI,CAAC,QAAS;AAEd,UAAI,kBAAkC,QAAQ;AAE9C,aAAO,mBAAmB,oBAAoB,SAAS,iBAAiB;AACtE,cAAM,EAAE,UAAU,UAAU,IAAI,iBAAiB,eAAe;AAChE,YAAI,cAAc,KAAK,WAAW,SAAS,EAAG;AAC9C,0BAAkB,gBAAgB;AAAA,MACpC;AAEA,UAAI,CAAC,mBAAmB,oBAAoB,SAAS,iBAAiB;AACpE,gBAAQ,eAAe,EAAE,UAAU,UAAU,OAAO,QAAQ,CAAC;AAC7D,4BAAoB,IAAI;AACxB;AAAA,MACF;AAEA,YAAM,SAAS,gBAAgB,cAAc,QAAQ;AACrD,YAAM,eAAe,QAAQ,sBAAsB,EAAE,UAAU;AAE/D,YAAM,aAAa,QAAQ,sBAAsB,EAAE;AACnD,YAAM,eAAe,gBAAgB,sBAAsB,EAAE;AAC7D,YAAM,eAAe,aAAa,eAAe,eAAe,gBAAgB;AAEhF,sBAAgB,SAAS,EAAE,KAAK,cAAc,UAAU,SAAS,CAAC;AAClE,0BAAoB,IAAI;AAAA,IAC1B,GAAG,GAAG;AAEN,WAAO,MAAM,aAAa,EAAE;AAAA,EAC9B,GAAG,CAAC,kBAAkB,mBAAmB,CAAC;AAC5C;","names":[]}

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

@@ -0,0 +1,6 @@
+interface Props {
+    className: string;
+}
+export declare const CommentsPanel: ({ className }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/CommentsPanel/index.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useAuth } from "@payloadcms/ui";
+import { cn } from "../../utils/general/cn";
+import { useComments } from "../../providers/CommentsProvider";
+import { filterComments } from "./utils/filterComments";
+import { DocumentView } from "./components/DocumentView";
+import { GlobalView } from "./components/GlobalView";
+import { GlobalDocumentView } from "./components/GlobalDocumentView";
+import { useScrollToTargetFieldGroup } from "./hooks/useScrollToTargetFieldGroup";
+const CommentsPanel = ({ className }) => {
+  const { user } = useAuth();
+  const { visibleComments, filter, mode } = useComments();
+  const userId = user?.id ?? null;
+  const filteredComments = filterComments({
+    comments: visibleComments,
+    filter,
+    currentUserId: userId ?? void 0
+  });
+  useScrollToTargetFieldGroup();
+  if (mode === "document") {
+    return /* @__PURE__ */ jsx(DocumentView, { comments: filteredComments, userId, className: cn(className) });
+  }
+  if (mode === "global-document") {
+    return /* @__PURE__ */ jsx(GlobalDocumentView, { comments: filteredComments, userId, className: cn(className) });
+  }
+  return /* @__PURE__ */ jsx(GlobalView, { comments: filteredComments, userId, className: cn(className) });
+};
+export {
+  CommentsPanel
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/CommentsPanel/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useAuth } from \"@payloadcms/ui\";\nimport { cn } from \"../../utils/general/cn\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { filterComments } from \"./utils/filterComments\";\nimport { DocumentView } from \"./components/DocumentView\";\nimport { GlobalView } from \"./components/GlobalView\";\nimport { GlobalDocumentView } from \"./components/GlobalDocumentView\";\nimport { useScrollToTargetFieldGroup } from \"./hooks/useScrollToTargetFieldGroup\";\n\ninterface Props {\n  className: string;\n}\n\nexport const CommentsPanel = ({ className }: Props) => {\n  const { user } = useAuth();\n  const { visibleComments, filter, mode } = useComments();\n\n  const userId = (user?.id as number) ?? null;\n  const filteredComments = filterComments({\n    comments: visibleComments,\n    filter,\n    currentUserId: userId ?? undefined,\n  });\n\n  useScrollToTargetFieldGroup();\n\n  if (mode === \"document\") {\n    return <DocumentView comments={filteredComments} userId={userId} className={cn(className)} />;\n  }\n\n  if (mode === \"global-document\") {\n    return <GlobalDocumentView comments={filteredComments} userId={userId} className={cn(className)} />;\n  }\n\n  return <GlobalView comments={filteredComments} userId={userId} className={cn(className)} />;\n};\n"],"mappings":";AA6BW;AA3BX,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,mCAAmC;AAMrC,MAAM,gBAAgB,CAAC,EAAE,UAAU,MAAa;AACrD,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,EAAE,iBAAiB,QAAQ,KAAK,IAAI,YAAY;AAEtD,QAAM,SAAU,MAAM,MAAiB;AACvC,QAAM,mBAAmB,eAAe;AAAA,IACtC,UAAU;AAAA,IACV;AAAA,IACA,eAAe,UAAU;AAAA,EAC3B,CAAC;AAED,8BAA4B;AAE5B,MAAI,SAAS,YAAY;AACvB,WAAO,oBAAC,gBAAa,UAAU,kBAAkB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAAA,EAC7F;AAEA,MAAI,SAAS,mBAAmB;AAC9B,WAAO,oBAAC,sBAAmB,UAAU,kBAAkB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAAA,EACnG;AAEA,SAAO,oBAAC,cAAW,UAAU,kBAAkB,QAAgB,WAAW,GAAG,SAAS,GAAG;AAC3F;","names":[]}

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

@@ -0,0 +1,4 @@
+import type { Comment } from "../../types";
+export type FieldPath = string | null;
+export type Group = [FieldPath, Comment[]];
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/components/CommentsPanel/types.js

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

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

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

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

@@ -0,0 +1,10 @@
+import type { FieldPath } from "../types";
+interface Props {
+    collectionSlug?: string;
+    documentId?: number | null;
+    globalSlug?: string;
+    fieldPath?: FieldPath;
+}
+export declare function createCollapsibleGroupKey({ collectionSlug, documentId, globalSlug, fieldPath: fieldPathProp }: Props): string;
+export {};
+//# sourceMappingURL=createCollapsibleGroupKey.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createCollapsibleGroupKey.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/createCollapsibleGroupKey.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,KAAK;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,KAAK,UAcpH"}

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

@@ -0,0 +1,15 @@
+function createCollapsibleGroupKey({ collectionSlug, documentId, globalSlug, fieldPath: fieldPathProp }) {
+  const fieldPath = fieldPathProp === null ? "__general__" : fieldPathProp;
+  const fieldPathSegment = fieldPath === void 0 ? "" : `-${fieldPath}`;
+  if (collectionSlug && documentId) {
+    return `${collectionSlug}-${documentId}${fieldPathSegment}`;
+  }
+  if (globalSlug) {
+    return `${globalSlug}${fieldPathSegment}`;
+  }
+  return "";
+}
+export {
+  createCollapsibleGroupKey
+};
+//# sourceMappingURL=createCollapsibleGroupKey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/createCollapsibleGroupKey.ts"],"sourcesContent":["import type { FieldPath } from \"../types\";\n\ninterface Props {\n  collectionSlug?: string;\n  documentId?: number | null;\n  globalSlug?: string;\n  fieldPath?: FieldPath;\n}\n\nexport function createCollapsibleGroupKey({ collectionSlug, documentId, globalSlug, fieldPath: fieldPathProp }: Props) {\n  const fieldPath = fieldPathProp === null ? \"__general__\" : fieldPathProp;\n\n  const fieldPathSegment = fieldPath === undefined ? \"\" : `-${fieldPath}`;\n\n  if (collectionSlug && documentId) {\n    return `${collectionSlug}-${documentId}${fieldPathSegment}`;\n  }\n\n  if (globalSlug) {\n    return `${globalSlug}${fieldPathSegment}`;\n  }\n\n  return \"\";\n}\n"],"mappings":"AASO,SAAS,0BAA0B,EAAE,gBAAgB,YAAY,YAAY,WAAW,cAAc,GAAU;AACrH,QAAM,YAAY,kBAAkB,OAAO,gBAAgB;AAE3D,QAAM,mBAAmB,cAAc,SAAY,KAAK,IAAI,SAAS;AAErE,MAAI,kBAAkB,YAAY;AAChC,WAAO,GAAG,cAAc,IAAI,UAAU,GAAG,gBAAgB;AAAA,EAC3D;AAEA,MAAI,YAAY;AACd,WAAO,GAAG,UAAU,GAAG,gBAAgB;AAAA,EACzC;AAEA,SAAO;AACT;","names":[]}

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

@@ -0,0 +1,9 @@
+import type { Comment, FilterMode } from "../../../types";
+interface Props {
+    comments: Comment[];
+    filter: FilterMode;
+    currentUserId?: number | null;
+}
+export declare function filterComments({ comments, filter, currentUserId }: Props): Comment[];
+export {};
+//# sourceMappingURL=filterComments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterComments.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/filterComments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1D,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,KAAK,aAkBxE"}

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

@@ -0,0 +1,17 @@
+function filterComments({ comments, filter, currentUserId }) {
+  return comments.filter((comment) => {
+    if (filter === "open") return !comment.isResolved;
+    if (filter === "resolved") return comment.isResolved;
+    if (filter === "mentioned") {
+      return comment.mentions?.some(({ user: mentionUser }) => {
+        if (typeof mentionUser === "number") return mentionUser === currentUserId;
+        return mentionUser.id === currentUserId;
+      }) ?? false;
+    }
+    return false;
+  });
+}
+export {
+  filterComments
+};
+//# sourceMappingURL=filterComments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/filterComments.ts"],"sourcesContent":["import type { Comment, FilterMode } from \"../../../types\";\n\ninterface Props {\n  comments: Comment[];\n  filter: FilterMode;\n  currentUserId?: number | null;\n}\n\nexport function filterComments({ comments, filter, currentUserId }: Props) {\n  return comments.filter((comment) => {\n    if (filter === \"open\") return !comment.isResolved;\n\n    if (filter === \"resolved\") return comment.isResolved;\n\n    if (filter === \"mentioned\") {\n      return (\n        comment.mentions?.some(({ user: mentionUser }) => {\n          if (typeof mentionUser === \"number\") return mentionUser === currentUserId;\n\n          return mentionUser.id === currentUserId;\n        }) ?? false\n      );\n    }\n\n    return false;\n  });\n}\n"],"mappings":"AAQO,SAAS,eAAe,EAAE,UAAU,QAAQ,cAAc,GAAU;AACzE,SAAO,SAAS,OAAO,CAAC,YAAY;AAClC,QAAI,WAAW,OAAQ,QAAO,CAAC,QAAQ;AAEvC,QAAI,WAAW,WAAY,QAAO,QAAQ;AAE1C,QAAI,WAAW,aAAa;AAC1B,aACE,QAAQ,UAAU,KAAK,CAAC,EAAE,MAAM,YAAY,MAAM;AAChD,YAAI,OAAO,gBAAgB,SAAU,QAAO,gBAAgB;AAE5D,eAAO,YAAY,OAAO;AAAA,MAC5B,CAAC,KAAK;AAAA,IAEV;AAEA,WAAO;AAAA,EACT,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,4 @@
+import type { Comment } from "../../../types";
+import type { FieldPath } from "../types";
+export declare function groupCommentsByFieldPath(comments: Comment[]): Map<FieldPath, Comment[]>;
+//# sourceMappingURL=groupCommentsByFieldPath.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupCommentsByFieldPath.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/groupCommentsByFieldPath.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CAYvF"}

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

@@ -0,0 +1,14 @@
+import { sortGroupsByCreatedAt } from "./sortGroupsByCreatedAt";
+function groupCommentsByFieldPath(comments) {
+  const groupMap = /* @__PURE__ */ new Map();
+  for (const comment of comments) {
+    const key = comment.fieldPath ?? null;
+    if (!groupMap.has(key)) groupMap.set(key, []);
+    groupMap.get(key).push(comment);
+  }
+  return sortGroupsByCreatedAt(groupMap);
+}
+export {
+  groupCommentsByFieldPath
+};
+//# sourceMappingURL=groupCommentsByFieldPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/groupCommentsByFieldPath.ts"],"sourcesContent":["import type { Comment } from \"../../../types\";\nimport type { FieldPath } from \"../types\";\nimport { sortGroupsByCreatedAt } from \"./sortGroupsByCreatedAt\";\n\nexport function groupCommentsByFieldPath(comments: Comment[]): Map<FieldPath, Comment[]> {\n  const groupMap = new Map<FieldPath, Comment[]>();\n\n  for (const comment of comments) {\n    const key = comment.fieldPath ?? null;\n\n    if (!groupMap.has(key)) groupMap.set(key, []);\n\n    groupMap.get(key)!.push(comment);\n  }\n\n  return sortGroupsByCreatedAt(groupMap);\n}\n"],"mappings":"AAEA,SAAS,6BAA6B;AAE/B,SAAS,yBAAyB,UAAgD;AACvF,QAAM,WAAW,oBAAI,IAA0B;AAE/C,aAAW,WAAW,UAAU;AAC9B,UAAM,MAAM,QAAQ,aAAa;AAEjC,QAAI,CAAC,SAAS,IAAI,GAAG,EAAG,UAAS,IAAI,KAAK,CAAC,CAAC;AAE5C,aAAS,IAAI,GAAG,EAAG,KAAK,OAAO;AAAA,EACjC;AAEA,SAAO,sBAAsB,QAAQ;AACvC;","names":[]}

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

@@ -0,0 +1,18 @@
+import type { Comment } from "../../../types";
+import type { FieldPath } from "../types";
+type CommentsMap = Map<FieldPath, Comment[]>;
+type CollectionCommentsMapByDoc = Map<number, CommentsMap>;
+export type CollectionCommentsEntry = {
+    type: "collection";
+    slug: string;
+    docs: CollectionCommentsMapByDoc;
+};
+export type GlobalCommentsEntry = {
+    type: "global";
+    slug: string;
+    fields: CommentsMap;
+};
+export type EntityCommentsEntry = CollectionCommentsEntry | GlobalCommentsEntry;
+export declare function groupCommentsGlobally(comments: Comment[]): EntityCommentsEntry[];
+export {};
+//# sourceMappingURL=groupCommentsGlobally.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupCommentsGlobally.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/groupCommentsGlobally.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,WAAW,GAAG,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AAE7C,KAAK,0BAA0B,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAE3D,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,0BAA0B,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG,mBAAmB,CAAC;AAIhF,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAgFhF"}

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

@@ -0,0 +1,58 @@
+import { sortGroupsByCreatedAt } from "./sortGroupsByCreatedAt";
+const extractCommentCreatedAtTime = (c) => new Date(c.createdAt).getTime();
+function groupCommentsGlobally(comments) {
+  const collections = /* @__PURE__ */ new Map();
+  const globals = /* @__PURE__ */ new Map();
+  for (const comment of comments) {
+    if (comment.globalSlug) {
+      const slug2 = comment.globalSlug;
+      const field2 = comment.fieldPath ?? null;
+      if (!globals.has(slug2)) globals.set(slug2, /* @__PURE__ */ new Map());
+      const fields2 = globals.get(slug2);
+      if (!fields2.has(field2)) fields2.set(field2, []);
+      fields2.get(field2).push(comment);
+      continue;
+    }
+    const slug = comment.collectionSlug;
+    const docId = comment.documentId;
+    const field = comment.fieldPath ?? null;
+    if (!slug || !docId) continue;
+    if (!collections.has(slug)) collections.set(slug, /* @__PURE__ */ new Map());
+    const docs = collections.get(slug);
+    if (!docs.has(docId)) docs.set(docId, /* @__PURE__ */ new Map());
+    const fields = docs.get(docId);
+    if (!fields.has(field)) fields.set(field, []);
+    fields.get(field).push(comment);
+  }
+  for (const [slug, docs] of collections.entries()) {
+    for (const [docId, fields] of docs.entries()) {
+      docs.set(docId, sortGroupsByCreatedAt(fields));
+    }
+    const oldestInFields = (fields) => Math.min(...[...fields.values()].flat().map(extractCommentCreatedAtTime));
+    const sortedDocs = new Map([...docs.entries()].sort(([, a], [, b]) => oldestInFields(a) - oldestInFields(b)));
+    collections.set(slug, sortedDocs);
+  }
+  for (const [slug, fields] of globals.entries()) {
+    globals.set(slug, sortGroupsByCreatedAt(fields));
+  }
+  const oldestInCollectionDocs = (docs) => Math.min(...[...docs.values()].flatMap((fields) => [...fields.values()].flat()).map(extractCommentCreatedAtTime));
+  const oldestInGlobalFields = (fields) => Math.min(...[...fields.values()].flat().map(extractCommentCreatedAtTime));
+  const entries = [];
+  for (const [slug, docs] of collections.entries()) {
+    entries.push({
+      entry: { type: "collection", slug, docs },
+      time: oldestInCollectionDocs(docs)
+    });
+  }
+  for (const [slug, fields] of globals.entries()) {
+    entries.push({
+      entry: { type: "global", slug, fields },
+      time: oldestInGlobalFields(fields)
+    });
+  }
+  return entries.sort((a, b) => a.time - b.time).map(({ entry }) => entry);
+}
+export {
+  groupCommentsGlobally
+};
+//# sourceMappingURL=groupCommentsGlobally.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/groupCommentsGlobally.ts"],"sourcesContent":["import type { Comment } from \"../../../types\";\nimport { sortGroupsByCreatedAt } from \"./sortGroupsByCreatedAt\";\nimport type { FieldPath } from \"../types\";\n\ntype CommentsMap = Map<FieldPath, Comment[]>;\n\ntype CollectionCommentsMapByDoc = Map<number, CommentsMap>;\n\nexport type CollectionCommentsEntry = {\n  type: \"collection\";\n  slug: string;\n  docs: CollectionCommentsMapByDoc;\n};\n\nexport type GlobalCommentsEntry = {\n  type: \"global\";\n  slug: string;\n  fields: CommentsMap;\n};\n\nexport type EntityCommentsEntry = CollectionCommentsEntry | GlobalCommentsEntry;\n\nconst extractCommentCreatedAtTime = (c: Comment) => new Date(c.createdAt).getTime();\n\nexport function groupCommentsGlobally(comments: Comment[]): EntityCommentsEntry[] {\n  const collections = new Map<string, CollectionCommentsMapByDoc>();\n  const globals = new Map<string, CommentsMap>();\n\n  for (const comment of comments) {\n    if (comment.globalSlug) {\n      const slug = comment.globalSlug;\n      const field = comment.fieldPath ?? null;\n\n      if (!globals.has(slug)) globals.set(slug, new Map());\n\n      const fields = globals.get(slug)!;\n\n      if (!fields.has(field)) fields.set(field, []);\n\n      fields.get(field)!.push(comment);\n\n      continue;\n    }\n\n    const slug = comment.collectionSlug;\n    const docId = comment.documentId;\n    const field = comment.fieldPath ?? null;\n    if (!slug || !docId) continue;\n\n    if (!collections.has(slug)) collections.set(slug, new Map());\n\n    const docs = collections.get(slug)!;\n\n    if (!docs.has(docId)) docs.set(docId, new Map());\n\n    const fields = docs.get(docId)!;\n\n    if (!fields.has(field)) fields.set(field, []);\n\n    fields.get(field)!.push(comment);\n  }\n\n  // Sort collection inner maps\n  for (const [slug, docs] of collections.entries()) {\n    for (const [docId, fields] of docs.entries()) {\n      docs.set(docId, sortGroupsByCreatedAt(fields));\n    }\n\n    const oldestInFields = (fields: Map<FieldPath, Comment[]>) =>\n      Math.min(...[...fields.values()].flat().map(extractCommentCreatedAtTime));\n\n    const sortedDocs = new Map([...docs.entries()].sort(([, a], [, b]) => oldestInFields(a) - oldestInFields(b)));\n\n    collections.set(slug, sortedDocs);\n  }\n\n  // Sort globals inner maps\n  for (const [slug, fields] of globals.entries()) {\n    globals.set(slug, sortGroupsByCreatedAt(fields));\n  }\n\n  const oldestInCollectionDocs = (docs: CollectionCommentsMapByDoc) =>\n    Math.min(...[...docs.values()].flatMap((fields) => [...fields.values()].flat()).map(extractCommentCreatedAtTime));\n\n  const oldestInGlobalFields = (fields: Map<FieldPath, Comment[]>) =>\n    Math.min(...[...fields.values()].flat().map(extractCommentCreatedAtTime));\n\n  const entries: Array<{ entry: EntityCommentsEntry; time: number }> = [];\n\n  for (const [slug, docs] of collections.entries()) {\n    entries.push({\n      entry: { type: \"collection\", slug, docs },\n      time: oldestInCollectionDocs(docs),\n    });\n  }\n\n  for (const [slug, fields] of globals.entries()) {\n    entries.push({\n      entry: { type: \"global\", slug, fields },\n      time: oldestInGlobalFields(fields),\n    });\n  }\n\n  return entries.sort((a, b) => a.time - b.time).map(({ entry }) => entry);\n}\n"],"mappings":"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","names":["slug","field","fields"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveEntityLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/resolveEntityLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAalG"}

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

@@ -0,0 +1,14 @@
+function resolveEntityLabel(label, locale, fallback) {
+  if (label === void 0) return fallback;
+  if (typeof label === "string") return label;
+  const byLocale = label[locale];
+  if (byLocale !== void 0) return byLocale;
+  const byEn = label["en"];
+  if (byEn !== void 0) return byEn;
+  const first = Object.values(label)[0];
+  return first ?? fallback;
+}
+export {
+  resolveEntityLabel
+};
+//# sourceMappingURL=resolveEntityLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/resolveEntityLabel.ts"],"sourcesContent":["import type { EntityLabel } from \"../../../types\";\n\nexport function resolveEntityLabel(label: EntityLabel | undefined, locale: string, fallback: string) {\n  if (label === undefined) return fallback;\n  if (typeof label === \"string\") return label;\n\n  const byLocale = label[locale];\n  if (byLocale !== undefined) return byLocale;\n\n  const byEn = label[\"en\"];\n  if (byEn !== undefined) return byEn;\n\n  const first = Object.values(label)[0];\n\n  return first ?? fallback;\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,OAAgC,QAAgB,UAAkB;AACnG,MAAI,UAAU,OAAW,QAAO;AAChC,MAAI,OAAO,UAAU,SAAU,QAAO;AAEtC,QAAM,WAAW,MAAM,MAAM;AAC7B,MAAI,aAAa,OAAW,QAAO;AAEnC,QAAM,OAAO,MAAM,IAAI;AACvB,MAAI,SAAS,OAAW,QAAO;AAE/B,QAAM,QAAQ,OAAO,OAAO,KAAK,EAAE,CAAC;AAEpC,SAAO,SAAS;AAClB;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { GlobalFieldLabelRegistry } from "../../../types";
+interface Props {
+    registry: GlobalFieldLabelRegistry;
+    collectionSlug?: string;
+    documentId?: number;
+    globalSlug?: string;
+    fieldPath: string;
+}
+export declare function resolveFieldLabel({ registry, collectionSlug, documentId, globalSlug, fieldPath }: Props): string;
+export {};
+//# sourceMappingURL=resolveFieldLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolveFieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/resolveFieldLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,UAAU,KAAK;IACb,QAAQ,EAAE,wBAAwB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,KAAK,UAMvG"}

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

@@ -0,0 +1,9 @@
+function resolveFieldLabel({ registry, collectionSlug, documentId, globalSlug, fieldPath }) {
+  const segments = registry[collectionSlug ?? globalSlug ?? ""]?.[documentId ?? 0]?.[fieldPath];
+  if (!segments) return fieldPath;
+  return segments.map((s) => s.type === "field" ? s.label : `#${s.position + 1}`).join(" > ");
+}
+export {
+  resolveFieldLabel
+};
+//# sourceMappingURL=resolveFieldLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/resolveFieldLabel.ts"],"sourcesContent":["import type { GlobalFieldLabelRegistry } from \"../../../types\";\n\ninterface Props {\n  registry: GlobalFieldLabelRegistry;\n  collectionSlug?: string;\n  documentId?: number;\n  globalSlug?: string;\n  fieldPath: string;\n}\n\nexport function resolveFieldLabel({ registry, collectionSlug, documentId, globalSlug, fieldPath }: Props) {\n  const segments = registry[collectionSlug ?? globalSlug ?? \"\"]?.[documentId ?? 0]?.[fieldPath];\n\n  if (!segments) return fieldPath;\n\n  return segments.map((s) => (s.type === \"field\" ? s.label : `#${s.position + 1}`)).join(\" > \");\n}\n"],"mappings":"AAUO,SAAS,kBAAkB,EAAE,UAAU,gBAAgB,YAAY,YAAY,UAAU,GAAU;AACxG,QAAM,WAAW,SAAS,kBAAkB,cAAc,EAAE,IAAI,cAAc,CAAC,IAAI,SAAS;AAE5F,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,SAAS,IAAI,CAAC,MAAO,EAAE,SAAS,UAAU,EAAE,QAAQ,IAAI,EAAE,WAAW,CAAC,EAAG,EAAE,KAAK,KAAK;AAC9F;","names":[]}

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

@@ -0,0 +1,4 @@
+import type { Comment } from "../../../types";
+import type { FieldPath } from "../types";
+export declare function sortGroupsByCreatedAt(groupMap: Map<FieldPath, Comment[]>): Map<FieldPath, Comment[]>;
+//# sourceMappingURL=sortGroupsByCreatedAt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortGroupsByCreatedAt.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentsPanel/utils/sortGroupsByCreatedAt.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CASpG"}

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

@@ -0,0 +1,11 @@
+function sortGroupsByCreatedAt(groupMap) {
+  const toTime = (c) => new Date(c.createdAt).getTime();
+  const oldest = (arr) => Math.min(...arr.map(toTime));
+  return new Map(
+    [...groupMap.entries()].sort(([, a], [, b]) => oldest(a) - oldest(b)).map(([key, arr]) => [key, [...arr].sort((a, b) => toTime(a) - toTime(b))])
+  );
+}
+export {
+  sortGroupsByCreatedAt
+};
+//# sourceMappingURL=sortGroupsByCreatedAt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CommentsPanel/utils/sortGroupsByCreatedAt.ts"],"sourcesContent":["import type { Comment } from \"../../../types\";\nimport type { FieldPath } from \"../types\";\n\nexport function sortGroupsByCreatedAt(groupMap: Map<FieldPath, Comment[]>): Map<FieldPath, Comment[]> {\n  const toTime = (c: Comment) => new Date(c.createdAt).getTime();\n  const oldest = (arr: Comment[]) => Math.min(...arr.map(toTime));\n\n  return new Map(\n    [...groupMap.entries()]\n      .sort(([, a], [, b]) => oldest(a) - oldest(b))\n      .map(([key, arr]) => [key, [...arr].sort((a, b) => toTime(a) - toTime(b))]),\n  );\n}\n"],"mappings":"AAGO,SAAS,sBAAsB,UAAgE;AACpG,QAAM,SAAS,CAAC,MAAe,IAAI,KAAK,EAAE,SAAS,EAAE,QAAQ;AAC7D,QAAM,SAAS,CAAC,QAAmB,KAAK,IAAI,GAAG,IAAI,IAAI,MAAM,CAAC;AAE9D,SAAO,IAAI;AAAA,IACT,CAAC,GAAG,SAAS,QAAQ,CAAC,EACnB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,EAC5C,IAAI,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;AAAA,EAC9E;AACF;","names":[]}

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

@@ -0,0 +1,8 @@
+interface Props {
+    fieldPath: string;
+    showTrigger: boolean;
+    onToggle: (isOpen: boolean) => void;
+}
+export declare function AddCommentPopup({ fieldPath, showTrigger, onToggle }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddCommentPopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddCommentPopup.d.ts","sourceRoot":"","sources":["../../../src/components/FieldCommentLabel/AddCommentPopup.tsx"],"names":[],"mappings":"AAUA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyC1E"}

package/dist/components/FieldCommentLabel/AddCommentPopup.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popup, useTranslation } from "@payloadcms/ui";
+import { IconButton } from "../IconButton";
+import { cn } from "../../utils/general/cn";
+import { MessageSquarePlus } from "lucide-react";
+import { CommentEditor } from "../CommentEditor";
+import { useComments } from "../../providers/CommentsProvider";
+import { useRef } from "react";
+function AddCommentPopup({ fieldPath, showTrigger, onToggle }) {
+  const { t } = useTranslation();
+  const { mode, globalSlug } = useComments();
+  const editorAPI = useRef(null);
+  const trigger = /* @__PURE__ */ jsx(IconButton, { className: cn(showTrigger ? "opacity-100" : "opacity-0"), size: "sm", title: t("comments:add"), children: /* @__PURE__ */ jsx(MessageSquarePlus, { size: 14 }) });
+  return /* @__PURE__ */ jsx(
+    Popup,
+    {
+      buttonType: "custom",
+      button: trigger,
+      horizontalAlign: "right",
+      size: "fit-content",
+      onToggleOpen: (active) => {
+        onToggle(active);
+        setTimeout(() => editorAPI.current?.focus());
+      },
+      onToggleClose: () => {
+        editorAPI.current?.clear();
+      },
+      render: ({ close }) => /* @__PURE__ */ jsxs("div", { className: "w-80", children: [
+        /* @__PURE__ */ jsx("p", { className: "m-0 mb-3 text-[14px] font-semibold text-(--theme-text)", children: t("comments:add") }),
+        /* @__PURE__ */ jsx(
+          CommentEditor,
+          {
+            ref: editorAPI,
+            fieldPath,
+            globalSlug: mode === "global-document" ? globalSlug ?? void 0 : void 0,
+            autoFocus: true,
+            onSuccessAddComment: close,
+            onEscapePress: close,
+            placeholder: `${t("comments:writeComment")}\u2026`
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  AddCommentPopup
+};
+//# sourceMappingURL=AddCommentPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/FieldCommentLabel/AddCommentPopup.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popup, useTranslation } from \"@payloadcms/ui\";\nimport { IconButton } from \"../IconButton\";\nimport { cn } from \"../../utils/general/cn\";\nimport { MessageSquarePlus } from \"lucide-react\";\nimport { CommentEditor, type CommentEditorHandle } from \"../CommentEditor\";\nimport { useComments } from \"../../providers/CommentsProvider\";\nimport { useRef } from \"react\";\n\ninterface Props {\n  fieldPath: string;\n  showTrigger: boolean;\n  onToggle: (isOpen: boolean) => void;\n}\n\nexport function AddCommentPopup({ fieldPath, showTrigger, onToggle }: Props) {\n  const { t } = useTranslation();\n  const { mode, globalSlug } = useComments();\n  const editorAPI = useRef<CommentEditorHandle | null>(null);\n\n  const trigger = (\n    <IconButton className={cn(showTrigger ? \"opacity-100\" : \"opacity-0\")} size=\"sm\" title={t(\"comments:add\" as never)}>\n      <MessageSquarePlus size={14} />\n    </IconButton>\n  );\n\n  return (\n    <Popup\n      buttonType=\"custom\"\n      button={trigger}\n      horizontalAlign=\"right\"\n      size=\"fit-content\"\n      onToggleOpen={(active: boolean) => {\n        onToggle(active);\n        setTimeout(() => editorAPI.current?.focus());\n      }}\n      onToggleClose={() => {\n        editorAPI.current?.clear();\n      }}\n      render={({ close }) => (\n        <div className=\"w-80\">\n          <p className=\"m-0 mb-3 text-[14px] font-semibold text-(--theme-text)\">{t(\"comments:add\" as never)}</p>\n\n          <CommentEditor\n            ref={editorAPI}\n            fieldPath={fieldPath}\n            globalSlug={mode === \"global-document\" ? (globalSlug ?? undefined) : undefined}\n            autoFocus\n            onSuccessAddComment={close}\n            onEscapePress={close}\n            placeholder={`${t(\"comments:writeComment\" as never)}…`}\n          />\n        </div>\n      )}\n    />\n  );\n}\n"],"mappings":";AAuBM,cAkBE,YAlBF;AArBN,SAAS,OAAO,sBAAsB;AACtC,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,yBAAyB;AAClC,SAAS,qBAA+C;AACxD,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAQhB,SAAS,gBAAgB,EAAE,WAAW,aAAa,SAAS,GAAU;AAC3E,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,EAAE,MAAM,WAAW,IAAI,YAAY;AACzC,QAAM,YAAY,OAAmC,IAAI;AAEzD,QAAM,UACJ,oBAAC,cAAW,WAAW,GAAG,cAAc,gBAAgB,WAAW,GAAG,MAAK,MAAK,OAAO,EAAE,cAAuB,GAC9G,8BAAC,qBAAkB,MAAM,IAAI,GAC/B;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAQ;AAAA,MACR,iBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,cAAc,CAAC,WAAoB;AACjC,iBAAS,MAAM;AACf,mBAAW,MAAM,UAAU,SAAS,MAAM,CAAC;AAAA,MAC7C;AAAA,MACA,eAAe,MAAM;AACnB,kBAAU,SAAS,MAAM;AAAA,MAC3B;AAAA,MACA,QAAQ,CAAC,EAAE,MAAM,MACf,qBAAC,SAAI,WAAU,QACb;AAAA,4BAAC,OAAE,WAAU,0DAA0D,YAAE,cAAuB,GAAE;AAAA,QAElG;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,YAAY,SAAS,oBAAqB,cAAc,SAAa;AAAA,YACrE,WAAS;AAAA,YACT,qBAAqB;AAAA,YACrB,eAAe;AAAA,YACf,aAAa,GAAG,EAAE,uBAAgC,CAAC;AAAA;AAAA,QACrD;AAAA,SACF;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/FieldCommentLabel/hooks/useStablePath.d.ts

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

package/dist/components/FieldCommentLabel/hooks/useStablePath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStablePath.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldCommentLabel/hooks/useStablePath.ts"],"names":[],"mappings":"AAKA,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,UAIjD"}

package/dist/components/FieldCommentLabel/hooks/useStablePath.js

@@ -0,0 +1,12 @@
+"use client";
+import { useFormFields } from "@payloadcms/ui";
+import { buildStablePath } from "../utils/buildStablePath";
+function useStablePath(positionPath) {
+  return useFormFields(
+    ([fields]) => buildStablePath(positionPath, (idPath) => fields[idPath]?.value)
+  );
+}
+export {
+  useStablePath
+};
+//# sourceMappingURL=useStablePath.js.map

package/dist/components/FieldCommentLabel/hooks/useStablePath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/FieldCommentLabel/hooks/useStablePath.ts"],"sourcesContent":["\"use client\";\n\nimport { useFormFields } from \"@payloadcms/ui\";\nimport { buildStablePath } from \"../utils/buildStablePath\";\n\nexport function useStablePath(positionPath: string) {\n  return useFormFields(([fields]) =>\n    buildStablePath(positionPath, (idPath) => fields[idPath]?.value as string | undefined),\n  );\n}\n"],"mappings":";AAEA,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAEzB,SAAS,cAAc,cAAsB;AAClD,SAAO;AAAA,IAAc,CAAC,CAAC,MAAM,MAC3B,gBAAgB,cAAc,CAAC,WAAW,OAAO,MAAM,GAAG,KAA2B;AAAA,EACvF;AACF;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { FieldLabelClientProps } from "payload";
+import type { Label } from "./types";
+interface Props extends FieldLabelClientProps {
+    field: FieldLabelClientProps["field"] & {
+        label?: Label;
+        required?: boolean;
+    };
+}
+export declare function FieldCommentLabel({ field, htmlFor, path: fieldPath }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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