Skip to content

Add prompt notification for assigned breakout room changes when auto move is false #6048

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mgamis-msft merged 5 commits into from
Feb 18, 2026
+49 −3
Merged

Add prompt notification for assigned breakout room changes when auto move is false #6048

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
4229cb1
Add prompt notification for assigned breakout room changes when auto …
mgamis-msft Jan 7, 2026
80b6bc1
Change files
mgamis-msft Feb 13, 2026
3677cb5
update APIs
mgamis-msft Feb 13, 2026
d2e6a55
Update changelog workstream to 'Breakout rooms'
mgamis-msft Feb 14, 2026
1327384
Merge branch 'main' into mgamis/fix-breakout-room-change-when-auto-mo…
mgamis-msft Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions change-beta/@azure-communication-react-breakout-room-prompt-b2c3d4e5.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"type": "patch",
"area": "fix",
"workstream": "Breakout rooms",
"comment": "Add prompt notification for assigned breakout room changes when auto move is false",
"packageName": "@azure/communication-react",
"email": "miguelgamis@microsoft.com",
"dependentChangeType": "patch"
}
9 changes: 9 additions & 0 deletions change/@azure-communication-react-breakout-room-prompt-b2c3d4e5.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"type": "patch",
"area": "fix",
"workstream": "Breakout rooms",
"comment": "Add prompt notification for assigned breakout room changes when auto move is false",
"packageName": "@azure/communication-react",
"email": "miguelgamis@microsoft.com",
"dependentChangeType": "patch"
}
7 changes: 7 additions & 0 deletions packages/calling-component-bindings/src/notificationStackSelector.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -256,6 +256,13 @@ export const notificationStackSelector: NotificationStackSelector = createSelect
timestamp: latestNotifications['assignedBreakoutRoomChanged'].timestamp
});
}
if (latestNotifications['assignedBreakoutRoomChangedPromptJoin'] && assignedBreakoutRoom) {
activeNotifications.push({
type: 'assignedBreakoutRoomChangedPromptJoin',
timestamp: latestNotifications['assignedBreakoutRoomChangedPromptJoin'].timestamp,
onClickPrimaryButton: () => assignedBreakoutRoom.join()
});
}
if (latestNotifications['assignedBreakoutRoomClosed']) {
activeNotifications.push({
type: 'assignedBreakoutRoomClosed',
Expand Down
9 changes: 8 additions & 1 deletion packages/calling-stateful-client/src/BreakoutRoomsSubscriber.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,8 +83,12 @@ export class BreakoutRoomsSubscriber {
callState.breakoutRooms?.breakoutRoomDisplayName &&
callState.breakoutRooms.breakoutRoomDisplayName !== breakoutRoom.displayName
) {
const target: NotificationTarget =
breakoutRoom.autoMoveParticipantToBreakoutRoom === false
? 'assignedBreakoutRoomChangedPromptJoin'
: 'assignedBreakoutRoomChanged';
this._context.setLatestNotification(this._callIdRef.callId, {
target: 'assignedBreakoutRoomChanged',
target,
timestamp: new Date(Date.now())
});
} else if (
Expand All @@ -102,12 +106,14 @@ export class BreakoutRoomsSubscriber {
this._context.deleteLatestNotification('assignedBreakoutRoomOpened', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomOpenedPromptJoin', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomChanged', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomChangedPromptJoin', this._callIdRef.callId);
this._context.deleteLatestNotification('breakoutRoomJoined', this._callIdRef.callId);
} else if (breakoutRoom.state === 'closed') {
// This scenario covers the case where the breakout room is closed
this._context.deleteLatestNotification('assignedBreakoutRoomOpened', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomOpenedPromptJoin', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomChanged', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomChangedPromptJoin', this._callIdRef.callId);
this._context.deleteLatestNotification('breakoutRoomJoined', this._callIdRef.callId);
this._context.deleteLatestNotification('breakoutRoomClosingSoon', this._callIdRef.callId);
clearTimeout(this._breakoutRoomClosingSoonTimeoutId);
Expand All @@ -129,6 +135,7 @@ export class BreakoutRoomsSubscriber {
this._context.deleteLatestNotification('assignedBreakoutRoomOpened', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomOpenedPromptJoin', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomChanged', this._callIdRef.callId);
this._context.deleteLatestNotification('assignedBreakoutRoomChangedPromptJoin', this._callIdRef.callId);

// Send latest notification for breakoutRoomJoined on behalf of the call that was joined.
this._context.setLatestNotification(call.id, {
Expand Down
1 change: 1 addition & 0 deletions packages/calling-stateful-client/src/CallClientState.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1232,6 +1232,7 @@ export type NotificationTarget =
| 'assignedBreakoutRoomOpened'
| 'assignedBreakoutRoomOpenedPromptJoin'
| 'assignedBreakoutRoomChanged'
| 'assignedBreakoutRoomChangedPromptJoin'
| 'assignedBreakoutRoomClosed'
| 'breakoutRoomJoined'
| 'breakoutRoomClosingSoon'
Expand Down
3 changes: 2 additions & 1 deletion packages/communication-react/review/beta/communication-react.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4231,6 +4231,7 @@ export type NotificationStackSelector = (state: CallClientState, props: CallingB
// @public
export interface NotificationStackStrings {
assignedBreakoutRoomChanged?: NotificationStrings;
assignedBreakoutRoomChangedPromptJoin?: NotificationStrings;
assignedBreakoutRoomClosed?: NotificationStrings;
assignedBreakoutRoomOpened?: NotificationStrings;
assignedBreakoutRoomOpenedPromptJoin?: NotificationStrings;
Expand Down Expand Up @@ -4307,7 +4308,7 @@ export interface NotificationStyles {
}

// @public (undocumented)
export type NotificationTarget = 'assignedBreakoutRoomOpened' | 'assignedBreakoutRoomOpenedPromptJoin' | 'assignedBreakoutRoomChanged' | 'assignedBreakoutRoomClosed' | 'breakoutRoomJoined' | 'breakoutRoomClosingSoon' | 'capabilityTurnVideoOnPresent' | 'capabilityTurnVideoOnAbsent' | 'capabilityUnmuteMicPresent' | 'capabilityUnmuteMicAbsent' | 'togetherModeStarted' | 'togetherModeEnded';
export type NotificationTarget = 'assignedBreakoutRoomOpened' | 'assignedBreakoutRoomOpenedPromptJoin' | 'assignedBreakoutRoomChanged' | 'assignedBreakoutRoomChangedPromptJoin' | 'assignedBreakoutRoomClosed' | 'breakoutRoomJoined' | 'breakoutRoomClosingSoon' | 'capabilityTurnVideoOnPresent' | 'capabilityTurnVideoOnAbsent' | 'capabilityUnmuteMicPresent' | 'capabilityUnmuteMicAbsent' | 'togetherModeStarted' | 'togetherModeEnded';

// @public
export type NotificationType = keyof NotificationStackStrings;
Expand Down
3 changes: 2 additions & 1 deletion packages/communication-react/review/stable/communication-react.api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3836,6 +3836,7 @@ export type NotificationStackSelector = (state: CallClientState, props: CallingB
// @public
export interface NotificationStackStrings {
assignedBreakoutRoomChanged?: NotificationStrings;
assignedBreakoutRoomChangedPromptJoin?: NotificationStrings;
assignedBreakoutRoomClosed?: NotificationStrings;
assignedBreakoutRoomOpened?: NotificationStrings;
assignedBreakoutRoomOpenedPromptJoin?: NotificationStrings;
Expand Down Expand Up @@ -3912,7 +3913,7 @@ export interface NotificationStyles {
}

// @public (undocumented)
export type NotificationTarget = 'assignedBreakoutRoomOpened' | 'assignedBreakoutRoomOpenedPromptJoin' | 'assignedBreakoutRoomChanged' | 'assignedBreakoutRoomClosed' | 'breakoutRoomJoined' | 'breakoutRoomClosingSoon' | 'capabilityTurnVideoOnPresent' | 'capabilityTurnVideoOnAbsent' | 'capabilityUnmuteMicPresent' | 'capabilityUnmuteMicAbsent' | 'togetherModeStarted' | 'togetherModeEnded';
export type NotificationTarget = 'assignedBreakoutRoomOpened' | 'assignedBreakoutRoomOpenedPromptJoin' | 'assignedBreakoutRoomChanged' | 'assignedBreakoutRoomChangedPromptJoin' | 'assignedBreakoutRoomClosed' | 'breakoutRoomJoined' | 'breakoutRoomClosingSoon' | 'capabilityTurnVideoOnPresent' | 'capabilityTurnVideoOnAbsent' | 'capabilityUnmuteMicPresent' | 'capabilityUnmuteMicAbsent' | 'togetherModeStarted' | 'togetherModeEnded';

// @public
export type NotificationType = keyof NotificationStackStrings;
Expand Down
4 changes: 4 additions & 0 deletions packages/react-components/src/components/NotificationStack.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -255,6 +255,10 @@ export interface NotificationStackStrings {
* Message shown in notification when the user's assigned breakout room is changed
*/
assignedBreakoutRoomChanged?: NotificationStrings;
/**
* Message shown in notification when the user is prompted to join their new assigned breakout room
*/
assignedBreakoutRoomChangedPromptJoin?: NotificationStrings;
/**
* Message shown in notification when the user's assigned breakout room is closed
*/
Expand Down
1 change: 1 addition & 0 deletions packages/react-components/src/components/utils.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -353,6 +353,7 @@ export const customNotificationIconName: Partial<{ [key in NotificationType]: st
assignedBreakoutRoomOpened: 'NotificationBarBreakoutRoomOpened',
assignedBreakoutRoomOpenedPromptJoin: 'NotificationBarBreakoutRoomPromptJoin',
assignedBreakoutRoomChanged: 'NotificationBarBreakoutRoomChanged',
assignedBreakoutRoomChangedPromptJoin: 'NotificationBarBreakoutRoomChanged',
assignedBreakoutRoomClosed: 'NotificationBarBreakoutRoomClosed',
breakoutRoomJoined: 'NotificationBarBreakoutRoomJoined',
breakoutRoomClosingSoon: 'NotificationBarBreakoutRoomClosingSoon',
Expand Down
6 changes: 6 additions & 0 deletions packages/react-components/src/localization/locales/en-US/strings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -604,6 +604,12 @@
"message": "We'll move you to your assigned room in 5 seconds.",
"dismissButtonAriaLabel": "Close"
},
"assignedBreakoutRoomChangedPromptJoin": {
"title": "Your breakout room has changed",
"message": "You've been assigned to a different breakout room.",
"dismissButtonAriaLabel": "Close",
"primaryButtonLabel": "Join room"
},
"assignedBreakoutRoomClosed": {
"title": "Your breakout room has closed",
"message": "We'll move you back to your meeting in 5 seconds.",
Expand Down
Loading