feat: implement real-time notification updates and toast alerts via socket events

src/services/socket.service.ts

@@ -13,6 +13,7 @@ type TypingHandler = (data: TypingIndicator) => void;
 type StatusHandler = (data: UserStatusChange) => void;
 type ReadHandler = (data: MessagesReadEvent) => void;
 type DeliveredHandler = (data: MessageDeliveredEvent) => void;
+type NotificationEventHandler = (data: Record<string, unknown>) => void;
 
 class SocketService {
   private socket: Socket | null = null;
@@ -24,6 +25,8 @@ class SocketService {
   private statusHandlers: Set<StatusHandler> = new Set();
   private readHandlers: Set<ReadHandler> = new Set();
   private deliveredHandlers: Set<DeliveredHandler> = new Set();
+  private connectionRequestHandlers: Set<NotificationEventHandler> = new Set();
+  private connectionResponseHandlers: Set<NotificationEventHandler> = new Set();
   private connectionHandlers: Set<(connected: boolean) => void> = new Set();
   private authErrorHandlers: Set<() => void> = new Set();
   private isConnecting = false;
@@ -132,6 +135,14 @@ class SocketService {
       this.socket.on('message_delivered', (data: MessageDeliveredEvent) => {
         this.deliveredHandlers.forEach((handler) => handler(data));
       });
+
+      this.socket.on('connection_request', (data: Record<string, unknown>) => {
+        this.connectionRequestHandlers.forEach((handler) => handler(data));
+      });
+
+      this.socket.on('connection_response', (data: Record<string, unknown>) => {
+        this.connectionResponseHandlers.forEach((handler) => handler(data));
+      });
     });
   }
 
@@ -277,6 +288,16 @@ class SocketService {
     return () => this.deliveredHandlers.delete(handler);
   }
 
+  onConnectionRequest(handler: NotificationEventHandler): () => void {
+    this.connectionRequestHandlers.add(handler);
+    return () => this.connectionRequestHandlers.delete(handler);
+  }
+
+  onConnectionResponse(handler: NotificationEventHandler): () => void {
+    this.connectionResponseHandlers.add(handler);
+    return () => this.connectionResponseHandlers.delete(handler);
+  }
+
   onConnectionChange(handler: (connected: boolean) => void): () => void {
     this.connectionHandlers.add(handler);
     return () => this.connectionHandlers.delete(handler);