elseware-ui 2.31.2 → 2.31.5

package/dist/index.mjs

@@ -17924,149 +17924,6 @@ function CommentList({
   )) });
 }
 var CommentList_default = CommentList;
-function EditCommentModal({
-  show,
-  comment,
-  handleCloseModal,
-  onSubmit
-}) {
-  if (!comment) return null;
-  return /* @__PURE__ */ jsx(Modal_default, { title: "Edit Comment", show, handleOnClose: handleCloseModal, children: /* @__PURE__ */ jsx(
-    Form,
-    {
-      enableReinitialize: true,
-      initialValues: {
-        content: comment.content
-      },
-      onSubmit: async (values) => {
-        await onSubmit?.(comment, values.content);
-        handleCloseModal();
-      },
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx(TextArea_default, { name: "content", rows: 5, placeholder: "Comment" }),
-        /* @__PURE__ */ jsx(Button_default, { type: "submit", variant: "success", text: "Save Changes" })
-      ] })
-    }
-  ) });
-}
-var EditCommentModal_default = EditCommentModal;
-function DeleteCommentModal({
-  show,
-  comment,
-  handleCloseModal,
-  onDelete
-}) {
-  if (!comment) return null;
-  return /* @__PURE__ */ jsx(Modal_default, { title: "Delete Comment", show, handleOnClose: handleCloseModal, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-    /* @__PURE__ */ jsx(Typography.Paragraph, { children: "Are you sure you want to permanently delete this comment?" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-3 justify-end", children: [
-      /* @__PURE__ */ jsx(Button_default, { text: "Cancel", appearance: "ghost", onClick: handleCloseModal }),
-      /* @__PURE__ */ jsx(
-        Button_default,
-        {
-          text: "Delete",
-          variant: "danger",
-          onClick: async () => {
-            await onDelete?.(comment);
-            handleCloseModal();
-          }
-        }
-      )
-    ] })
-  ] }) });
-}
-var DeleteCommentModal_default = DeleteCommentModal;
-var REPORT_REASONS = [
-  {
-    label: "Spam",
-    value: "spam"
-  },
-  {
-    label: "Harassment",
-    value: "harassment"
-  },
-  {
-    label: "Hate Speech",
-    value: "hate_speech"
-  },
-  {
-    label: "Misleading Information",
-    value: "misleading_information"
-  },
-  {
-    label: "Other",
-    value: "other"
-  }
-];
-function ReportCommentModal({
-  show,
-  comment,
-  handleCloseModal,
-  onSubmit
-}) {
-  if (!comment) return null;
-  return /* @__PURE__ */ jsx(Modal_default, { title: "Report Comment", show, handleOnClose: handleCloseModal, children: /* @__PURE__ */ jsx(
-    Form,
-    {
-      initialValues: {
-        reason: "",
-        description: ""
-      },
-      onSubmit: async (values) => {
-        await onSubmit?.(comment, {
-          reason: values.reason,
-          description: values.description
-        });
-        handleCloseModal();
-      },
-      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx(Select_default, { name: "reason", placeholder: "Reason", options: REPORT_REASONS }),
-        /* @__PURE__ */ jsx(
-          TextArea_default,
-          {
-            name: "description",
-            rows: 4,
-            placeholder: "Additional details"
-          }
-        ),
-        /* @__PURE__ */ jsx(Button_default, { type: "submit", variant: "danger", text: "Submit Report" })
-      ] })
-    }
-  ) });
-}
-var ReportCommentModal_default = ReportCommentModal;
-function useCommentModals() {
-  const [showEditModal, setShowEditModal] = useState(false);
-  const [showDeleteModal, setShowDeleteModal] = useState(false);
-  const [showReportModal, setShowReportModal] = useState(false);
-  return {
-    showEditModal,
-    openEditModal: () => setShowEditModal(true),
-    closeEditModal: () => setShowEditModal(false),
-    showDeleteModal,
-    openDeleteModal: () => setShowDeleteModal(true),
-    closeDeleteModal: () => setShowDeleteModal(false),
-    showReportModal,
-    openReportModal: () => setShowReportModal(true),
-    closeReportModal: () => setShowReportModal(false)
-  };
-}
-function useCommentSelection() {
-  const [selectedComment, setSelectedComment] = useState(
-    null
-  );
-  function selectComment(comment) {
-    setSelectedComment(comment);
-  }
-  function clearSelection() {
-    setSelectedComment(null);
-  }
-  return {
-    selectedComment,
-    selectComment,
-    clearSelection
-  };
-}
 
 // src/compositions/comment-thread/utils/buildCommentTree.ts
 function buildCommentTree(comments) {
@@ -18105,14 +17962,6 @@ function updateComment(comments, commentId, updater) {
   });
 }
 
-// src/compositions/comment-thread/utils/removeComment.ts
-function removeComment(comments, commentId) {
-  return comments.filter((comment) => comment.id !== commentId).map((comment) => ({
-    ...comment,
-    replies: comment.replies ? removeComment(comment.replies, commentId) : []
-  }));
-}
-
 // src/compositions/comment-thread/utils/insertReply.ts
 function insertReply(comments, parentId, reply) {
   return comments.map((comment) => {
@@ -18129,7 +17978,6 @@ function insertReply(comments, parentId, reply) {
   });
 }
 function CommentThread({
-  postId,
   currentUser,
   dataSource,
   loading = false,
@@ -18139,8 +17987,6 @@ function CommentThread({
 }) {
   const [comments, setComments] = useState([]);
   const [isLoadingComments, setIsLoadingComments] = useState(true);
-  const selection = useCommentSelection();
-  const modals = useCommentModals();
   useEffect(() => {
     async function loadComments() {
       try {
@@ -18167,110 +18013,70 @@ function CommentThread({
     setComments((prev) => insertReply(prev, parentComment.id, reply));
   }
   async function handleLike(comment) {
-    const result = await dataSource.toggleLike(comment.id);
+    const optimistic = {
+      liked: !comment.liked,
+      disliked: false,
+      likes: comment.liked ? comment.likes - 1 : comment.likes + 1,
+      dislikes: comment.disliked ? Math.max(comment.dislikes - 1, 0) : comment.dislikes
+    };
     setComments(
       (prev) => updateComment(prev, comment.id, (item) => ({
         ...item,
-        likes: result.likes,
-        dislikes: result.dislikes,
-        liked: result.liked,
-        disliked: result.disliked
+        likes: optimistic.likes,
+        dislikes: optimistic.dislikes,
+        liked: optimistic.liked,
+        disliked: optimistic.disliked
       }))
     );
+    try {
+      await dataSource.toggleLike(comment.id);
+    } catch {
+      setComments((prev) => updateComment(prev, comment.id, () => comment));
+    }
   }
   async function handleDislike(comment) {
-    const result = await dataSource.toggleDislike(comment.id);
+    const optimistic = {
+      liked: false,
+      disliked: !comment.disliked,
+      likes: comment.liked ? Math.max(comment.likes - 1, 0) : comment.likes,
+      dislikes: comment.disliked ? comment.dislikes - 1 : comment.dislikes + 1
+    };
     setComments(
       (prev) => updateComment(prev, comment.id, (item) => ({
         ...item,
-        likes: result.likes,
-        dislikes: result.dislikes,
-        liked: result.liked,
-        disliked: result.disliked
+        likes: optimistic.likes,
+        dislikes: optimistic.dislikes,
+        liked: optimistic.liked,
+        disliked: optimistic.disliked
       }))
     );
-  }
-  async function handleUpdateComment(comment, content) {
-    const updated = await dataSource.updateComment({
-      id: comment.id,
-      content
-    });
-    setComments((prev) => updateComment(prev, comment.id, () => updated));
-  }
-  async function handleDeleteComment(comment) {
-    await dataSource.deleteComment(comment.id);
-    setComments((prev) => removeComment(prev, comment.id));
-    onDelete?.(comment);
-  }
-  async function handleReportComment(comment, payload) {
-    await dataSource.reportComment?.(
-      comment.id,
-      payload.reason,
-      payload.description
-    );
-    onReport?.(comment);
+    try {
+      await dataSource.toggleDislike(comment.id);
+    } catch {
+      setComments((prev) => updateComment(prev, comment.id, () => comment));
+    }
   }
   if (loading || isLoadingComments) {
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: "Loading comments..." });
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ jsx(
-        CommentComposer_default,
-        {
-          avatar: currentUser.avatar,
-          onSubmit: handleCreateComment
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        CommentList_default,
-        {
-          comments,
-          onLike: handleLike,
-          onDislike: handleDislike,
-          onReply: handleReply,
-          onEdit: (comment) => {
-            selection.selectComment(comment);
-            onEdit?.(comment);
-            modals.openEditModal();
-          },
-          onDelete: (comment) => {
-            selection.selectComment(comment);
-            modals.openDeleteModal();
-          },
-          onReport: (comment) => {
-            selection.selectComment(comment);
-            onReport?.(comment);
-            modals.openReportModal();
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      EditCommentModal_default,
-      {
-        show: modals.showEditModal,
-        comment: selection.selectedComment,
-        handleCloseModal: modals.closeEditModal,
-        onSubmit: handleUpdateComment
-      }
-    ),
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsx(
-      DeleteCommentModal_default,
+      CommentComposer_default,
       {
-        show: modals.showDeleteModal,
-        comment: selection.selectedComment,
-        handleCloseModal: modals.closeDeleteModal,
-        onDelete: handleDeleteComment
+        avatar: currentUser.avatar,
+        onSubmit: handleCreateComment
       }
     ),
     /* @__PURE__ */ jsx(
-      ReportCommentModal_default,
+      CommentList_default,
       {
-        show: modals.showReportModal,
-        comment: selection.selectedComment,
-        handleCloseModal: modals.closeReportModal,
-        onSubmit: handleReportComment
+        comments,
+        onLike: handleLike,
+        onDislike: handleDislike,
+        onReply: handleReply,
+        onEdit,
+        onDelete,
+        onReport
       }
     )
   ] });