@pubuduth-aplicy/chat-ui 2.1.85 → 2.1.87

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.85",
+  "version": "2.1.87",
   "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/common/SystemNotice.tsx

@@ -8,7 +8,7 @@ const SystemNotice = () => (
       fontSize: "14px",
     }}>
       <strong style={{ display: "block", marginBottom: "0.5rem", textAlign:"center", fontSize:"smaller" }}>🛡 WE HAVE YOUR BACK</strong>
-      <p style={{fontSize:"x-small"}}>For added safety and your protection, keep payments and communications within Gigmosaic. 
+      <p style={{fontSize:"x-small"}}>For added safety and your protection, keep payments and communications within Hirepanther. 
         {/* <a href="#">Learn more</a> */}
       </p>
     </div>

package/src/components/messages/MessageContainer.tsx

@@ -24,6 +24,7 @@ const MessageContainer = () => {
           data: {
             chatId: selectedConversation._id,
             userId: userId,
+            role: role,
           },
         })
       );

package/src/components/sidebar/Conversation.tsx

@@ -4,17 +4,19 @@ import { useEffect } from "react";
 import { useChatContext } from "../../providers/ChatProvider";
 import useChatUIStore from "../../stores/Zustant";
 import { ConversationProps } from "../../types/type";
+import { getChatConfig } from "../../Chat.config";
 
 const Conversation = ({ conversation }: ConversationProps) => {
   const {
     setSelectedConversation,
     setOnlineUsers,
   } = useChatUIStore();
-  const { socket, isUserOnline } = useChatContext();
+  const { socket, isUserOnline, } = useChatContext();
   const selectedConversation = useChatUIStore(
     (state) => state.selectedConversation
   );
   const { userId } = useChatContext();
+   const { role } = getChatConfig();
 
   const participant = conversation.participantDetails?.find(
     (p:any) => p._id !== userId
@@ -36,6 +38,7 @@ const Conversation = ({ conversation }: ConversationProps) => {
           messageIds: unreadMessageIds,
           senderId: participant?._id,
           receiverId: userId,
+          receiverRole: role,
           chatId: conversation._id,
         },
       };
@@ -77,7 +80,7 @@ const Conversation = ({ conversation }: ConversationProps) => {
       : participant?.name || "Conversation";
 
   const lastMessageTimestamp = new Date(
-    conversation.lastMessage?.updatedAt || conversation.lastMessage?.createdAt
+    conversation.lastMessage?.updatedAt || conversation.lastMessage?.createdAt || conversation.createdAt
   ).toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit",

package/src/providers/ChatProvider.tsx

@@ -114,17 +114,38 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     }
   }, []);
 
+  // useEffect(() => {
+  //   connectWebSocket();
+
+  //   return () => {
+  //     // console.log("❌ Closing WebSocket connection...");
+  //     if (socketRef.current) {
+  //       socketRef.current.close(1000, "Component unmounted");
+  //       socketRef.current = null;
+  //     }
+  //   };
+  // }, [connectWebSocket]);
+
+
   useEffect(() => {
     connectWebSocket();
-
+  
     return () => {
-      // console.log("❌ Closing WebSocket connection...");
-      if (socketRef.current) {
+      // Gracefully notify backend before closing
+      if (socketRef.current && socketRef.current.readyState === WebSocket.OPEN) {
+        socketRef.current.send(
+          JSON.stringify({
+            event: "disconnect",
+            userId,
+            role,
+          })
+        );
         socketRef.current.close(1000, "Component unmounted");
-        socketRef.current = null;
       }
+      socketRef.current = null;
     };
   }, [connectWebSocket]);
+  
 
   const isUserOnline = useCallback(
     (userId: string) => {