@azure/communication-react 1.23.0 → 1.24.0-alpha-202501282341

package/dist/dist-esm/calling-stateful-client/src/CallContext.js

@@ -134,6 +134,8 @@ export class CallContext {
                 existingCall.pptLive.isActive = call.pptLive.isActive;
                 existingCall.raiseHand.localParticipantRaisedHand = call.raiseHand.localParticipantRaisedHand;
                 existingCall.role = call.role;
+                /* @conditional-compile-remove(total-participant-count) */
+                existingCall.totalParticipantCount = call.totalParticipantCount;
                 // We don't update the startTime and endTime if we are updating an existing active call
                 existingCall.captionsFeature.currentSpokenLanguage = call.captionsFeature.currentSpokenLanguage;
                 existingCall.captionsFeature.currentCaptionLanguage = call.captionsFeature.currentCaptionLanguage;
@@ -193,6 +195,14 @@ export class CallContext {
                 delete draft.calls[oldCallId];
                 draft.calls[newCallId] = call;
             }
+            /* @conditional-compile-remove(breakout-rooms) */
+            // Update the old origin call id of breakout room calls to the new call id
+            Object.values(draft.calls).forEach((call) => {
+                var _a, _b;
+                if (((_a = call.breakoutRooms) === null || _a === void 0 ? void 0 : _a.breakoutRoomOriginCallId) === oldCallId) {
+                    ((_b = call.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomOriginCallId) === newCallId;
+                }
+            });
         });
     }
     setEnvironmentInfo(envInfo) {
@@ -239,13 +249,13 @@ export class CallContext {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
                 for (const removedStream of streamsRemoved) {
-                    const index = call.localVideoStreams.findIndex(i => i.mediaStreamType === removedStream.mediaStreamType);
+                    const index = call.localVideoStreams.findIndex((i) => i.mediaStreamType === removedStream.mediaStreamType);
                     if (index > -1) {
                         call.localVideoStreams.splice(index, 1);
                     }
                 }
                 for (const addedStream of streamsAdded) {
-                    const index = call.localVideoStreams.findIndex(i => i.mediaStreamType === addedStream.mediaStreamType);
+                    const index = call.localVideoStreams.findIndex((i) => i.mediaStreamType === addedStream.mediaStreamType);
                     if (index > -1) {
                         call.localVideoStreams[index] = addedStream;
                     }
@@ -261,7 +271,7 @@ export class CallContext {
             var _a;
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                const stream = (_a = call.localVideoStreams) === null || _a === void 0 ? void 0 : _a.find(i => i.mediaStreamType === 'Video');
+                const stream = (_a = call.localVideoStreams) === null || _a === void 0 ? void 0 : _a.find((i) => i.mediaStreamType === 'Video');
                 if (stream) {
                     stream.videoEffects = videoEffects;
                 }
@@ -284,6 +294,15 @@ export class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(total-participant-count) */
+    setTotalParticipantCount(callId, totalParticipantCount) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.totalParticipantCount = totalParticipantCount;
+            }
+        });
+    }
     setCallDominantSpeakers(callId, dominantSpeakers) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -300,6 +319,35 @@ export class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(local-recording-notification) */
+    setCallRecordingInfos(callId, recordingInfosAdded, lastStoppedRecording) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.recording.activeRecordings = recordingInfosAdded;
+                call.recording.lastStoppedRecording = lastStoppedRecording;
+            }
+        });
+    }
+    /* @conditional-compile-remove(local-recording-notification) */
+    setCallLocalRecordingActive(callId, isRecordingActive) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.localRecording.isLocalRecordingActive = isRecordingActive;
+            }
+        });
+    }
+    /* @conditional-compile-remove(local-recording-notification) */
+    setCallLocalRecordingInfos(callId, localRecordingInfosAdded, lastStoppedRecording) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.localRecording.activeLocalRecordings = localRecordingInfosAdded;
+                call.localRecording.lastStoppedLocalRecording = lastStoppedRecording;
+            }
+        });
+    }
     setCallPPTLiveActive(callId, isActive) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -320,14 +368,106 @@ export class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreams(callId, addedStreams, removedStreams) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                for (const stream of removedStreams) {
+                    if (stream.mediaStreamType === 'Video') {
+                        call.togetherMode.streams.mainVideoStream = undefined;
+                        call.togetherMode.isActive = false;
+                        call.togetherMode.seatingPositions = {};
+                    }
+                }
+                for (const newStream of addedStreams) {
+                    // This should only be called by the subscriber and some properties are add by other components so if the
+                    // stream already exists, only update the values that subscriber knows about.
+                    const mainVideoStream = call.togetherMode.streams.mainVideoStream;
+                    if (mainVideoStream && mainVideoStream.id === newStream.id) {
+                        mainVideoStream.mediaStreamType = newStream.mediaStreamType;
+                        mainVideoStream.isAvailable = newStream.isAvailable;
+                        mainVideoStream.isReceiving = newStream.isReceiving;
+                    }
+                    else {
+                        call.togetherMode.streams.mainVideoStream = newStream;
+                    }
+                    call.togetherMode.isActive = true;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamIsAvailable(callId, streamId, isAvailable) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const stream = call.togetherMode.streams.mainVideoStream;
+                if (stream && (stream === null || stream === void 0 ? void 0 : stream.id) === streamId) {
+                    stream.isAvailable = isAvailable;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamIsReceiving(callId, streamId, isReceiving) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const stream = call.togetherMode.streams.mainVideoStream;
+                if (stream && (stream === null || stream === void 0 ? void 0 : stream.id) === streamId) {
+                    stream.isReceiving = isReceiving;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamSize(callId, streamId, size) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const stream = call.togetherMode.streams.mainVideoStream;
+                if (stream && (stream === null || stream === void 0 ? void 0 : stream.id) === streamId) {
+                    stream.streamSize = size;
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    removeTogetherModeVideoStream(callId, removedStream) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                for (const stream of removedStream) {
+                    if (stream.mediaStreamType === 'Video') {
+                        call.togetherMode.streams.mainVideoStream = undefined;
+                        call.togetherMode.isActive = false;
+                    }
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeSeatingCoordinates(callId, seatingMap) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const seatingPositions = {};
+                for (const [userId, seatingPosition] of seatingMap.entries()) {
+                    seatingPositions[userId] = seatingPosition;
+                }
+                call.togetherMode.seatingPositions = seatingPositions;
+            }
+        });
+    }
     setCallRaisedHands(callId, raisedHands) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                call.raiseHand.raisedHands = raisedHands.map(raisedHand => {
+                call.raiseHand.raisedHands = raisedHands.map((raisedHand) => {
                     return convertFromSDKToRaisedHandState(raisedHand);
                 });
-                const raisedHand = raisedHands.find(raisedHand => toFlatCommunicationIdentifier(raisedHand.identifier) === toFlatCommunicationIdentifier(this._state.userId));
+                const raisedHand = raisedHands.find((raisedHand) => toFlatCommunicationIdentifier(raisedHand.identifier) === toFlatCommunicationIdentifier(this._state.userId));
                 if (raisedHand) {
                     call.raiseHand.localParticipantRaisedHand = convertFromSDKToRaisedHandState(raisedHand);
                 }
@@ -356,10 +496,9 @@ export class CallContext {
             }
             clearTimeout(this._timeOutId[participantKey]);
             const participant = call.remoteParticipants[participantKey];
-            const newReactionState = reactionMessage ? {
-                reactionMessage: reactionMessage,
-                receivedOn: new Date()
-            } : undefined;
+            const newReactionState = reactionMessage
+                ? { reactionMessage: reactionMessage, receivedOn: new Date() }
+                : undefined;
             if (participantKey === toFlatCommunicationIdentifier(this._state.userId)) {
                 call.localParticipantReaction = newReactionState;
             }
@@ -391,10 +530,7 @@ export class CallContext {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                call.capabilitiesFeature = {
-                    capabilities,
-                    latestCapabilitiesChangeInfo: capabilitiesChangeInfo
-                };
+                call.capabilitiesFeature = { capabilities, latestCapabilitiesChangeInfo: capabilitiesChangeInfo };
             }
         });
     }
@@ -403,7 +539,10 @@ export class CallContext {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (capabilitiesChangeInfo.oldValue.viewAttendeeNames !== capabilitiesChangeInfo.newValue.viewAttendeeNames) {
                 const viewAttendeeNames = capabilitiesChangeInfo.newValue.viewAttendeeNames;
-                if (call && viewAttendeeNames && !viewAttendeeNames.isPresent && viewAttendeeNames.reason === 'MeetingRestricted') {
+                if (call &&
+                    viewAttendeeNames &&
+                    !viewAttendeeNames.isPresent &&
+                    viewAttendeeNames.reason === 'MeetingRestricted') {
                     call.hideAttendeeNames = true;
                 }
                 else if (call) {
@@ -416,8 +555,7 @@ export class CallContext {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                call.spotlight = Object.assign(Object.assign({}, call.spotlight), { spotlightedParticipants,
-                    maxParticipantsToSpotlight });
+                call.spotlight = Object.assign(Object.assign({}, call.spotlight), { spotlightedParticipants, maxParticipantsToSpotlight });
             }
         });
     }
@@ -425,9 +563,7 @@ export class CallContext {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                call.meetingConference = {
-                    conferencePhones: convertConferencePhoneInfo(teamsMeetingConferenceDetails)
-                };
+                call.meetingConference = { conferencePhones: convertConferencePhoneInfo(teamsMeetingConferenceDetails) };
             }
         });
     }
@@ -437,14 +573,12 @@ export class CallContext {
             if (call) {
                 const participant = call.remoteParticipants[toFlatCommunicationIdentifier(spotlightedParticipant.identifier)];
                 if (participant) {
-                    participant.spotlight = {
-                        spotlightedOrderPosition: spotlightedParticipant.order
-                    };
+                    participant.spotlight = { spotlightedOrderPosition: spotlightedParticipant.order };
                 }
-                else if (call.spotlight && toFlatCommunicationIdentifier(draft.userId) === toFlatCommunicationIdentifier(spotlightedParticipant.identifier)) {
-                    call.spotlight.localParticipantSpotlight = {
-                        spotlightedOrderPosition: spotlightedParticipant.order
-                    };
+                else if (call.spotlight &&
+                    toFlatCommunicationIdentifier(draft.userId) ===
+                        toFlatCommunicationIdentifier(spotlightedParticipant.identifier)) {
+                    call.spotlight.localParticipantSpotlight = { spotlightedOrderPosition: spotlightedParticipant.order };
                 }
             }
         });
@@ -457,12 +591,50 @@ export class CallContext {
                 if (participant) {
                     participant.spotlight = undefined;
                 }
-                else if (call.spotlight && toFlatCommunicationIdentifier(draft.userId) === toFlatCommunicationIdentifier(spotlightedParticipant.identifier)) {
+                else if (call.spotlight &&
+                    toFlatCommunicationIdentifier(draft.userId) ===
+                        toFlatCommunicationIdentifier(spotlightedParticipant.identifier)) {
                     call.spotlight.localParticipantSpotlight = undefined;
                 }
             }
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
+    setAssignedBreakoutRoom(callId, breakoutRoom) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.breakoutRooms = Object.assign(Object.assign({}, call.breakoutRooms), { assignedBreakoutRoom: breakoutRoom });
+            }
+        });
+    }
+    /* @conditional-compile-remove(breakout-rooms) */
+    setBreakoutRoomOriginCallId(callId, breakoutRoomCallId) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(breakoutRoomCallId)];
+            if (call) {
+                call.breakoutRooms = Object.assign(Object.assign({}, call.breakoutRooms), { breakoutRoomOriginCallId: callId });
+            }
+        });
+    }
+    /* @conditional-compile-remove(breakout-rooms) */
+    setBreakoutRoomSettings(callId, breakoutRoomSettings) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.breakoutRooms = Object.assign(Object.assign({}, call.breakoutRooms), { breakoutRoomSettings: breakoutRoomSettings });
+            }
+        });
+    }
+    /* @conditional-compile-remove(breakout-rooms) */
+    setBreakoutRoomDisplayName(callId, breakoutRoomDisplayName) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.breakoutRooms = Object.assign(Object.assign({}, call.breakoutRooms), { breakoutRoomDisplayName });
+            }
+        });
+    }
     setCallScreenShareParticipant(callId, participantKey) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -475,13 +647,27 @@ export class CallContext {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
-                const localVideoStream = call.localVideoStreams.find(localVideoStream => localVideoStream.mediaStreamType === localVideoMediaStreamType);
+                const localVideoStream = call.localVideoStreams.find((localVideoStream) => localVideoStream.mediaStreamType === localVideoMediaStreamType);
                 if (localVideoStream) {
                     localVideoStream.view = view;
                 }
             }
         });
     }
+    /* @conditional-compile-remove(together-mode) */
+    setTogetherModeVideoStreamRendererView(callId, togetherModeStreamType, view) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                if (togetherModeStreamType === 'Video') {
+                    const togetherModeStream = call.togetherMode.streams.mainVideoStream;
+                    if (togetherModeStream) {
+                        togetherModeStream.view = view;
+                    }
+                }
+            }
+        });
+    }
     setParticipantState(callId, participantKey, state) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -724,7 +910,7 @@ export class CallContext {
              * camera permissions are granted. So selectedCamera will have this value before the actual cameras are obtained. Therefore we should reset
              * selectedCamera to the first camera when there are cameras AND when current selectedCamera does not exist in the new array of cameras *
              */
-            if (cameras.length > 0 && !cameras.some(camera => { var _a; return camera.id === ((_a = draft.deviceManager.selectedCamera) === null || _a === void 0 ? void 0 : _a.id); })) {
+            if (cameras.length > 0 && !cameras.some((camera) => { var _a; return camera.id === ((_a = draft.deviceManager.selectedCamera) === null || _a === void 0 ? void 0 : _a.id); })) {
                 draft.deviceManager.selectedCamera = cameras[0];
             }
             draft.deviceManager.cameras = cameras;
@@ -756,7 +942,7 @@ export class CallContext {
     }
     deleteDeviceManagerUnparentedView(localVideoStream) {
         this.modifyState((draft) => {
-            const foundIndex = draft.deviceManager.unparentedViews.findIndex(stream => stream.mediaStreamType === localVideoStream.mediaStreamType);
+            const foundIndex = draft.deviceManager.unparentedViews.findIndex((stream) => stream.mediaStreamType === localVideoStream.mediaStreamType);
             if (foundIndex !== -1) {
                 draft.deviceManager.unparentedViews.splice(foundIndex, 1);
             }
@@ -764,7 +950,7 @@ export class CallContext {
     }
     setDeviceManagerUnparentedViewVideoEffects(localVideoStream, videoEffects) {
         this.modifyState((draft) => {
-            const view = draft.deviceManager.unparentedViews.find(stream => stream.mediaStreamType === localVideoStream.mediaStreamType);
+            const view = draft.deviceManager.unparentedViews.find((stream) => stream.mediaStreamType === localVideoStream.mediaStreamType);
             if (view) {
                 view.videoEffects = videoEffects;
             }
@@ -790,7 +976,11 @@ export class CallContext {
         // if the last caption is Partial, then check if the speaker is the same as the new caption, if so, update the last caption
         else {
             const lastCaption = captions[captions.length - 1];
-            if (lastCaption && lastCaption.speaker.identifier && newCaption.speaker.identifier && toFlatCommunicationIdentifier(lastCaption.speaker.identifier) === toFlatCommunicationIdentifier(newCaption.speaker.identifier)) {
+            if (lastCaption &&
+                lastCaption.speaker.identifier &&
+                newCaption.speaker.identifier &&
+                toFlatCommunicationIdentifier(lastCaption.speaker.identifier) ===
+                    toFlatCommunicationIdentifier(newCaption.speaker.identifier)) {
                 captions[captions.length - 1] = newCaption;
             }
             // if different speaker, ignore the interjector until the current speaker finishes
@@ -812,7 +1002,9 @@ export class CallContext {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
                 const currentCaptionLanguage = call.captionsFeature.currentCaptionLanguage;
-                if (caption.captionLanguage.toUpperCase() === currentCaptionLanguage.toUpperCase() || currentCaptionLanguage === '' || currentCaptionLanguage === undefined) {
+                if (caption.captionLanguage.toUpperCase() === currentCaptionLanguage.toUpperCase() ||
+                    currentCaptionLanguage === '' ||
+                    currentCaptionLanguage === undefined) {
                     this.processNewCaption(call.captionsFeature.captions, convertFromTeamsSDKToCaptionInfoState(caption));
                 }
             }
@@ -952,7 +1144,9 @@ export class CallContext {
     }
     deleteLatestNotification(callId, notificationTarget) {
         let callIdToPushLatestNotification = this._latestCallIdsThatPushedNotifications[notificationTarget];
-        callIdToPushLatestNotification = callIdToPushLatestNotification ? this._callIdHistory.latestCallId(callIdToPushLatestNotification) : undefined;
+        callIdToPushLatestNotification = callIdToPushLatestNotification
+            ? this._callIdHistory.latestCallId(callIdToPushLatestNotification)
+            : undefined;
         // Only delete the notification if the call that pushed the notification is the same as the call that is trying
         // to delete it.
         if (callIdToPushLatestNotification !== callId) {
@@ -968,7 +1162,7 @@ export class CallContext {
             if (!call) {
                 return;
             }
-            mediaAccesses.forEach(participantMediaAccess => {
+            mediaAccesses.forEach((participantMediaAccess) => {
                 const participant = call.remoteParticipants[toFlatCommunicationIdentifier(participantMediaAccess.participant)];
                 if (participant) {
                     participant.mediaAccess = {