@pubuduth-aplicy/chat-ui 2.1.20 → 2.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.20",
+  "version": "2.1.22",
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
   "license": "ISC",
   "author": "",

package/src/components/messages/Message.tsx

@@ -28,7 +28,7 @@ console.log('messagedis',message);
 		<div className="chatMessagesContainer">
       <div style={{color:"#374151"}}>
         <div className={`chatMessagesBubble_inner ${alignItems} ${bubbleBgColor} `}>
-          <p style={{fontSize:"14px"}}>{message}</p>
+          <p style={{fontSize:"14px"}}>{message.message}</p>
 		  <div className='chatMessagesBubble_Time'>15.00</div>
         </div>
       </div>

package/src/components/messages/MessageInput.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useState } from 'react';
 import { useMessageMutation } from '../../hooks/mutations/useSendMessage';
 import { useChatContext } from '../../providers/ChatProvider';
@@ -7,17 +8,18 @@ import useChatUIStore from '../../stores/Zustant';
 
 const MessageInput = () => {
     const { socket } = useChatContext();
+    const {userId}=useChatContext()
     const { selectedConversation } = useChatUIStore();
   const [message, setMessage] = useState(""); // State for storing the message input
   const { mutate: sendMessage } = useMessageMutation();
 
-  const handleSubmit = async (e) => {
+  const handleSubmit = async (e:any) => {
     e.preventDefault();
     if (!message) 
 	return; 
     if (selectedConversation?._id) {
         // Send message
-        sendMessage({ chatId:selectedConversation._id, message });
+        sendMessage({ chatId:selectedConversation._id,senderId:userId, message });
         
         // Emit message to socket
         socket.emit('sendMessage', { chatId: selectedConversation._id, message });

package/src/components/messages/Messages.tsx

@@ -11,7 +11,6 @@ import useChatUIStore from "../../stores/Zustant";
 const Messages = () => {
 	const { selectedConversation } = useChatUIStore()
 	const {userId}=useChatContext()
-	console.log(selectedConversation); // Ensure chatId is correct
 console.log(userId);
 	const { data: messages, isLoading, isError, error } = useMessages(selectedConversation?._id, userId);
 	// useListenMessages();

package/src/service/messageService.ts

@@ -2,8 +2,8 @@
 import { apiClient } from "../lib/api/apiClient";
 import { Path } from "../lib/api/endpoint";
 
-export const sendMessage = async ({ chatId, message }: { chatId: any; message: string }) => {
-    const response = await apiClient.post(`${Path.sendmessage}/${chatId}`, {
+export const sendMessage = async ({ chatId,senderId, message }: { chatId: any; senderId:any; message: string }) => {
+    const response = await apiClient.post(`${Path.sendmessage}/${chatId}/${senderId}`, {
         message
     })
     return response.data;