@pubuduth-aplicy/chat-ui 2.1.8 → 2.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.8",
+  "version": "2.1.10",
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
   "license": "ISC",
   "author": "",
@@ -28,7 +28,7 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "globals": "^15.15.0",
-    "typescript": "~5.7.2",
+    "typescript": "^5.8.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0"
   }

package/src/components/messages/MessageInput.tsx

@@ -6,7 +6,7 @@ import useChatUIStore from '../../stores/Zustant';
 // import useSendMessage from '../../hooks/useSendMessage'; // Importing the useSendMessage hook
 
 const MessageInput = () => {
-    const { socket, userId } = useChatContext();
+    const { socket } = useChatContext();
     const { selectedConversation } = useChatUIStore();
   const [message, setMessage] = useState(""); // State for storing the message input
   const { mutate: sendMessage } = useMessageMutation();
@@ -15,8 +15,13 @@ const MessageInput = () => {
     e.preventDefault();
     if (!message) 
 	return; 
-    sendMessage({selectedConversation?._id,message}); 
-    socket.emit('sendMessage', { selectedConversation._id, message })
+    if (selectedConversation?._id) {
+        // Send message
+        sendMessage({ chatId:selectedConversation._id, message });
+        
+        // Emit message to socket
+        socket.emit('sendMessage', { chatId: selectedConversation._id, message });
+      }
     setMessage(""); 
   };
 

package/src/components/sidebar/Conversation.tsx

@@ -5,9 +5,14 @@ import useChatUIStore from "../../stores/Zustant";
 
 interface ConversationProps {
   conversation: {
-    _id: string;
+    participantDetails:{
+      _id: string;
     profilePic: string;
-    username: string;
+    firstname: string; 
+    idpic:string;
+
+    }
+  _id:string;
   };
   lastIdx: boolean;
 }
@@ -28,12 +33,12 @@ console.log(conversation);
       >
         <img
           className="w-12 h-12 relative rounded-[100px]"
-          src={conversation.profilePic|| conversation.idpic}
+          src={conversation.participantDetails.profilePic|| conversation.participantDetails.idpic}
         />
         <div className="grow shrink basis-0 flex-col justify-start items-start gap-1 inline-flex">
           <div className="self-stretch justify-start items-center inline-flex">
             <div className="grow shrink basis-0 text-slate-900 text-base font-semibold font-['Inter'] leading-tight">
-              {conversation.firstname}
+              {conversation.participantDetails.firstname}
             </div>
           </div>
         </div>

package/src/stores/Zustant.ts

@@ -12,9 +12,13 @@ interface ChatUIState {
   isChatOpen: boolean;
   unreadCount: number;
   selectedConversation: {
-    _id: string;
+    participantDetails:{
+      _id: string;
     profilePic: string;
-    username: string;
+    firstname: string; 
+    idpic:string;
+    }
+    _id:string;
   } | null;
   setSelectedConversation: (selectedConversation: { _id: string; profilePic: string; username: string; } | null) => void;
   toggleChat: () => void;

package/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />