elseware-ui 2.31.14 → 2.31.15

package/dist/index.mjs

@@ -17966,6 +17966,7 @@ function CommentThread({
   const [replyCache, setReplyCache] = useState(
     {}
   );
+  const replyCacheRef = useRef(replyCache);
   const ComposerComponent = components?.Composer ?? CommentComposer_default;
   const resolvedConfig = {
     ...DEFAULT_COMMENT_THREAD_CONFIG,
@@ -17985,6 +17986,45 @@ function CommentThread({
     }
     loadComments();
   }, [dataSource, resolvedConfig.commentsPerPage]);
+  useEffect(() => {
+    replyCacheRef.current = replyCache;
+  }, [replyCache]);
+  useEffect(() => {
+    let cancelled = false;
+    async function refreshLoadedReplies() {
+      const parentIds = Object.keys(replyCacheRef.current);
+      if (!parentIds.length) {
+        return;
+      }
+      try {
+        const entries = await Promise.all(
+          parentIds.map(async (parentId) => {
+            const result = await dataSource.getReplies(parentId, {
+              limit: resolvedConfig.repliesPerPage
+            });
+            return [parentId, result.items];
+          })
+        );
+        if (cancelled) {
+          return;
+        }
+        setReplyCache((prev) => {
+          const next = { ...prev };
+          for (const [parentId, replies] of entries) {
+            if (parentId in next) {
+              next[parentId] = replies;
+            }
+          }
+          return next;
+        });
+      } catch {
+      }
+    }
+    void refreshLoadedReplies();
+    return () => {
+      cancelled = true;
+    };
+  }, [dataSource, resolvedConfig.repliesPerPage]);
   function updateReplyCacheComment(cache, commentId, updater) {
     const next = {};
     for (const [parentId, replies] of Object.entries(cache)) {
@@ -18123,9 +18163,11 @@ function CommentThread({
       );
     }
   }
-  function handleEditComment(updatedComment) {
-    updateCommentEverywhere(updatedComment.id, () => updatedComment);
-    onEdit?.(updatedComment);
+  async function handleEditComment(comment) {
+    const updatedComment = await onEdit?.(comment);
+    if (updatedComment) {
+      updateCommentEverywhere(updatedComment.id, () => updatedComment);
+    }
   }
   if (loading || isLoadingComments) {
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: "Loading comments..." });