@azure/communication-react 1.5.1-alpha-202302160014 → 1.5.1-alpha-202302180014

package/dist/dist-cjs/communication-react/index.js

@@ -161,7 +161,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202302160014';
+var telemetryVersion = '1.5.1-alpha-202302180014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -1208,6 +1208,20 @@ class CallContext$2 {
     constructor(userId, maxListeners = 50, 
     /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId) {
         this._callIdHistory = new CallIdHistory();
+        /**
+         * Tees direct errors to state.
+         * @remarks
+         * This is typically used for errors that are caught and intended to be shown to the user.
+         *
+         * @param error The raw error to report.
+         * @param target The error target to tee error to.
+         *
+         * @private
+         */
+        this.teeErrorToState = (error, target) => {
+            const callError = toCallError(target, error);
+            this.setLatestError(target, callError);
+        };
         this._logger = logger.createClientLogger('communication-react:calling-context');
         this._state = {
             calls: {},
@@ -1383,6 +1397,22 @@ class CallContext$2 {
             }
         });
     }
+    /* @conditional-compile-remove(video-background-effects) */
+    setCallLocalVideoStreamVideoEffects(callId, videoEffects) {
+        this.modifyState((draft) => {
+            var _a, _b, _c, _d, _e, _f;
+            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');
+                if (stream) {
+                    stream.videoEffects = {
+                        isActive: (_d = (_b = videoEffects.isActive) !== null && _b !== void 0 ? _b : (_c = stream.videoEffects) === null || _c === void 0 ? void 0 : _c.isActive) !== null && _d !== void 0 ? _d : false,
+                        effectName: (_e = videoEffects.effectName) !== null && _e !== void 0 ? _e : (_f = stream.videoEffects) === null || _f === void 0 ? void 0 : _f.effectName
+                    };
+                }
+            }
+        });
+    }
     setCallIsMicrophoneMuted(callId, isMicrophoneMuted) {
         this.modifyState((draft) => {
             const call = draft.calls[this._callIdHistory.latestCallId(callId)];
@@ -1710,6 +1740,20 @@ class CallContext$2 {
             }
         });
     }
+    /* @conditional-compile-remove(video-background-effects) */
+    setDeviceManagerUnparentedViewVideoEffects(localVideoStream, videoEffects) {
+        this.modifyState((draft) => {
+            var _a, _b, _c, _d, _e;
+            const foundIndex = draft.deviceManager.unparentedViews.findIndex((stream) => stream.source.id === localVideoStream.source.id && stream.mediaStreamType === localVideoStream.mediaStreamType);
+            if (foundIndex !== -1) {
+                const draftStream = draft.deviceManager.unparentedViews[foundIndex];
+                draftStream.videoEffects = {
+                    isActive: (_c = (_a = videoEffects.isActive) !== null && _a !== void 0 ? _a : (_b = draftStream.videoEffects) === null || _b === void 0 ? void 0 : _b.isActive) !== null && _c !== void 0 ? _c : false,
+                    effectName: (_d = videoEffects.effectName) !== null && _d !== void 0 ? _d : (_e = draftStream.videoEffects) === null || _e === void 0 ? void 0 : _e.effectName
+                };
+            }
+        });
+    }
     getAndIncrementAtomicId() {
         const id = this._atomicId;
         this._atomicId++;
@@ -1826,6 +1870,7 @@ function convertSdkLocalStreamToDeclarativeLocalStream(stream) {
         source: stream.source,
         mediaStreamType: stream.mediaStreamType,
         view: undefined
+        // TODO [video-background-effects]: Add video effects state when it is added to the SDK
     };
 }
 /**
@@ -1922,6 +1967,60 @@ function convertFromSDKToDeclarativeVideoStreamRendererView(view) {
     };
 }
 
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/* @conditional-compile-remove(video-background-effects) */
+/**
+ * Subscribes to a LocalVideoStream's video effects events and updates the call context appropriately.
+ * @private
+ */
+class LocalVideoStreamVideoEffectsSubscriber {
+    constructor(args) {
+        this.subscribe = () => {
+            this._localVideoStreamEffectsAPI.on('effectsStarted', this.effectsStarted);
+            this._localVideoStreamEffectsAPI.on('effectsStopped', this.effectsStopped);
+            this._localVideoStreamEffectsAPI.on('effectsError', this.effectsError);
+        };
+        this.unsubscribe = () => {
+            this._localVideoStreamEffectsAPI.off('effectsStarted', this.effectsStarted);
+            this._localVideoStreamEffectsAPI.off('effectsStopped', this.effectsStopped);
+            this._localVideoStreamEffectsAPI.off('effectsError', this.effectsError);
+        };
+        this.effectsStarted = (effectName) => {
+            this.updateEffectsState({
+                isActive: true,
+                effectName: effectName
+            });
+        };
+        this.effectsStopped = (effectName) => {
+            this.updateEffectsState({
+                isActive: false,
+                effectName: effectName
+            });
+        };
+        this.effectsError = (error) => {
+            // When there is an error the effects have stopped. Update the state to reflect this.
+            this.updateEffectsState({
+                isActive: false
+            });
+            this._context.teeErrorToState(new Error(error.message), 'VideoEffectsFeature.startEffects');
+        };
+        this.updateEffectsState = (newEffectsState) => {
+            if (this._parent === 'unparented') {
+                this._context.setDeviceManagerUnparentedViewVideoEffects(this._localVideoStream, newEffectsState);
+            }
+            else {
+                this._context.setCallLocalVideoStreamVideoEffects(this._parent.callId, newEffectsState);
+            }
+        };
+        this._parent = args.parent;
+        this._context = args.context;
+        this._localVideoStream = args.localVideoStream;
+        this._localVideoStreamEffectsAPI = args.localVideoStreamEffectsAPI;
+        this.subscribe();
+    }
+}
+
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 /**
@@ -2310,6 +2409,7 @@ function createViewUnparentedVideo(context, internalContext, stream, options) {
         // Else the stream still exists and status is not telling us to stop rendering. Complete the render process by
         // updating the state.
         internalContext.setUnparentedRenderInfo(stream, localVideoStream, 'Rendered', renderer);
+        internalContext.subscribeToUnparentedViewVideoEffects(localVideoStream, context);
         context.setDeviceManagerUnparentedView(stream, convertFromSDKToDeclarativeVideoStreamRendererView(view));
         return {
             renderer,
@@ -2927,6 +3027,7 @@ class CallSubscriber {
             }));
         };
         this.localVideoStreamsUpdated = (event) => {
+            var _a, _b;
             // At time of writing only one LocalVideoStream is supported by SDK.
             if (event.added.length > 0) {
                 const localVideoStreams = [convertSdkLocalStreamToDeclarativeLocalStream(this._call.localVideoStreams[0])];
@@ -2934,8 +3035,24 @@ class CallSubscriber {
                 // has the required data when component re-renders due to external state changes.
                 this._internalContext.setLocalRenderInfo(this._callIdRef.callId, this._call.localVideoStreams[0], 'NotRendered', undefined);
                 this._context.setCallLocalVideoStream(this._callIdRef.callId, [...localVideoStreams]);
+                /* @conditional-compile-remove(video-background-effects) */
+                {
+                    const localVideoStreamKey = event.added[0].source.id;
+                    (_a = this._localVideoStreamVideoEffectsSubscribers.get(localVideoStreamKey)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+                    this._localVideoStreamVideoEffectsSubscribers.set(localVideoStreamKey, new LocalVideoStreamVideoEffectsSubscriber({
+                        parent: this._callIdRef,
+                        context: this._context,
+                        localVideoStream: this._call.localVideoStreams[0],
+                        localVideoStreamEffectsAPI: this._call.localVideoStreams[0].feature(communicationCalling.Features.VideoEffects)
+                    }));
+                }
             }
             if (event.removed.length > 0) {
+                /* @conditional-compile-remove(video-background-effects) */
+                {
+                    const localVideoStreamKey = event.removed[0].source.id;
+                    (_b = this._localVideoStreamVideoEffectsSubscribers.get(localVideoStreamKey)) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+                }
                 disposeView(this._context, this._internalContext, this._callIdRef.callId, undefined, convertSdkLocalStreamToDeclarativeLocalStream(event.removed[0]));
                 this._internalContext.deleteLocalRenderInfo(this._callIdRef.callId);
                 this._context.setCallLocalVideoStream(this._callIdRef.callId, []);
@@ -2953,6 +3070,8 @@ class CallSubscriber {
         this._participantSubscribers = new Map();
         this._recordingSubscriber = new RecordingSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Recording));
         this._transcriptionSubscriber = new TranscriptionSubscriber(this._callIdRef, this._context, this._call.feature(communicationCalling.Features.Transcription));
+        /* @conditional-compile-remove(video-background-effects) */
+        this._localVideoStreamVideoEffectsSubscribers = new Map();
         this.subscribe();
     }
     addParticipantListener(participant) {
@@ -3454,6 +3573,10 @@ class InternalCallContext {
         // The key is the stream ID. We assume each stream ID to only have one owning render info
         this._unparentedRenderInfos = new Map();
         this._callIdHistory = new CallIdHistory();
+        // Used for keeping track of video effects subscribers that are not part of a Call.
+        // The key is the stream ID. We assume each stream ID
+        /* @conditional-compile-remove(video-background-effects) */
+        this._unparentedViewVideoEffectsSubscriber = new Map();
     }
     setCallId(newCallId, oldCallId) {
         this._callIdHistory.updateCallIdHistory(newCallId, oldCallId);
@@ -3528,8 +3651,25 @@ class InternalCallContext {
         this._unparentedRenderInfos.set(statefulStream.source.id, { stream, status, renderer });
     }
     deleteUnparentedRenderInfo(localVideoStream) {
+        var _a;
+        /* @conditional-compile-remove(video-background-effects) */
+        (_a = this._unparentedViewVideoEffectsSubscriber.get(localVideoStream.source.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         this._unparentedRenderInfos.delete(localVideoStream.source.id);
     }
+    subscribeToUnparentedViewVideoEffects(localVideoStream, callContext) {
+        var _a;
+        /* @conditional-compile-remove(video-background-effects) */
+        {
+            // Ensure we aren't setting multiple subscriptions
+            (_a = this._unparentedViewVideoEffectsSubscriber.get(localVideoStream.source.id)) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this._unparentedViewVideoEffectsSubscriber.set(localVideoStream.source.id, new LocalVideoStreamVideoEffectsSubscriber({
+                parent: 'unparented',
+                context: callContext,
+                localVideoStream: localVideoStream,
+                localVideoStreamEffectsAPI: localVideoStream.feature(communicationCalling.Features.VideoEffects)
+            }));
+        }
+    }
     // UnparentedRenderInfos are not cleared as they are not part of the Call state.
     clearCallRelatedState() {
         this._remoteRenderInfos.clear();