uneeq-js 2.42.1 → 2.42.2

package/dist/umd/index.js

@@ -126,7 +126,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __webpack_require__(1);
 const adapter = __importStar(__webpack_require__(7));
 const uneeq_1 = __webpack_require__(19);
-__exportStar(__webpack_require__(227), exports);
+__exportStar(__webpack_require__(267), exports);
 var uneeq_2 = __webpack_require__(19);
 Object.defineProperty(exports, "Uneeq", { enumerable: true, get: function () { return uneeq_2.Uneeq; } });
 __exportStar(__webpack_require__(7), exports);
@@ -5753,9 +5753,9 @@ __webpack_require__(123);
 const operators_1 = __webpack_require__(126);
 const package_json_1 = __importDefault(__webpack_require__(224));
 const api_1 = __webpack_require__(225);
-const digital_human_video_play_manager_1 = __webpack_require__(226);
-const device_manager_1 = __webpack_require__(229);
-const logger_1 = __webpack_require__(228);
+const device_manager_1 = __webpack_require__(226);
+const digital_human_video_play_manager_1 = __webpack_require__(266);
+const logger_1 = __webpack_require__(233);
 const message_handler_1 = __webpack_require__(268);
 const messaging_1 = __webpack_require__(280);
 const metrics_service_1 = __webpack_require__(302);
@@ -5763,9 +5763,9 @@ const online_status_service_1 = __webpack_require__(304);
 const prom_1 = __webpack_require__(269);
 const stream_manager_1 = __webpack_require__(305);
 const voice_input_manager_1 = __webpack_require__(306);
-const MessageTypes_1 = __webpack_require__(227);
+const MessageTypes_1 = __webpack_require__(267);
 const NewSessionRequest_1 = __webpack_require__(309);
-const PublishSubscribeState_1 = __webpack_require__(234);
+const PublishSubscribeState_1 = __webpack_require__(231);
 const SourceApp_1 = __webpack_require__(310);
 const VoiceInputMode_1 = __webpack_require__(308);
 class Uneeq {
@@ -18106,7 +18106,7 @@ function zipAll(project) {
 /* 224 */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"uneeq-js\",\"version\":\"2.42.1\",\"description\":\"\",\"main\":\"dist/index.js\",\"types\":\"dist/src/index.d.ts\",\"scripts\":{\"start\":\"npx webpack -w\",\"test-local\":\"./node_modules/karma/bin/karma start karma.conf.js -logLevel=DEBUG\",\"test\":\"./node_modules/karma/bin/karma start --browsers ChromeHeadless --single-run\",\"test:windows\":\"karma start karma.conf.js\",\"build\":\"webpack --config webpack.config.prod.js && webpack --config webpack.config.umd.js\",\"lint\":\"./node_modules/tslint/bin/tslint -p tsconfig.json --fix\",\"docs\":\"./node_modules/typedoc/bin/typedoc --options\"},\"files\":[\"dist\",\"!dist/test\"],\"author\":\"\",\"license\":\"ISC\",\"dependencies\":{\"@stomp/stompjs\":\"^6.0.0\",\"@uehreka/seriously\":\"^1.0.1\",\"fast-text-encoding\":\"^1.0.0\",\"intrinsic-scale\":\"^3.0.4\",\"promjs\":\"^0.4.1\",\"rxjs\":\"^6.2.2\",\"rxjs-compat\":\"^6.3.2\",\"simple-peer\":\"9.11.0\",\"webrtc-adapter\":\"8.1.0\"},\"devDependencies\":{\"@types/jasmine\":\"^2.8.8\",\"@types/node\":\"^10.9.4\",\"fetch-mock\":\"7.7.3\",\"ignore-styles\":\"^5.0.1\",\"jasmine\":\"^3.2.0\",\"jasmine-class-mock\":\"^1.0.1\",\"jasmine-core\":\"^3.3.0\",\"karma\":\"^5.0.0\",\"karma-chrome-launcher\":\"^2.2.0\",\"karma-firefox-launcher\":\"^1.1.0\",\"karma-jasmine\":\"^2.0.1\",\"karma-jasmine-html-reporter\":\"^1.4.0\",\"karma-requirejs\":\"^1.1.0\",\"karma-safari-launcher\":\"^1.0.0\",\"karma-typescript\":\"^5.0.0\",\"karma-typescript-es6-transform\":\"^5.0.0\",\"nock\":\"^9.6.1\",\"requirejs\":\"^2.3.6\",\"ts-loader\":\"^5.0.0\",\"ts-node\":\"^7.0.1\",\"tslint\":\"^5.11.0\",\"tslint-no-focused-test\":\"^0.5.0\",\"typedoc\":\"^0.18.0\",\"typescript\":\"^3.9.7\",\"webpack\":\"^4.17.1\",\"webpack-cli\":\"^3.1.0\"}}");
+module.exports = JSON.parse("{\"name\":\"uneeq-js\",\"version\":\"2.42.2\",\"description\":\"\",\"main\":\"dist/index.js\",\"types\":\"dist/src/index.d.ts\",\"scripts\":{\"start\":\"npx webpack -w\",\"test-local\":\"./node_modules/karma/bin/karma start karma.conf.js -logLevel=DEBUG\",\"test\":\"./node_modules/karma/bin/karma start --browsers ChromeHeadless --single-run\",\"test:windows\":\"karma start karma.conf.js\",\"build\":\"webpack --config webpack.config.prod.js && webpack --config webpack.config.umd.js\",\"lint\":\"./node_modules/tslint/bin/tslint -p tsconfig.json --fix\",\"docs\":\"./node_modules/typedoc/bin/typedoc --options\"},\"files\":[\"dist\",\"!dist/test\"],\"author\":\"\",\"license\":\"ISC\",\"dependencies\":{\"@stomp/stompjs\":\"^6.0.0\",\"@uehreka/seriously\":\"^1.0.1\",\"fast-text-encoding\":\"^1.0.0\",\"intrinsic-scale\":\"^3.0.4\",\"promjs\":\"^0.4.1\",\"rxjs\":\"^6.2.2\",\"rxjs-compat\":\"^6.3.2\",\"simple-peer\":\"9.11.0\",\"webrtc-adapter\":\"8.1.0\"},\"devDependencies\":{\"@types/jasmine\":\"^2.8.8\",\"@types/node\":\"^10.9.4\",\"fetch-mock\":\"7.7.3\",\"ignore-styles\":\"^5.0.1\",\"jasmine\":\"^3.2.0\",\"jasmine-class-mock\":\"^1.0.1\",\"jasmine-core\":\"^3.3.0\",\"karma\":\"^5.0.0\",\"karma-chrome-launcher\":\"^2.2.0\",\"karma-firefox-launcher\":\"^1.1.0\",\"karma-jasmine\":\"^2.0.1\",\"karma-jasmine-html-reporter\":\"^1.4.0\",\"karma-requirejs\":\"^1.1.0\",\"karma-safari-launcher\":\"^1.0.0\",\"karma-typescript\":\"^5.0.0\",\"karma-typescript-es6-transform\":\"^5.0.0\",\"nock\":\"^9.6.1\",\"requirejs\":\"^2.3.6\",\"ts-loader\":\"^5.0.0\",\"ts-node\":\"^7.0.1\",\"tslint\":\"^5.11.0\",\"tslint-no-focused-test\":\"^0.5.0\",\"typedoc\":\"^0.18.0\",\"typescript\":\"^3.9.7\",\"webpack\":\"^4.17.1\",\"webpack-cli\":\"^3.1.0\"}}");
 
 /***/ }),
 /* 225 */
@@ -18246,75 +18246,217 @@ exports.API = API;
 
 "use strict";
 
+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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DigitalHumanVideoPlayManager = void 0;
-const MessageTypes_1 = __webpack_require__(227);
-const logger_1 = __webpack_require__(228);
-class DigitalHumanVideoPlayManager {
-    constructor(messages) {
-        this.messages = messages;
-        // Used to track the number of attempts to re-play the DH video (Safari 15+ stream not visible)
-        this.remoteVideoPlayCount = 0;
+exports.DeviceManager = void 0;
+const __1 = __webpack_require__(0);
+const media_handler_1 = __webpack_require__(227);
+class DeviceManager {
+    constructor(options, api) {
+        this.options = options;
+        this.api = api;
+        this.speakerConstraints = {};
+        this.publishStream = new MediaStream();
+        this.devices = { audioInput: [], audioOutput: [], videoInput: [] };
+        this.previousMediaOptions = {};
+        this.mediaHandler = new media_handler_1.MediaHandler(this.options, () => this.remoteVideoReady());
+        this.initMediaConstraints();
+        this.getDevices(false); // once the device list is updated the publish will be performed.
     }
-    play(video) {
-        this.video = video;
-        this.playRemoteVideo();
+    set edgeNodeId(edgeNodeId) {
+        this.mediaHandler.setEdgeNodeId(edgeNodeId);
+        this.getDevices(true);
     }
-    unmuteVideo() {
-        if (this.video && this.video.muted) {
-            this.video.muted = false;
-            this.messages.next(new MessageTypes_1.DigitalHumanUnmuted());
+    enableLocalDevices(sendLocalVideo, sendLocalAudio) {
+        const videoOptionChanged = this.options.uneeqOptions.sendLocalVideo !== sendLocalVideo;
+        const audioOptionChanged = this.options.uneeqOptions.sendLocalAudio !== sendLocalAudio;
+        if (videoOptionChanged || audioOptionChanged) {
+            this.previousMediaOptions = {
+                sendLocalVideo: this.options.uneeqOptions.sendLocalVideo,
+                sendLocalAudio: this.options.uneeqOptions.sendLocalAudio
+            };
+            this.options.uneeqOptions.sendLocalVideo = sendLocalVideo;
+            this.options.uneeqOptions.sendLocalAudio = sendLocalAudio;
+            if (videoOptionChanged && sendLocalVideo === false) {
+                this.publishStream.getVideoTracks().forEach((stream) => stream.stop());
+            }
+            if (audioOptionChanged && sendLocalAudio === false) {
+                this.publishStream.getAudioTracks().forEach((stream) => stream.stop());
+            }
+            this.mediaHandler.publishingStream = false;
+            this.initMediaConstraints();
+            this.getDevices(true);
         }
     }
-    playRemoteVideo() {
-        // Play the digital human video when session is live (i.e. video and audio streaming in both directions)
-        if (this.video) {
-            /*
-            Note: do not set autplay = true, or safari will handle the play() differently to Chrome
-            When autoplay is set to true Safari will automatically try to play the video as muted. This
-            causes the second play as muted behaviour to fail and fall in our catch block. The consequence
-            is that the DigitalHumanPlayedInMutedModeSuccess is not sent. tldr; do not set autoplay = true
-            */
-            // Catch general video errors and video unmute errors
-            this.video.onerror = (error) => {
-                this.messages.next(new MessageTypes_1.DigitalHumanVideoError(error));
-            };
-            this.video.play().catch(() => {
-                // video failed to play, mute video then see if it will play
-                this.messages.next(new MessageTypes_1.DigitalHumanFailedToPlay());
-                this.video.muted = true;
-                this.video.play()
-                    .then(() => {
-                    logger_1.logger.log('Muting the digital human and playing it succeeded.');
-                    // video did play once it was muted.
-                    this.messages.next(new MessageTypes_1.DigitalHumanPlayedInMutedModeSuccess());
-                    this.video.addEventListener('click', () => { this.unmuteVideo(); }, { once: true });
-                })
-                    .catch((err) => {
-                    logger_1.logger.log('Could not play digital human video even as muted, starting exponential backoff.', err);
-                    // video still could not play even when muted, let's try an exponential back off
-                    this.playRemoteVideoWithExponentialBackoff();
+    // Once the device list is updated the publish will be performed.
+    getDevices(publish = true) {
+        if (!this.options.uneeqOptions.sendLocalVideo && !this.options.uneeqOptions.sendLocalAudio) {
+            this.initStreamWithoutDevices();
+            return;
+        }
+        const self = this;
+        this.publishStream = new MediaStream();
+        this.options.streamManager.addCanvasVideoTrackToStream(this.publishStream);
+        this.options.streamManager.addSilentAudioTrackToStream(this.publishStream);
+        /* Get User Devices */
+        navigator.mediaDevices.getUserMedia(this.userMediaConstraints)
+            .then((localStream) => __awaiter(this, void 0, void 0, function* () {
+            this.initDeviceList();
+            this.options.internalMessages$.next({ faceMeMessageType: 'DevicePermissionAllowedInternal' });
+            if (publish) {
+                if (this.options.uneeqOptions.sendLocalVideo) {
+                    const capturedVideoTracks = localStream.getVideoTracks();
+                    if (capturedVideoTracks.length > 0) {
+                        this.publishStream.getVideoTracks().forEach((track) => this.publishStream.removeTrack(track));
+                        this.publishStream.addTrack(capturedVideoTracks[0]);
+                    }
+                }
+                if (this.options.uneeqOptions.sendLocalAudio) {
+                    const capturedAudioTracks = localStream.getAudioTracks();
+                    if (capturedAudioTracks.length > 0) {
+                        this.publishStream.getAudioTracks().forEach((track) => this.publishStream.removeTrack(track));
+                        this.publishStream.addTrack(capturedAudioTracks[0]);
+                    }
+                }
+                // setting local stream will trigger a publish/subscribe when edge-node-id is ready
+                this.mediaHandler.localStream$.next(this.publishStream);
+            }
+        }))
+            .catch((error) => {
+            self.options.userMessages.next(new __1.DeviceErrorMessage(error));
+            console.error('device error: ', error);
+            this.sendMediaUnavailableInfo(error.name === 'NotAllowedError');
+            this.revertMediaOptions();
+        });
+    }
+    setMicDevice(deviceId, getDevices = true) {
+        const device = this.devices.audioInput.filter((_device) => _device.deviceId === deviceId);
+        if (device && device.length > 0) {
+            this.options.uneeqOptions.preferredMicrophoneId = deviceId;
+            this.audioConstraints.deviceId = deviceId;
+            if (getDevices) {
+                this.mediaHandler.publishingStream = false;
+                this.getDevices(true);
+            }
+            this.options.userMessages.next(new __1.SetMicSuccessMessage(deviceId));
+        }
+        else {
+            const msg = 'Uneeq setMic: Error setting device. Device not found.';
+            this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
+        }
+    }
+    setCamDevice(deviceId, getDevices = true) {
+        const device = this.devices.videoInput.filter((_device) => _device.deviceId === deviceId);
+        if (device && device.length > 0) {
+            this.options.uneeqOptions.preferredCameraId = deviceId;
+            this.videoConstraints.deviceId = deviceId;
+            if (getDevices) {
+                this.mediaHandler.publishingStream = false;
+                this.getDevices(true);
+            }
+            this.options.userMessages.next(new __1.SetCameraSuccessMessage(deviceId));
+        }
+        else {
+            const msg = 'Uneeq setCamera: Error setting device. Device not found.';
+            this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
+        }
+    }
+    setAvatarSpeakerDevice(deviceId) {
+        if (this.mediaHandler.avatarVideoElement) {
+            const device = this.devices.audioOutput.filter((_device) => _device.deviceId === deviceId);
+            if (device && device.length > 0) {
+                this.options.uneeqOptions.preferredSpeakerId = deviceId;
+                this.mediaHandler.avatarVideoElement.setSinkId(deviceId).then(() => {
+                    this.speakerConstraints.deviceId = deviceId;
+                    this.options.userMessages.next(new __1.SetSpeakerSuccessMessage(deviceId));
+                }).catch((error) => {
+                    const msg = 'Uneeq setSpeaker: Error setting device. ' + error.message;
+                    this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
                 });
-            });
+            }
+            else {
+                const msg = 'Uneeq setSpeaker: Error setting device. Device not found.';
+                this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
+            }
         }
     }
-    playRemoteVideoWithExponentialBackoff() {
-        // Play the digital human video when session is live (i.e. video and audio streaming in both directions)
-        if (this.video) {
-            this.video.autoplay = true;
-            this.video.play();
-            // Re-call play() on the DH video after some time out (exponential backoff) up to 10 times.
-            // This is to work around a bug in Safari 15 that prevents the video stream from being visible some times.
-            this.remoteVideoPlayCount++;
-            setTimeout(() => {
-                if (this.remoteVideoPlayCount < 10) {
-                    this.playRemoteVideoWithExponentialBackoff();
-                }
-            }, 100 * (this.remoteVideoPlayCount - 1));
+    revertMediaOptions() {
+        if (this.previousMediaOptions) {
+            this.options.uneeqOptions.sendLocalAudio = this.previousMediaOptions.sendLocalAudio;
+            this.options.uneeqOptions.sendLocalVideo = this.previousMediaOptions.sendLocalVideo;
         }
     }
+    initMediaConstraints() {
+        this.audioConstraints = {};
+        this.videoConstraints = { facingMode: 'user', width: 640, height: 480 };
+        this.userMediaConstraints = {
+            audio: this.options.uneeqOptions.sendLocalAudio ? this.audioConstraints : false,
+            video: this.options.uneeqOptions.sendLocalVideo ? this.videoConstraints : false,
+        };
+    }
+    initStreamWithoutDevices() {
+        this.publishStream.getTracks().forEach((track) => this.publishStream.removeTrack(track));
+        this.publishStream = new MediaStream();
+        this.options.internalMessages$.next({ faceMeMessageType: 'DevicePermissionAllowedInternal' });
+        this.options.streamManager.addCanvasVideoTrackToStream(this.publishStream);
+        this.options.streamManager.addSilentAudioTrackToStream(this.publishStream);
+        // setting local stream will trigger a publish/subscribe when edge-node-id is ready
+        this.mediaHandler.localStream$.next(this.publishStream);
+    }
+    remoteVideoReady() {
+        if (this.options.uneeqOptions.preferredSpeakerId) {
+            this.setAvatarSpeakerDevice(this.options.uneeqOptions.preferredSpeakerId);
+        }
+    }
+    sendMediaUnavailableInfo(hasUserDeniedPermission) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const deviceList = yield this.getMediaDevices();
+            const mediaUnavailableRequest = {
+                audioInputs: deviceList.audioInput.length,
+                videoInputs: deviceList.videoInput.length,
+                hasUserDeniedPermission: hasUserDeniedPermission
+            };
+            return this.api.sendMediaUnavailable(mediaUnavailableRequest);
+        });
+    }
+    getMediaDevices() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const devices = yield navigator.mediaDevices.enumerateDevices();
+            const deviceList = { audioInput: [], audioOutput: [], videoInput: [] };
+            deviceList.audioInput = devices.filter((device) => device.kind === 'audioinput');
+            deviceList.audioOutput = devices.filter((device) => device.kind === 'audiooutput');
+            deviceList.videoInput = devices.filter((device) => device.kind === 'videoinput');
+            return deviceList;
+        });
+    }
+    initDeviceList() {
+        return __awaiter(this, void 0, void 0, function* () {
+            navigator.mediaDevices.ondevicechange = (e) => { this.initDeviceList(); };
+            const deviceList = yield this.getMediaDevices();
+            /* We get mediaDevices.ondevicechange multiple times, but some are the same. Check if the device list has changed */
+            if (!(JSON.stringify(deviceList) === JSON.stringify(this.devices))) {
+                this.devices = deviceList;
+                // Set default mic and cam
+                if (this.options.uneeqOptions.preferredCameraId) {
+                    this.setCamDevice(this.options.uneeqOptions.preferredCameraId, false);
+                }
+                if (this.options.uneeqOptions.preferredMicrophoneId) {
+                    this.setMicDevice(this.options.uneeqOptions.preferredMicrophoneId, false);
+                }
+                this.options.userMessages.next(new __1.DeviceListUpdatedMessage(this.devices));
+            }
+        });
+    }
 }
-exports.DigitalHumanVideoPlayManager = DigitalHumanVideoPlayManager;
+exports.DeviceManager = DeviceManager;
 
 
 /***/ }),
@@ -18324,902 +18466,144 @@ exports.DigitalHumanVideoPlayManager = DigitalHumanVideoPlayManager;
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DigitalHumanUnmuted = exports.DigitalHumanPlayedInMutedModeSuccess = exports.DigitalHumanFailedToPlay = exports.DigitalHumanVideoError = exports.ClientPerformanceMessage = exports.ClientMediaStreamUpdateMessage = exports.OnlineStatusUpdateMessage = exports.SessionInfoMessage = exports.AvatarRequestIgnored = exports.AvatarRequestCompleted = exports.SessionErrorMessage = exports.WebRtcStatsMessage = exports.WebRtcDataMessage = exports.SessionLiveMessage = exports.WarningMessage = exports.RecordingStoppedMessage = exports.RecordingStartedMessage = exports.DevicePermissionAllowedMessage = exports.AvatarTextInputFinishedMessage = exports.FinishedSpeakingMessage = exports.StartedSpeakingMessage = exports.AvatarQuestionMessage = exports.InstructionsMessage = exports.AvatarAnswerContentMessage = exports.AvatarAnswerMessage = exports.ConnectionLostMessage = exports.VoiceActivityInputModeNotSupportedMessage = exports.MicActivityNotSupportedMessage = exports.MicActivityMessage = exports.MicActivityErrorMessage = exports.ServiceUnavailableMessage = exports.AvatarUnavailableMessage = exports.AvatarAvailableMessage = exports.SessionEndedMessage = exports.SessionResumedMessage = exports.SessionPausedMessage = exports.DeviceListUpdatedMessage = exports.DeviceErrorMessage = exports.SetSpeakerSuccessMessage = exports.SetMicSuccessMessage = exports.SetCameraSuccessMessage = exports.DeviceNotFoundErrorMessage = exports.ReadyMessage = exports.UneeqMessageType = void 0;
-var UneeqMessageType;
-(function (UneeqMessageType) {
-    UneeqMessageType["Ready"] = "Ready";
-    UneeqMessageType["DeviceNotFoundError"] = "DeviceNotFoundError";
-    UneeqMessageType["SetCameraSuccess"] = "SetCameraSuccess";
-    UneeqMessageType["SetMicSuccess"] = "SetMicSuccess";
-    UneeqMessageType["SetSpeakerSuccess"] = "SetSpeakerSuccess";
-    UneeqMessageType["SessionPaused"] = "SessionPaused";
-    UneeqMessageType["SessionResumed"] = "SessionResumed";
-    UneeqMessageType["SessionEnded"] = "SessionEnded";
-    UneeqMessageType["AvatarAvailable"] = "AvatarAvailable";
-    UneeqMessageType["AvatarUnavailable"] = "AvatarUnavailable";
-    UneeqMessageType["ConnectionLost"] = "ConnectionLost";
-    UneeqMessageType["ServiceUnavailable"] = "ServiceUnavailable";
-    UneeqMessageType["OnlineStatusUpdate"] = "OnlineStatusUpdate";
-    UneeqMessageType["MicActivityNotSupported"] = "MicActivityNotSupported";
-    UneeqMessageType["VoiceActivityInputModeNotSupported"] = "VoiceActivityInputModeNotSupported";
-    UneeqMessageType["MicActivityError"] = "MicActivityError";
-    UneeqMessageType["MicActivity"] = "MicActivity";
-    UneeqMessageType["DeviceError"] = "DeviceError";
-    UneeqMessageType["DeviceListUpdated"] = "DeviceListUpdated";
-    UneeqMessageType["AvatarAnswer"] = "AvatarAnswer";
-    UneeqMessageType["AvatarAnswerContent"] = "AvatarAnswerContent";
-    UneeqMessageType["Instructions"] = "Instructions";
-    UneeqMessageType["StartedSpeaking"] = "StartedSpeaking";
-    UneeqMessageType["FinishedSpeaking"] = "FinishedSpeaking";
-    UneeqMessageType["AvatarTextInputFinished"] = "AvatarTextInputFinished";
-    UneeqMessageType["AvatarQuestionText"] = "AvatarQuestionText";
-    UneeqMessageType["DevicePermissionAllowed"] = "DevicePermissionAllowed";
-    UneeqMessageType["RecordingStarted"] = "RecordingStarted";
-    UneeqMessageType["RecordingStopped"] = "RecordingStopped";
-    UneeqMessageType["Warning"] = "Warning";
-    UneeqMessageType["SessionLive"] = "SessionLive";
-    UneeqMessageType["WebRtcData"] = "WebRtcData";
-    UneeqMessageType["WebRtcStats"] = "WebRtcStats";
-    UneeqMessageType["SessionError"] = "SessionError";
-    UneeqMessageType["SessionInfo"] = "SessionInfo";
-    UneeqMessageType["AvatarRequestCompleted"] = "AvatarRequestCompleted";
-    UneeqMessageType["AvatarRequestIgnored"] = "AvatarRequestIgnored";
-    UneeqMessageType["ClientMediaStreamUpdate"] = "ClientMediaStreamUpdate";
-    UneeqMessageType["ClientPerformanceMessage"] = "ClientPerformanceMessage";
-    UneeqMessageType["DigitalHumanVideoError"] = "DigitalHumanVideoError";
-    UneeqMessageType["DigitalHumanFailedToPlay"] = "DigitalHumanFailedToPlay";
-    UneeqMessageType["DigitalHumanPlayedInMutedModeSuccess"] = "DigitalHumanPlayedInMutedModeSuccess";
-    UneeqMessageType["DigitalHumanUnmuted"] = "DigitalHumanUnmuted";
-})(UneeqMessageType = exports.UneeqMessageType || (exports.UneeqMessageType = {}));
-/**
- * Service is ready to be used
- */
-class ReadyMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.Ready;
+exports.MediaHandler = void 0;
+const rxjs_1 = __webpack_require__(20);
+const __1 = __webpack_require__(0);
+const videoeditor_1 = __webpack_require__(228);
+const PublishSubscribeState_1 = __webpack_require__(231);
+const canvas_service_1 = __webpack_require__(232);
+const logger_1 = __webpack_require__(233);
+const uneeq_webrtc_1 = __webpack_require__(234);
+class MediaHandler {
+    /* MediaHandler should not be used until messaging is ready */
+    constructor(options, remoteVideoReady) {
+        this.options = options;
+        this.remoteVideoReady = remoteVideoReady;
+        /* Subscribe */
+        this.remoteStream$ = new rxjs_1.BehaviorSubject(null);
+        /* Publish */
+        this.localStream$ = new rxjs_1.BehaviorSubject(null);
+        this.publishState$ = new rxjs_1.BehaviorSubject(PublishSubscribeState_1.PublishSubscribeState.DISCONNECTED);
+        this.publishingStream = false;
+        this.remoteStream$.filter((stream) => stream !== null).subscribe((stream) => {
+            const video = document.createElement('video');
+            this.avatarVideoElement = video;
+            video.srcObject = stream;
+            video.volume = 1;
+            video.controls = false;
+            video.autoplay = false;
+            video.setAttribute('playsinline', 'true'); // required for iOS
+            video.setAttribute('style', 'object-fit: cover; width: 100%; height: 100%;');
+            options.uneeqOptions.avatarVideoContainerElement.style.overflow = 'hidden';
+            options.uneeqOptions.avatarVideoContainerElement.innerHTML = '';
+            options.uneeqOptions.avatarVideoContainerElement.appendChild(video);
+            if (this.options.uneeqOptions.enableTransparentBackground) {
+                this.initTransparentBackground(video);
+            }
+            remoteVideoReady();
+        });
+        this.localStream$.filter((stream) => stream !== null).subscribe((stream) => {
+            const video = document.createElement('video');
+            this.localVideoElement = video;
+            video.srcObject = stream;
+            video.autoplay = true;
+            video.muted = true;
+            video.setAttribute('playsinline', 'true'); // required for iOS
+            video.setAttribute('style', 'width: 100%; height: 100%;');
+            options.uneeqOptions.localVideoContainerElement.innerHTML = '';
+            options.uneeqOptions.localVideoContainerElement.appendChild(video);
+            // provide the users local stream to the voice input manager
+            this.options.voiceInputManager.initMicActivity(stream);
+            if (this.options.session.edgeNodeId && !this.publishingStream) {
+                this.publishVideo();
+            }
+        });
+        // handle the WebRTC messages
+        this.options.internalMessages$.filter((message) => message.faceMeMessageType === 'AnswerMessage')
+            .subscribe((msg) => {
+            if (this.webRTC !== undefined) {
+                this.webRTC.handleAnswerMessage(msg);
+            }
+        });
+        this.options.internalMessages$.filter((message) => message.faceMeMessageType === 'IceCandidateMessage')
+            .subscribe((msg) => {
+            if (this.webRTC !== undefined) {
+                this.webRTC.handleIceCandidate(msg);
+            }
+        });
     }
-}
-exports.ReadyMessage = ReadyMessage;
-/**
- * Selected device is not found
- */
-class DeviceNotFoundErrorMessage {
-    constructor(msg, deviceId) {
-        this.msg = msg;
-        this.deviceId = deviceId;
-        this.uneeqMessageType = UneeqMessageType.DeviceNotFoundError;
+    setEdgeNodeId(edgeNodeId) {
+        this.options.session.edgeNodeId = edgeNodeId;
+        if (this.options.session.edgeNodeId && !this.publishingStream && this.localStream$.getValue()) {
+            this.publishVideo();
+        }
     }
-}
-exports.DeviceNotFoundErrorMessage = DeviceNotFoundErrorMessage;
-/**
- * Users camera has been set successfully
- */
-class SetCameraSuccessMessage {
-    constructor(deviceId) {
-        this.deviceId = deviceId;
-        this.uneeqMessageType = UneeqMessageType.SetCameraSuccess;
+    unpublishVideo() {
+        logger_1.logger.log('UserSession | unpublishVideo');
+        if (this.webRTC !== undefined) {
+            this.webRTC.close();
+            this.webRTC = undefined;
+        }
+        this.publishState$.next(PublishSubscribeState_1.PublishSubscribeState.DISCONNECTED);
     }
-}
-exports.SetCameraSuccessMessage = SetCameraSuccessMessage;
-/**
- * Users microphone has been set successfully
- */
-class SetMicSuccessMessage {
-    constructor(deviceId) {
-        this.deviceId = deviceId;
-        this.uneeqMessageType = UneeqMessageType.SetMicSuccess;
+    /* Stops local video/audio from sending. Pauses both local and remote video elements */
+    pause() {
+        const remoteStream = this.remoteStream$.getValue();
+        const localStream = this.localStream$.getValue();
+        this.avatarVideoElement.pause();
+        this.localVideoElement.pause();
+        if (localStream) {
+            localStream.getTracks().forEach((track) => track.enabled = false);
+        }
+        if (remoteStream) {
+            remoteStream.getTracks().forEach((track) => track.enabled = false);
+        }
     }
-}
-exports.SetMicSuccessMessage = SetMicSuccessMessage;
-/**
- * Users speaker has been set successfully
- */
-class SetSpeakerSuccessMessage {
-    constructor(deviceId) {
-        this.deviceId = deviceId;
-        this.uneeqMessageType = UneeqMessageType.SetSpeakerSuccess;
+    /* Starts local video/audio sending if paused. Plays both local and remote video elements */
+    resume() {
+        const remoteStream = this.remoteStream$.getValue();
+        const localStream = this.localStream$.getValue();
+        if (localStream) {
+            localStream.getTracks().forEach((track) => track.enabled = true);
+        }
+        if (remoteStream) {
+            remoteStream.getTracks().forEach((track) => track.enabled = true);
+        }
+        this.avatarVideoElement.play();
+        this.localVideoElement.play();
     }
-}
-exports.SetSpeakerSuccessMessage = SetSpeakerSuccessMessage;
-/**
- * An error has occured with the users device
- */
-class DeviceErrorMessage {
-    constructor(error) {
-        this.error = error;
-        this.uneeqMessageType = UneeqMessageType.DeviceError;
+    stopAllLocalStreams() {
+        const localStream = this.localStream$.getValue();
+        if (localStream) {
+            localStream.getTracks().forEach((track) => track.stop());
+        }
+        this.publishingStream = false;
     }
-}
-exports.DeviceErrorMessage = DeviceErrorMessage;
-/**
- * The device list has been changed or retrieved for the first time
- */
-class DeviceListUpdatedMessage {
-    constructor(devices) {
-        this.devices = devices;
-        this.uneeqMessageType = UneeqMessageType.DeviceListUpdated;
+    endSession() {
+        // Stop Publish
+        this.stopAllLocalStreams();
+        if (this.options.uneeqOptions.localVideoContainerElement && this.options.uneeqOptions.localVideoContainerElement) {
+            this.options.uneeqOptions.localVideoContainerElement.innerHTML = '';
+        }
+        this.unpublishVideo();
+        // Stop Subscribe
+        if (this.options.uneeqOptions.avatarVideoContainerElement && this.options.uneeqOptions.avatarVideoContainerElement) {
+            this.options.uneeqOptions.avatarVideoContainerElement.innerHTML = '';
+        }
+        const remoteStream = this.remoteStream$.getValue();
+        if (remoteStream) {
+            remoteStream.getTracks().forEach((track) => track.stop());
+        }
+        this.options.voiceInputManager.handleSessionEnd();
     }
-}
-exports.DeviceListUpdatedMessage = DeviceListUpdatedMessage;
-/**
- * Session has been paused successfully
- */
-class SessionPausedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.SessionPaused;
+    sendDataMessage(msg) {
+        if (this.webRTC) {
+            this.webRTC.sendDataMessage(msg);
+        }
     }
-}
-exports.SessionPausedMessage = SessionPausedMessage;
-/**
- * Session has been resumed successfully
- */
-class SessionResumedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.SessionResumed;
-    }
-}
-exports.SessionResumedMessage = SessionResumedMessage;
-/**
- * Session has been ended successfully
- */
-class SessionEndedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.SessionEnded;
-    }
-}
-exports.SessionEndedMessage = SessionEndedMessage;
-/**
- * An avatar is available
- */
-class AvatarAvailableMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.AvatarAvailable;
-    }
-}
-exports.AvatarAvailableMessage = AvatarAvailableMessage;
-/**
- * There are no avatars currently available
- */
-class AvatarUnavailableMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.AvatarUnavailable;
-    }
-}
-exports.AvatarUnavailableMessage = AvatarUnavailableMessage;
-/**
- * Service is unavailable
- */
-class ServiceUnavailableMessage {
-    constructor(error) {
-        this.error = error;
-        this.uneeqMessageType = UneeqMessageType.ServiceUnavailable;
-    }
-}
-exports.ServiceUnavailableMessage = ServiceUnavailableMessage;
-/**
- * An error occured with mic activity messages
- */
-class MicActivityErrorMessage {
-    constructor(error) {
-        this.error = error;
-        this.uneeqMessageType = UneeqMessageType.MicActivityError;
-    }
-}
-exports.MicActivityErrorMessage = MicActivityErrorMessage;
-/**
- * Message is sent upon activity of the user microphone
- *
- * Visibility is controlled by UneeqOptions param micActivityMessages
- */
-class MicActivityMessage {
-    constructor(level) {
-        this.level = level;
-        this.uneeqMessageType = UneeqMessageType.MicActivity;
-    }
-}
-exports.MicActivityMessage = MicActivityMessage;
-/**
- * Mic activity messages are not supported by the users browser
- *
- * Visibility is controlled by UneeqOptions param micActivityMessages
- */
-class MicActivityNotSupportedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.MicActivityNotSupported;
-    }
-}
-exports.MicActivityNotSupportedMessage = MicActivityNotSupportedMessage;
-/**
- * Mic activity input mode is not supported by the users browser
- */
-class VoiceActivityInputModeNotSupportedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.VoiceActivityInputModeNotSupported;
-    }
-}
-exports.VoiceActivityInputModeNotSupportedMessage = VoiceActivityInputModeNotSupportedMessage;
-/**
- * Connection Lost
- */
-class ConnectionLostMessage {
-    constructor(connectionState) {
-        this.connectionState = connectionState;
-        this.uneeqMessageType = UneeqMessageType.ConnectionLost;
-    }
-}
-exports.ConnectionLostMessage = ConnectionLostMessage;
-/**
- * The avatar's answer to a question
- */
-class AvatarAnswerMessage {
-    constructor(answer, answerAvatar, answerSpeech, transcriptId) {
-        this.answer = answer;
-        this.answerAvatar = answerAvatar;
-        this.answerSpeech = answerSpeech;
-        this.transcriptId = transcriptId;
-        this.uneeqMessageType = UneeqMessageType.AvatarAnswer;
-    }
-}
-exports.AvatarAnswerMessage = AvatarAnswerMessage;
-/**
- * The avatar's answer to a question (HTML Content)
- */
-class AvatarAnswerContentMessage {
-    /**
-     * @param content Note: If `hasDisplayHtml` = true, this content will contain the HTML provided by the displayHTML instruction.
-     * If `hasDisplayHtml` = false, this content will contain the `answer` value
-     * @param transcriptId
-     * @param hasDisplayHtml
-     */
-    constructor(content, transcriptId, hasDisplayHtml = false) {
-        this.content = content;
-        this.transcriptId = transcriptId;
-        this.hasDisplayHtml = hasDisplayHtml;
-        this.uneeqMessageType = UneeqMessageType.AvatarAnswerContent;
-    }
-}
-exports.AvatarAnswerContentMessage = AvatarAnswerContentMessage;
-class InstructionsMessage {
-    /**
-     *
-     * @param instructions is an object defined on the NLP which is passed to the client in response to certain questions
-     */
-    constructor(instructions) {
-        this.instructions = instructions;
-        this.uneeqMessageType = UneeqMessageType.Instructions;
-    }
-}
-exports.InstructionsMessage = InstructionsMessage;
-/**
- * The question the user asked
- */
-class AvatarQuestionMessage {
-    constructor(question, transcriptId) {
-        this.question = question;
-        this.transcriptId = transcriptId;
-        this.uneeqMessageType = UneeqMessageType.AvatarQuestionText;
-    }
-}
-exports.AvatarQuestionMessage = AvatarQuestionMessage;
-/**
- * Digital human has started speaking the message
- */
-class StartedSpeakingMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.StartedSpeaking;
-    }
-}
-exports.StartedSpeakingMessage = StartedSpeakingMessage;
-/**
- * Digital human has finished speaking the message
- */
-class FinishedSpeakingMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.FinishedSpeaking;
-    }
-}
-exports.FinishedSpeakingMessage = FinishedSpeakingMessage;
-/**
- * [Deprecated] Avatar has finished speaking the message. Deprecated, use FinishedSpeakingMessage
- */
-class AvatarTextInputFinishedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.AvatarTextInputFinished;
-    }
-}
-exports.AvatarTextInputFinishedMessage = AvatarTextInputFinishedMessage;
-/**
- * User has given permission to use devices
- */
-class DevicePermissionAllowedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.DevicePermissionAllowed;
-    }
-}
-exports.DevicePermissionAllowedMessage = DevicePermissionAllowedMessage;
-/**
- * User has started a recording successfully
- */
-class RecordingStartedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.RecordingStarted;
-    }
-}
-exports.RecordingStartedMessage = RecordingStartedMessage;
-/**
- * User has stopped recording successfully
- */
-class RecordingStoppedMessage {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.RecordingStopped;
-    }
-}
-exports.RecordingStoppedMessage = RecordingStoppedMessage;
-/**
- * General Warning Message - refer to msg
- */
-class WarningMessage {
-    constructor(msg) {
-        this.msg = msg;
-        this.uneeqMessageType = UneeqMessageType.Warning;
-    }
-}
-exports.WarningMessage = WarningMessage;
-/**
- * Session is Live, avatar video is active
- */
-class SessionLiveMessage {
-    constructor(showLogo) {
-        this.showLogo = showLogo;
-        this.uneeqMessageType = UneeqMessageType.SessionLive;
-    }
-}
-exports.SessionLiveMessage = SessionLiveMessage;
-/**
- * WebRTC data channel message
- */
-class WebRtcDataMessage {
-    constructor(data) {
-        this.data = data;
-        this.uneeqMessageType = UneeqMessageType.WebRtcData;
-    }
-}
-exports.WebRtcDataMessage = WebRtcDataMessage;
-/**
- * WebRTC stats message (diagnostics)
- */
-class WebRtcStatsMessage {
-    constructor(stats) {
-        this.stats = stats;
-        this.uneeqMessageType = UneeqMessageType.WebRtcStats;
-    }
-}
-exports.WebRtcStatsMessage = WebRtcStatsMessage;
-/**
- * Session Error has occurred
- */
-class SessionErrorMessage {
-    constructor(error) {
-        this.error = error;
-        this.uneeqMessageType = UneeqMessageType.SessionError;
-    }
-}
-exports.SessionErrorMessage = SessionErrorMessage;
-/**
- * Avatar request completed: the Avatar has completed processing a text or instruction request
- */
-class AvatarRequestCompleted {
-    constructor(reason) {
-        this.reason = reason;
-        this.uneeqMessageType = UneeqMessageType.AvatarRequestCompleted;
-    }
-}
-exports.AvatarRequestCompleted = AvatarRequestCompleted;
-/**
- * Avatar request ignored: the Avatar has ignored a request to speak
- */
-class AvatarRequestIgnored {
-    constructor(reason) {
-        this.reason = reason;
-        this.uneeqMessageType = UneeqMessageType.AvatarRequestIgnored;
-    }
-}
-exports.AvatarRequestIgnored = AvatarRequestIgnored;
-/**
- * Session Info Messages: Primarily used for testing, e.g. the active behaviour tag
- */
-class SessionInfoMessage {
-    constructor(info) {
-        this.info = info;
-        this.uneeqMessageType = UneeqMessageType.SessionInfo;
-    }
-}
-exports.SessionInfoMessage = SessionInfoMessage;
-/**
- * Clients network status has changed. {online: true|false}
- */
-class OnlineStatusUpdateMessage {
-    constructor(online) {
-        this.online = online;
-        this.uneeqMessageType = UneeqMessageType.OnlineStatusUpdate;
-    }
-}
-exports.OnlineStatusUpdateMessage = OnlineStatusUpdateMessage;
-class ClientMediaStreamUpdateMessage {
-    constructor(clientStreamingAudio, clientStreamingVideo, serverStreamingAudio, serverStreamingVideo) {
-        this.clientStreamingAudio = clientStreamingAudio;
-        this.clientStreamingVideo = clientStreamingVideo;
-        this.serverStreamingAudio = serverStreamingAudio;
-        this.serverStreamingVideo = serverStreamingVideo;
-        this.uneeqMessageType = UneeqMessageType.ClientMediaStreamUpdate;
-    }
-}
-exports.ClientMediaStreamUpdateMessage = ClientMediaStreamUpdateMessage;
-/**
- * These WebRTC statistics help identify if session quality is being impacted by client-side conditions.
- * Messages are sent every 5 seconds, and are visible in the console if enableClientPerformanceMessage = true.
- */
-class ClientPerformanceMessage {
-    constructor(clientPerformance) {
-        this.clientPerformance = clientPerformance;
-        this.uneeqMessageType = UneeqMessageType.ClientPerformanceMessage;
-    }
-}
-exports.ClientPerformanceMessage = ClientPerformanceMessage;
-/**
- * DigitalHuman Video Error has occurred
- */
-class DigitalHumanVideoError {
-    constructor(error) {
-        this.error = error;
-        this.uneeqMessageType = UneeqMessageType.DigitalHumanVideoError;
-    }
-}
-exports.DigitalHumanVideoError = DigitalHumanVideoError;
-/**
- * DigitalHuman Failed to play
- */
-class DigitalHumanFailedToPlay {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.DigitalHumanFailedToPlay;
-        this.msg = "Digital Human failed to play with sound. This most likely occurred because the user has " +
-            "not yet interacted with the page and was blocked due to the browser's autoplay policy. Video will automatically " +
-            "be muted and attempted to be played again.";
-    }
-}
-exports.DigitalHumanFailedToPlay = DigitalHumanFailedToPlay;
-/**
- * DigitalHuman was successfully played in muted mode
- */
-class DigitalHumanPlayedInMutedModeSuccess {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.DigitalHumanPlayedInMutedModeSuccess;
-        this.msg = "Digital Human was successfully played in muted mode. After the user interacts with the page you will need " +
-            "to call unmuteDigitalHuman() to unmute the video.";
-    }
-}
-exports.DigitalHumanPlayedInMutedModeSuccess = DigitalHumanPlayedInMutedModeSuccess;
-/**
- * DigitalHuman was unmuted
- */
-class DigitalHumanUnmuted {
-    constructor() {
-        this.uneeqMessageType = UneeqMessageType.DigitalHumanUnmuted;
-    }
-}
-exports.DigitalHumanUnmuted = DigitalHumanUnmuted;
-
-
-/***/ }),
-/* 228 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logger = exports.Logger = exports.LogType = void 0;
-var LogType;
-(function (LogType) {
-    LogType["debug"] = "debug";
-    LogType["log"] = "log";
-    LogType["warn"] = "warn";
-    LogType["error"] = "error";
-})(LogType = exports.LogType || (exports.LogType = {}));
-class Logger {
-    constructor() {
-        this.enabled = false;
-    }
-    log(msg, ...supportingDetails) {
-        this.emitLogMessage(LogType.log, msg, supportingDetails);
-    }
-    warn(msg, ...supportingDetails) {
-        this.emitLogMessage(LogType.warn, msg, supportingDetails);
-    }
-    error(msg, ...supportingDetails) {
-        this.emitLogMessage(LogType.error, msg, supportingDetails);
-    }
-    debug(msg, ...supportingDetails) {
-        this.emitLogMessage(LogType.debug, msg, supportingDetails);
-    }
-    emitLogMessage(msgType, msg, supportingDetails) {
-        if (this.enabled || msgType === LogType.error) {
-            if (supportingDetails.length > 0) {
-                console[msgType](msg, supportingDetails);
-            }
-            else {
-                console[msgType](msg);
-            }
-        }
-    }
-}
-exports.Logger = Logger;
-exports.logger = new Logger();
-
-
-/***/ }),
-/* 229 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeviceManager = void 0;
-const __1 = __webpack_require__(0);
-const media_handler_1 = __webpack_require__(230);
-class DeviceManager {
-    constructor(options, api) {
-        this.options = options;
-        this.api = api;
-        this.speakerConstraints = {};
-        this.publishStream = new MediaStream();
-        this.devices = { audioInput: [], audioOutput: [], videoInput: [] };
-        this.previousMediaOptions = {};
-        this.mediaHandler = new media_handler_1.MediaHandler(this.options, () => this.remoteVideoReady());
-        this.initMediaConstraints();
-        this.getDevices(false); // once the device list is updated the publish will be performed.
-    }
-    set edgeNodeId(edgeNodeId) {
-        this.mediaHandler.setEdgeNodeId(edgeNodeId);
-        this.getDevices(true);
-    }
-    enableLocalDevices(sendLocalVideo, sendLocalAudio) {
-        const videoOptionChanged = this.options.uneeqOptions.sendLocalVideo !== sendLocalVideo;
-        const audioOptionChanged = this.options.uneeqOptions.sendLocalAudio !== sendLocalAudio;
-        if (videoOptionChanged || audioOptionChanged) {
-            this.previousMediaOptions = {
-                sendLocalVideo: this.options.uneeqOptions.sendLocalVideo,
-                sendLocalAudio: this.options.uneeqOptions.sendLocalAudio
-            };
-            this.options.uneeqOptions.sendLocalVideo = sendLocalVideo;
-            this.options.uneeqOptions.sendLocalAudio = sendLocalAudio;
-            if (videoOptionChanged && sendLocalVideo === false) {
-                this.publishStream.getVideoTracks().forEach((stream) => stream.stop());
-            }
-            if (audioOptionChanged && sendLocalAudio === false) {
-                this.publishStream.getAudioTracks().forEach((stream) => stream.stop());
-            }
-            this.mediaHandler.publishingStream = false;
-            this.initMediaConstraints();
-            this.getDevices(true);
-        }
-    }
-    // Once the device list is updated the publish will be performed.
-    getDevices(publish = true) {
-        if (!this.options.uneeqOptions.sendLocalVideo && !this.options.uneeqOptions.sendLocalAudio) {
-            this.initStreamWithoutDevices();
-            return;
-        }
-        const self = this;
-        this.publishStream = new MediaStream();
-        this.options.streamManager.addCanvasVideoTrackToStream(this.publishStream);
-        this.options.streamManager.addSilentAudioTrackToStream(this.publishStream);
-        /* Get User Devices */
-        navigator.mediaDevices.getUserMedia(this.userMediaConstraints)
-            .then((localStream) => __awaiter(this, void 0, void 0, function* () {
-            this.initDeviceList();
-            this.options.internalMessages$.next({ faceMeMessageType: 'DevicePermissionAllowedInternal' });
-            if (publish) {
-                if (this.options.uneeqOptions.sendLocalVideo) {
-                    const capturedVideoTracks = localStream.getVideoTracks();
-                    if (capturedVideoTracks.length > 0) {
-                        this.publishStream.getVideoTracks().forEach((track) => this.publishStream.removeTrack(track));
-                        this.publishStream.addTrack(capturedVideoTracks[0]);
-                    }
-                }
-                if (this.options.uneeqOptions.sendLocalAudio) {
-                    const capturedAudioTracks = localStream.getAudioTracks();
-                    if (capturedAudioTracks.length > 0) {
-                        this.publishStream.getAudioTracks().forEach((track) => this.publishStream.removeTrack(track));
-                        this.publishStream.addTrack(capturedAudioTracks[0]);
-                    }
-                }
-                // setting local stream will trigger a publish/subscribe when edge-node-id is ready
-                this.mediaHandler.localStream$.next(this.publishStream);
-            }
-        }))
-            .catch((error) => {
-            self.options.userMessages.next(new __1.DeviceErrorMessage(error));
-            console.error('device error: ', error);
-            this.sendMediaUnavailableInfo(error.name === 'NotAllowedError');
-            this.revertMediaOptions();
-        });
-    }
-    setMicDevice(deviceId, getDevices = true) {
-        const device = this.devices.audioInput.filter((_device) => _device.deviceId === deviceId);
-        if (device && device.length > 0) {
-            this.options.uneeqOptions.preferredMicrophoneId = deviceId;
-            this.audioConstraints.deviceId = deviceId;
-            if (getDevices) {
-                this.mediaHandler.publishingStream = false;
-                this.getDevices(true);
-            }
-            this.options.userMessages.next(new __1.SetMicSuccessMessage(deviceId));
-        }
-        else {
-            const msg = 'Uneeq setMic: Error setting device. Device not found.';
-            this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
-        }
-    }
-    setCamDevice(deviceId, getDevices = true) {
-        const device = this.devices.videoInput.filter((_device) => _device.deviceId === deviceId);
-        if (device && device.length > 0) {
-            this.options.uneeqOptions.preferredCameraId = deviceId;
-            this.videoConstraints.deviceId = deviceId;
-            if (getDevices) {
-                this.mediaHandler.publishingStream = false;
-                this.getDevices(true);
-            }
-            this.options.userMessages.next(new __1.SetCameraSuccessMessage(deviceId));
-        }
-        else {
-            const msg = 'Uneeq setCamera: Error setting device. Device not found.';
-            this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
-        }
-    }
-    setAvatarSpeakerDevice(deviceId) {
-        if (this.mediaHandler.avatarVideoElement) {
-            const device = this.devices.audioOutput.filter((_device) => _device.deviceId === deviceId);
-            if (device && device.length > 0) {
-                this.options.uneeqOptions.preferredSpeakerId = deviceId;
-                this.mediaHandler.avatarVideoElement.setSinkId(deviceId).then(() => {
-                    this.speakerConstraints.deviceId = deviceId;
-                    this.options.userMessages.next(new __1.SetSpeakerSuccessMessage(deviceId));
-                }).catch((error) => {
-                    const msg = 'Uneeq setSpeaker: Error setting device. ' + error.message;
-                    this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
-                });
-            }
-            else {
-                const msg = 'Uneeq setSpeaker: Error setting device. Device not found.';
-                this.options.userMessages.next(new __1.DeviceNotFoundErrorMessage(msg, deviceId));
-            }
-        }
-    }
-    revertMediaOptions() {
-        if (this.previousMediaOptions) {
-            this.options.uneeqOptions.sendLocalAudio = this.previousMediaOptions.sendLocalAudio;
-            this.options.uneeqOptions.sendLocalVideo = this.previousMediaOptions.sendLocalVideo;
-        }
-    }
-    initMediaConstraints() {
-        this.audioConstraints = {};
-        this.videoConstraints = { facingMode: 'user', width: 640, height: 480 };
-        this.userMediaConstraints = {
-            audio: this.options.uneeqOptions.sendLocalAudio ? this.audioConstraints : false,
-            video: this.options.uneeqOptions.sendLocalVideo ? this.videoConstraints : false,
-        };
-    }
-    initStreamWithoutDevices() {
-        this.publishStream.getTracks().forEach((track) => this.publishStream.removeTrack(track));
-        this.publishStream = new MediaStream();
-        this.options.internalMessages$.next({ faceMeMessageType: 'DevicePermissionAllowedInternal' });
-        this.options.streamManager.addCanvasVideoTrackToStream(this.publishStream);
-        this.options.streamManager.addSilentAudioTrackToStream(this.publishStream);
-        // setting local stream will trigger a publish/subscribe when edge-node-id is ready
-        this.mediaHandler.localStream$.next(this.publishStream);
-    }
-    remoteVideoReady() {
-        if (this.options.uneeqOptions.preferredSpeakerId) {
-            this.setAvatarSpeakerDevice(this.options.uneeqOptions.preferredSpeakerId);
-        }
-    }
-    sendMediaUnavailableInfo(hasUserDeniedPermission) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const deviceList = yield this.getMediaDevices();
-            const mediaUnavailableRequest = {
-                audioInputs: deviceList.audioInput.length,
-                videoInputs: deviceList.videoInput.length,
-                hasUserDeniedPermission: hasUserDeniedPermission
-            };
-            return this.api.sendMediaUnavailable(mediaUnavailableRequest);
-        });
-    }
-    getMediaDevices() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const devices = yield navigator.mediaDevices.enumerateDevices();
-            const deviceList = { audioInput: [], audioOutput: [], videoInput: [] };
-            deviceList.audioInput = devices.filter((device) => device.kind === 'audioinput');
-            deviceList.audioOutput = devices.filter((device) => device.kind === 'audiooutput');
-            deviceList.videoInput = devices.filter((device) => device.kind === 'videoinput');
-            return deviceList;
-        });
-    }
-    initDeviceList() {
-        return __awaiter(this, void 0, void 0, function* () {
-            navigator.mediaDevices.ondevicechange = (e) => { this.initDeviceList(); };
-            const deviceList = yield this.getMediaDevices();
-            /* We get mediaDevices.ondevicechange multiple times, but some are the same. Check if the device list has changed */
-            if (!(JSON.stringify(deviceList) === JSON.stringify(this.devices))) {
-                this.devices = deviceList;
-                // Set default mic and cam
-                if (this.options.uneeqOptions.preferredCameraId) {
-                    this.setCamDevice(this.options.uneeqOptions.preferredCameraId, false);
-                }
-                if (this.options.uneeqOptions.preferredMicrophoneId) {
-                    this.setMicDevice(this.options.uneeqOptions.preferredMicrophoneId, false);
-                }
-                this.options.userMessages.next(new __1.DeviceListUpdatedMessage(this.devices));
-            }
-        });
-    }
-}
-exports.DeviceManager = DeviceManager;
-
-
-/***/ }),
-/* 230 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaHandler = void 0;
-const rxjs_1 = __webpack_require__(20);
-const __1 = __webpack_require__(0);
-const videoeditor_1 = __webpack_require__(231);
-const PublishSubscribeState_1 = __webpack_require__(234);
-const canvas_service_1 = __webpack_require__(235);
-const logger_1 = __webpack_require__(228);
-const uneeq_webrtc_1 = __webpack_require__(236);
-class MediaHandler {
-    /* MediaHandler should not be used until messaging is ready */
-    constructor(options, remoteVideoReady) {
-        this.options = options;
-        this.remoteVideoReady = remoteVideoReady;
-        /* Subscribe */
-        this.remoteStream$ = new rxjs_1.BehaviorSubject(null);
-        /* Publish */
-        this.localStream$ = new rxjs_1.BehaviorSubject(null);
-        this.publishState$ = new rxjs_1.BehaviorSubject(PublishSubscribeState_1.PublishSubscribeState.DISCONNECTED);
-        this.publishingStream = false;
-        this.remoteStream$.filter((stream) => stream !== null).subscribe((stream) => {
-            const video = document.createElement('video');
-            this.avatarVideoElement = video;
-            video.srcObject = stream;
-            video.volume = 1;
-            video.controls = false;
-            video.autoplay = false;
-            video.setAttribute('playsinline', 'true'); // required for iOS
-            video.setAttribute('style', 'object-fit: cover; width: 100%; height: 100%;');
-            options.uneeqOptions.avatarVideoContainerElement.style.overflow = 'hidden';
-            options.uneeqOptions.avatarVideoContainerElement.innerHTML = '';
-            options.uneeqOptions.avatarVideoContainerElement.appendChild(video);
-            if (this.options.uneeqOptions.enableTransparentBackground) {
-                this.initTransparentBackground(video);
-            }
-            remoteVideoReady();
-        });
-        this.localStream$.filter((stream) => stream !== null).subscribe((stream) => {
-            const video = document.createElement('video');
-            this.localVideoElement = video;
-            video.srcObject = stream;
-            video.autoplay = true;
-            video.muted = true;
-            video.setAttribute('playsinline', 'true'); // required for iOS
-            video.setAttribute('style', 'width: 100%; height: 100%;');
-            options.uneeqOptions.localVideoContainerElement.innerHTML = '';
-            options.uneeqOptions.localVideoContainerElement.appendChild(video);
-            // provide the users local stream to the voice input manager
-            this.options.voiceInputManager.initMicActivity(stream);
-            if (this.options.session.edgeNodeId && !this.publishingStream) {
-                this.publishVideo();
-            }
-        });
-        // handle the WebRTC messages
-        this.options.internalMessages$.filter((message) => message.faceMeMessageType === 'AnswerMessage')
-            .subscribe((msg) => {
-            if (this.webRTC !== undefined) {
-                this.webRTC.handleAnswerMessage(msg);
-            }
-        });
-        this.options.internalMessages$.filter((message) => message.faceMeMessageType === 'IceCandidateMessage')
-            .subscribe((msg) => {
-            if (this.webRTC !== undefined) {
-                this.webRTC.handleIceCandidate(msg);
-            }
-        });
-    }
-    setEdgeNodeId(edgeNodeId) {
-        this.options.session.edgeNodeId = edgeNodeId;
-        if (this.options.session.edgeNodeId && !this.publishingStream && this.localStream$.getValue()) {
-            this.publishVideo();
-        }
-    }
-    unpublishVideo() {
-        logger_1.logger.log('UserSession | unpublishVideo');
-        if (this.webRTC !== undefined) {
-            this.webRTC.close();
-            this.webRTC = undefined;
-        }
-        this.publishState$.next(PublishSubscribeState_1.PublishSubscribeState.DISCONNECTED);
-    }
-    /* Stops local video/audio from sending. Pauses both local and remote video elements */
-    pause() {
-        const remoteStream = this.remoteStream$.getValue();
-        const localStream = this.localStream$.getValue();
-        this.avatarVideoElement.pause();
-        this.localVideoElement.pause();
-        if (localStream) {
-            localStream.getTracks().forEach((track) => track.enabled = false);
-        }
-        if (remoteStream) {
-            remoteStream.getTracks().forEach((track) => track.enabled = false);
-        }
-    }
-    /* Starts local video/audio sending if paused. Plays both local and remote video elements */
-    resume() {
-        const remoteStream = this.remoteStream$.getValue();
-        const localStream = this.localStream$.getValue();
-        if (localStream) {
-            localStream.getTracks().forEach((track) => track.enabled = true);
-        }
-        if (remoteStream) {
-            remoteStream.getTracks().forEach((track) => track.enabled = true);
-        }
-        this.avatarVideoElement.play();
-        this.localVideoElement.play();
-    }
-    stopAllLocalStreams() {
-        const localStream = this.localStream$.getValue();
-        if (localStream) {
-            localStream.getTracks().forEach((track) => track.stop());
-        }
-        this.publishingStream = false;
-    }
-    endSession() {
-        // Stop Publish
-        this.stopAllLocalStreams();
-        if (this.options.uneeqOptions.localVideoContainerElement && this.options.uneeqOptions.localVideoContainerElement) {
-            this.options.uneeqOptions.localVideoContainerElement.innerHTML = '';
-        }
-        this.unpublishVideo();
-        // Stop Subscribe
-        if (this.options.uneeqOptions.avatarVideoContainerElement && this.options.uneeqOptions.avatarVideoContainerElement) {
-            this.options.uneeqOptions.avatarVideoContainerElement.innerHTML = '';
-        }
-        const remoteStream = this.remoteStream$.getValue();
-        if (remoteStream) {
-            remoteStream.getTracks().forEach((track) => track.stop());
-        }
-        this.options.voiceInputManager.handleSessionEnd();
-    }
-    sendDataMessage(msg) {
-        if (this.webRTC) {
-            this.webRTC.sendDataMessage(msg);
-        }
-    }
-    gatherWebRTCStats(callback) {
-        var _a;
-        (_a = this.webRTC) === null || _a === void 0 ? void 0 : _a.getStats(callback);
+    gatherWebRTCStats(callback) {
+        var _a;
+        (_a = this.webRTC) === null || _a === void 0 ? void 0 : _a.getStats(callback);
     }
     publishVideo() {
         const publishStreamName = this.options.session.streamId;
@@ -19303,7 +18687,7 @@ exports.MediaHandler = MediaHandler;
 
 
 /***/ }),
-/* 231 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -19329,12 +18713,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoEditor = void 0;
-const Seriously = __importStar(__webpack_require__(232));
+const Seriously = __importStar(__webpack_require__(229));
 class VideoEditor {
     constructor() { }
     applyChromaKeyEffect(canvas, video) {
         try {
-            __webpack_require__(233);
+            __webpack_require__(230);
             const seriously = Seriously.default();
             let reformat;
             let chroma;
@@ -19358,7 +18742,7 @@ exports.VideoEditor = VideoEditor;
 
 
 /***/ }),
-/* 232 */
+/* 229 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26099,12 +25483,12 @@ Seriously.util.shader.snoise4d = '#ifndef NOISE4D\n' +
 
 
 /***/ }),
-/* 233 */
+/* 230 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _build_seriously_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(232);
+/* harmony import */ var _build_seriously_module__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(229);
 /* global define, require */
 
 'use strict';
@@ -26270,7 +25654,7 @@ _build_seriously_module__WEBPACK_IMPORTED_MODULE_0__["default"].plugin('chroma',
 
 
 /***/ }),
-/* 234 */
+/* 231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26287,7 +25671,7 @@ var PublishSubscribeState;
 
 
 /***/ }),
-/* 235 */
+/* 232 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26316,7 +25700,53 @@ exports.CanvasService = CanvasService;
 
 
 /***/ }),
-/* 236 */
+/* 233 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logger = exports.Logger = exports.LogType = void 0;
+var LogType;
+(function (LogType) {
+    LogType["debug"] = "debug";
+    LogType["log"] = "log";
+    LogType["warn"] = "warn";
+    LogType["error"] = "error";
+})(LogType = exports.LogType || (exports.LogType = {}));
+class Logger {
+    constructor() {
+        this.enabled = false;
+    }
+    log(msg, ...supportingDetails) {
+        this.emitLogMessage(LogType.log, msg, supportingDetails);
+    }
+    warn(msg, ...supportingDetails) {
+        this.emitLogMessage(LogType.warn, msg, supportingDetails);
+    }
+    error(msg, ...supportingDetails) {
+        this.emitLogMessage(LogType.error, msg, supportingDetails);
+    }
+    debug(msg, ...supportingDetails) {
+        this.emitLogMessage(LogType.debug, msg, supportingDetails);
+    }
+    emitLogMessage(msgType, msg, supportingDetails) {
+        if (this.enabled || msgType === LogType.error) {
+            if (supportingDetails.length > 0) {
+                console[msgType](msg, supportingDetails);
+            }
+            else {
+                console[msgType](msg);
+            }
+        }
+    }
+}
+exports.Logger = Logger;
+exports.logger = new Logger();
+
+
+/***/ }),
+/* 234 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26326,10 +25756,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UneeqWebRTC = void 0;
-const simple_peer_1 = __importDefault(__webpack_require__(237));
+const simple_peer_1 = __importDefault(__webpack_require__(235));
 const webrtc_adapter_1 = __importDefault(__webpack_require__(7));
 const __1 = __webpack_require__(0);
-const logger_1 = __webpack_require__(228);
+const logger_1 = __webpack_require__(233);
 /**
  * Uneeq WebRTC implementation which hides the complexity of making a WebRTC call.
  */
@@ -26535,16 +25965,16 @@ exports.UneeqWebRTC = UneeqWebRTC;
 
 
 /***/ }),
-/* 237 */
+/* 235 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /*! simple-peer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-const debug = __webpack_require__(238)('simple-peer')
-const getBrowserRTC = __webpack_require__(242)
-const randombytes = __webpack_require__(243)
-const stream = __webpack_require__(245)
-const queueMicrotask = __webpack_require__(266) // TODO: remove when Node 10 is not supported
-const errCode = __webpack_require__(267)
+const debug = __webpack_require__(236)('simple-peer')
+const getBrowserRTC = __webpack_require__(240)
+const randombytes = __webpack_require__(241)
+const stream = __webpack_require__(243)
+const queueMicrotask = __webpack_require__(264) // TODO: remove when Node 10 is not supported
+const errCode = __webpack_require__(265)
 const { Buffer } = __webpack_require__(3)
 
 const MAX_BUFFERED_AMOUNT = 64 * 1024
@@ -27593,7 +27023,7 @@ module.exports = Peer
 
 
 /***/ }),
-/* 238 */
+/* 236 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(process) {/* eslint-env browser */
@@ -27850,7 +27280,7 @@ function localstorage() {
 	}
 }
 
-module.exports = __webpack_require__(240)(exports);
+module.exports = __webpack_require__(238)(exports);
 
 const {formatters} = module.exports;
 
@@ -27866,10 +27296,10 @@ formatters.j = function (v) {
 	}
 };
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(237)))
 
 /***/ }),
-/* 239 */
+/* 237 */
 /***/ (function(module, exports) {
 
 // shim for using process in browser
@@ -28059,7 +27489,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 240 */
+/* 238 */
 /***/ (function(module, exports, __webpack_require__) {
 
 
@@ -28075,7 +27505,7 @@ function setup(env) {
 	createDebug.disable = disable;
 	createDebug.enable = enable;
 	createDebug.enabled = enabled;
-	createDebug.humanize = __webpack_require__(241);
+	createDebug.humanize = __webpack_require__(239);
 	createDebug.destroy = destroy;
 
 	Object.keys(env).forEach(key => {
@@ -28339,7 +27769,7 @@ module.exports = setup;
 
 
 /***/ }),
-/* 241 */
+/* 239 */
 /***/ (function(module, exports) {
 
 /**
@@ -28507,7 +27937,7 @@ function plural(ms, msAbs, n, name) {
 
 
 /***/ }),
-/* 242 */
+/* 240 */
 /***/ (function(module, exports) {
 
 // originally pulled out of simple-peer
@@ -28528,7 +27958,7 @@ module.exports = function getBrowserRTC () {
 
 
 /***/ }),
-/* 243 */
+/* 241 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -28546,7 +27976,7 @@ function oldBrowser () {
   throw new Error('Secure random number generation is not supported by this browser.\nUse Chrome, Firefox or Internet Explorer 11')
 }
 
-var Buffer = __webpack_require__(244).Buffer
+var Buffer = __webpack_require__(242).Buffer
 var crypto = global.crypto || global.msCrypto
 
 if (crypto && crypto.getRandomValues) {
@@ -28583,10 +28013,10 @@ function randomBytes (size, cb) {
   return bytes
 }
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2), __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2), __webpack_require__(237)))
 
 /***/ }),
-/* 244 */
+/* 242 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
@@ -28657,22 +28087,22 @@ SafeBuffer.allocUnsafeSlow = function (size) {
 
 
 /***/ }),
-/* 245 */
+/* 243 */
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(246);
+exports = module.exports = __webpack_require__(244);
 exports.Stream = exports;
 exports.Readable = exports;
-exports.Writable = __webpack_require__(257);
-exports.Duplex = __webpack_require__(256);
-exports.Transform = __webpack_require__(263);
-exports.PassThrough = __webpack_require__(264);
-exports.finished = __webpack_require__(261);
-exports.pipeline = __webpack_require__(265);
+exports.Writable = __webpack_require__(255);
+exports.Duplex = __webpack_require__(254);
+exports.Transform = __webpack_require__(261);
+exports.PassThrough = __webpack_require__(262);
+exports.finished = __webpack_require__(259);
+exports.pipeline = __webpack_require__(263);
 
 
 /***/ }),
-/* 246 */
+/* 244 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -28707,7 +28137,7 @@ var Duplex;
 Readable.ReadableState = ReadableState;
 /*<replacement>*/
 
-var EE = __webpack_require__(247).EventEmitter;
+var EE = __webpack_require__(245).EventEmitter;
 
 var EElistenerCount = function EElistenerCount(emitter, type) {
   return emitter.listeners(type).length;
@@ -28717,7 +28147,7 @@ var EElistenerCount = function EElistenerCount(emitter, type) {
 /*<replacement>*/
 
 
-var Stream = __webpack_require__(248);
+var Stream = __webpack_require__(246);
 /*</replacement>*/
 
 
@@ -28735,7 +28165,7 @@ function _isUint8Array(obj) {
 /*<replacement>*/
 
 
-var debugUtil = __webpack_require__(249);
+var debugUtil = __webpack_require__(247);
 
 var debug;
 
@@ -28747,14 +28177,14 @@ if (debugUtil && debugUtil.debuglog) {
 /*</replacement>*/
 
 
-var BufferList = __webpack_require__(250);
+var BufferList = __webpack_require__(248);
 
-var destroyImpl = __webpack_require__(252);
+var destroyImpl = __webpack_require__(250);
 
-var _require = __webpack_require__(253),
+var _require = __webpack_require__(251),
     getHighWaterMark = _require.getHighWaterMark;
 
-var _require$codes = __webpack_require__(254).codes,
+var _require$codes = __webpack_require__(252).codes,
     ERR_INVALID_ARG_TYPE = _require$codes.ERR_INVALID_ARG_TYPE,
     ERR_STREAM_PUSH_AFTER_EOF = _require$codes.ERR_STREAM_PUSH_AFTER_EOF,
     ERR_METHOD_NOT_IMPLEMENTED = _require$codes.ERR_METHOD_NOT_IMPLEMENTED,
@@ -28765,7 +28195,7 @@ var StringDecoder;
 var createReadableStreamAsyncIterator;
 var from;
 
-__webpack_require__(255)(Readable, Stream);
+__webpack_require__(253)(Readable, Stream);
 
 var errorOrDestroy = destroyImpl.errorOrDestroy;
 var kProxyEvents = ['error', 'close', 'destroy', 'pause', 'resume'];
@@ -28782,7 +28212,7 @@ function prependListener(emitter, event, fn) {
 }
 
 function ReadableState(options, stream, isDuplex) {
-  Duplex = Duplex || __webpack_require__(256);
+  Duplex = Duplex || __webpack_require__(254);
   options = options || {}; // Duplex streams are both readable and writable, but share
   // the same options object.
   // However, some cases require setting options to different
@@ -28838,14 +28268,14 @@ function ReadableState(options, stream, isDuplex) {
   this.encoding = null;
 
   if (options.encoding) {
-    if (!StringDecoder) StringDecoder = __webpack_require__(259).StringDecoder;
+    if (!StringDecoder) StringDecoder = __webpack_require__(257).StringDecoder;
     this.decoder = new StringDecoder(options.encoding);
     this.encoding = options.encoding;
   }
 }
 
 function Readable(options) {
-  Duplex = Duplex || __webpack_require__(256);
+  Duplex = Duplex || __webpack_require__(254);
   if (!(this instanceof Readable)) return new Readable(options); // Checking for a Stream.Duplex instance is faster here instead of inside
   // the ReadableState constructor, at least with V8 6.5
 
@@ -29000,7 +28430,7 @@ Readable.prototype.isPaused = function () {
 
 
 Readable.prototype.setEncoding = function (enc) {
-  if (!StringDecoder) StringDecoder = __webpack_require__(259).StringDecoder;
+  if (!StringDecoder) StringDecoder = __webpack_require__(257).StringDecoder;
   var decoder = new StringDecoder(enc);
   this._readableState.decoder = decoder; // If setEncoding(null), decoder.encoding equals utf8
 
@@ -29684,7 +29114,7 @@ Readable.prototype.wrap = function (stream) {
 if (typeof Symbol === 'function') {
   Readable.prototype[Symbol.asyncIterator] = function () {
     if (createReadableStreamAsyncIterator === undefined) {
-      createReadableStreamAsyncIterator = __webpack_require__(260);
+      createReadableStreamAsyncIterator = __webpack_require__(258);
     }
 
     return createReadableStreamAsyncIterator(this);
@@ -29786,7 +29216,7 @@ function endReadableNT(state, stream) {
 if (typeof Symbol === 'function') {
   Readable.from = function (iterable, opts) {
     if (from === undefined) {
-      from = __webpack_require__(262);
+      from = __webpack_require__(260);
     }
 
     return from(Readable, iterable, opts);
@@ -29800,10 +29230,10 @@ function indexOf(xs, x) {
 
   return -1;
 }
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2), __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2), __webpack_require__(237)))
 
 /***/ }),
-/* 247 */
+/* 245 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30307,20 +29737,20 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
 
 
 /***/ }),
-/* 248 */
+/* 246 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(247).EventEmitter;
+module.exports = __webpack_require__(245).EventEmitter;
 
 
 /***/ }),
-/* 249 */
+/* 247 */
 /***/ (function(module, exports) {
 
 /* (ignored) */
 
 /***/ }),
-/* 250 */
+/* 248 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30341,7 +29771,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 var _require = __webpack_require__(3),
     Buffer = _require.Buffer;
 
-var _require2 = __webpack_require__(251),
+var _require2 = __webpack_require__(249),
     inspect = _require2.inspect;
 
 var custom = inspect && inspect.custom || 'inspect';
@@ -30536,13 +29966,13 @@ function () {
 }();
 
 /***/ }),
-/* 251 */
+/* 249 */
 /***/ (function(module, exports) {
 
 /* (ignored) */
 
 /***/ }),
-/* 252 */
+/* 250 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30651,16 +30081,16 @@ module.exports = {
   undestroy: undestroy,
   errorOrDestroy: errorOrDestroy
 };
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(237)))
 
 /***/ }),
-/* 253 */
+/* 251 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var ERR_INVALID_OPT_VALUE = __webpack_require__(254).codes.ERR_INVALID_OPT_VALUE;
+var ERR_INVALID_OPT_VALUE = __webpack_require__(252).codes.ERR_INVALID_OPT_VALUE;
 
 function highWaterMarkFrom(options, isDuplex, duplexKey) {
   return options.highWaterMark != null ? options.highWaterMark : isDuplex ? options[duplexKey] : null;
@@ -30687,7 +30117,7 @@ module.exports = {
 };
 
 /***/ }),
-/* 254 */
+/* 252 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30821,7 +30251,7 @@ module.exports.codes = codes;
 
 
 /***/ }),
-/* 255 */
+/* 253 */
 /***/ (function(module, exports) {
 
 if (typeof Object.create === 'function') {
@@ -30854,7 +30284,7 @@ if (typeof Object.create === 'function') {
 
 
 /***/ }),
-/* 256 */
+/* 254 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -30899,11 +30329,11 @@ var objectKeys = Object.keys || function (obj) {
 
 module.exports = Duplex;
 
-var Readable = __webpack_require__(246);
+var Readable = __webpack_require__(244);
 
-var Writable = __webpack_require__(257);
+var Writable = __webpack_require__(255);
 
-__webpack_require__(255)(Duplex, Readable);
+__webpack_require__(253)(Duplex, Readable);
 
 {
   // Allow the keys array to be GC'ed.
@@ -30997,10 +30427,10 @@ Object.defineProperty(Duplex.prototype, 'destroyed', {
     this._writableState.destroyed = value;
   }
 });
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(237)))
 
 /***/ }),
-/* 257 */
+/* 255 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -31063,13 +30493,13 @@ Writable.WritableState = WritableState;
 /*<replacement>*/
 
 var internalUtil = {
-  deprecate: __webpack_require__(258)
+  deprecate: __webpack_require__(256)
 };
 /*</replacement>*/
 
 /*<replacement>*/
 
-var Stream = __webpack_require__(248);
+var Stream = __webpack_require__(246);
 /*</replacement>*/
 
 
@@ -31085,12 +30515,12 @@ function _isUint8Array(obj) {
   return Buffer.isBuffer(obj) || obj instanceof OurUint8Array;
 }
 
-var destroyImpl = __webpack_require__(252);
+var destroyImpl = __webpack_require__(250);
 
-var _require = __webpack_require__(253),
+var _require = __webpack_require__(251),
     getHighWaterMark = _require.getHighWaterMark;
 
-var _require$codes = __webpack_require__(254).codes,
+var _require$codes = __webpack_require__(252).codes,
     ERR_INVALID_ARG_TYPE = _require$codes.ERR_INVALID_ARG_TYPE,
     ERR_METHOD_NOT_IMPLEMENTED = _require$codes.ERR_METHOD_NOT_IMPLEMENTED,
     ERR_MULTIPLE_CALLBACK = _require$codes.ERR_MULTIPLE_CALLBACK,
@@ -31102,12 +30532,12 @@ var _require$codes = __webpack_require__(254).codes,
 
 var errorOrDestroy = destroyImpl.errorOrDestroy;
 
-__webpack_require__(255)(Writable, Stream);
+__webpack_require__(253)(Writable, Stream);
 
 function nop() {}
 
 function WritableState(options, stream, isDuplex) {
-  Duplex = Duplex || __webpack_require__(256);
+  Duplex = Duplex || __webpack_require__(254);
   options = options || {}; // Duplex streams are both readable and writable, but share
   // the same options object.
   // However, some cases require setting options to different
@@ -31233,7 +30663,7 @@ if (typeof Symbol === 'function' && Symbol.hasInstance && typeof Function.protot
 }
 
 function Writable(options) {
-  Duplex = Duplex || __webpack_require__(256); // Writable ctor is applied to Duplexes, too.
+  Duplex = Duplex || __webpack_require__(254); // Writable ctor is applied to Duplexes, too.
   // `realHasInstance` is necessary because using plain `instanceof`
   // would return false, as no `_writableState` property is attached.
   // Trying to use the custom `instanceof` for Writable here will also break the
@@ -31701,10 +31131,10 @@ Writable.prototype._undestroy = destroyImpl.undestroy;
 Writable.prototype._destroy = function (err, cb) {
   cb(err);
 };
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2), __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2), __webpack_require__(237)))
 
 /***/ }),
-/* 258 */
+/* 256 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global) {
@@ -31778,7 +31208,7 @@ function config (name) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2)))
 
 /***/ }),
-/* 259 */
+/* 257 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -31807,7 +31237,7 @@ function config (name) {
 
 /*<replacement>*/
 
-var Buffer = __webpack_require__(244).Buffer;
+var Buffer = __webpack_require__(242).Buffer;
 /*</replacement>*/
 
 var isEncoding = Buffer.isEncoding || function (encoding) {
@@ -32080,7 +31510,7 @@ function simpleEnd(buf) {
 }
 
 /***/ }),
-/* 260 */
+/* 258 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -32090,7 +31520,7 @@ var _Object$setPrototypeO;
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var finished = __webpack_require__(261);
+var finished = __webpack_require__(259);
 
 var kLastResolve = Symbol('lastResolve');
 var kLastReject = Symbol('lastReject');
@@ -32291,10 +31721,10 @@ var createReadableStreamAsyncIterator = function createReadableStreamAsyncIterat
 };
 
 module.exports = createReadableStreamAsyncIterator;
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(239)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(237)))
 
 /***/ }),
-/* 261 */
+/* 259 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -32302,7 +31732,7 @@ module.exports = createReadableStreamAsyncIterator;
 // permission from the author, Mathias Buus (@mafintosh).
 
 
-var ERR_STREAM_PREMATURE_CLOSE = __webpack_require__(254).codes.ERR_STREAM_PREMATURE_CLOSE;
+var ERR_STREAM_PREMATURE_CLOSE = __webpack_require__(252).codes.ERR_STREAM_PREMATURE_CLOSE;
 
 function once(callback) {
   var called = false;
@@ -32345,518 +31775,1088 @@ function eos(stream, opts, callback) {
 
   var readableEnded = stream._readableState && stream._readableState.endEmitted;
 
-  var onend = function onend() {
-    readable = false;
-    readableEnded = true;
-    if (!writable) callback.call(stream);
-  };
+  var onend = function onend() {
+    readable = false;
+    readableEnded = true;
+    if (!writable) callback.call(stream);
+  };
+
+  var onerror = function onerror(err) {
+    callback.call(stream, err);
+  };
+
+  var onclose = function onclose() {
+    var err;
+
+    if (readable && !readableEnded) {
+      if (!stream._readableState || !stream._readableState.ended) err = new ERR_STREAM_PREMATURE_CLOSE();
+      return callback.call(stream, err);
+    }
+
+    if (writable && !writableEnded) {
+      if (!stream._writableState || !stream._writableState.ended) err = new ERR_STREAM_PREMATURE_CLOSE();
+      return callback.call(stream, err);
+    }
+  };
+
+  var onrequest = function onrequest() {
+    stream.req.on('finish', onfinish);
+  };
+
+  if (isRequest(stream)) {
+    stream.on('complete', onfinish);
+    stream.on('abort', onclose);
+    if (stream.req) onrequest();else stream.on('request', onrequest);
+  } else if (writable && !stream._writableState) {
+    // legacy streams
+    stream.on('end', onlegacyfinish);
+    stream.on('close', onlegacyfinish);
+  }
+
+  stream.on('end', onend);
+  stream.on('finish', onfinish);
+  if (opts.error !== false) stream.on('error', onerror);
+  stream.on('close', onclose);
+  return function () {
+    stream.removeListener('complete', onfinish);
+    stream.removeListener('abort', onclose);
+    stream.removeListener('request', onrequest);
+    if (stream.req) stream.req.removeListener('finish', onfinish);
+    stream.removeListener('end', onlegacyfinish);
+    stream.removeListener('close', onlegacyfinish);
+    stream.removeListener('finish', onfinish);
+    stream.removeListener('end', onend);
+    stream.removeListener('error', onerror);
+    stream.removeListener('close', onclose);
+  };
+}
+
+module.exports = eos;
+
+/***/ }),
+/* 260 */
+/***/ (function(module, exports) {
+
+module.exports = function () {
+  throw new Error('Readable.from is not available in the browser')
+};
+
+
+/***/ }),
+/* 261 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+// a transform stream is a readable/writable stream where you do
+// something with the data.  Sometimes it's called a "filter",
+// but that's not a great name for it, since that implies a thing where
+// some bits pass through, and others are simply ignored.  (That would
+// be a valid example of a transform, of course.)
+//
+// While the output is causally related to the input, it's not a
+// necessarily symmetric or synchronous transformation.  For example,
+// a zlib stream might take multiple plain-text writes(), and then
+// emit a single compressed chunk some time in the future.
+//
+// Here's how this works:
+//
+// The Transform stream has all the aspects of the readable and writable
+// stream classes.  When you write(chunk), that calls _write(chunk,cb)
+// internally, and returns false if there's a lot of pending writes
+// buffered up.  When you call read(), that calls _read(n) until
+// there's enough pending readable data buffered up.
+//
+// In a transform stream, the written data is placed in a buffer.  When
+// _read(n) is called, it transforms the queued up data, calling the
+// buffered _write cb's as it consumes chunks.  If consuming a single
+// written chunk would result in multiple output chunks, then the first
+// outputted bit calls the readcb, and subsequent chunks just go into
+// the read buffer, and will cause it to emit 'readable' if necessary.
+//
+// This way, back-pressure is actually determined by the reading side,
+// since _read has to be called to start processing a new chunk.  However,
+// a pathological inflate type of transform can cause excessive buffering
+// here.  For example, imagine a stream where every byte of input is
+// interpreted as an integer from 0-255, and then results in that many
+// bytes of output.  Writing the 4 bytes {ff,ff,ff,ff} would result in
+// 1kb of data being output.  In this case, you could write a very small
+// amount of input, and end up with a very large amount of output.  In
+// such a pathological inflating mechanism, there'd be no way to tell
+// the system to stop doing the transform.  A single 4MB write could
+// cause the system to run out of memory.
+//
+// However, even in such a pathological case, only a single written chunk
+// would be consumed, and then the rest would wait (un-transformed) until
+// the results of the previous transformed chunk were consumed.
+
+
+module.exports = Transform;
+
+var _require$codes = __webpack_require__(252).codes,
+    ERR_METHOD_NOT_IMPLEMENTED = _require$codes.ERR_METHOD_NOT_IMPLEMENTED,
+    ERR_MULTIPLE_CALLBACK = _require$codes.ERR_MULTIPLE_CALLBACK,
+    ERR_TRANSFORM_ALREADY_TRANSFORMING = _require$codes.ERR_TRANSFORM_ALREADY_TRANSFORMING,
+    ERR_TRANSFORM_WITH_LENGTH_0 = _require$codes.ERR_TRANSFORM_WITH_LENGTH_0;
+
+var Duplex = __webpack_require__(254);
+
+__webpack_require__(253)(Transform, Duplex);
+
+function afterTransform(er, data) {
+  var ts = this._transformState;
+  ts.transforming = false;
+  var cb = ts.writecb;
+
+  if (cb === null) {
+    return this.emit('error', new ERR_MULTIPLE_CALLBACK());
+  }
+
+  ts.writechunk = null;
+  ts.writecb = null;
+  if (data != null) // single equals check for both `null` and `undefined`
+    this.push(data);
+  cb(er);
+  var rs = this._readableState;
+  rs.reading = false;
+
+  if (rs.needReadable || rs.length < rs.highWaterMark) {
+    this._read(rs.highWaterMark);
+  }
+}
+
+function Transform(options) {
+  if (!(this instanceof Transform)) return new Transform(options);
+  Duplex.call(this, options);
+  this._transformState = {
+    afterTransform: afterTransform.bind(this),
+    needTransform: false,
+    transforming: false,
+    writecb: null,
+    writechunk: null,
+    writeencoding: null
+  }; // start out asking for a readable event once data is transformed.
+
+  this._readableState.needReadable = true; // we have implemented the _read method, and done the other things
+  // that Readable wants before the first _read call, so unset the
+  // sync guard flag.
+
+  this._readableState.sync = false;
+
+  if (options) {
+    if (typeof options.transform === 'function') this._transform = options.transform;
+    if (typeof options.flush === 'function') this._flush = options.flush;
+  } // When the writable side finishes, then flush out anything remaining.
+
+
+  this.on('prefinish', prefinish);
+}
+
+function prefinish() {
+  var _this = this;
+
+  if (typeof this._flush === 'function' && !this._readableState.destroyed) {
+    this._flush(function (er, data) {
+      done(_this, er, data);
+    });
+  } else {
+    done(this, null, null);
+  }
+}
+
+Transform.prototype.push = function (chunk, encoding) {
+  this._transformState.needTransform = false;
+  return Duplex.prototype.push.call(this, chunk, encoding);
+}; // This is the part where you do stuff!
+// override this function in implementation classes.
+// 'chunk' is an input chunk.
+//
+// Call `push(newChunk)` to pass along transformed output
+// to the readable side.  You may call 'push' zero or more times.
+//
+// Call `cb(err)` when you are done with this chunk.  If you pass
+// an error, then that'll put the hurt on the whole operation.  If you
+// never call cb(), then you'll never get another chunk.
+
+
+Transform.prototype._transform = function (chunk, encoding, cb) {
+  cb(new ERR_METHOD_NOT_IMPLEMENTED('_transform()'));
+};
+
+Transform.prototype._write = function (chunk, encoding, cb) {
+  var ts = this._transformState;
+  ts.writecb = cb;
+  ts.writechunk = chunk;
+  ts.writeencoding = encoding;
+
+  if (!ts.transforming) {
+    var rs = this._readableState;
+    if (ts.needTransform || rs.needReadable || rs.length < rs.highWaterMark) this._read(rs.highWaterMark);
+  }
+}; // Doesn't matter what the args are here.
+// _transform does all the work.
+// That we got here means that the readable side wants more data.
+
+
+Transform.prototype._read = function (n) {
+  var ts = this._transformState;
+
+  if (ts.writechunk !== null && !ts.transforming) {
+    ts.transforming = true;
+
+    this._transform(ts.writechunk, ts.writeencoding, ts.afterTransform);
+  } else {
+    // mark that we need a transform, so that any data that comes in
+    // will get processed, now that we've asked for it.
+    ts.needTransform = true;
+  }
+};
+
+Transform.prototype._destroy = function (err, cb) {
+  Duplex.prototype._destroy.call(this, err, function (err2) {
+    cb(err2);
+  });
+};
+
+function done(stream, er, data) {
+  if (er) return stream.emit('error', er);
+  if (data != null) // single equals check for both `null` and `undefined`
+    stream.push(data); // TODO(BridgeAR): Write a test for these two error cases
+  // if there's nothing in the write buffer, then that means
+  // that nothing more will ever be provided
+
+  if (stream._writableState.length) throw new ERR_TRANSFORM_WITH_LENGTH_0();
+  if (stream._transformState.transforming) throw new ERR_TRANSFORM_ALREADY_TRANSFORMING();
+  return stream.push(null);
+}
+
+/***/ }),
+/* 262 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+// a passthrough stream.
+// basically just the most minimal sort of Transform stream.
+// Every written chunk gets output as-is.
+
+
+module.exports = PassThrough;
+
+var Transform = __webpack_require__(261);
+
+__webpack_require__(253)(PassThrough, Transform);
+
+function PassThrough(options) {
+  if (!(this instanceof PassThrough)) return new PassThrough(options);
+  Transform.call(this, options);
+}
+
+PassThrough.prototype._transform = function (chunk, encoding, cb) {
+  cb(null, chunk);
+};
+
+/***/ }),
+/* 263 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+// Ported from https://github.com/mafintosh/pump with
+// permission from the author, Mathias Buus (@mafintosh).
+
+
+var eos;
+
+function once(callback) {
+  var called = false;
+  return function () {
+    if (called) return;
+    called = true;
+    callback.apply(void 0, arguments);
+  };
+}
+
+var _require$codes = __webpack_require__(252).codes,
+    ERR_MISSING_ARGS = _require$codes.ERR_MISSING_ARGS,
+    ERR_STREAM_DESTROYED = _require$codes.ERR_STREAM_DESTROYED;
+
+function noop(err) {
+  // Rethrow the error if it exists to avoid swallowing it
+  if (err) throw err;
+}
+
+function isRequest(stream) {
+  return stream.setHeader && typeof stream.abort === 'function';
+}
+
+function destroyer(stream, reading, writing, callback) {
+  callback = once(callback);
+  var closed = false;
+  stream.on('close', function () {
+    closed = true;
+  });
+  if (eos === undefined) eos = __webpack_require__(259);
+  eos(stream, {
+    readable: reading,
+    writable: writing
+  }, function (err) {
+    if (err) return callback(err);
+    closed = true;
+    callback();
+  });
+  var destroyed = false;
+  return function (err) {
+    if (closed) return;
+    if (destroyed) return;
+    destroyed = true; // request.destroy just do .end - .abort is what we want
+
+    if (isRequest(stream)) return stream.abort();
+    if (typeof stream.destroy === 'function') return stream.destroy();
+    callback(err || new ERR_STREAM_DESTROYED('pipe'));
+  };
+}
+
+function call(fn) {
+  fn();
+}
+
+function pipe(from, to) {
+  return from.pipe(to);
+}
+
+function popCallback(streams) {
+  if (!streams.length) return noop;
+  if (typeof streams[streams.length - 1] !== 'function') return noop;
+  return streams.pop();
+}
+
+function pipeline() {
+  for (var _len = arguments.length, streams = new Array(_len), _key = 0; _key < _len; _key++) {
+    streams[_key] = arguments[_key];
+  }
+
+  var callback = popCallback(streams);
+  if (Array.isArray(streams[0])) streams = streams[0];
+
+  if (streams.length < 2) {
+    throw new ERR_MISSING_ARGS('streams');
+  }
+
+  var error;
+  var destroys = streams.map(function (stream, i) {
+    var reading = i < streams.length - 1;
+    var writing = i > 0;
+    return destroyer(stream, reading, writing, function (err) {
+      if (!error) error = err;
+      if (err) destroys.forEach(call);
+      if (reading) return;
+      destroys.forEach(call);
+      callback(error);
+    });
+  });
+  return streams.reduce(pipe);
+}
+
+module.exports = pipeline;
+
+/***/ }),
+/* 264 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* WEBPACK VAR INJECTION */(function(global) {/*! queue-microtask. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+let promise
+
+module.exports = typeof queueMicrotask === 'function'
+  ? queueMicrotask.bind(typeof window !== 'undefined' ? window : global)
+  // reuse resolved promise, and allocate it lazily
+  : cb => (promise || (promise = Promise.resolve()))
+    .then(cb)
+    .catch(err => setTimeout(() => { throw err }, 0))
+
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2)))
+
+/***/ }),
+/* 265 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/**
+ * @typedef {{ [key: string]: any }} Extensions
+ * @typedef {Error} Err
+ * @property {string} message
+ */
+
+/**
+ *
+ * @param {Error} obj
+ * @param {Extensions} props
+ * @returns {Error & Extensions}
+ */
+function assign(obj, props) {
+    for (const key in props) {
+        Object.defineProperty(obj, key, {
+            value: props[key],
+            enumerable: true,
+            configurable: true,
+        });
+    }
+
+    return obj;
+}
 
-  var onerror = function onerror(err) {
-    callback.call(stream, err);
-  };
+/**
+ *
+ * @param {any} err - An Error
+ * @param {string|Extensions} code - A string code or props to set on the error
+ * @param {Extensions} [props] - Props to set on the error
+ * @returns {Error & Extensions}
+ */
+function createError(err, code, props) {
+    if (!err || typeof err === 'string') {
+        throw new TypeError('Please pass an Error to err-code');
+    }
 
-  var onclose = function onclose() {
-    var err;
+    if (!props) {
+        props = {};
+    }
 
-    if (readable && !readableEnded) {
-      if (!stream._readableState || !stream._readableState.ended) err = new ERR_STREAM_PREMATURE_CLOSE();
-      return callback.call(stream, err);
+    if (typeof code === 'object') {
+        props = code;
+        code = '';
     }
 
-    if (writable && !writableEnded) {
-      if (!stream._writableState || !stream._writableState.ended) err = new ERR_STREAM_PREMATURE_CLOSE();
-      return callback.call(stream, err);
+    if (code) {
+        props.code = code;
     }
-  };
 
-  var onrequest = function onrequest() {
-    stream.req.on('finish', onfinish);
-  };
+    try {
+        return assign(err, props);
+    } catch (_) {
+        props.message = err.message;
+        props.stack = err.stack;
 
-  if (isRequest(stream)) {
-    stream.on('complete', onfinish);
-    stream.on('abort', onclose);
-    if (stream.req) onrequest();else stream.on('request', onrequest);
-  } else if (writable && !stream._writableState) {
-    // legacy streams
-    stream.on('end', onlegacyfinish);
-    stream.on('close', onlegacyfinish);
-  }
+        const ErrClass = function () {};
 
-  stream.on('end', onend);
-  stream.on('finish', onfinish);
-  if (opts.error !== false) stream.on('error', onerror);
-  stream.on('close', onclose);
-  return function () {
-    stream.removeListener('complete', onfinish);
-    stream.removeListener('abort', onclose);
-    stream.removeListener('request', onrequest);
-    if (stream.req) stream.req.removeListener('finish', onfinish);
-    stream.removeListener('end', onlegacyfinish);
-    stream.removeListener('close', onlegacyfinish);
-    stream.removeListener('finish', onfinish);
-    stream.removeListener('end', onend);
-    stream.removeListener('error', onerror);
-    stream.removeListener('close', onclose);
-  };
-}
+        ErrClass.prototype = Object.create(Object.getPrototypeOf(err));
 
-module.exports = eos;
+        // @ts-ignore
+        const output = assign(new ErrClass(), props);
 
-/***/ }),
-/* 262 */
-/***/ (function(module, exports) {
+        return output;
+    }
+}
 
-module.exports = function () {
-  throw new Error('Readable.from is not available in the browser')
-};
+module.exports = createError;
 
 
 /***/ }),
-/* 263 */
+/* 266 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-// a transform stream is a readable/writable stream where you do
-// something with the data.  Sometimes it's called a "filter",
-// but that's not a great name for it, since that implies a thing where
-// some bits pass through, and others are simply ignored.  (That would
-// be a valid example of a transform, of course.)
-//
-// While the output is causally related to the input, it's not a
-// necessarily symmetric or synchronous transformation.  For example,
-// a zlib stream might take multiple plain-text writes(), and then
-// emit a single compressed chunk some time in the future.
-//
-// Here's how this works:
-//
-// The Transform stream has all the aspects of the readable and writable
-// stream classes.  When you write(chunk), that calls _write(chunk,cb)
-// internally, and returns false if there's a lot of pending writes
-// buffered up.  When you call read(), that calls _read(n) until
-// there's enough pending readable data buffered up.
-//
-// In a transform stream, the written data is placed in a buffer.  When
-// _read(n) is called, it transforms the queued up data, calling the
-// buffered _write cb's as it consumes chunks.  If consuming a single
-// written chunk would result in multiple output chunks, then the first
-// outputted bit calls the readcb, and subsequent chunks just go into
-// the read buffer, and will cause it to emit 'readable' if necessary.
-//
-// This way, back-pressure is actually determined by the reading side,
-// since _read has to be called to start processing a new chunk.  However,
-// a pathological inflate type of transform can cause excessive buffering
-// here.  For example, imagine a stream where every byte of input is
-// interpreted as an integer from 0-255, and then results in that many
-// bytes of output.  Writing the 4 bytes {ff,ff,ff,ff} would result in
-// 1kb of data being output.  In this case, you could write a very small
-// amount of input, and end up with a very large amount of output.  In
-// such a pathological inflating mechanism, there'd be no way to tell
-// the system to stop doing the transform.  A single 4MB write could
-// cause the system to run out of memory.
-//
-// However, even in such a pathological case, only a single written chunk
-// would be consumed, and then the rest would wait (un-transformed) until
-// the results of the previous transformed chunk were consumed.
-
-
-module.exports = Transform;
-
-var _require$codes = __webpack_require__(254).codes,
-    ERR_METHOD_NOT_IMPLEMENTED = _require$codes.ERR_METHOD_NOT_IMPLEMENTED,
-    ERR_MULTIPLE_CALLBACK = _require$codes.ERR_MULTIPLE_CALLBACK,
-    ERR_TRANSFORM_ALREADY_TRANSFORMING = _require$codes.ERR_TRANSFORM_ALREADY_TRANSFORMING,
-    ERR_TRANSFORM_WITH_LENGTH_0 = _require$codes.ERR_TRANSFORM_WITH_LENGTH_0;
 
-var Duplex = __webpack_require__(256);
-
-__webpack_require__(255)(Transform, Duplex);
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DigitalHumanVideoPlayManager = void 0;
+const MessageTypes_1 = __webpack_require__(267);
+const logger_1 = __webpack_require__(233);
+class DigitalHumanVideoPlayManager {
+    constructor(messages) {
+        this.messages = messages;
+        // Used to track the number of attempts to re-play the DH video (Safari 15+ stream not visible)
+        this.remoteVideoPlayCount = 0;
+    }
+    play(video) {
+        this.video = video;
+        this.playRemoteVideo();
+    }
+    unmuteVideo() {
+        if (this.video && this.video.muted) {
+            this.video.muted = false;
+            this.messages.next(new MessageTypes_1.DigitalHumanUnmuted());
+        }
+    }
+    playRemoteVideo() {
+        // Play the digital human video when session is live (i.e. video and audio streaming in both directions)
+        if (this.video) {
+            /*
+            Note: do not set autplay = true, or safari will handle the play() differently to Chrome
+            When autoplay is set to true Safari will automatically try to play the video as muted. This
+            causes the second play as muted behaviour to fail and fall in our catch block. The consequence
+            is that the DigitalHumanPlayedInMutedModeSuccess is not sent. tldr; do not set autoplay = true
+            */
+            // Catch general video errors and video unmute errors
+            this.video.onerror = (error) => {
+                this.messages.next(new MessageTypes_1.DigitalHumanVideoError(error));
+            };
+            this.video.play().catch(() => {
+                // video failed to play, mute video then see if it will play
+                this.messages.next(new MessageTypes_1.DigitalHumanFailedToPlay());
+                this.video.muted = true;
+                this.video.play()
+                    .then(() => {
+                    logger_1.logger.log('Muting the digital human and playing it succeeded.');
+                    // video did play once it was muted.
+                    this.messages.next(new MessageTypes_1.DigitalHumanPlayedInMutedModeSuccess());
+                    this.video.addEventListener('click', () => { this.unmuteVideo(); }, { once: true });
+                })
+                    .catch((err) => {
+                    logger_1.logger.log('Could not play digital human video even as muted, starting exponential backoff.', err);
+                    // video still could not play even when muted, let's try an exponential back off
+                    this.playRemoteVideoWithExponentialBackoff();
+                });
+            });
+        }
+    }
+    playRemoteVideoWithExponentialBackoff() {
+        // Play the digital human video when session is live (i.e. video and audio streaming in both directions)
+        if (this.video) {
+            this.video.autoplay = true;
+            this.video.play();
+            // Re-call play() on the DH video after some time out (exponential backoff) up to 10 times.
+            // This is to work around a bug in Safari 15 that prevents the video stream from being visible some times.
+            this.remoteVideoPlayCount++;
+            setTimeout(() => {
+                if (this.remoteVideoPlayCount < 10) {
+                    this.playRemoteVideoWithExponentialBackoff();
+                }
+            }, 100 * (this.remoteVideoPlayCount - 1));
+        }
+    }
+}
+exports.DigitalHumanVideoPlayManager = DigitalHumanVideoPlayManager;
 
-function afterTransform(er, data) {
-  var ts = this._transformState;
-  ts.transforming = false;
-  var cb = ts.writecb;
 
-  if (cb === null) {
-    return this.emit('error', new ERR_MULTIPLE_CALLBACK());
-  }
+/***/ }),
+/* 267 */
+/***/ (function(module, exports, __webpack_require__) {
 
-  ts.writechunk = null;
-  ts.writecb = null;
-  if (data != null) // single equals check for both `null` and `undefined`
-    this.push(data);
-  cb(er);
-  var rs = this._readableState;
-  rs.reading = false;
+"use strict";
 
-  if (rs.needReadable || rs.length < rs.highWaterMark) {
-    this._read(rs.highWaterMark);
-  }
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DigitalHumanUnmuted = exports.DigitalHumanPlayedInMutedModeSuccess = exports.DigitalHumanFailedToPlay = exports.DigitalHumanVideoError = exports.ClientPerformanceMessage = exports.ClientMediaStreamUpdateMessage = exports.OnlineStatusUpdateMessage = exports.SessionInfoMessage = exports.AvatarRequestIgnored = exports.AvatarRequestCompleted = exports.SessionErrorMessage = exports.WebRtcStatsMessage = exports.WebRtcDataMessage = exports.SessionLiveMessage = exports.WarningMessage = exports.RecordingStoppedMessage = exports.RecordingStartedMessage = exports.DevicePermissionAllowedMessage = exports.AvatarTextInputFinishedMessage = exports.FinishedSpeakingMessage = exports.StartedSpeakingMessage = exports.AvatarQuestionMessage = exports.InstructionsMessage = exports.AvatarAnswerContentMessage = exports.AvatarAnswerMessage = exports.ConnectionLostMessage = exports.VoiceActivityInputModeNotSupportedMessage = exports.MicActivityNotSupportedMessage = exports.MicActivityMessage = exports.MicActivityErrorMessage = exports.ServiceUnavailableMessage = exports.AvatarUnavailableMessage = exports.AvatarAvailableMessage = exports.SessionEndedMessage = exports.SessionResumedMessage = exports.SessionPausedMessage = exports.DeviceListUpdatedMessage = exports.DeviceErrorMessage = exports.SetSpeakerSuccessMessage = exports.SetMicSuccessMessage = exports.SetCameraSuccessMessage = exports.DeviceNotFoundErrorMessage = exports.ReadyMessage = exports.UneeqMessageType = void 0;
+var UneeqMessageType;
+(function (UneeqMessageType) {
+    UneeqMessageType["Ready"] = "Ready";
+    UneeqMessageType["DeviceNotFoundError"] = "DeviceNotFoundError";
+    UneeqMessageType["SetCameraSuccess"] = "SetCameraSuccess";
+    UneeqMessageType["SetMicSuccess"] = "SetMicSuccess";
+    UneeqMessageType["SetSpeakerSuccess"] = "SetSpeakerSuccess";
+    UneeqMessageType["SessionPaused"] = "SessionPaused";
+    UneeqMessageType["SessionResumed"] = "SessionResumed";
+    UneeqMessageType["SessionEnded"] = "SessionEnded";
+    UneeqMessageType["AvatarAvailable"] = "AvatarAvailable";
+    UneeqMessageType["AvatarUnavailable"] = "AvatarUnavailable";
+    UneeqMessageType["ConnectionLost"] = "ConnectionLost";
+    UneeqMessageType["ServiceUnavailable"] = "ServiceUnavailable";
+    UneeqMessageType["OnlineStatusUpdate"] = "OnlineStatusUpdate";
+    UneeqMessageType["MicActivityNotSupported"] = "MicActivityNotSupported";
+    UneeqMessageType["VoiceActivityInputModeNotSupported"] = "VoiceActivityInputModeNotSupported";
+    UneeqMessageType["MicActivityError"] = "MicActivityError";
+    UneeqMessageType["MicActivity"] = "MicActivity";
+    UneeqMessageType["DeviceError"] = "DeviceError";
+    UneeqMessageType["DeviceListUpdated"] = "DeviceListUpdated";
+    UneeqMessageType["AvatarAnswer"] = "AvatarAnswer";
+    UneeqMessageType["AvatarAnswerContent"] = "AvatarAnswerContent";
+    UneeqMessageType["Instructions"] = "Instructions";
+    UneeqMessageType["StartedSpeaking"] = "StartedSpeaking";
+    UneeqMessageType["FinishedSpeaking"] = "FinishedSpeaking";
+    UneeqMessageType["AvatarTextInputFinished"] = "AvatarTextInputFinished";
+    UneeqMessageType["AvatarQuestionText"] = "AvatarQuestionText";
+    UneeqMessageType["DevicePermissionAllowed"] = "DevicePermissionAllowed";
+    UneeqMessageType["RecordingStarted"] = "RecordingStarted";
+    UneeqMessageType["RecordingStopped"] = "RecordingStopped";
+    UneeqMessageType["Warning"] = "Warning";
+    UneeqMessageType["SessionLive"] = "SessionLive";
+    UneeqMessageType["WebRtcData"] = "WebRtcData";
+    UneeqMessageType["WebRtcStats"] = "WebRtcStats";
+    UneeqMessageType["SessionError"] = "SessionError";
+    UneeqMessageType["SessionInfo"] = "SessionInfo";
+    UneeqMessageType["AvatarRequestCompleted"] = "AvatarRequestCompleted";
+    UneeqMessageType["AvatarRequestIgnored"] = "AvatarRequestIgnored";
+    UneeqMessageType["ClientMediaStreamUpdate"] = "ClientMediaStreamUpdate";
+    UneeqMessageType["ClientPerformanceMessage"] = "ClientPerformanceMessage";
+    UneeqMessageType["DigitalHumanVideoError"] = "DigitalHumanVideoError";
+    UneeqMessageType["DigitalHumanFailedToPlay"] = "DigitalHumanFailedToPlay";
+    UneeqMessageType["DigitalHumanPlayedInMutedModeSuccess"] = "DigitalHumanPlayedInMutedModeSuccess";
+    UneeqMessageType["DigitalHumanUnmuted"] = "DigitalHumanUnmuted";
+})(UneeqMessageType = exports.UneeqMessageType || (exports.UneeqMessageType = {}));
+/**
+ * Service is ready to be used
+ */
+class ReadyMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.Ready;
+    }
+}
+exports.ReadyMessage = ReadyMessage;
+/**
+ * Selected device is not found
+ */
+class DeviceNotFoundErrorMessage {
+    constructor(msg, deviceId) {
+        this.msg = msg;
+        this.deviceId = deviceId;
+        this.uneeqMessageType = UneeqMessageType.DeviceNotFoundError;
+    }
+}
+exports.DeviceNotFoundErrorMessage = DeviceNotFoundErrorMessage;
+/**
+ * Users camera has been set successfully
+ */
+class SetCameraSuccessMessage {
+    constructor(deviceId) {
+        this.deviceId = deviceId;
+        this.uneeqMessageType = UneeqMessageType.SetCameraSuccess;
+    }
+}
+exports.SetCameraSuccessMessage = SetCameraSuccessMessage;
+/**
+ * Users microphone has been set successfully
+ */
+class SetMicSuccessMessage {
+    constructor(deviceId) {
+        this.deviceId = deviceId;
+        this.uneeqMessageType = UneeqMessageType.SetMicSuccess;
+    }
+}
+exports.SetMicSuccessMessage = SetMicSuccessMessage;
+/**
+ * Users speaker has been set successfully
+ */
+class SetSpeakerSuccessMessage {
+    constructor(deviceId) {
+        this.deviceId = deviceId;
+        this.uneeqMessageType = UneeqMessageType.SetSpeakerSuccess;
+    }
+}
+exports.SetSpeakerSuccessMessage = SetSpeakerSuccessMessage;
+/**
+ * An error has occured with the users device
+ */
+class DeviceErrorMessage {
+    constructor(error) {
+        this.error = error;
+        this.uneeqMessageType = UneeqMessageType.DeviceError;
+    }
+}
+exports.DeviceErrorMessage = DeviceErrorMessage;
+/**
+ * The device list has been changed or retrieved for the first time
+ */
+class DeviceListUpdatedMessage {
+    constructor(devices) {
+        this.devices = devices;
+        this.uneeqMessageType = UneeqMessageType.DeviceListUpdated;
+    }
+}
+exports.DeviceListUpdatedMessage = DeviceListUpdatedMessage;
+/**
+ * Session has been paused successfully
+ */
+class SessionPausedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.SessionPaused;
+    }
+}
+exports.SessionPausedMessage = SessionPausedMessage;
+/**
+ * Session has been resumed successfully
+ */
+class SessionResumedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.SessionResumed;
+    }
+}
+exports.SessionResumedMessage = SessionResumedMessage;
+/**
+ * Session has been ended successfully
+ */
+class SessionEndedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.SessionEnded;
+    }
+}
+exports.SessionEndedMessage = SessionEndedMessage;
+/**
+ * An avatar is available
+ */
+class AvatarAvailableMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.AvatarAvailable;
+    }
+}
+exports.AvatarAvailableMessage = AvatarAvailableMessage;
+/**
+ * There are no avatars currently available
+ */
+class AvatarUnavailableMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.AvatarUnavailable;
+    }
+}
+exports.AvatarUnavailableMessage = AvatarUnavailableMessage;
+/**
+ * Service is unavailable
+ */
+class ServiceUnavailableMessage {
+    constructor(error) {
+        this.error = error;
+        this.uneeqMessageType = UneeqMessageType.ServiceUnavailable;
+    }
+}
+exports.ServiceUnavailableMessage = ServiceUnavailableMessage;
+/**
+ * An error occured with mic activity messages
+ */
+class MicActivityErrorMessage {
+    constructor(error) {
+        this.error = error;
+        this.uneeqMessageType = UneeqMessageType.MicActivityError;
+    }
+}
+exports.MicActivityErrorMessage = MicActivityErrorMessage;
+/**
+ * Message is sent upon activity of the user microphone
+ *
+ * Visibility is controlled by UneeqOptions param micActivityMessages
+ */
+class MicActivityMessage {
+    constructor(level) {
+        this.level = level;
+        this.uneeqMessageType = UneeqMessageType.MicActivity;
+    }
+}
+exports.MicActivityMessage = MicActivityMessage;
+/**
+ * Mic activity messages are not supported by the users browser
+ *
+ * Visibility is controlled by UneeqOptions param micActivityMessages
+ */
+class MicActivityNotSupportedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.MicActivityNotSupported;
+    }
+}
+exports.MicActivityNotSupportedMessage = MicActivityNotSupportedMessage;
+/**
+ * Mic activity input mode is not supported by the users browser
+ */
+class VoiceActivityInputModeNotSupportedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.VoiceActivityInputModeNotSupported;
+    }
+}
+exports.VoiceActivityInputModeNotSupportedMessage = VoiceActivityInputModeNotSupportedMessage;
+/**
+ * Connection Lost
+ */
+class ConnectionLostMessage {
+    constructor(connectionState) {
+        this.connectionState = connectionState;
+        this.uneeqMessageType = UneeqMessageType.ConnectionLost;
+    }
+}
+exports.ConnectionLostMessage = ConnectionLostMessage;
+/**
+ * The avatar's answer to a question
+ */
+class AvatarAnswerMessage {
+    constructor(answer, answerAvatar, answerSpeech, transcriptId) {
+        this.answer = answer;
+        this.answerAvatar = answerAvatar;
+        this.answerSpeech = answerSpeech;
+        this.transcriptId = transcriptId;
+        this.uneeqMessageType = UneeqMessageType.AvatarAnswer;
+    }
+}
+exports.AvatarAnswerMessage = AvatarAnswerMessage;
+/**
+ * The avatar's answer to a question (HTML Content)
+ */
+class AvatarAnswerContentMessage {
+    /**
+     * @param content Note: If `hasDisplayHtml` = true, this content will contain the HTML provided by the displayHTML instruction.
+     * If `hasDisplayHtml` = false, this content will contain the `answer` value
+     * @param transcriptId
+     * @param hasDisplayHtml
+     */
+    constructor(content, transcriptId, hasDisplayHtml = false) {
+        this.content = content;
+        this.transcriptId = transcriptId;
+        this.hasDisplayHtml = hasDisplayHtml;
+        this.uneeqMessageType = UneeqMessageType.AvatarAnswerContent;
+    }
+}
+exports.AvatarAnswerContentMessage = AvatarAnswerContentMessage;
+class InstructionsMessage {
+    /**
+     *
+     * @param instructions is an object defined on the NLP which is passed to the client in response to certain questions
+     */
+    constructor(instructions) {
+        this.instructions = instructions;
+        this.uneeqMessageType = UneeqMessageType.Instructions;
+    }
 }
-
-function Transform(options) {
-  if (!(this instanceof Transform)) return new Transform(options);
-  Duplex.call(this, options);
-  this._transformState = {
-    afterTransform: afterTransform.bind(this),
-    needTransform: false,
-    transforming: false,
-    writecb: null,
-    writechunk: null,
-    writeencoding: null
-  }; // start out asking for a readable event once data is transformed.
-
-  this._readableState.needReadable = true; // we have implemented the _read method, and done the other things
-  // that Readable wants before the first _read call, so unset the
-  // sync guard flag.
-
-  this._readableState.sync = false;
-
-  if (options) {
-    if (typeof options.transform === 'function') this._transform = options.transform;
-    if (typeof options.flush === 'function') this._flush = options.flush;
-  } // When the writable side finishes, then flush out anything remaining.
-
-
-  this.on('prefinish', prefinish);
+exports.InstructionsMessage = InstructionsMessage;
+/**
+ * The question the user asked
+ */
+class AvatarQuestionMessage {
+    constructor(question, transcriptId) {
+        this.question = question;
+        this.transcriptId = transcriptId;
+        this.uneeqMessageType = UneeqMessageType.AvatarQuestionText;
+    }
 }
-
-function prefinish() {
-  var _this = this;
-
-  if (typeof this._flush === 'function' && !this._readableState.destroyed) {
-    this._flush(function (er, data) {
-      done(_this, er, data);
-    });
-  } else {
-    done(this, null, null);
-  }
+exports.AvatarQuestionMessage = AvatarQuestionMessage;
+/**
+ * Digital human has started speaking the message
+ */
+class StartedSpeakingMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.StartedSpeaking;
+    }
 }
-
-Transform.prototype.push = function (chunk, encoding) {
-  this._transformState.needTransform = false;
-  return Duplex.prototype.push.call(this, chunk, encoding);
-}; // This is the part where you do stuff!
-// override this function in implementation classes.
-// 'chunk' is an input chunk.
-//
-// Call `push(newChunk)` to pass along transformed output
-// to the readable side.  You may call 'push' zero or more times.
-//
-// Call `cb(err)` when you are done with this chunk.  If you pass
-// an error, then that'll put the hurt on the whole operation.  If you
-// never call cb(), then you'll never get another chunk.
-
-
-Transform.prototype._transform = function (chunk, encoding, cb) {
-  cb(new ERR_METHOD_NOT_IMPLEMENTED('_transform()'));
-};
-
-Transform.prototype._write = function (chunk, encoding, cb) {
-  var ts = this._transformState;
-  ts.writecb = cb;
-  ts.writechunk = chunk;
-  ts.writeencoding = encoding;
-
-  if (!ts.transforming) {
-    var rs = this._readableState;
-    if (ts.needTransform || rs.needReadable || rs.length < rs.highWaterMark) this._read(rs.highWaterMark);
-  }
-}; // Doesn't matter what the args are here.
-// _transform does all the work.
-// That we got here means that the readable side wants more data.
-
-
-Transform.prototype._read = function (n) {
-  var ts = this._transformState;
-
-  if (ts.writechunk !== null && !ts.transforming) {
-    ts.transforming = true;
-
-    this._transform(ts.writechunk, ts.writeencoding, ts.afterTransform);
-  } else {
-    // mark that we need a transform, so that any data that comes in
-    // will get processed, now that we've asked for it.
-    ts.needTransform = true;
-  }
-};
-
-Transform.prototype._destroy = function (err, cb) {
-  Duplex.prototype._destroy.call(this, err, function (err2) {
-    cb(err2);
-  });
-};
-
-function done(stream, er, data) {
-  if (er) return stream.emit('error', er);
-  if (data != null) // single equals check for both `null` and `undefined`
-    stream.push(data); // TODO(BridgeAR): Write a test for these two error cases
-  // if there's nothing in the write buffer, then that means
-  // that nothing more will ever be provided
-
-  if (stream._writableState.length) throw new ERR_TRANSFORM_WITH_LENGTH_0();
-  if (stream._transformState.transforming) throw new ERR_TRANSFORM_ALREADY_TRANSFORMING();
-  return stream.push(null);
+exports.StartedSpeakingMessage = StartedSpeakingMessage;
+/**
+ * Digital human has finished speaking the message
+ */
+class FinishedSpeakingMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.FinishedSpeaking;
+    }
 }
-
-/***/ }),
-/* 264 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-// a passthrough stream.
-// basically just the most minimal sort of Transform stream.
-// Every written chunk gets output as-is.
-
-
-module.exports = PassThrough;
-
-var Transform = __webpack_require__(263);
-
-__webpack_require__(255)(PassThrough, Transform);
-
-function PassThrough(options) {
-  if (!(this instanceof PassThrough)) return new PassThrough(options);
-  Transform.call(this, options);
+exports.FinishedSpeakingMessage = FinishedSpeakingMessage;
+/**
+ * [Deprecated] Avatar has finished speaking the message. Deprecated, use FinishedSpeakingMessage
+ */
+class AvatarTextInputFinishedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.AvatarTextInputFinished;
+    }
 }
-
-PassThrough.prototype._transform = function (chunk, encoding, cb) {
-  cb(null, chunk);
-};
-
-/***/ }),
-/* 265 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-// Ported from https://github.com/mafintosh/pump with
-// permission from the author, Mathias Buus (@mafintosh).
-
-
-var eos;
-
-function once(callback) {
-  var called = false;
-  return function () {
-    if (called) return;
-    called = true;
-    callback.apply(void 0, arguments);
-  };
+exports.AvatarTextInputFinishedMessage = AvatarTextInputFinishedMessage;
+/**
+ * User has given permission to use devices
+ */
+class DevicePermissionAllowedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.DevicePermissionAllowed;
+    }
 }
-
-var _require$codes = __webpack_require__(254).codes,
-    ERR_MISSING_ARGS = _require$codes.ERR_MISSING_ARGS,
-    ERR_STREAM_DESTROYED = _require$codes.ERR_STREAM_DESTROYED;
-
-function noop(err) {
-  // Rethrow the error if it exists to avoid swallowing it
-  if (err) throw err;
+exports.DevicePermissionAllowedMessage = DevicePermissionAllowedMessage;
+/**
+ * User has started a recording successfully
+ */
+class RecordingStartedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.RecordingStarted;
+    }
 }
-
-function isRequest(stream) {
-  return stream.setHeader && typeof stream.abort === 'function';
+exports.RecordingStartedMessage = RecordingStartedMessage;
+/**
+ * User has stopped recording successfully
+ */
+class RecordingStoppedMessage {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.RecordingStopped;
+    }
 }
-
-function destroyer(stream, reading, writing, callback) {
-  callback = once(callback);
-  var closed = false;
-  stream.on('close', function () {
-    closed = true;
-  });
-  if (eos === undefined) eos = __webpack_require__(261);
-  eos(stream, {
-    readable: reading,
-    writable: writing
-  }, function (err) {
-    if (err) return callback(err);
-    closed = true;
-    callback();
-  });
-  var destroyed = false;
-  return function (err) {
-    if (closed) return;
-    if (destroyed) return;
-    destroyed = true; // request.destroy just do .end - .abort is what we want
-
-    if (isRequest(stream)) return stream.abort();
-    if (typeof stream.destroy === 'function') return stream.destroy();
-    callback(err || new ERR_STREAM_DESTROYED('pipe'));
-  };
+exports.RecordingStoppedMessage = RecordingStoppedMessage;
+/**
+ * General Warning Message - refer to msg
+ */
+class WarningMessage {
+    constructor(msg) {
+        this.msg = msg;
+        this.uneeqMessageType = UneeqMessageType.Warning;
+    }
 }
-
-function call(fn) {
-  fn();
+exports.WarningMessage = WarningMessage;
+/**
+ * Session is Live, avatar video is active
+ */
+class SessionLiveMessage {
+    constructor(showLogo) {
+        this.showLogo = showLogo;
+        this.uneeqMessageType = UneeqMessageType.SessionLive;
+    }
 }
-
-function pipe(from, to) {
-  return from.pipe(to);
+exports.SessionLiveMessage = SessionLiveMessage;
+/**
+ * WebRTC data channel message
+ */
+class WebRtcDataMessage {
+    constructor(data) {
+        this.data = data;
+        this.uneeqMessageType = UneeqMessageType.WebRtcData;
+    }
 }
-
-function popCallback(streams) {
-  if (!streams.length) return noop;
-  if (typeof streams[streams.length - 1] !== 'function') return noop;
-  return streams.pop();
+exports.WebRtcDataMessage = WebRtcDataMessage;
+/**
+ * WebRTC stats message (diagnostics)
+ */
+class WebRtcStatsMessage {
+    constructor(stats) {
+        this.stats = stats;
+        this.uneeqMessageType = UneeqMessageType.WebRtcStats;
+    }
 }
-
-function pipeline() {
-  for (var _len = arguments.length, streams = new Array(_len), _key = 0; _key < _len; _key++) {
-    streams[_key] = arguments[_key];
-  }
-
-  var callback = popCallback(streams);
-  if (Array.isArray(streams[0])) streams = streams[0];
-
-  if (streams.length < 2) {
-    throw new ERR_MISSING_ARGS('streams');
-  }
-
-  var error;
-  var destroys = streams.map(function (stream, i) {
-    var reading = i < streams.length - 1;
-    var writing = i > 0;
-    return destroyer(stream, reading, writing, function (err) {
-      if (!error) error = err;
-      if (err) destroys.forEach(call);
-      if (reading) return;
-      destroys.forEach(call);
-      callback(error);
-    });
-  });
-  return streams.reduce(pipe);
+exports.WebRtcStatsMessage = WebRtcStatsMessage;
+/**
+ * Session Error has occurred
+ */
+class SessionErrorMessage {
+    constructor(error) {
+        this.error = error;
+        this.uneeqMessageType = UneeqMessageType.SessionError;
+    }
 }
-
-module.exports = pipeline;
-
-/***/ }),
-/* 266 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/* WEBPACK VAR INJECTION */(function(global) {/*! queue-microtask. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
-let promise
-
-module.exports = typeof queueMicrotask === 'function'
-  ? queueMicrotask.bind(typeof window !== 'undefined' ? window : global)
-  // reuse resolved promise, and allocate it lazily
-  : cb => (promise || (promise = Promise.resolve()))
-    .then(cb)
-    .catch(err => setTimeout(() => { throw err }, 0))
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(2)))
-
-/***/ }),
-/* 267 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
+exports.SessionErrorMessage = SessionErrorMessage;
 /**
- * @typedef {{ [key: string]: any }} Extensions
- * @typedef {Error} Err
- * @property {string} message
+ * Avatar request completed: the Avatar has completed processing a text or instruction request
  */
-
+class AvatarRequestCompleted {
+    constructor(reason) {
+        this.reason = reason;
+        this.uneeqMessageType = UneeqMessageType.AvatarRequestCompleted;
+    }
+}
+exports.AvatarRequestCompleted = AvatarRequestCompleted;
 /**
- *
- * @param {Error} obj
- * @param {Extensions} props
- * @returns {Error & Extensions}
+ * Avatar request ignored: the Avatar has ignored a request to speak
  */
-function assign(obj, props) {
-    for (const key in props) {
-        Object.defineProperty(obj, key, {
-            value: props[key],
-            enumerable: true,
-            configurable: true,
-        });
+class AvatarRequestIgnored {
+    constructor(reason) {
+        this.reason = reason;
+        this.uneeqMessageType = UneeqMessageType.AvatarRequestIgnored;
     }
-
-    return obj;
 }
-
+exports.AvatarRequestIgnored = AvatarRequestIgnored;
 /**
- *
- * @param {any} err - An Error
- * @param {string|Extensions} code - A string code or props to set on the error
- * @param {Extensions} [props] - Props to set on the error
- * @returns {Error & Extensions}
+ * Session Info Messages: Primarily used for testing, e.g. the active behaviour tag
  */
-function createError(err, code, props) {
-    if (!err || typeof err === 'string') {
-        throw new TypeError('Please pass an Error to err-code');
+class SessionInfoMessage {
+    constructor(info) {
+        this.info = info;
+        this.uneeqMessageType = UneeqMessageType.SessionInfo;
     }
-
-    if (!props) {
-        props = {};
+}
+exports.SessionInfoMessage = SessionInfoMessage;
+/**
+ * Clients network status has changed. {online: true|false}
+ */
+class OnlineStatusUpdateMessage {
+    constructor(online) {
+        this.online = online;
+        this.uneeqMessageType = UneeqMessageType.OnlineStatusUpdate;
     }
-
-    if (typeof code === 'object') {
-        props = code;
-        code = '';
+}
+exports.OnlineStatusUpdateMessage = OnlineStatusUpdateMessage;
+class ClientMediaStreamUpdateMessage {
+    constructor(clientStreamingAudio, clientStreamingVideo, serverStreamingAudio, serverStreamingVideo) {
+        this.clientStreamingAudio = clientStreamingAudio;
+        this.clientStreamingVideo = clientStreamingVideo;
+        this.serverStreamingAudio = serverStreamingAudio;
+        this.serverStreamingVideo = serverStreamingVideo;
+        this.uneeqMessageType = UneeqMessageType.ClientMediaStreamUpdate;
     }
-
-    if (code) {
-        props.code = code;
+}
+exports.ClientMediaStreamUpdateMessage = ClientMediaStreamUpdateMessage;
+/**
+ * These WebRTC statistics help identify if session quality is being impacted by client-side conditions.
+ * Messages are sent every 5 seconds, and are visible in the console if enableClientPerformanceMessage = true.
+ */
+class ClientPerformanceMessage {
+    constructor(clientPerformance) {
+        this.clientPerformance = clientPerformance;
+        this.uneeqMessageType = UneeqMessageType.ClientPerformanceMessage;
     }
-
-    try {
-        return assign(err, props);
-    } catch (_) {
-        props.message = err.message;
-        props.stack = err.stack;
-
-        const ErrClass = function () {};
-
-        ErrClass.prototype = Object.create(Object.getPrototypeOf(err));
-
-        // @ts-ignore
-        const output = assign(new ErrClass(), props);
-
-        return output;
+}
+exports.ClientPerformanceMessage = ClientPerformanceMessage;
+/**
+ * DigitalHuman Video Error has occurred
+ */
+class DigitalHumanVideoError {
+    constructor(error) {
+        this.error = error;
+        this.uneeqMessageType = UneeqMessageType.DigitalHumanVideoError;
     }
 }
-
-module.exports = createError;
+exports.DigitalHumanVideoError = DigitalHumanVideoError;
+/**
+ * DigitalHuman Failed to play
+ */
+class DigitalHumanFailedToPlay {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.DigitalHumanFailedToPlay;
+        this.msg = 'Digital Human failed to play with sound. This most likely occurred because the user has ' +
+            'not yet interacted with the page and was blocked due to the browser\'s autoplay policy. Video will automatically ' +
+            'be muted and attempted to be played again.';
+    }
+}
+exports.DigitalHumanFailedToPlay = DigitalHumanFailedToPlay;
+/**
+ * DigitalHuman was successfully played in muted mode
+ */
+class DigitalHumanPlayedInMutedModeSuccess {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.DigitalHumanPlayedInMutedModeSuccess;
+        this.msg = 'Digital Human was successfully played in muted mode. After the user interacts with the page you will need ' +
+            'to call unmuteDigitalHuman() to unmute the video.';
+    }
+}
+exports.DigitalHumanPlayedInMutedModeSuccess = DigitalHumanPlayedInMutedModeSuccess;
+/**
+ * DigitalHuman was unmuted
+ */
+class DigitalHumanUnmuted {
+    constructor() {
+        this.uneeqMessageType = UneeqMessageType.DigitalHumanUnmuted;
+    }
+}
+exports.DigitalHumanUnmuted = DigitalHumanUnmuted;
 
 
 /***/ }),
@@ -50991,7 +50991,7 @@ exports.MessagingService = void 0;
 const stompjs_1 = __webpack_require__(282);
 const BehaviorSubject_1 = __webpack_require__(297);
 const Subject_1 = __webpack_require__(299);
-const logger_1 = __webpack_require__(228);
+const logger_1 = __webpack_require__(233);
 const messaging_state_1 = __webpack_require__(301);
 class MessagingService {
     constructor(url, _options) {
@@ -53421,7 +53421,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VoiceInputManager = void 0;
 const operators_1 = __webpack_require__(126);
 const soundmeter_1 = __webpack_require__(307);
-const MessageTypes_1 = __webpack_require__(227);
+const MessageTypes_1 = __webpack_require__(267);
 const VoiceInputMode_1 = __webpack_require__(308);
 class VoiceInputManager {
     constructor(options, api, messages, enableMicrophone) {
@@ -53518,11 +53518,23 @@ class VoiceInputManager {
     }
     apiStartRecording() {
         this.recording = true;
-        this.api.avatarStartRecording().then(() => this.messages.next(new MessageTypes_1.RecordingStartedMessage()));
+        /**
+         * Emit the RecordingStartedMessage immediately, don't wait for http success.
+         * Server buffers the audio and will set the recording start point some time
+         * back from when it receives the RecordingStart request.
+         *
+         * We want the users UI to update immediately when we detect they are speaking,
+         * so we send the message immediately.
+         */
+        this.messages.next(new MessageTypes_1.RecordingStartedMessage());
+        this.api.avatarStartRecording().catch(() => {
+            this.recording = false;
+            this.messages.next(new MessageTypes_1.RecordingStoppedMessage());
+        });
     }
     apiStopRecording() {
         this.recording = false;
-        this.api.avatarStopRecording().then(() => this.messages.next(new MessageTypes_1.RecordingStoppedMessage()));
+        this.api.avatarStopRecording().finally(() => this.messages.next(new MessageTypes_1.RecordingStoppedMessage()));
     }
     micActivityConnected(e) {
         if (e) {
@@ -53595,7 +53607,7 @@ exports.SoundMeter = void 0;
 // It also reports on the fraction of samples that were at or near
 // the top of the measurement range.
 const rxjs_1 = __webpack_require__(20);
-const logger_1 = __webpack_require__(228);
+const logger_1 = __webpack_require__(233);
 class SoundMeter {
     constructor(context) {
         this.instant$ = new rxjs_1.BehaviorSubject(0);