@azure/communication-react 1.0.0-beta.1 → 1.0.0-beta.5

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

@@ -1,447 +1,575 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import EventEmitter from 'events';
-import { enableMapSet, produce } from 'immer';
-import { toFlatCommunicationIdentifier } from "../../acs-ui-common/src";
-enableMapSet();
-// TODO: How can we make this configurable?
-export const MAX_CALL_HISTORY_LENGTH = 10;
-export const MAX_TRANSFER_REQUEST_LENGTH = 10;
-export class CallContext {
-    constructor(userId) {
-        this._state = {
-            calls: new Map(),
-            callsEnded: [],
-            incomingCalls: new Map(),
-            incomingCallsEnded: [],
-            deviceManager: {
-                isSpeakerSelectionAvailable: false,
-                cameras: [],
-                microphones: [],
-                speakers: [],
-                unparentedViews: new Map()
-            },
-            callAgent: undefined,
-            userId: userId
-        };
-        this._emitter = new EventEmitter();
-        this._emitter.setMaxListeners(50);
-        this._atomicId = 0;
-    }
-    setState(state) {
-        this._state = state;
-        this._emitter.emit('stateChanged', this._state);
-    }
-    getState() {
-        return this._state;
-    }
-    onStateChange(handler) {
-        this._emitter.on('stateChanged', handler);
-    }
-    offStateChange(handler) {
-        this._emitter.off('stateChanged', handler);
-    }
-    // Disposing of the CallAgentDeclarative will not clear the state. If we create a new CallAgentDeclarative, we should
-    // make sure the state is clean because any left over state (if previous CallAgentDeclarative was disposed) may be
-    // invalid.
-    clearCallRelatedState() {
-        this.setState(produce(this._state, (draft) => {
-            draft.calls.clear();
-            draft.incomingCalls.clear();
-            draft.callsEnded.splice(0, draft.callsEnded.length);
-            draft.incomingCallsEnded.splice(0, draft.incomingCallsEnded.length);
-        }));
-    }
-    setCallAgent(callAgent) {
-        this.setState(produce(this._state, (draft) => {
-            draft.callAgent = callAgent;
-        }));
-    }
-    setCall(call) {
-        this.setState(produce(this._state, (draft) => {
-            const existingCall = draft.calls.get(call.id);
-            if (existingCall) {
-                existingCall.callerInfo = call.callerInfo;
-                existingCall.state = call.state;
-                existingCall.callEndReason = call.callEndReason;
-                existingCall.direction = call.direction;
-                existingCall.isMuted = call.isMuted;
-                existingCall.isScreenSharingOn = call.isScreenSharingOn;
-                existingCall.localVideoStreams = call.localVideoStreams;
-                existingCall.remoteParticipants = call.remoteParticipants;
-                existingCall.transcription.isTranscriptionActive = call.transcription.isTranscriptionActive;
-                existingCall.recording.isRecordingActive = call.recording.isRecordingActive;
-                // We don't update the startTime and endTime if we are updating an existing active call
-            }
-            else {
-                draft.calls.set(call.id, call);
-            }
-        }));
-    }
-    removeCall(callId) {
-        this.setState(produce(this._state, (draft) => {
-            draft.calls.delete(callId);
-        }));
-    }
-    setCallEnded(callId, callEndReason) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.endTime = new Date();
-                call.callEndReason = callEndReason;
-                draft.calls.delete(callId);
-                if (draft.callsEnded.length >= MAX_CALL_HISTORY_LENGTH) {
-                    draft.callsEnded.shift();
-                }
-                draft.callsEnded.push(call);
-            }
-        }));
-    }
-    setCallState(callId, state) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.state = state;
-            }
-        }));
-    }
-    setCallId(newCallId, oldCallId) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(oldCallId);
-            if (call) {
-                draft.calls.delete(oldCallId);
-                draft.calls.set(newCallId, call);
-            }
-        }));
-    }
-    setCallIsScreenSharingOn(callId, isScreenSharingOn) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.isScreenSharingOn = isScreenSharingOn;
-            }
-        }));
-    }
-    setCallRemoteParticipants(callId, addRemoteParticipant, removeRemoteParticipant) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                removeRemoteParticipant.forEach((id) => {
-                    call.remoteParticipants.delete(id);
-                });
-                addRemoteParticipant.forEach((participant) => {
-                    call.remoteParticipants.set(toFlatCommunicationIdentifier(participant.identifier), participant);
-                });
-            }
-        }));
-    }
-    setCallRemoteParticipantsEnded(callId, addRemoteParticipant, removeRemoteParticipant) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                removeRemoteParticipant.forEach((id) => {
-                    call.remoteParticipantsEnded.delete(id);
-                });
-                addRemoteParticipant.forEach((participant) => {
-                    call.remoteParticipantsEnded.set(toFlatCommunicationIdentifier(participant.identifier), participant);
-                });
-            }
-        }));
-    }
-    setCallLocalVideoStream(callId, streams) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.localVideoStreams = streams;
-            }
-        }));
-    }
-    setCallIsMicrophoneMuted(callId, isMicrophoneMuted) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.isMuted = isMicrophoneMuted;
-            }
-        }));
-    }
-    setCallRecordingActive(callId, isRecordingActive) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.recording.isRecordingActive = isRecordingActive;
-            }
-        }));
-    }
-    setCallTranscriptionActive(callId, isTranscriptionActive) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.transcription.isTranscriptionActive = isTranscriptionActive;
-            }
-        }));
-    }
-    setCallReceivedTransferRequest(callId, transfer) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                if (call.transfer.receivedTransferRequests.length >= MAX_TRANSFER_REQUEST_LENGTH) {
-                    call.transfer.receivedTransferRequests.shift();
-                }
-                call.transfer.receivedTransferRequests.push(transfer);
-            }
-        }));
-    }
-    setCallRequestedTransfer(callId, transfer) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                if (call.transfer.requestedTransfers.length >= MAX_TRANSFER_REQUEST_LENGTH) {
-                    call.transfer.requestedTransfers.shift();
-                }
-                call.transfer.requestedTransfers.push(transfer);
-            }
-        }));
-    }
-    setCallRequestedTransferState(callId, transferId, state, error) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                for (const requestedTransfer of call.transfer.requestedTransfers) {
-                    if (requestedTransfer.id === transferId) {
-                        requestedTransfer.state = state;
-                        requestedTransfer.error = error;
-                        break;
-                    }
-                }
-            }
-        }));
-    }
-    setCallScreenShareParticipant(callId, participantKey) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                call.screenShareRemoteParticipant = participantKey;
-            }
-        }));
-    }
-    setLocalVideoStreamRendererView(callId, view) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                if (call.localVideoStreams.length > 0) {
-                    call.localVideoStreams[0].view = view;
-                }
-            }
-        }));
-    }
-    setParticipantState(callId, participantKey, state) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    participant.state = state;
-                }
-            }
-        }));
-    }
-    setParticipantIsMuted(callId, participantKey, muted) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    participant.isMuted = muted;
-                }
-            }
-        }));
-    }
-    setParticipantDisplayName(callId, participantKey, displayName) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    participant.displayName = displayName;
-                }
-            }
-        }));
-    }
-    setParticipantIsSpeaking(callId, participantKey, isSpeaking) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    participant.isSpeaking = isSpeaking;
-                }
-            }
-        }));
-    }
-    setParticipantVideoStream(callId, participantKey, stream) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    // Set is called by subscriber will not modify any rendered stream so if there is existing stream only
-                    // modify the values that subscriber has access to.
-                    const existingStream = participant.videoStreams.get(stream.id);
-                    if (existingStream) {
-                        existingStream.isAvailable = stream.isAvailable;
-                        existingStream.mediaStreamType = stream.mediaStreamType;
-                    }
-                    else {
-                        participant.videoStreams.set(stream.id, stream);
-                    }
-                }
-            }
-        }));
-    }
-    setRemoteVideoStreamIsAvailable(callId, participantKey, streamId, isAvailable) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    const stream = participant.videoStreams.get(streamId);
-                    if (stream) {
-                        stream.isAvailable = isAvailable;
-                    }
-                }
-            }
-        }));
-    }
-    setRemoteVideoStreams(callId, participantKey, addRemoteVideoStream, removeRemoteVideoStream) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    for (const id of removeRemoteVideoStream) {
-                        participant.videoStreams.delete(id);
-                    }
-                    for (const newStream of addRemoteVideoStream) {
-                        // 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 stream = participant.videoStreams.get(newStream.id);
-                        if (stream) {
-                            stream.mediaStreamType = newStream.mediaStreamType;
-                            stream.isAvailable = newStream.isAvailable;
-                        }
-                        else {
-                            participant.videoStreams.set(newStream.id, newStream);
-                        }
-                    }
-                }
-            }
-        }));
-    }
-    setRemoteVideoStreamRendererView(callId, participantKey, streamId, view) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.calls.get(callId);
-            if (call) {
-                const participant = call.remoteParticipants.get(participantKey);
-                if (participant) {
-                    const stream = participant.videoStreams.get(streamId);
-                    if (stream) {
-                        stream.view = view;
-                    }
-                }
-            }
-        }));
-    }
-    setIncomingCall(call) {
-        this.setState(produce(this._state, (draft) => {
-            const existingCall = draft.incomingCalls.get(call.id);
-            if (existingCall) {
-                existingCall.callerInfo = call.callerInfo;
-            }
-            else {
-                draft.incomingCalls.set(call.id, call);
-            }
-        }));
-    }
-    removeIncomingCall(callId) {
-        this.setState(produce(this._state, (draft) => {
-            draft.incomingCalls.delete(callId);
-        }));
-    }
-    setIncomingCallEnded(callId, callEndReason) {
-        this.setState(produce(this._state, (draft) => {
-            const call = draft.incomingCalls.get(callId);
-            if (call) {
-                call.endTime = new Date();
-                call.callEndReason = callEndReason;
-                draft.incomingCalls.delete(callId);
-                if (draft.incomingCallsEnded.length >= MAX_CALL_HISTORY_LENGTH) {
-                    draft.incomingCallsEnded.shift();
-                }
-                draft.incomingCallsEnded.push(call);
-            }
-        }));
-    }
-    setDeviceManagerIsSpeakerSelectionAvailable(isSpeakerSelectionAvailable) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.isSpeakerSelectionAvailable = isSpeakerSelectionAvailable;
-        }));
-    }
-    setDeviceManagerSelectedMicrophone(selectedMicrophone) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.selectedMicrophone = selectedMicrophone;
-        }));
-    }
-    setDeviceManagerSelectedSpeaker(selectedSpeaker) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.selectedSpeaker = selectedSpeaker;
-        }));
-    }
-    setDeviceManagerSelectedCamera(selectedCamera) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.selectedCamera = selectedCamera;
-        }));
-    }
-    setDeviceManagerCameras(cameras) {
-        this.setState(produce(this._state, (draft) => {
-            if (!!draft.deviceManager.cameras && cameras.length > 0) {
-                draft.deviceManager.selectedCamera = cameras[0];
-            }
-            draft.deviceManager.cameras = cameras;
-        }));
-    }
-    setDeviceManagerMicrophones(microphones) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.microphones = microphones;
-        }));
-    }
-    setDeviceManagerSpeakers(speakers) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.speakers = speakers;
-        }));
-    }
-    setDeviceManagerDeviceAccess(deviceAccess) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.deviceAccess = deviceAccess;
-        }));
-    }
-    setDeviceManagerUnparentedView(localVideoStream, view) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.unparentedViews.set(localVideoStream, {
-                source: localVideoStream.source,
-                mediaStreamType: localVideoStream.mediaStreamType,
-                view: view
-            });
-        }));
-    }
-    deleteDeviceManagerUnparentedView(localVideoStream) {
-        this.setState(produce(this._state, (draft) => {
-            draft.deviceManager.unparentedViews.delete(localVideoStream);
-        }));
-    }
-    getAndIncrementAtomicId() {
-        const id = this._atomicId;
-        this._atomicId++;
-        return id;
-    }
-}
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import EventEmitter from 'events';
+import { enableMapSet, produce } from 'immer';
+import { toFlatCommunicationIdentifier } from "../../acs-ui-common/src";
+import { CallError } from './CallClientState';
+import { newClearCallErrorsModifier } from './modifiers';
+enableMapSet();
+// TODO: How can we make this configurable?
+export const MAX_CALL_HISTORY_LENGTH = 10;
+export const MAX_TRANSFER_REQUEST_LENGTH = 10;
+export class CallContext {
+    constructor(userId, maxListeners = 50) {
+        this._state = {
+            calls: {},
+            callsEnded: [],
+            incomingCalls: {},
+            incomingCallsEnded: [],
+            deviceManager: {
+                isSpeakerSelectionAvailable: false,
+                cameras: [],
+                microphones: [],
+                speakers: [],
+                unparentedViews: []
+            },
+            callAgent: undefined,
+            userId: userId,
+            latestErrors: {}
+        };
+        this._emitter = new EventEmitter();
+        this._emitter.setMaxListeners(maxListeners);
+        this._batchMode = false;
+        this._atomicId = 0;
+    }
+    getState() {
+        return this._state;
+    }
+    setState(state) {
+        this._state = state;
+        if (!this._batchMode) {
+            this._emitter.emit('stateChanged', this._state);
+        }
+    }
+    modifyState(modifier) {
+        this.batch(() => {
+            this.setState(produce(this._state, (draft) => {
+                modifier(draft);
+            }));
+        });
+    }
+    /**
+     * Batch updates to minimize `stateChanged` events across related operations.
+     *
+     * - A maximum of one `stateChanged` event is emitted, at the end of the operations.
+     * - No `stateChanged` event is emitted if the state did not change through the operations.
+     * - In case of an exception, state is reset to the prior value and no `stateChanged` event is emitted.
+     *
+     * All operations finished in this batch should be synchronous.
+     * This function is not reentrant -- do not call batch() from within another batch().
+     */
+    batch(operations) {
+        if (this._batchMode) {
+            throw new Error('batch() called from within another batch()');
+        }
+        this._batchMode = true;
+        const priorState = this._state;
+        try {
+            operations();
+            if (this._state !== priorState) {
+                this._emitter.emit('stateChanged', this._state);
+            }
+        }
+        catch (e) {
+            this._state = priorState;
+            throw e;
+        }
+        finally {
+            this._batchMode = false;
+        }
+    }
+    onStateChange(handler) {
+        this._emitter.on('stateChanged', handler);
+    }
+    offStateChange(handler) {
+        this._emitter.off('stateChanged', handler);
+    }
+    // Disposing of the CallAgentDeclarative will not clear the state. If we create a new CallAgentDeclarative, we should
+    // make sure the state is clean because any left over state (if previous CallAgentDeclarative was disposed) may be
+    // invalid.
+    clearCallRelatedState() {
+        this.setState(produce(this._state, (draft) => {
+            draft.calls = {};
+            draft.incomingCalls = {};
+            draft.callsEnded.splice(0, draft.callsEnded.length);
+            draft.incomingCallsEnded.splice(0, draft.incomingCallsEnded.length);
+        }));
+    }
+    setCallAgent(callAgent) {
+        this.setState(produce(this._state, (draft) => {
+            draft.callAgent = callAgent;
+        }));
+    }
+    setCall(call) {
+        this.setState(produce(this._state, (draft) => {
+            const existingCall = draft.calls[call.id];
+            if (existingCall) {
+                existingCall.callerInfo = call.callerInfo;
+                existingCall.state = call.state;
+                existingCall.callEndReason = call.callEndReason;
+                existingCall.direction = call.direction;
+                existingCall.isMuted = call.isMuted;
+                existingCall.isScreenSharingOn = call.isScreenSharingOn;
+                existingCall.localVideoStreams = call.localVideoStreams;
+                existingCall.remoteParticipants = call.remoteParticipants;
+                existingCall.transcription.isTranscriptionActive = call.transcription.isTranscriptionActive;
+                existingCall.recording.isRecordingActive = call.recording.isRecordingActive;
+                // We don't update the startTime and endTime if we are updating an existing active call
+            }
+            else {
+                draft.calls[call.id] = call;
+            }
+        }));
+    }
+    removeCall(callId) {
+        this.setState(produce(this._state, (draft) => {
+            delete draft.calls[callId];
+        }));
+    }
+    setCallEnded(callId, callEndReason) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.endTime = new Date();
+                call.callEndReason = callEndReason;
+                delete draft.calls[callId];
+                if (draft.callsEnded.length >= MAX_CALL_HISTORY_LENGTH) {
+                    draft.callsEnded.shift();
+                }
+                draft.callsEnded.push(call);
+            }
+        }));
+    }
+    setCallState(callId, state) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.state = state;
+            }
+        }));
+    }
+    setCallId(newCallId, oldCallId) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[oldCallId];
+            if (call) {
+                delete draft.calls[oldCallId];
+                draft.calls[newCallId] = call;
+            }
+        }));
+    }
+    setCallIsScreenSharingOn(callId, isScreenSharingOn) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.isScreenSharingOn = isScreenSharingOn;
+            }
+        }));
+    }
+    setCallRemoteParticipants(callId, addRemoteParticipant, removeRemoteParticipant) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                removeRemoteParticipant.forEach((id) => {
+                    delete call.remoteParticipants[id];
+                });
+                addRemoteParticipant.forEach((participant) => {
+                    call.remoteParticipants[toFlatCommunicationIdentifier(participant.identifier)] = participant;
+                });
+            }
+        }));
+    }
+    setCallRemoteParticipantsEnded(callId, addRemoteParticipant, removeRemoteParticipant) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                removeRemoteParticipant.forEach((id) => {
+                    delete call.remoteParticipantsEnded[id];
+                });
+                addRemoteParticipant.forEach((participant) => {
+                    call.remoteParticipantsEnded[toFlatCommunicationIdentifier(participant.identifier)] = participant;
+                });
+            }
+        }));
+    }
+    setCallLocalVideoStream(callId, streams) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.localVideoStreams = streams;
+            }
+        }));
+    }
+    setCallIsMicrophoneMuted(callId, isMicrophoneMuted) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.isMuted = isMicrophoneMuted;
+            }
+        }));
+    }
+    setCallDominantSpeakers(callId, dominantSpeakers) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.dominantSpeakers = dominantSpeakers;
+            }
+        }));
+    }
+    setCallRecordingActive(callId, isRecordingActive) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.recording.isRecordingActive = isRecordingActive;
+            }
+        }));
+    }
+    setCallTranscriptionActive(callId, isTranscriptionActive) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.transcription.isTranscriptionActive = isTranscriptionActive;
+            }
+        }));
+    }
+    setCallReceivedTransferRequest(callId, transfer) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                if (call.transfer.receivedTransferRequests.length >= MAX_TRANSFER_REQUEST_LENGTH) {
+                    call.transfer.receivedTransferRequests.shift();
+                }
+                call.transfer.receivedTransferRequests.push(transfer);
+            }
+        }));
+    }
+    setCallRequestedTransfer(callId, transfer) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                if (call.transfer.requestedTransfers.length >= MAX_TRANSFER_REQUEST_LENGTH) {
+                    call.transfer.requestedTransfers.shift();
+                }
+                call.transfer.requestedTransfers.push(transfer);
+            }
+        }));
+    }
+    setCallRequestedTransferState(callId, transferId, state, error) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                for (const requestedTransfer of call.transfer.requestedTransfers) {
+                    if (requestedTransfer.id === transferId) {
+                        requestedTransfer.state = state;
+                        requestedTransfer.error = error;
+                        break;
+                    }
+                }
+            }
+        }));
+    }
+    setCallScreenShareParticipant(callId, participantKey) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                call.screenShareRemoteParticipant = participantKey;
+            }
+        }));
+    }
+    setLocalVideoStreamRendererView(callId, view) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                if (call.localVideoStreams.length > 0) {
+                    call.localVideoStreams[0].view = view;
+                }
+            }
+        }));
+    }
+    setParticipantState(callId, participantKey, state) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    participant.state = state;
+                }
+            }
+        }));
+    }
+    setParticipantIsMuted(callId, participantKey, muted) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    participant.isMuted = muted;
+                }
+            }
+        }));
+    }
+    setParticipantDisplayName(callId, participantKey, displayName) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    participant.displayName = displayName;
+                }
+            }
+        }));
+    }
+    setParticipantIsSpeaking(callId, participantKey, isSpeaking) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    participant.isSpeaking = isSpeaking;
+                }
+            }
+        }));
+    }
+    setParticipantVideoStream(callId, participantKey, stream) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    // Set is called by subscriber will not modify any rendered stream so if there is existing stream only
+                    // modify the values that subscriber has access to.
+                    const existingStream = participant.videoStreams[stream.id];
+                    if (existingStream) {
+                        existingStream.isAvailable = stream.isAvailable;
+                        existingStream.mediaStreamType = stream.mediaStreamType;
+                    }
+                    else {
+                        participant.videoStreams[stream.id] = stream;
+                    }
+                }
+            }
+        }));
+    }
+    setRemoteVideoStreamIsAvailable(callId, participantKey, streamId, isAvailable) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    const stream = participant.videoStreams[streamId];
+                    if (stream) {
+                        stream.isAvailable = isAvailable;
+                    }
+                }
+            }
+        }));
+    }
+    setRemoteVideoStreams(callId, participantKey, addRemoteVideoStream, removeRemoteVideoStream) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    for (const id of removeRemoteVideoStream) {
+                        delete participant.videoStreams[id];
+                    }
+                    for (const newStream of addRemoteVideoStream) {
+                        // 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 stream = participant.videoStreams[newStream.id];
+                        if (stream) {
+                            stream.mediaStreamType = newStream.mediaStreamType;
+                            stream.isAvailable = newStream.isAvailable;
+                        }
+                        else {
+                            participant.videoStreams[newStream.id] = newStream;
+                        }
+                    }
+                }
+            }
+        }));
+    }
+    setRemoteVideoStreamRendererView(callId, participantKey, streamId, view) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.calls[callId];
+            if (call) {
+                const participant = call.remoteParticipants[participantKey];
+                if (participant) {
+                    const stream = participant.videoStreams[streamId];
+                    if (stream) {
+                        stream.view = view;
+                    }
+                }
+            }
+        }));
+    }
+    setIncomingCall(call) {
+        this.setState(produce(this._state, (draft) => {
+            const existingCall = draft.incomingCalls[call.id];
+            if (existingCall) {
+                existingCall.callerInfo = call.callerInfo;
+            }
+            else {
+                draft.incomingCalls[call.id] = call;
+            }
+        }));
+    }
+    removeIncomingCall(callId) {
+        this.setState(produce(this._state, (draft) => {
+            delete draft.incomingCalls[callId];
+        }));
+    }
+    setIncomingCallEnded(callId, callEndReason) {
+        this.setState(produce(this._state, (draft) => {
+            const call = draft.incomingCalls[callId];
+            if (call) {
+                call.endTime = new Date();
+                call.callEndReason = callEndReason;
+                delete draft.incomingCalls[callId];
+                if (draft.incomingCallsEnded.length >= MAX_CALL_HISTORY_LENGTH) {
+                    draft.incomingCallsEnded.shift();
+                }
+                draft.incomingCallsEnded.push(call);
+            }
+        }));
+    }
+    setDeviceManagerIsSpeakerSelectionAvailable(isSpeakerSelectionAvailable) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.isSpeakerSelectionAvailable = isSpeakerSelectionAvailable;
+        }));
+    }
+    setDeviceManagerSelectedMicrophone(selectedMicrophone) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.selectedMicrophone = selectedMicrophone;
+        }));
+    }
+    setDeviceManagerSelectedSpeaker(selectedSpeaker) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.selectedSpeaker = selectedSpeaker;
+        }));
+    }
+    setDeviceManagerSelectedCamera(selectedCamera) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.selectedCamera = selectedCamera;
+        }));
+    }
+    setDeviceManagerCameras(cameras) {
+        this.setState(produce(this._state, (draft) => {
+            /** SDK initializes cameras with one dummy camera with value { id: 'camera:id', name: '', deviceType: 'USBCamera' } immediately after
+             * 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); })) {
+                draft.deviceManager.selectedCamera = cameras[0];
+            }
+            draft.deviceManager.cameras = cameras;
+        }));
+    }
+    setDeviceManagerMicrophones(microphones) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.microphones = microphones;
+        }));
+    }
+    setDeviceManagerSpeakers(speakers) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.speakers = speakers;
+        }));
+    }
+    setDeviceManagerDeviceAccess(deviceAccess) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.deviceAccess = deviceAccess;
+        }));
+    }
+    setDeviceManagerUnparentedView(localVideoStream, view) {
+        this.setState(produce(this._state, (draft) => {
+            draft.deviceManager.unparentedViews.push({
+                source: localVideoStream.source,
+                mediaStreamType: localVideoStream.mediaStreamType,
+                view: view
+            });
+        }));
+    }
+    deleteDeviceManagerUnparentedView(localVideoStream) {
+        this.setState(produce(this._state, (draft) => {
+            const foundIndex = draft.deviceManager.unparentedViews.findIndex((stream) => stream.source.id === localVideoStream.source.id &&
+                stream.mediaStreamType === localVideoStream.mediaStreamType);
+            if (foundIndex !== -1) {
+                draft.deviceManager.unparentedViews.splice(foundIndex, 1);
+            }
+        }));
+    }
+    getAndIncrementAtomicId() {
+        const id = this._atomicId;
+        this._atomicId++;
+        return id;
+    }
+    /**
+     * Tees any errors encountered in an async function to the state.
+     *
+     * If the function succeeds, clears associated errors from the state.
+     *
+     * @param action Async function to execute.
+     * @param target The error target to tee error to.
+     * @param clearTargets The error targets to clear errors for if the function succeeds. By default, clears errors for `target`.
+     * @returns Result of calling `f`. Also re-raises any exceptions thrown from `f`.
+     * @throws CallError. Exceptions thrown from `f` are tagged with the failed `target.
+     */
+    withAsyncErrorTeedToState(action, target, clearTargets) {
+        return (...args) => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const ret = yield action(...args);
+                this.modifyState(newClearCallErrorsModifier(clearTargets !== undefined ? clearTargets : [target]));
+                return ret;
+            }
+            catch (error) {
+                const callError = toCallError(target, error);
+                this.setLatestError(target, callError);
+                throw callError;
+            }
+        });
+    }
+    /**
+     * Tees any errors encountered in an function to the state.
+     *
+     * If the function succeeds, clears associated errors from the state.
+     *
+     * @param action Function to execute.
+     * @param target The error target to tee error to.
+     * @param clearTargets The error targets to clear errors for if the function succeeds. By default, clears errors for `target`.
+     * @returns Result of calling `f`. Also re-raises any exceptions thrown from `f`.
+     * @throws CallError. Exceptions thrown from `f` are tagged with the failed `target.
+     */
+    withErrorTeedToState(action, target, clearTargets) {
+        return (...args) => {
+            try {
+                const ret = action(...args);
+                this.modifyState(newClearCallErrorsModifier(clearTargets !== undefined ? clearTargets : [target]));
+                return ret;
+            }
+            catch (error) {
+                const callError = toCallError(target, error);
+                this.setLatestError(target, callError);
+                throw callError;
+            }
+        };
+    }
+    setLatestError(target, error) {
+        this.setState(produce(this._state, (draft) => {
+            draft.latestErrors[target] = error;
+        }));
+    }
+}
+const toCallError = (target, error) => {
+    if (error instanceof Error) {
+        return new CallError(target, error);
+    }
+    return new CallError(target, new Error(error));
+};
 //# sourceMappingURL=CallContext.js.map