elseware-ui 2.31.14 → 2.31.16

package/dist/index.mjs

@@ -17957,6 +17957,7 @@ function CommentThread({
   loading = false,
   components,
   config,
+  updatedComment,
   onEdit,
   onDelete,
   onReport
@@ -17966,6 +17967,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 +17987,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)) {
@@ -18038,6 +18079,12 @@ function CommentThread({
     setComments((prev) => updateComment(prev, commentId, updater));
     setReplyCache((prev) => updateReplyCacheComment(prev, commentId, updater));
   }
+  useEffect(() => {
+    if (!updatedComment) {
+      return;
+    }
+    updateCommentEverywhere(updatedComment.id, () => updatedComment);
+  }, [updatedComment]);
   async function handleReply(parentComment, content) {
     const reply = await dataSource.createComment({
       content,
@@ -18123,9 +18170,11 @@ function CommentThread({
       );
     }
   }
-  function handleEditComment(updatedComment) {
-    updateCommentEverywhere(updatedComment.id, () => updatedComment);
-    onEdit?.(updatedComment);
+  async function handleEditComment(comment) {
+    const updatedComment2 = await onEdit?.(comment);
+    if (updatedComment2) {
+      updateCommentEverywhere(updatedComment2.id, () => updatedComment2);
+    }
   }
   if (loading || isLoadingComments) {
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: "Loading comments..." });