Delete join and closing breakout room notification when unassigned from breakout room (#5108)

* Delete joined and closing breakout room notifications when user is unassigned from breakout room or re-assigned to a closed breakout room

* Change files

* clear timeout also

change-beta/@azure-communication-react-535661c1-dab7-40f6-8f09-6b0d8847bbae.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Breakout rooms",
+  "comment": "Delete joined and closing breakout room notifications when user is unassigned from breakout room or re-assigned to a closed breakout room",
+  "packageName": "@azure/communication-react",
+  "email": "79475487+mgamis-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-535661c1-dab7-40f6-8f09-6b0d8847bbae.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Breakout rooms",
+  "comment": "Delete joined and closing breakout room notifications when user is unassigned from breakout room or re-assigned to a closed breakout room",
+  "packageName": "@azure/communication-react",
+  "email": "79475487+mgamis-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/calling-stateful-client/src/BreakoutRoomsSubscriber.ts

@@ -72,6 +72,12 @@ export class BreakoutRoomsSubscriber {
     }
 
     if (!breakoutRoom) {
+      // This scenario covers the case where the user is unassigned from a breakout room.
+      if (currentAssignedBreakoutRoom?.call?.id) {
+        this._context.deleteLatestNotification(currentAssignedBreakoutRoom.call.id, 'breakoutRoomJoined');
+        this._context.deleteLatestNotification(currentAssignedBreakoutRoom.call.id, 'breakoutRoomClosingSoon');
+        clearTimeout(this._breakoutRoomClosingSoonTimeoutId);
+      }
       this._context.setAssignedBreakoutRoom(this._callIdRef.callId, breakoutRoom);
       return;
     }
@@ -103,6 +109,11 @@ export class BreakoutRoomsSubscriber {
       this._context.deleteLatestNotification(this._callIdRef.callId, 'assignedBreakoutRoomOpened');
       this._context.deleteLatestNotification(this._callIdRef.callId, 'assignedBreakoutRoomOpenedPromptJoin');
       this._context.deleteLatestNotification(this._callIdRef.callId, 'assignedBreakoutRoomChanged');
+    } else if (breakoutRoom.state === 'closed' && currentAssignedBreakoutRoom?.call?.id) {
+      // This scenario covers the case where the breakout room is changed to a closed breakout room.
+      this._context.deleteLatestNotification(currentAssignedBreakoutRoom.call.id, 'breakoutRoomJoined');
+      this._context.deleteLatestNotification(currentAssignedBreakoutRoom.call.id, 'breakoutRoomClosingSoon');
+      clearTimeout(this._breakoutRoomClosingSoonTimeoutId);
     }
     this._context.setAssignedBreakoutRoom(this._callIdRef.callId, breakoutRoom);
   };