@azure/communication-react 1.14.0 → 1.14.1-alpha-202403210013

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

@@ -17,8 +17,9 @@ import { CallError } from './CallClientState';
 import { callingStatefulLogger } from './Logger';
 import { CallIdHistory } from './CallIdHistory';
 /* @conditional-compile-remove(close-captions) */
+import { convertFromTeamsSDKToCaptionInfoState } from './Converter';
+/* @conditional-compile-remove(acs-close-captions) */
 import { convertFromSDKToCaptionInfoState } from './Converter';
-/* @conditional-compile-remove(raise-hand) */
 import { convertFromSDKToRaisedHandState } from './Converter';
 enableMapSet();
 // Needed to generate state diff for verbose logging.
@@ -32,8 +33,11 @@ export const MAX_CALL_HISTORY_LENGTH = 10;
  * @private
  */
 export class CallContext {
-    constructor(userId, maxListeners = 50) {
+    constructor(userId, maxListeners = 50, 
+    /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId) {
         this._callIdHistory = new CallIdHistory();
+        /* @conditional-compile-remove(reaction) */
+        this._timeOutId = {};
         /**
          * Tees direct errors to state.
          * @remarks
@@ -63,6 +67,8 @@ export class CallContext {
             },
             callAgent: undefined,
             userId: userId,
+            /* @conditional-compile-remove(unsupported-browser) */ environmentInfo: undefined,
+            /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId: alternateCallerId,
             latestErrors: {}
         };
         this._emitter = new EventEmitter();
@@ -120,15 +126,16 @@ export class CallContext {
                 existingCall.localVideoStreams = call.localVideoStreams;
                 existingCall.remoteParticipants = call.remoteParticipants;
                 existingCall.transcription.isTranscriptionActive = call.transcription.isTranscriptionActive;
-                /* @conditional-compile-remove(optimal-video-count) */
                 existingCall.optimalVideoCount.maxRemoteVideoStreams = call.optimalVideoCount.maxRemoteVideoStreams;
                 existingCall.recording.isRecordingActive = call.recording.isRecordingActive;
-                /* @conditional-compile-remove(raise-hand) */
                 existingCall.raiseHand.raisedHands = call.raiseHand.raisedHands;
-                /* @conditional-compile-remove(raise-hand) */
+                /* @conditional-compile-remove(ppt-live) */
+                existingCall.pptLive.isActive = call.pptLive.isActive;
                 existingCall.raiseHand.localParticipantRaisedHand = call.raiseHand.localParticipantRaisedHand;
                 /* @conditional-compile-remove(rooms) */
                 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
                 /* @conditional-compile-remove(close-captions) */
                 existingCall.captionsFeature.currentSpokenLanguage = call.captionsFeature.currentSpokenLanguage;
@@ -181,6 +188,12 @@ export class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(unsupported-browser) */
+    setEnvironmentInfo(envInfo) {
+        this.modifyState((draft) => {
+            draft.environmentInfo = envInfo;
+        });
+    }
     setCallIsScreenSharingOn(callId, isScreenSharingOn) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -200,6 +213,10 @@ export class CallContext {
                     call.remoteParticipants[toFlatCommunicationIdentifier(participant.identifier)] = participant;
                 });
                 // TODO: need to remove after contentSharingRole avaible in WebCalling SDK.
+                /* @conditional-compile-remove(ppt-live) */
+                if (!call.contentSharingRemoteParticipant) {
+                    call.contentSharingRemoteParticipant = toFlatCommunicationIdentifier(addRemoteParticipant[0].identifier);
+                }
             }
         });
     }
@@ -221,13 +238,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;
                     }
@@ -244,7 +261,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;
                 }
@@ -268,6 +285,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)];
@@ -284,15 +310,65 @@ export class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(raise-hand) */
+    /* @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;
+            }
+        });
+    }
+    /* @conditional-compile-remove(ppt-live) */
+    setCallPPTLiveActive(callId, isActive) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.pptLive.isActive = isActive;
+            }
+        });
+    }
+    /* @conditional-compile-remove(ppt-live) */
+    setCallParticipantPPTLive(callId, target) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            const participantKey = call.contentSharingRemoteParticipant;
+            if (call && participantKey) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    participant.contentSharingStream = target;
+                }
+            }
+        });
+    }
     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);
                 }
@@ -302,7 +378,6 @@ export class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(raise-hand) */
     setParticipantIsRaisedHand(callId, participantKey, raisedHand) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -314,6 +389,31 @@ export class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(reaction) */
+    setReceivedReactionFromParticipant(callId, participantKey, reactionMessage) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (!call) {
+                return;
+            }
+            clearTimeout(this._timeOutId[participantKey]);
+            const participant = call.remoteParticipants[participantKey];
+            const newReactionState = reactionMessage
+                ? { reactionMessage: reactionMessage, receivedOn: new Date() }
+                : undefined;
+            if (participantKey === toFlatCommunicationIdentifier(this._state.userId)) {
+                call.localParticipantReaction = newReactionState;
+            }
+            else {
+                participant.reactionState = newReactionState;
+            }
+            if (reactionMessage) {
+                this._timeOutId[participantKey] = setTimeout(() => {
+                    clearParticipantReactionState(this, callId, participantKey);
+                }, 5120);
+            }
+        });
+    }
     setCallTranscriptionActive(callId, isTranscriptionActive) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -327,10 +427,50 @@ 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 };
+            }
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    setSpotlight(callId, spotlightedParticipants, maxParticipantsToSpotlight) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.spotlight = Object.assign(Object.assign({}, call.spotlight), { spotlightedParticipants, maxParticipantsToSpotlight });
+            }
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    setParticipantSpotlighted(callId, spotlightedParticipant) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const participant = call.remoteParticipants[toFlatCommunicationIdentifier(spotlightedParticipant.identifier)];
+                if (participant) {
+                    participant.spotlight = { spotlightedOrderPosition: spotlightedParticipant.order };
+                }
+                else if (call.spotlight &&
+                    toFlatCommunicationIdentifier(draft.userId) ===
+                        toFlatCommunicationIdentifier(spotlightedParticipant.identifier)) {
+                    call.spotlight.localParticipantSpotlight = { spotlightedOrderPosition: spotlightedParticipant.order };
+                }
+            }
+        });
+    }
+    /* @conditional-compile-remove(spotlight) */
+    setParticipantNotSpotlighted(callId, spotlightedParticipant) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const participant = call.remoteParticipants[toFlatCommunicationIdentifier(spotlightedParticipant.identifier)];
+                if (participant) {
+                    participant.spotlight = undefined;
+                }
+                else if (call.spotlight &&
+                    toFlatCommunicationIdentifier(draft.userId) ===
+                        toFlatCommunicationIdentifier(spotlightedParticipant.identifier)) {
+                    call.spotlight.localParticipantSpotlight = undefined;
+                }
             }
         });
     }
@@ -346,7 +486,7 @@ 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;
                 }
@@ -375,7 +515,6 @@ export class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(optimal-video-count) */
     setOptimalVideoCount(callId, optimalVideoCount) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -429,6 +568,8 @@ export class CallContext {
                     const existingStream = participant.videoStreams[stream.id];
                     if (existingStream) {
                         existingStream.isAvailable = stream.isAvailable;
+                        /* @conditional-compile-remove(video-stream-is-receiving-flag) */
+                        existingStream.isReceiving = stream.isReceiving;
                         existingStream.mediaStreamType = stream.mediaStreamType;
                     }
                     else {
@@ -452,6 +593,21 @@ export class CallContext {
             }
         });
     }
+    /* @conditional-compile-remove(video-stream-is-receiving-flag) */
+    setRemoteVideoStreamIsReceiving(callId, participantKey, streamId, isReceiving) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    const stream = participant.videoStreams[streamId];
+                    if (stream) {
+                        stream.isReceiving = isReceiving;
+                    }
+                }
+            }
+        });
+    }
     setRemoteVideoStreamSize(callId, participantKey, streamId, size) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -482,6 +638,8 @@ export class CallContext {
                         if (stream) {
                             stream.mediaStreamType = newStream.mediaStreamType;
                             stream.isAvailable = newStream.isAvailable;
+                            /* @conditional-compile-remove(video-stream-is-receiving-flag) */
+                            stream.isReceiving = newStream.isReceiving;
                         }
                         else {
                             participant.videoStreams[newStream.id] = newStream;
@@ -578,7 +736,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;
@@ -610,7 +768,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);
             }
@@ -619,7 +777,7 @@ export class CallContext {
     /* @conditional-compile-remove(video-background-effects) */
     setDeviceManagerUnparentedViewVideoEffects(localVideoStream, videoEffects) {
         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[foundIndex].videoEffects = videoEffects;
             }
@@ -635,7 +793,12 @@ export class CallContext {
         // going through current captions to find the last caption said by the same speaker, remove that caption if it's partial and replace with the new caption
         for (let index = captions.length - 1; index >= 0; index--) {
             const currentCaption = captions[index];
-            if (currentCaption && currentCaption.resultType !== 'Final' && currentCaption.speaker.identifier && newCaption.speaker.identifier && toFlatCommunicationIdentifier(currentCaption.speaker.identifier) === toFlatCommunicationIdentifier(newCaption.speaker.identifier)) {
+            if (currentCaption &&
+                currentCaption.resultType !== 'Final' &&
+                currentCaption.speaker.identifier &&
+                newCaption.speaker.identifier &&
+                toFlatCommunicationIdentifier(currentCaption.speaker.identifier) ===
+                    toFlatCommunicationIdentifier(newCaption.speaker.identifier)) {
                 captions.splice(index, 1);
                 break;
             }
@@ -647,17 +810,28 @@ export class CallContext {
         }
     }
     /* @conditional-compile-remove(close-captions) */
-    addCaption(callId, caption) {
+    addTeamsCaption(callId, caption) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
             if (call) {
                 const currentCaptionLanguage = call.captionsFeature.currentCaptionLanguage;
-                if (caption.captionLanguage.toUpperCase() === currentCaptionLanguage.toUpperCase() || currentCaptionLanguage === '' || currentCaptionLanguage === undefined) {
-                    this.processNewCaption(call.captionsFeature.captions, convertFromSDKToCaptionInfoState(caption));
+                if (caption.captionLanguage.toUpperCase() === currentCaptionLanguage.toUpperCase() ||
+                    currentCaptionLanguage === '' ||
+                    currentCaptionLanguage === undefined) {
+                    this.processNewCaption(call.captionsFeature.captions, convertFromTeamsSDKToCaptionInfoState(caption));
                 }
             }
         });
     }
+    /* @conditional-compile-remove(acs-close-captions) */
+    addCaption(callId, caption) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                this.processNewCaption(call.captionsFeature.captions, convertFromSDKToCaptionInfoState(caption));
+            }
+        });
+    }
     /* @conditional-compile-remove(close-captions) */
     clearCaptions(callId) {
         this.modifyState((draft) => {
@@ -800,4 +974,8 @@ const findOldestCallEnded = (calls) => {
     }
     return oldestCallId;
 };
+/* @conditional-compile-remove(reaction) */
+function clearParticipantReactionState(callContext, callId, participantKey) {
+    callContext.setReceivedReactionFromParticipant(callId, participantKey, null);
+}
 //# sourceMappingURL=CallContext.js.map