@pubuduth-aplicy/chat-ui 2.1.76 → 2.1.77

package/package.json

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

package/src/Chat.config.ts

@@ -3,6 +3,7 @@ export interface ChatConfig {
     apiUrl: string;
     role?: string;
     cdnUrl?: string;
+    webSocketUrl: string;
   }
   
   let chatConfig: ChatConfig;

package/src/components/Chat.tsx

@@ -15,16 +15,9 @@ export const Chat = () => {
     const handleMessage = (event: MessageEvent) => {
       try {
         const parsed = JSON.parse(event.data);
-        console.log("Parsed WebSocket message:", parsed);
 
         if (parsed.event === "newMessage") {
           const message = parsed.data;
-          console.log(
-            "📨 Message received at:",
-            message.createdAt,
-            "from:",
-            message
-          );
           // Send delivery confirmation
           // Update UI immediately
           setMessages((prev) => [...prev, message]);

package/src/components/messages/Message.tsx

@@ -114,7 +114,6 @@ const Message = ({ message }: MessageProps) => {
   // const handleDownload = (url: string, name: string) => {
   //   saveAs(url, name);
   // };
-  console.log("check message status", message.status);
 
   const [downloadingIndex, setDownloadingIndex] = useState<number | null>(null);
   const [downloadProgress, setDownloadProgress] = useState<number>(0);

package/src/components/messages/MessageContainer.tsx

@@ -13,52 +13,6 @@ const MessageContainer = () => {
     useChatUIStore();
   const { socket, isUserOnline } = useChatContext();
   const { role } = getChatConfig();
-  //   useEffect(() => {
-  //   if (!socket) return;
-
-  //   const handleMessage = (event) => {
-  //     try {
-  //       const parsed = JSON.parse(event.data);
-
-  //      if (parsed.event === 'newMessage') {
-  //   const message = parsed.data;
-  //   console.log('Received message:', message);
-
-  //   if (selectedConversation?._id !== message.chatId) return;
-
-  //   const messageId = message._id || message.messageId;
-  //   console.log('Message ID for unread:', messageId);
-
-  //   if (!messageId) {
-  //     console.warn('Message has no _id or messageId, skipping unread tracking');
-  //     return;
-  //   }
-
-  //   const updatedUnread = [
-  //     ...(selectedConversation?.unreadMessageIds || []),
-  //     messageId,
-  //   ];
-
-  //   console.log('Updated unreadMessageIds:', updatedUnread);
-
-  //   setSelectedConversation({
-  //     ...selectedConversation,
-  //     unreadMessageIds: updatedUnread,
-  //   });
-  // }
-
-  //       // Handle other events...
-
-  //     } catch (error) {
-  //       console.error("WebSocket message parse error:", error);
-  //     }
-  //   };
-
-  //   socket.addEventListener("message", handleMessage);
-  //   return () => socket.removeEventListener("message", handleMessage);
-  // }, [socket, setMessages, selectedConversation, setSelectedConversation]);
-
-  // Join chat room when conversation is selected
 
   useEffect(() => {
     if (selectedConversation?._id && socket?.readyState === WebSocket.OPEN) {
@@ -81,7 +35,6 @@ const MessageContainer = () => {
     const handleMessage = (event: MessageEvent) => {
       try {
         const data = JSON.parse(event.data);
-        console.log("Parsed WebSocket message in mc:", data);
 
         if (data.event === "getOnlineUsers") {
           setOnlineUsers(data.payload); // payload should be an array of user IDs

package/src/components/messages/MessageInput.tsx

@@ -76,7 +76,6 @@ const MessageInput = () => {
       });
     }
   }, [selectedConversation?._id, socket, sendMessage]);
-  console.log('selected', selectedConversation);
   
   useEffect(() => {
     // Clear all input state when conversation changes
@@ -136,12 +135,10 @@ const MessageInput = () => {
     const handleMessage = (event: MessageEvent) => {
       try {
         const data = JSON.parse(event.data);
-        console.log("Received WebSocket message:", data);
         if (
           data.event === "typing" &&
           data.data.chatId === selectedConversation._id
         ) {
-          console.log("Setting typing user:", data.data.userId);
           setTypingUser(data.data.userId);
         } else if (
           data.event === "stopTyping" &&

package/src/components/messages/Messages.tsx

@@ -44,14 +44,13 @@ const Messages = () => {
     const handleMessage = (event: MessageEvent) => {
       try {
         const parsed = JSON.parse(event.data);
-        console.log("Parsed WebSocket message1:", parsed);
         if (parsed.type === "newMessage" || parsed.event === "newMessage") {
           const newMessage = parsed.data;
           if (!newMessage) {
-            console.warn(
-              "Received newMessage event without a message payload",
-              parsed
-            );
+            // console.warn(
+            //   "Received newMessage event without a message payload",
+            //   parsed
+            // );
             return;
           }
 
@@ -74,7 +73,7 @@ const Messages = () => {
         if (parsed.event === "messageStatusUpdated") {
           const { messageId, status } = parsed.data || {};
           if (!messageId) {
-            console.error("Missing messageId in status update", parsed);
+            // console.error("Missing messageId in status update", parsed);
             return;
           }
 
@@ -88,7 +87,7 @@ const Messages = () => {
                 return msg;
 
               if (newIdx > currentIdx) {
-                console.log(`Updating status for ${messageId} to ${status}`);
+                // console.log(`Updating status for ${messageId} to ${status}`);
                 return { ...msg, status };
               }
 
@@ -98,7 +97,7 @@ const Messages = () => {
         }
 
         if (parsed.event === "messageEdited") {
-          console.log("Received messageEdited event:", parsed);
+          // console.log("Received messageEdited event:", parsed);
 
           const updatedMessage = parsed.data;
           if (!updatedMessage || !updatedMessage.messageId) return;
@@ -113,7 +112,7 @@ const Messages = () => {
         }
 
         if (parsed.event === "messageDeleted") {
-          console.log("Received messageDeleted event:", parsed);
+          // console.log("Received messageDeleted event:", parsed);
 
           const { messageId } = parsed.data || {};
           if (!messageId) return;

package/src/components/sidebar/Conversation.tsx

@@ -21,14 +21,14 @@ const Conversation = ({ conversation }: ConversationProps) => {
   );
 
   const handleSelectConversation = () => {
-    console.log(
-      "Selected Conversation Data:",
-      JSON.stringify(conversation, null, 2)
-    );
+    // console.log(
+    //   "Selected Conversation Data:",
+    //   JSON.stringify(conversation, null, 2)
+    // );
     setSelectedConversation(conversation);
     const unreadMessageIds = conversation.unreadMessageIds || [];
     if (unreadMessageIds.length > 0 && socket?.readyState === WebSocket.OPEN) {
-      console.log("unread messages", unreadMessageIds);
+      // console.log("unread messages", unreadMessageIds);
 
       const message = {
         event: "messageRead",
@@ -64,9 +64,9 @@ const Conversation = ({ conversation }: ConversationProps) => {
     };
   }, [socket, setOnlineUsers]);
 
-  useEffect(() => {
-    console.log("Current conversation state:", conversation);
-  }, [conversation]);
+  // useEffect(() => {
+  //   // console.log("Current conversation state:", conversation);
+  // }, [conversation]);
 
   const isOnline = isUserOnline(participant?._id || "");
   const isSelected = selectedConversation?._id === conversation._id;

package/src/components/sidebar/Conversations.tsx

@@ -35,7 +35,7 @@ const Conversations = () => {
       const allServiceChatsMap = new Map<string, GroupedServiceChats[string]>();
 
       groups.forEach((group) => {
-        console.log("group", group.personalConversation);
+        // console.log("group", group.personalConversation);
 
         if (group.personalConversation) {
           allGeneralChats.push(group.personalConversation);
@@ -246,8 +246,8 @@ const Conversations = () => {
       .filter(([_, group]) => group.conversations.length > 0) // Remove empty groups
   );
 
-  console.log("filteredGeneralChats",filteredGeneralChats);
-  console.log("filteredGroupedServiceChats");
+  // console.log("filteredGeneralChats",filteredGeneralChats);
+  // console.log("filteredGroupedServiceChats");
 
   return (
     <div className="chatSidebarConversations">

package/src/declarations.d.ts

@@ -21,6 +21,7 @@ declare module '@pubuduth-aplicy/chat-ui' {
   interface ChatConfig {
     apiUrl: string;
     role?: string;
+    webSocketUrl: string;
   }
   
   interface ChatProviderProps {

package/src/hooks/mutations/useDeleteMessage.ts

@@ -8,7 +8,7 @@ export const useDeleteMessageMutation = () => {
   return useMutation({
     mutationFn: deleteMessage,
     onSuccess: () => {
-      console.log("Message deleted successfully!", "success");
+      // console.log("Message deleted successfully!", "success");
       // Invalidate both messages and conversations queries
       queryClient.invalidateQueries({ queryKey: ['messages'] });
       queryClient.invalidateQueries({ queryKey: ['conversations'] });
@@ -16,11 +16,11 @@ export const useDeleteMessageMutation = () => {
     onError: (error: any) => {
       console.error("Failed to delete message:", error);
 
-      const errorMessage =
-        error?.response?.data?.errors[0]?.msg ||
-        "An error occurred while deleting the message.";
+      // const errorMessage =
+      //   error?.response?.data?.errors[0]?.msg ||
+      //   "An error occurred while deleting the message.";
 
-      console.log("useDeleteMessageMutation error:", errorMessage);
+      // console.log("useDeleteMessageMutation error:", errorMessage);
     },
   });
 };

package/src/hooks/mutations/useEditMessage.ts

@@ -8,15 +8,15 @@ export const useEditMessageMutation = () => {
     return useMutation({
         mutationFn: setEditMessage,
         onSuccess: () => {
-        console.log("Message edited successfully!", "success");
+        // console.log("Message edited successfully!", "success");
         queryClient.invalidateQueries({ queryKey: ['messages'] });
         },
         onError: (error: any) => {
         console.error("Failed to edit message:", error);
-        const errorMessage =
-            error?.response?.data?.errors[0]?.msg ||
-            "An error occurred while editing the message.";
-        console.log("useMessageMutation edit error:", errorMessage);
+        // const errorMessage =
+        //     error?.response?.data?.errors[0]?.msg ||
+        //     "An error occurred while editing the message.";
+        // console.log("useMessageMutation edit error:", errorMessage);
         },
     });
 

package/src/hooks/mutations/useSendMessage.ts

@@ -7,17 +7,17 @@ export const useMessageMutation = () => {
     return useMutation({
       mutationFn: sendMessage,
       onSuccess: () => {
-        console.log("Service submitted successfully!", "success");
+        // console.log("Service submitted successfully!", "success");
         queryClient.invalidateQueries({ queryKey: ['messages'] });
       },
       onError: (error: any) => {
         console.error("Failed to submit service data:", error);
   
-        const errorMessage =
-          error?.response?.data?.errors[0]?.msg ||
-          "An error occurred while submitting service data.";
+        // const errorMessage =
+        //   error?.response?.data?.errors[0]?.msg ||
+        //   "An error occurred while submitting service data.";
 
-        console.log("useSumbitServiceMutation :", errorMessage);
+        // console.log("useSumbitServiceMutation :", errorMessage);
       },
     });
   };

package/src/providers/ChatProvider.tsx

@@ -41,19 +41,19 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
   const reconnectAttempts = useRef(0);
   const maxReconnectAttempts = 5;
   const reconnectInterval = 5000; // 5 seconds
-  const { apiUrl } = getChatConfig();
+  const { webSocketUrl } = getChatConfig();
 
   const connectWebSocket = useCallback(() => {
-    console.log("🔌 Creating new WebSocket connection...");
+    // console.log("🔌 Creating new WebSocket connection...");
 
     // Convert HTTP URL to WebSocket URL
-    const wsUrl = apiUrl.replace(/^http:/, "ws:").replace(/^https:/, "wss:");
+    const wsUrl = webSocketUrl.replace(/^http:/, "ws:").replace(/^https:/, "wss:");
     const socketInstance = new WebSocket(
       `${wsUrl}?userId=${encodeURIComponent(userId)}`
     );
 
     socketInstance.onopen = () => {
-      console.log("✅ WebSocket connected");
+      // console.log("✅ WebSocket connected");
       setIsConnected(true);
       reconnectAttempts.current = 0;
 
@@ -71,12 +71,12 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
         const data = JSON.parse(event.data);
 
         if (data.event === "getOnlineUsers") {
-          console.log("Online users update:", data.data);
+          // console.log("Online users update:", data.data);
           setOnlineUsers(new Set(data.data));
         }
 
         // Handle other message types here
-        console.log("Received message:", data);
+        // console.log("Received message:", data);
       } catch (error) {
         console.error("Error parsing message:", error);
       }
@@ -87,23 +87,23 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     };
 
     socketInstance.onclose = (event) => {
-      console.log("🔌 WebSocket connection closed", event);
-      console.log("❌ WebSocket disconnected:", event.code, event.reason);
+      // console.log("🔌 WebSocket connection closed", event);
+      // console.log("❌ WebSocket disconnected:", event.code, event.reason);
       setIsConnected(false);
 
       // Attempt reconnection
       if (reconnectAttempts.current < maxReconnectAttempts) {
         reconnectAttempts.current += 1;
-        console.log(
-          `Attempting to reconnect (${reconnectAttempts.current}/${maxReconnectAttempts})...`
-        );
+        // console.log(
+        //   `Attempting to reconnect (${reconnectAttempts.current}/${maxReconnectAttempts})...`
+        // );
         setTimeout(connectWebSocket, reconnectInterval);
       }
     };
 
     socketRef.current = socketInstance;
     setSocket(socketInstance);
-  }, [apiUrl, userId]);
+  }, [webSocketUrl, userId]);
 
   const sendMessage = useCallback((data: any) => {
     if (socketRef.current?.readyState === WebSocket.OPEN) {
@@ -117,7 +117,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     connectWebSocket();
 
     return () => {
-      console.log("❌ Closing WebSocket connection...");
+      // console.log("❌ Closing WebSocket connection...");
       if (socketRef.current) {
         socketRef.current.close(1000, "Component unmounted");
         socketRef.current = null;

package/src/service/messageService.ts

@@ -47,7 +47,7 @@ export const fetchMessages = async (chatId: string | undefined, userid: string,
     const response = await apiClient.get(`${Path.getmessage}/${chatId}/${userid}`, {
       params: { pagenum, limit: 20 },
     });
-    console.log(response); 
+    // console.log(response); 
     return response.data; 
   } catch (error) {
     console.error("Error fetching messages:", error);

package/src/service/sidebarApi.ts

@@ -16,11 +16,11 @@ export const getAllConversationData = async (userid: string) => {
 
     const res = await apiClient.get<ApiResponse>(endpoint);
     if (res.data) {
-      console.log("API Response: ", res.data);
+      // console.log("API Response: ", res.data);
       
     }
     const  conversationsWithParticipantDetails  = res.data.serviceInfo;
-    console.log("conversationsWithParticipantDetails", res.data.serviceInfo);
+    // console.log("conversationsWithParticipantDetails", res.data.serviceInfo);
     
     // If needed, you can map the conversations in the specific structure
 //     const formattedConversations = conversationsWithParticipantDetails?.map((conversation) => ({