@pubuduth-aplicy/chat-ui 2.1.84 → 2.1.86

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.84",
+  "version": "2.1.86",
   "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/sidebar/Conversation.tsx

@@ -77,7 +77,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/lib/api/apiClient.ts

@@ -6,7 +6,7 @@ export const getApiClient = () => {
   const { apiUrl } = getChatConfig(); // ✅ safe: runs after init
   return axios.create({
     baseURL: `${apiUrl}`,
-    timeout: 5000,
+    timeout: 15000,
     withCredentials: true,
     headers: {
       "Content-Type": "application/json",

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) => {