@azure/communication-react 1.15.0-beta.2 → 1.16.0-alpha-202404160012

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

@@ -18,6 +18,8 @@ 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';
 import { convertFromSDKToRaisedHandState } from './Converter';
 enableMapSet();
 // Needed to generate state diff for verbose logging.
@@ -27,12 +29,20 @@ enablePatches();
  * @private
  */
 export const MAX_CALL_HISTORY_LENGTH = 10;
+/* @conditional-compile-remove(reaction) */
+/**
+ * @private
+ */
+export const REACTION_ANIMATION_TIME_MS = 4133;
 /**
  * @private
  */
 export class CallContext {
-    constructor(userId, maxListeners = 50, /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId) {
+    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
@@ -124,6 +134,8 @@ export class CallContext {
                 existingCall.optimalVideoCount.maxRemoteVideoStreams = call.optimalVideoCount.maxRemoteVideoStreams;
                 existingCall.recording.isRecordingActive = call.recording.isRecordingActive;
                 existingCall.raiseHand.raisedHands = call.raiseHand.raisedHands;
+                /* @conditional-compile-remove(ppt-live) */
+                existingCall.pptLive.isActive = call.pptLive.isActive;
                 existingCall.raiseHand.localParticipantRaisedHand = call.raiseHand.localParticipantRaisedHand;
                 existingCall.role = call.role;
                 /* @conditional-compile-remove(total-participant-count) */
@@ -133,6 +145,8 @@ export class CallContext {
                 existingCall.captionsFeature.currentSpokenLanguage = call.captionsFeature.currentSpokenLanguage;
                 /* @conditional-compile-remove(close-captions) */
                 existingCall.captionsFeature.currentCaptionLanguage = call.captionsFeature.currentCaptionLanguage;
+                /* @conditional-compile-remove(meeting-id) */
+                existingCall.info = call.info;
             }
             else {
                 draft.calls[latestCallId] = call;
@@ -205,6 +219,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);
+                }
             }
         });
     }
@@ -226,13 +244,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;
                     }
@@ -248,7 +266,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;
                 }
@@ -325,14 +343,36 @@ export class CallContext {
             }
         });
     }
+    /* @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);
                 }
@@ -353,6 +393,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);
+                }, REACTION_ANIMATION_TIME_MS);
+            }
+        });
+    }
     setCallTranscriptionActive(callId, isTranscriptionActive) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -361,15 +426,54 @@ export class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(capabilities) */
     setCapabilities(callId, capabilities, capabilitiesChangeInfo) {
         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;
+                }
             }
         });
     }
@@ -385,7 +489,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;
                 }
@@ -634,7 +738,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;
@@ -666,7 +770,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);
             }
@@ -674,7 +778,7 @@ export class CallContext {
     }
     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;
             }
@@ -690,7 +794,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;
             }
@@ -707,12 +816,32 @@ 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));
                 }
             }
         });
     }
+    /* @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(acs-close-captions) */
+    setCaptionsKind(callId, kind) {
+        this.modifyState((draft) => {
+            const call = draft.calls[this._callIdHistory.latestCallId(callId)];
+            if (call) {
+                call.captionsFeature.captionsKind = kind;
+            }
+        });
+    }
     /* @conditional-compile-remove(close-captions) */
     clearCaptions(callId) {
         this.modifyState((draft) => {
@@ -776,7 +905,6 @@ export class CallContext {
             }
         });
     }
-    /* @conditional-compile-remove(call-transfer) */
     setAcceptedTransfer(callId, acceptedTransfer) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -855,4 +983,8 @@ const findOldestCallEnded = (calls) => {
     }
     return oldestCallId;
 };
+/* @conditional-compile-remove(reaction) */
+function clearParticipantReactionState(callContext, callId, participantKey) {
+    callContext.setReceivedReactionFromParticipant(callId, participantKey, null);
+}
 //# sourceMappingURL=CallContext.js.map