@azure/communication-react 1.14.0-beta.2 → 1.14.1-alpha-202403210013

package/dist/dist-esm/calling-stateful-client/src/CallContext.d.ts

@@ -3,12 +3,17 @@ import { AudioDeviceInfo, DeviceAccess, DominantSpeakersInfo, ScalingMode, Video
 import { RaisedHand } from '@azure/communication-calling';
 import { CapabilitiesChangeInfo, ParticipantCapabilities } from '@azure/communication-calling';
 import { TeamsCaptionsInfo } from '@azure/communication-calling';
+import { CaptionsInfo as AcsCaptionsInfo } from '@azure/communication-calling';
 import { EnvironmentInfo } from '@azure/communication-calling';
 import { ParticipantRole } from '@azure/communication-calling';
 import { CallEndReason, CallState as CallStatus, RemoteParticipantState as RemoteParticipantStatus } from '@azure/communication-calling';
 import { CallState, CallClientState, LocalVideoStreamState, RemoteParticipantState, RemoteVideoStreamState, IncomingCallState, VideoStreamRendererViewState, CallAgentState, CallErrorTarget } from './CallClientState';
 import { AcceptedTransfer } from './CallClientState';
 import { LocalVideoStreamVideoEffectsState } from './CallClientState';
+import { ReactionMessage } from '@azure/communication-calling';
+import { SpotlightedParticipant } from '@azure/communication-calling';
+import { LocalRecordingInfo } from '@azure/communication-calling';
+import { RecordingInfo } from '@azure/communication-calling';
 /**
  * @private
  */
@@ -22,7 +27,8 @@ export declare class CallContext {
     private _emitter;
     private _atomicId;
     private _callIdHistory;
-    constructor(userId: CommunicationIdentifierKind, maxListeners?: number, /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId?: string);
+    private _timeOutId;
+    constructor(userId: CommunicationIdentifierKind, maxListeners?: number, alternateCallerId?: string);
     getState(): CallClientState;
     modifyState(modifier: (draft: CallClientState) => void): void;
     onStateChange(handler: (state: CallClientState) => void): void;
@@ -45,10 +51,19 @@ export declare class CallContext {
     setTotalParticipantCount(callId: string, totalParticipantCount: number): void;
     setCallDominantSpeakers(callId: string, dominantSpeakers: DominantSpeakersInfo): void;
     setCallRecordingActive(callId: string, isRecordingActive: boolean): void;
+    setCallRecordingInfos(callId: string, recordingInfosAdded: RecordingInfo[], lastStoppedRecording: RecordingInfo[]): void;
+    setCallLocalRecordingActive(callId: string, isRecordingActive: boolean): void;
+    setCallLocalRecordingInfos(callId: string, localRecordingInfosAdded: LocalRecordingInfo[], lastStoppedRecording: LocalRecordingInfo[]): void;
+    setCallPPTLiveActive(callId: string, isActive: boolean): void;
+    setCallParticipantPPTLive(callId: string, target: HTMLElement | undefined): void;
     setCallRaisedHands(callId: string, raisedHands: RaisedHand[]): void;
     setParticipantIsRaisedHand(callId: string, participantKey: string, raisedHand: RaisedHand | undefined): void;
+    setReceivedReactionFromParticipant(callId: string, participantKey: string, reactionMessage: ReactionMessage | null): void;
     setCallTranscriptionActive(callId: string, isTranscriptionActive: boolean): void;
     setCapabilities(callId: string, capabilities: ParticipantCapabilities, capabilitiesChangeInfo: CapabilitiesChangeInfo): void;
+    setSpotlight(callId: string, spotlightedParticipants: SpotlightedParticipant[], maxParticipantsToSpotlight: number): void;
+    setParticipantSpotlighted(callId: string, spotlightedParticipant: SpotlightedParticipant): void;
+    setParticipantNotSpotlighted(callId: string, spotlightedParticipant: SpotlightedParticipant): void;
     setCallScreenShareParticipant(callId: string, participantKey: string | undefined): void;
     setLocalVideoStreamRendererView(callId: string, localVideoMediaStreamType: string, view: VideoStreamRendererViewState | undefined): void;
     setParticipantState(callId: string, participantKey: string, state: RemoteParticipantStatus): void;
@@ -83,7 +98,8 @@ export declare class CallContext {
     setDeviceManagerUnparentedViewVideoEffects(localVideoStream: LocalVideoStreamState, videoEffects: LocalVideoStreamVideoEffectsState): void;
     getAndIncrementAtomicId(): number;
     private processNewCaption;
-    addCaption(callId: string, caption: TeamsCaptionsInfo): void;
+    addTeamsCaption(callId: string, caption: TeamsCaptionsInfo): void;
+    addCaption(callId: string, caption: AcsCaptionsInfo): void;
     clearCaptions(callId: string): void;
     setIsCaptionActive(callId: string, isCaptionsActive: boolean): void;
     setStartCaptionsInProgress(callId: string, startCaptionsInProgress: boolean): void;

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, /* @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
@@ -122,12 +126,11 @@ 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;
@@ -209,6 +212,11 @@ export class CallContext {
                 addRemoteParticipant.forEach((participant) => {
                     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);
+                }
             }
         });
     }
@@ -230,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;
                     }
@@ -253,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;
                 }
@@ -302,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);
                 }
@@ -320,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)];
@@ -332,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)];
@@ -345,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;
+                }
             }
         });
     }
@@ -364,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;
                 }
@@ -393,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)];
@@ -615,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;
@@ -647,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);
             }
@@ -656,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;
             }
@@ -672,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;
             }
@@ -684,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) => {
@@ -837,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