elseware-ui 2.31.13 → 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)) {
@@ -18034,6 +18074,10 @@ function CommentThread({
       );
     }
   }
+  function updateCommentEverywhere(commentId, updater) {
+    setComments((prev) => updateComment(prev, commentId, updater));
+    setReplyCache((prev) => updateReplyCacheComment(prev, commentId, updater));
+  }
   async function handleReply(parentComment, content) {
     const reply = await dataSource.createComment({
       content,
@@ -18119,6 +18163,12 @@ function CommentThread({
       );
     }
   }
+  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..." });
   }
@@ -18143,7 +18193,7 @@ function CommentThread({
         onDislike: handleDislike,
         onReply: handleReply,
         onLoadReplies: handleLoadReplies,
-        onEdit,
+        onEdit: handleEditComment,
         onDelete: handleDeleteComment,
         onReport
       }