@opentok/client 2.21.7 → 2.22.1

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.21.7 8db653cdf
+ * @license OpenTok.js 2.22.1 aec2e16be
  *
  * Copyright (c) 2010-2022 TokBox, Inc.
  * Subject to the applicable Software Development Kit (SDK) License Agreement:
  * https://www.vonage.com/legal/communications-apis/terms-of-use/
  *
- * Date: Tue, 01 Feb 2022 03:14:35 GMT
+ * Date: Tue, 22 Mar 2022 22:23:24 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -1368,6 +1368,7 @@ var _global, _global$navigator, _global2, _global2$process, _global2$process$ver
  * @property isChromiumEdge Whether the client is isChromiumEdge (version >= 79)
  * @property isLegacyEdge Whether the client is isLegacyEdge (version < 79)
  * @property isLegacyElectron Whether the client is isLegacyElectron (version < 2)
+ * @property isLegacyChrome Whether the client is isLegacyChrome (version < 50)
  * @property isAndroid Whether the client is an Android device
  * @property protocol The protocol property of the URL
  * @property hostName The domain of the URL
@@ -1462,6 +1463,7 @@ if (typeof ((_global2 = (typeof window !== undefined ? window : global)) == null
 
   env.isLegacyEdge = env.name === 'Edge' && env.version < 79;
   env.isLegacyElectron = env.isElectron && env.electronVersion < 2;
+  env.isLegacyChrome = env.isChrome && env.version < 50;
   env.isAndroid = env.userAgent.indexOf('android') > -1;
   env.userAgent = (typeof window !== undefined ? window : global).navigator.userAgent;
   env.protocol = (typeof window !== undefined ? window : global).location.protocol;
@@ -2391,7 +2393,7 @@ module.exports = function otErrorFactory(deps) {
 /* 12 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(600);
+module.exports = __webpack_require__(601);
 
 
 /***/ }),
@@ -5060,7 +5062,7 @@ module.exports = function (deps) {
 
   const getNativeEnumerateDevices = deps.getNativeEnumerateDevices || __webpack_require__(286)();
 
-  const getNativeMediaDevices = deps.getNativeMediaDevices || __webpack_require__(624)();
+  const getNativeMediaDevices = deps.getNativeMediaDevices || __webpack_require__(625)();
 
   const _ref = deps.currentAudioOutputDevice || __webpack_require__(105),
         getCurrentAudioOutputDeviceId = _ref.getCurrentAudioOutputDeviceId;
@@ -6792,7 +6794,7 @@ const _require = __webpack_require__(138),
 /** @type builtInConfig */
 
 
-const builtInConfig = cloneDeep({"version":"v2.21.7","buildHash":"8db653cdf","minimumVersion":{"firefox":52,"chrome":49},"debug":"false","websiteURL":"http://www.tokbox.com","configURL":"https://config.opentok.com","ipWhitelistConfigURL":"","cdnURL":"https://static.opentok.com","loggingURL":"https://hlg.tokbox.com/prod","apiURL":"https://anvil.opentok.com"});
+const builtInConfig = cloneDeep({"version":"v2.22.1","buildHash":"aec2e16be","minimumVersion":{"firefox":52,"chrome":49},"debug":"false","websiteURL":"http://www.tokbox.com","configURL":"https://config.opentok.com","ipWhitelistConfigURL":"","cdnURL":"https://static.opentok.com","loggingURL":"https://hlg.tokbox.com/prod","apiURL":"https://anvil.opentok.com"});
 const whitelistAllowedRuntimeProperties = pick(['apiURL', 'assetURL', 'cdnURL', 'sessionInfoOverrides', 'loggingURL']);
 const liveConfigMap = {
   apiUrl: 'apiURL',
@@ -8259,7 +8261,7 @@ exports.once = once(() => exports.check());
 /* 61 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var createFind = __webpack_require__(596),
+var createFind = __webpack_require__(597),
     findIndex = __webpack_require__(272);
 
 /**
@@ -8909,7 +8911,7 @@ module.exports = IntervalRunner;
 
 const pick = __webpack_require__(47);
 
-const mapValues = __webpack_require__(639);
+const mapValues = __webpack_require__(640);
 
 const isObject = __webpack_require__(9);
 
@@ -10027,33 +10029,33 @@ module.exports = function PeerConnectionFactory(deps) {
     deps = {};
   }
 
-  const hasValidPeerConnection = deps.hasValidPeerConnection || __webpack_require__(599);
+  const hasValidPeerConnection = deps.hasValidPeerConnection || __webpack_require__(600);
 
   const applySdpTransform = deps.applySdpTransform || __webpack_require__(155);
 
-  const createPeerConnection = deps.createPeerConnection || __webpack_require__(602);
+  const createPeerConnection = deps.createPeerConnection || __webpack_require__(603);
 
   const env = deps.env || __webpack_require__(2);
 
-  const sdpTransformDefaults = deps.sdpTransformDefaults || __webpack_require__(604);
+  const sdpTransformDefaults = deps.sdpTransformDefaults || __webpack_require__(605);
 
   const getStatsAdapter = deps.getStatsAdapter || __webpack_require__(274);
 
   const getRtcStatsReportAdapter = deps.getRtcStatsReportAdapter || __webpack_require__(277);
 
-  const getSynchronizationSources = deps.getSynchronizationSources || __webpack_require__(608);
+  const getSynchronizationSources = deps.getSynchronizationSources || __webpack_require__(609);
 
-  const IceCandidateProcessor = deps.IceCandidateProcessor || __webpack_require__(609);
+  const IceCandidateProcessor = deps.IceCandidateProcessor || __webpack_require__(610);
 
   const createLog = deps.logging || __webpack_require__(1);
 
-  const offerProcessor = deps.offerProcessor || __webpack_require__(611);
+  const offerProcessor = deps.offerProcessor || __webpack_require__(612);
 
-  const PeerConnectionChannels = deps.PeerConnectionChannels || __webpack_require__(613);
+  const PeerConnectionChannels = deps.PeerConnectionChannels || __webpack_require__(614);
 
-  const subscribeProcessor = deps.subscribeProcessor || __webpack_require__(615);
+  const subscribeProcessor = deps.subscribeProcessor || __webpack_require__(616);
 
-  const _ref = deps.changeMediaDirection || __webpack_require__(616),
+  const _ref = deps.changeMediaDirection || __webpack_require__(617),
         changeMediaDirectionToInactive = _ref.changeMediaDirectionToInactive,
         changeMediaDirectionToRecvOnly = _ref.changeMediaDirectionToRecvOnly;
 
@@ -10061,9 +10063,9 @@ module.exports = function PeerConnectionFactory(deps) {
 
   const windowMock = deps.global || (typeof window !== undefined ? window : global);
 
-  const debounce = deps.debounce || __webpack_require__(620);
+  const debounce = deps.debounce || __webpack_require__(621);
 
-  const needsToSwapH264Profiles = deps.needsToSwapH264Profiles || __webpack_require__(622).once;
+  const needsToSwapH264Profiles = deps.needsToSwapH264Profiles || __webpack_require__(623).once;
 
   const futureIsPeerConnectionValid = () => hasValidPeerConnection(windowMock.RTCPeerConnection);
 
@@ -14296,6 +14298,10 @@ const logOnce = once(() => {
     }
   });
 });
+const logUserAgentParsingOnce = once(() => {
+  __webpack_require__(587)(); // eslint-disable-line global-require
+
+});
 let isDialogOpen = false;
 module.exports = {
   /**
@@ -14315,6 +14321,7 @@ module.exports = {
     logging.debug('OT.checkSystemRequirements()'); // We use Number here to coerce a Boolean to 1 or 0
 
     const systemRequirementsMet = Number(isWebSocketSupported && hasOpenTokSupport());
+    logUserAgentParsingOnce();
 
     if (!systemRequirementsMet) {
       logOnce();
@@ -14379,9 +14386,9 @@ var _interopRequireDefault = __webpack_require__(3);
 
 var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(59));
 
-var _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(587));
+var _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(588));
 
-const pFinally = __webpack_require__(591);
+const pFinally = __webpack_require__(592);
 
 let TimeoutError = /*#__PURE__*/function (_Error) {
   (0, _inheritsLoose2.default)(TimeoutError, _Error);
@@ -14726,11 +14733,11 @@ module.exports = function screenSharingFactory(deps) {
 
   const chromeExtensionHelper = deps.chromeExtensionHelper || __webpack_require__(280)();
 
-  const electronExtensionHelper = deps.electronExtensionHelper || __webpack_require__(627)();
+  const electronExtensionHelper = deps.electronExtensionHelper || __webpack_require__(628)();
 
   const Errors = deps.Errors || __webpack_require__(4);
 
-  const firefoxExtensionHelper = deps.firefoxExtensionHelper || __webpack_require__(629);
+  const firefoxExtensionHelper = deps.firefoxExtensionHelper || __webpack_require__(630);
 
   const getDisplayMediaExtensionHelper = deps.getDisplayMediaExtensionHelper || __webpack_require__(287);
 
@@ -15122,13 +15129,13 @@ var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
 /* eslint-disable no-underscore-dangle */
 const eventing = __webpack_require__(6);
 
-const hasPassiveCapability = __webpack_require__(643);
+const hasPassiveCapability = __webpack_require__(644);
 
 const defaultLogging = __webpack_require__(1)('WidgetView');
 
 const DefaultOTHelpers = __webpack_require__(5);
 
-const defaultVersionGreaterThan = __webpack_require__(644);
+const defaultVersionGreaterThan = __webpack_require__(645);
 
 const defaultEnv = __webpack_require__(2);
 
@@ -15138,15 +15145,15 @@ const _require = __webpack_require__(165),
 
 const unblockAudio = __webpack_require__(166);
 
-const waitForVideoResolution = __webpack_require__(646);
+const waitForVideoResolution = __webpack_require__(647);
 
-const waitForVideoToBePlaying = __webpack_require__(647);
+const defaultWaitForVideoToBePlaying = __webpack_require__(648);
 
-const fixMini = __webpack_require__(648);
+const fixMini = __webpack_require__(649);
 
-const getOrCreateContainer = __webpack_require__(649);
+const getOrCreateContainer = __webpack_require__(650);
 
-const ensureCSSUnit = __webpack_require__(650);
+const ensureCSSUnit = __webpack_require__(651);
 
 const eventHelper = __webpack_require__(62);
 
@@ -15171,6 +15178,8 @@ function WidgetViewFactory(_temp) {
       OTHelpers = _ref$OTHelpers === void 0 ? DefaultOTHelpers : _ref$OTHelpers,
       _ref$versionGreaterTh = _ref.versionGreaterThan,
       versionGreaterThan = _ref$versionGreaterTh === void 0 ? defaultVersionGreaterThan : _ref$versionGreaterTh,
+      _ref$waitForVideoToBe = _ref.waitForVideoToBePlaying,
+      waitForVideoToBePlaying = _ref$waitForVideoToBe === void 0 ? defaultWaitForVideoToBePlaying : _ref$waitForVideoToBe,
       _ref$VideoElementFaca = _ref.VideoElementFacade,
       VideoElementFacade = _ref$VideoElementFaca === void 0 ? DefaultVideoElementFacadeFactory() : _ref$VideoElementFaca,
       _ref$env = _ref.env,
@@ -15182,6 +15191,13 @@ function WidgetViewFactory(_temp) {
   const supportsPassive = hasPassiveCapability({
     window: (typeof window !== undefined ? window : global)
   });
+
+  const throwIfBindCancelled = cancellation => {
+    if (cancellation.isCanceled()) {
+      logging.debug('bindVideo bailing due to cancellation');
+      throw new CancellationError('CANCEL');
+    }
+  };
   /**
    * WidgetView - A standard abstraction used by Subscriber and Publisher for
    * displaying the video and it's UI.
@@ -15192,6 +15208,7 @@ function WidgetViewFactory(_temp) {
    * @param {Object} properties
    */
 
+
   let WidgetView = /*#__PURE__*/function () {
     /** @type {typeVideoElementFacade} */
 
@@ -15384,200 +15401,227 @@ function WidgetViewFactory(_temp) {
       if (this._videoElementFacade) {
         this._videoElementFacade._pauseAndPlay();
       }
-    }
-    /**
-     * Bind a video to a VideoElementFacade
-     *
-     * @param {MediaStream} webRTCStream the MediaStream to bind
-     * @param {Object} options
-     * @param {Function} options.error Error callback
-     * @param {Float} options.audioVolume The initial audioVolume
-     * @param {Boolean} options.muted The initial mute state
-     * @param {String} [options.fallbackText] The default fallbackText
-     *
-     * @return {Promise<undefined>}
-     */
-    ;
-
-    _proto.bindVideo =
-    /*#__PURE__*/
-    function () {
-      var _bindVideo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(webRTCStream, _ref3) {
-        var audioVolume, muted, fallbackText, _inject, oldVideoFacade, tempContainer, cancellation, videoFacadeEvents, whenVideoPlaying, subscribingToAudioOnlyStream;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              audioVolume = _ref3.audioVolume, muted = _ref3.muted, fallbackText = _ref3.fallbackText, _inject = _ref3._inject;
-              logging.debug('bindVideo ', {
-                webRTCStream
-              });
-              oldVideoFacade = this._videoElementFacade;
-              tempContainer = document.createElement('div');
-
-              if (this._cancelBind) {
-                logging.debug('Cancelling last bindVideo request');
-
-                this._cancelBind.cancel();
-              }
-
-              this._cancelBind = new Cancellation();
-              cancellation = this._cancelBind;
-              this.once('destroy', () => cancellation.cancel());
-              this._videoElementFacade = new WidgetView.VideoElementFacade({
-                defaultAudioVolume: parseFloat(audioVolume, 100),
-                fallbackText,
-                fitMode: this._fitMode,
-                _inject,
-                muted,
-                widgetType: this._widgetType
-              });
-              videoFacadeEvents = eventHelper(this._videoElementFacade);
-
-              if (this._videoFacadeEvents) {
-                logging.debug('Remove event listeners from old video facade');
+    };
 
-                this._videoFacadeEvents.removeAll();
-              }
+    _proto._createVideoElementFacade = function _createVideoElementFacade(_ref3) {
+      let _inject = _ref3._inject,
+          audioVolume = _ref3.audioVolume,
+          fallbackText = _ref3.fallbackText,
+          muted = _ref3.muted;
+      this._videoElementFacade = new VideoElementFacade({
+        defaultAudioVolume: parseFloat(audioVolume),
+        fallbackText,
+        fitMode: this._fitMode,
+        _inject,
+        muted,
+        widgetType: this._widgetType
+      });
+      const videoFacadeEvents = eventHelper(this._videoElementFacade);
+      this._videoFacadeEvents = videoFacadeEvents;
+      videoFacadeEvents.on('error', () => {
+        this.trigger('error');
+      });
+      videoFacadeEvents.on('videoDimensionsChanged', (oldValue, newValue) => {
+        this.trigger('videoDimensionsChanged', oldValue, newValue);
+      });
+      videoFacadeEvents.on('mediaStopped', track => {
+        this.trigger('mediaStopped', track);
+      });
+      videoFacadeEvents.on('audioBlocked', () => this.trigger('audioBlocked'));
+      videoFacadeEvents.on('audioUnblocked', () => this.trigger('audioUnblocked')); // makes the incoming audio streams take priority (will impact only FF OS for now)
 
-              this._videoFacadeEvents = videoFacadeEvents;
-              videoFacadeEvents.on('error', () => {
-                this.trigger('error');
-              });
-              videoFacadeEvents.on('videoDimensionsChanged', (oldValue, newValue) => {
-                this.trigger('videoDimensionsChanged', oldValue, newValue);
-              });
-              videoFacadeEvents.on('mediaStopped', track => {
-                this.trigger('mediaStopped', track);
-              });
-              videoFacadeEvents.on('audioBlocked', () => this.trigger('audioBlocked'));
-              videoFacadeEvents.on('audioUnblocked', () => this.trigger('audioUnblocked')); // Initialize the audio volume
-
-              if (typeof audioVolume !== 'undefined') {
-                try {
-                  this._videoElementFacade.setAudioVolume(audioVolume);
-                } catch (e) {
-                  logging.warn(`bindVideo ${e}`);
-                }
-              } // makes the incoming audio streams take priority (will impact only FF OS for now)
+      this._videoElementFacade.audioChannelType('telephony');
 
+      logging.debug('Appending the video facade');
 
-              this._videoElementFacade.audioChannelType('telephony');
+      this._videoElementFacade.appendTo(this._widgetContainer); // Initialize the audio volume
 
-              if (!oldVideoFacade) {
-                logging.debug('Appending the video facade');
 
-                this._videoElementFacade.appendTo(this._widgetContainer);
-              } else {
-                this._videoElementFacade.appendTo(tempContainer);
-              }
+      if (typeof audioVolume !== 'undefined') {
+        try {
+          this._videoElementFacade.setAudioVolume(audioVolume);
+        } catch (e) {
+          logging.warn(`bindVideo ${e}`);
+        }
+      }
+    };
 
-              _context.prev = 20;
-              _context.next = 23;
+    _proto._bindToStream = /*#__PURE__*/function () {
+      var _bindToStream2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(webRTCStream, cancellation) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
               return this._videoElementFacade.bindToStream(webRTCStream);
 
-            case 23:
-              _context.next = 34;
+            case 3:
+              _context.next = 14;
               break;
 
-            case 25:
-              _context.prev = 25;
-              _context.t0 = _context["catch"](20);
+            case 5:
+              _context.prev = 5;
+              _context.t0 = _context["catch"](0);
 
               if (!cancellation.isCanceled()) {
-                _context.next = 32;
+                _context.next = 12;
                 break;
               }
 
               logging.debug('Refusing to destroyVideo as bindVideo was cancelled');
               throw new CancellationError('CANCEL');
 
-            case 32:
+            case 12:
               this.destroyVideo();
               throw _context.t0;
 
-            case 34:
-              if (!oldVideoFacade) {
-                if (this._videoElementFacade.domElement()) {
-                  this.trigger('videoElementCreated', this._videoElementFacade.domElement());
-                }
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[0, 5]]);
+      }));
 
-                videoFacadeEvents.on('videoElementCreated', element => {
-                  this.trigger('videoElementCreated', element);
-                });
-              }
+      function _bindToStream(_x, _x2) {
+        return _bindToStream2.apply(this, arguments);
+      }
 
-              if (!cancellation.isCanceled()) {
-                _context.next = 38;
-                break;
-              }
+      return _bindToStream;
+    }();
 
-              logging.debug('bindVideo bailing due to cancellation');
-              throw new CancellationError('CANCEL');
+    _proto._getNewBindCancellation = function _getNewBindCancellation() {
+      if (this._cancelBind) {
+        logging.debug('Cancelling last bindVideo request');
 
-            case 38:
-              whenVideoPlaying = waitForVideoToBePlaying(this._videoElementFacade, 5000);
+        this._cancelBind.cancel();
+      }
+
+      const cancellation = new Cancellation();
+      this._cancelBind = cancellation;
+      this.once('destroy', () => cancellation.cancel());
+      return cancellation;
+    };
+
+    _proto._triggerVideoElementCreated = function _triggerVideoElementCreated() {
+      const triggerVideoElementCreated = element => {
+        this.trigger('videoElementCreated', element);
+
+        if (this._insertDefaultUI) {
+          OTHelpers.addClass(element, 'OT_video-element');
+        }
+      };
+
+      if (this._videoElementFacade.domElement()) {
+        triggerVideoElementCreated(this._videoElementFacade.domElement());
+      } else {
+        this._videoFacadeEvents.on('videoElementCreated', element => {
+          triggerVideoElementCreated(element);
+        });
+      }
+    };
+
+    _proto._waitForVideoResolution = /*#__PURE__*/function () {
+      var _waitForVideoResolution2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(webRTCStream) {
+        var subscribingToAudioOnlyStream;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
               subscribingToAudioOnlyStream = this.audioOnly() && this._widgetType === 'subscriber';
 
               if (!(!subscribingToAudioOnlyStream && webRTCStream.getVideoTracks().length > 0)) {
-                _context.next = 45;
+                _context2.next = 6;
                 break;
               }
 
               logging.debug('Waiting for correct resolution');
-              _context.next = 44;
+              _context2.next = 5;
               return waitForVideoResolution(this._videoElementFacade, 5000);
 
-            case 44:
+            case 5:
               logging.debug(`Resolution: ${this._videoElementFacade.videoWidth()}x${this._videoElementFacade.videoHeight()}`);
 
-            case 45:
-              logging.debug('Waiting for video to be playing');
-              _context.next = 48;
-              return whenVideoPlaying;
-
-            case 48:
-              logging.debug('Video is playing');
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
 
-              if (!cancellation.isCanceled()) {
-                _context.next = 52;
-                break;
-              }
+      function _waitForVideoResolution(_x3) {
+        return _waitForVideoResolution2.apply(this, arguments);
+      }
 
-              logging.debug('bindVideo bailing due to cancellation');
-              throw new CancellationError('CANCEL');
+      return _waitForVideoResolution;
+    }()
+    /**
+     * Bind a video to a VideoElementFacade
+     *
+     * @param {MediaStream} webRTCStream the MediaStream to bind
+     * @param {Object} options
+     * @param {Function} options.error Error callback
+     * @param {Float} options.audioVolume The initial audioVolume
+     * @param {Boolean} options.muted The initial mute state
+     * @param {String} [options.fallbackText] The default fallbackText
+     *
+     * @return {Promise<undefined>}
+     */
+    ;
 
-            case 52:
-              if (oldVideoFacade) {
-                // overview of the transition
-                // add new one to dom, give it a second
-                // remove old one
-                if (this._videoElementFacade.domElement()) {
-                  this.trigger('videoElementCreated', this._videoElementFacade.domElement());
-                }
+    _proto.bindVideo =
+    /*#__PURE__*/
+    function () {
+      var _bindVideo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(webRTCStream, _ref4) {
+        var audioVolume, muted, fallbackText, _inject, hasExistingElement, cancellation, whenVideoPlaying;
 
-                videoFacadeEvents.on('videoElementCreated', element => {
-                  this.trigger('videoElementCreated', element);
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              audioVolume = _ref4.audioVolume, muted = _ref4.muted, fallbackText = _ref4.fallbackText, _inject = _ref4._inject;
+              logging.debug('bindVideo ', {
+                webRTCStream
+              });
+              hasExistingElement = !!this._videoElementFacade;
+              cancellation = this._getNewBindCancellation();
+
+              if (!hasExistingElement) {
+                this._createVideoElementFacade({
+                  _inject,
+                  audioVolume,
+                  fallbackText,
+                  muted
                 });
-                logging.debug('Destroy the old video facade');
-                oldVideoFacade.destroy();
-                logging.debug('Insert the new video facade');
-
-                this._videoElementFacade.appendTo(this._widgetContainer);
               }
 
-              if (this._insertDefaultUI !== false) {
-                OTHelpers.addClass(this._videoElementFacade.domElement(), 'OT_video-element');
+              _context3.next = 7;
+              return this._bindToStream(webRTCStream, cancellation);
+
+            case 7:
+              if (!hasExistingElement) {
+                this._triggerVideoElementCreated();
               }
 
-            case 54:
+              throwIfBindCancelled(cancellation);
+              whenVideoPlaying = waitForVideoToBePlaying(this._videoElementFacade, 5000);
+              _context3.next = 12;
+              return this._waitForVideoResolution(webRTCStream);
+
+            case 12:
+              logging.debug('Waiting for video to be playing');
+              _context3.next = 15;
+              return whenVideoPlaying;
+
+            case 15:
+              logging.debug('Video is playing');
+              throwIfBindCancelled(cancellation);
+
+            case 17:
             case "end":
-              return _context.stop();
+              return _context3.stop();
           }
-        }, _callee, this, [[20, 25]]);
+        }, _callee3, this);
       }));
 
-      function bindVideo(_x, _x2) {
+      function bindVideo(_x4, _x5) {
         return _bindVideo.apply(this, arguments);
       }
 
@@ -15696,11 +15740,8 @@ function WidgetViewFactory(_temp) {
       }
     }]);
     return WidgetView;
-  }(); // This is bound here so that it can be mocked in testing. Feels like a smell that's a symptom of
-  // larger problems to me, but I'm just maintaining existing behaviour right now.
-
+  }();
 
-  WidgetView.VideoElementFacade = VideoElementFacade;
   return WidgetView;
 }
 
@@ -15718,7 +15759,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CancellationError = exports.default = undefined;
 
-var _Cancellation = __webpack_require__(645);
+var _Cancellation = __webpack_require__(646);
 
 var _Cancellation2 = _interopRequireDefault(_Cancellation);
 
@@ -15832,7 +15873,7 @@ const pick = __webpack_require__(47);
 
 const once = __webpack_require__(49);
 
-const startCase = __webpack_require__(664);
+const startCase = __webpack_require__(665);
 
 const uuid = __webpack_require__(19);
 
@@ -15846,7 +15887,7 @@ const _require = __webpack_require__(165),
 
 const env = __webpack_require__(2);
 
-const setEncodersActiveStateDefault = __webpack_require__(674);
+const setEncodersActiveStateDefault = __webpack_require__(675);
 
 const promisify = __webpack_require__(307);
 
@@ -15866,28 +15907,28 @@ const IntervalRunnerDefault = __webpack_require__(74);
 
 const createCleanupJobs = __webpack_require__(154);
 
-const whitelistPublisherProperties = __webpack_require__(675);
+const whitelistPublisherProperties = __webpack_require__(676);
 
 const defaultWidgetView = __webpack_require__(164)();
 
-const audioLevelBehaviour = __webpack_require__(676);
+const audioLevelBehaviour = __webpack_require__(677);
 
-const blockCallsUntilComplete = __webpack_require__(677);
+const blockCallsUntilComplete = __webpack_require__(678);
 
 const unblockAudio = __webpack_require__(166);
 
 const _require2 = __webpack_require__(23)(),
       getInputMediaDevices = _require2.getInputMediaDevices;
 
-const createCanvasVideoTrack = __webpack_require__(678);
+const createCanvasVideoTrack = __webpack_require__(679);
 
 const isSecureContextRequired = __webpack_require__(269);
 
 const isGetRtcStatsReportSupported = __webpack_require__(306);
 
-const getDeviceIdFromStream = __webpack_require__(679);
+const getDeviceIdFromStream = __webpack_require__(680);
 
-const createStreamErrorMap = __webpack_require__(680);
+const createStreamErrorMap = __webpack_require__(681);
 
 const _require3 = __webpack_require__(290),
       setVideoContentHint = _require3.setVideoContentHint,
@@ -16325,8 +16366,8 @@ module.exports = function PublisherFactory(_ref) {
       // Further info: OPENTOK-44289
 
 
-      const staticContents = ['text', 'detail'];
-      const isStaticContent = staticContents.includes(properties.videoContentHint);
+      const staticContentHints = ['text', 'detail'];
+      const isStaticContent = staticContentHints.includes(properties.videoContentHint);
       return isCustomVideoTrack && isStaticContent;
     };
 
@@ -16470,10 +16511,9 @@ module.exports = function PublisherFactory(_ref) {
         videoWidth: this.videoWidth(),
         videoHeight: this.videoHeight()
       };
-      const parsedAndQosStats = assign(QoSBlob, parsedStats);
-      const videoParsedStats = assign(parsedAndQosStats, videoDimensions);
+      const parsedAndQosStats = assign({}, QoSBlob, parsedStats, videoDimensions);
       analytics.logQOS(parsedAndQosStats);
-      this.trigger('qos', videoParsedStats);
+      this.trigger('qos', parsedAndQosStats);
     }; // Returns the video dimensions. Which could either be the ones that
     // the developer specific in the videoDimensions property, or just
     // whatever the video element reports.
@@ -17177,9 +17217,18 @@ module.exports = function PublisherFactory(_ref) {
     const hasVideo = () => {
       if (!webRTCStream || webRTCStream.getVideoTracks().length === 0) {
         return false;
-      }
+      } // On Chrome when screensharing/custom video is static, it is swapping between 'mute' and
+      // 'unmute' states periodically for no reason OPENTOK-37818
+      // https://bugs.chromium.org/p/chromium/issues/detail?id=931033
+      // We will ignore track.muted when screensharing and custom when videoContentHint
+      // suggests video could be static, i.e. text or detail
+
 
-      return webRTCStream.getVideoTracks().reduce((isEnabled, track) => isEnabled && !track.muted && track.enabled && track.readyState !== 'ended', properties.publishVideo);
+      const staticContentHints = ['text', 'detail'];
+      const isStaticContent = staticContentHints.includes(properties.videoContentHint);
+      const isStaticCustom = isCustomVideoTrack && isStaticContent;
+      const shouldIgnoreTrackMuteState = OTHelpers.env.isChrome && (isScreenSharing || isStaticCustom);
+      return webRTCStream.getVideoTracks().reduce((isEnabled, track) => isEnabled && (!track.muted || !!shouldIgnoreTrackMuteState) && track.enabled && track.readyState !== 'ended', properties.publishVideo);
     };
 
     const hasAudio = () => {
@@ -20594,7 +20643,7 @@ const eventing = __webpack_require__(6);
 
 const Events = __webpack_require__(22)();
 
-const connectionCapabilities = __webpack_require__(710);
+const connectionCapabilities = __webpack_require__(711);
 /**
  * The Connection object represents a connection to an OpenTok session. Each client that connects
  * to a session has a unique connection, with a unique connection ID (represented by the
@@ -26903,10 +26952,10 @@ module.exports = _setPrototypeOf;
 
 var arrayMap = __webpack_require__(33),
     baseClone = __webpack_require__(77),
-    baseUnset = __webpack_require__(592),
+    baseUnset = __webpack_require__(593),
     castPath = __webpack_require__(57),
     copyObject = __webpack_require__(39),
-    customOmitClone = __webpack_require__(595),
+    customOmitClone = __webpack_require__(596),
     flatRest = __webpack_require__(137),
     getAllKeysIn = __webpack_require__(184);
 
@@ -27025,7 +27074,7 @@ module.exports = findIndex;
 /* 273 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseUniq = __webpack_require__(597);
+var baseUniq = __webpack_require__(598);
 
 /**
  * Creates a duplicate-free version of an array, using
@@ -27059,7 +27108,7 @@ module.exports = uniq;
 "use strict";
 
 
-const toArray = __webpack_require__(605);
+const toArray = __webpack_require__(606);
 
 const getRtcStatsReportAdapter = __webpack_require__(277);
 
@@ -27139,7 +27188,7 @@ module.exports = isString;
 /* 276 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseValues = __webpack_require__(607),
+var baseValues = __webpack_require__(608),
     keys = __webpack_require__(30);
 
 /**
@@ -27224,9 +27273,9 @@ var _events = __webpack_require__(41);
 
 var _clone = _interopRequireDefault(__webpack_require__(36));
 
-var _parseQOS = _interopRequireDefault(__webpack_require__(617));
+var _parseQOS = _interopRequireDefault(__webpack_require__(618));
 
-var _TruthyChangeCounter = _interopRequireDefault(__webpack_require__(619));
+var _TruthyChangeCounter = _interopRequireDefault(__webpack_require__(620));
 
 var _now = _interopRequireDefault(__webpack_require__(48));
 
@@ -27664,7 +27713,7 @@ module.exports = function createChromeMixinFactory(deps) {
     deps = {};
   }
 
-  const Archiving = deps.Archiving || __webpack_require__(623);
+  const Archiving = deps.Archiving || __webpack_require__(624);
 
   const AudioLevelMeter = deps.AudioLevelMeter || __webpack_require__(282);
 
@@ -28712,11 +28761,11 @@ const eventing = __webpack_require__(6);
 
 const eventHelper = __webpack_require__(62);
 
-const destroyObj = __webpack_require__(634);
+const destroyObj = __webpack_require__(635);
 
-const patchSrcObject = __webpack_require__(635);
+const patchSrcObject = __webpack_require__(636);
 
-const isDomElementVisible = __webpack_require__(636);
+const isDomElementVisible = __webpack_require__(637);
 
 const promiseDelay = __webpack_require__(106);
 
@@ -28767,13 +28816,13 @@ function NativeVideoElementWrapperFactory(deps) {
 
   const audioContextProvider = deps.audioContext || __webpack_require__(158)();
 
-  const canBeOrientatedMixin = deps.canBeOrientatedMixin || __webpack_require__(637);
+  const canBeOrientatedMixin = deps.canBeOrientatedMixin || __webpack_require__(638);
   /** @type {Document} */
 
 
   const document = deps.document || (typeof window !== undefined ? window : global).document;
 
-  const listenForTracksEnded = deps.listenForTracksEnded || __webpack_require__(638)();
+  const listenForTracksEnded = deps.listenForTracksEnded || __webpack_require__(639)();
 
   const createLog = deps.logging || __webpack_require__(1);
 
@@ -29821,7 +29870,7 @@ module.exports = function PublisherPeerConnectionFactory(deps) {
 
   const setCertificates = deps.setCertificates || __webpack_require__(163)();
 
-  const watchAudioAcquisition = deps.watchAudioAcquisition || __webpack_require__(640);
+  const watchAudioAcquisition = deps.watchAudioAcquisition || __webpack_require__(641);
   /**
    * @typedef {object} PublisherPeerConnectionConfig
    * @property {function(string, string=, object=, object=, boolean=)} logAnalyticsEvent
@@ -30098,7 +30147,7 @@ module.exports = function SubscriberPeerConnectionFactory(deps) {
 
   const OTErrorClass = deps.OTErrorClass || __webpack_require__(21);
 
-  const watchSubscriberAudio = deps.watchSubscriberAudio || __webpack_require__(641);
+  const watchSubscriberAudio = deps.watchSubscriberAudio || __webpack_require__(642);
   /*
    * Abstracts PeerConnection related stuff away from Subscriber.
    *
@@ -30574,19 +30623,19 @@ const eventNames = __webpack_require__(26);
 
 const eventing = __webpack_require__(6);
 
-const waitUntil = __webpack_require__(651);
+const waitUntil = __webpack_require__(652);
 
 const RafRunner = __webpack_require__(103);
 
 const eventHelper = __webpack_require__(62);
 
-const interpretSubscriberCreateError = __webpack_require__(652);
+const interpretSubscriberCreateError = __webpack_require__(653);
 
 const Errors = __webpack_require__(4);
 
 const defaultWidgetView = __webpack_require__(164)();
 
-const audioLevelBehaviour = __webpack_require__(653);
+const audioLevelBehaviour = __webpack_require__(654);
 
 const AudioLevelMeterDefault = __webpack_require__(282);
 
@@ -30610,7 +30659,7 @@ const hasAudioOutputLevelStatCapabilityDefault = __webpack_require__(301);
 
 const hasRemoteStreamsWithWebAudioDefault = __webpack_require__(302);
 
-const audioLevelSamplerDefault = __webpack_require__(654);
+const audioLevelSamplerDefault = __webpack_require__(655);
 
 const interpretPeerConnectionErrorDefault = __webpack_require__(162)();
 
@@ -30640,23 +30689,23 @@ const SubscriberPeerConnectionDefault = __webpack_require__(296)({
 
 const SubscribingStateDefault = __webpack_require__(303);
 
-const VideoDisabledIndicatorDefault = __webpack_require__(657);
+const VideoDisabledIndicatorDefault = __webpack_require__(658);
 
-const AudioBlockedIndicatorDefault = __webpack_require__(658);
+const AudioBlockedIndicatorDefault = __webpack_require__(659);
 
-const VideoUnsupportedIndicatorDefault = __webpack_require__(659);
+const VideoUnsupportedIndicatorDefault = __webpack_require__(660);
 
-const watchFrameRateDefault = __webpack_require__(660);
+const watchFrameRateDefault = __webpack_require__(661);
 
 const createSendMethodDefault = __webpack_require__(304);
 
 const parseIceServersDefault = __webpack_require__(100).parseIceServers;
 
-const overallTimeout = __webpack_require__(661);
+const overallTimeout = __webpack_require__(662);
 
-const createConnectivityState = __webpack_require__(662);
+const createConnectivityState = __webpack_require__(663);
 
-const createConnectivityAttemptPinger = __webpack_require__(663);
+const createConnectivityAttemptPinger = __webpack_require__(664);
 
 const isGetRtcStatsReportSupported = __webpack_require__(306);
 
@@ -30826,6 +30875,8 @@ module.exports = function SubscriberFactory(_temp) {
 
     let _webRTCStream;
 
+    let _videoEnabled;
+
     let _lastSubscribeToVideoReason;
 
     let _attemptStartTime;
@@ -31261,6 +31312,8 @@ module.exports = function SubscriberFactory(_temp) {
     };
 
     const recordQOS = (_ref10) => {
+      var _properties$preferred, _properties$preferred2;
+
       let parsedStats = _ref10.parsedStats,
           remoteConnectionId = _ref10.remoteConnectionId,
           peerId = _ref10.peerId,
@@ -31283,7 +31336,11 @@ module.exports = function SubscriberFactory(_temp) {
         duration: Math.round((now() - _subscribeStartTime) / 1000),
         remoteConnectionId,
         peerId,
-        sourceStreamId: getMediaModeBySourceStreamId(sourceStreamId)
+        sourceStreamId: getMediaModeBySourceStreamId(sourceStreamId),
+        preferredResolutionHeight: (_properties$preferred = _properties.preferredResolution) == null ? void 0 : _properties$preferred.height,
+        preferredResolutionWidth: (_properties$preferred2 = _properties.preferredResolution) == null ? void 0 : _properties$preferred2.width,
+        preferredFrameRate: _properties.preferredFrameRate,
+        audioFallback: !_videoEnabled && _lastSubscribeToVideoReason === 'auto'
       };
       const combinedStats = assign(QoSBlob, parsedStats);
       analytics.logQOS(combinedStats);
@@ -33013,6 +33070,7 @@ module.exports = function SubscriberFactory(_temp) {
 
       _properties.subscribeToVideo = value;
       _lastSubscribeToVideoReason = reason;
+      _videoEnabled = value;
       logAnalyticsEvent('subscribeToVideo', 'Success', {
         subscribeToVideo: value,
         reason
@@ -34936,9 +34994,9 @@ const isFunction = __webpack_require__(15);
 
 const isObject = __webpack_require__(9);
 
-const isNullOrFalse = __webpack_require__(681);
+const isNullOrFalse = __webpack_require__(682);
 
-const setVideoContentHintIfCanvas = __webpack_require__(682);
+const setVideoContentHintIfCanvas = __webpack_require__(683);
 
 module.exports = function initPublisherFactory(deps) {
   if (deps === void 0) {
@@ -35087,9 +35145,6 @@ module.exports = function initPublisherFactory(deps) {
   *   <a target="_blank" href="https://datatracker.ietf.org/doc/html/rfc7587#section-3.1.3">Opus DTX</a>. The default
   *   value is <code>false</code>. Setting this to <code>true</code> can reduce bandwidth usage
   *   in streams that have long periods of silence.
-  *   <p>
-  *   This is a <em>beta</em> feature.
-  *
   * </li>
   * <li>
   *   <strong>facingMode</strong> (String) &#151; The preferred camera position to use for the
@@ -35551,7 +35606,7 @@ var _extends2 = _interopRequireDefault(__webpack_require__(25));
 /* eslint-disable max-len */
 const EventEmitter = __webpack_require__(41);
 
-const findKey = __webpack_require__(683);
+const findKey = __webpack_require__(684);
 
 const isObject = __webpack_require__(9);
 
@@ -35571,9 +35626,9 @@ const IntervalRunner = __webpack_require__(74);
 
 const promisify = __webpack_require__(307);
 
-const testRemovingVideoCodecs = __webpack_require__(685);
+const testRemovingVideoCodecs = __webpack_require__(686);
 
-const validateIceConfigFactory = __webpack_require__(686);
+const validateIceConfigFactory = __webpack_require__(687);
 
 const _require = __webpack_require__(138),
       prependProxyToUrlIfNeeded = _require.prependProxyToUrlIfNeeded;
@@ -35596,7 +35651,7 @@ module.exports = function SessionFactory(deps) {
 
   const Capabilities = deps.Capabilities || __webpack_require__(169);
 
-  const convertAnvilErrorCode = deps.convertAnvilErrorCode || __webpack_require__(687);
+  const convertAnvilErrorCode = deps.convertAnvilErrorCode || __webpack_require__(688);
 
   const convertRumorError = deps.convertRumorError || __webpack_require__(310);
 
@@ -35618,7 +35673,7 @@ module.exports = function SessionFactory(deps) {
 
   const OTHelpers = deps.OTHelpers || __webpack_require__(5);
 
-  const forceMuteErrors = __webpack_require__(688);
+  const forceMuteErrors = __webpack_require__(689);
   /** @type {typeof StaticConfigDefault} */
 
 
@@ -35629,7 +35684,7 @@ module.exports = function SessionFactory(deps) {
 
   const Publisher = deps.Publisher || __webpack_require__(168)();
 
-  const RaptorSocket = deps.RaptorSocket || __webpack_require__(689).default();
+  const RaptorSocket = deps.RaptorSocket || __webpack_require__(690).default();
 
   const SessionDispatcher = deps.SessionDispatcher || __webpack_require__(318);
 
@@ -35650,7 +35705,7 @@ module.exports = function SessionFactory(deps) {
   });
   const windowMock = deps.global || (typeof window !== undefined ? window : global);
 
-  const getSessionInfo = deps.getSessionInfo || __webpack_require__(713)();
+  const getSessionInfo = deps.getSessionInfo || __webpack_require__(714)();
 
   const SessionInfo = __webpack_require__(141);
 
@@ -38839,7 +38894,7 @@ const logging = __webpack_require__(1)('Dispatcher');
 
 const RumorMessageTypes = __webpack_require__(171);
 
-const unboxFromRumorMessage = __webpack_require__(704);
+const unboxFromRumorMessage = __webpack_require__(705);
 
 const Dispatcher = function Dispatcher() {
   eventing(this);
@@ -39153,13 +39208,13 @@ const uuid = __webpack_require__(19);
 
 const OTHelpers = __webpack_require__(5);
 
-const hasBundleCapability = __webpack_require__(707);
+const hasBundleCapability = __webpack_require__(708);
 
-const hasRTCPMuxCapability = __webpack_require__(708);
+const hasRTCPMuxCapability = __webpack_require__(709);
 
 const serializeMessage = __webpack_require__(312);
 
-const supportedCryptoScheme = __webpack_require__(709);
+const supportedCryptoScheme = __webpack_require__(710);
 
 const staticConfig = __webpack_require__(44)().onlyLocal();
 
@@ -39622,7 +39677,7 @@ const now = __webpack_require__(48);
 
 const Connection = __webpack_require__(172);
 
-const DelayedEventQueue = __webpack_require__(712);
+const DelayedEventQueue = __webpack_require__(713);
 
 const Dispatcher = __webpack_require__(314);
 
@@ -40609,7 +40664,7 @@ const Events = __webpack_require__(22)();
 
 const generateSimpleStateMachine = __webpack_require__(160)();
 
-const getUserMediaHelper = __webpack_require__(625)({
+const getUserMediaHelper = __webpack_require__(626)({
   otError,
   global: windowMock
 });
@@ -40619,7 +40674,7 @@ const screenSharing = __webpack_require__(161)({
   otError
 });
 
-const processPubOptions = __webpack_require__(630)({
+const processPubOptions = __webpack_require__(631)({
   deviceHelpers,
   generateConstraintInfo,
   getUserMediaHelper,
@@ -40628,7 +40683,7 @@ const processPubOptions = __webpack_require__(630)({
   screenSharing
 });
 
-const getUserMedia = __webpack_require__(633)({
+const getUserMedia = __webpack_require__(634)({
   otError,
   processPubOptions
 });
@@ -40666,7 +40721,7 @@ const SubscriberPeerConnection = __webpack_require__(296)({
 
 const PublishingState = __webpack_require__(297)();
 
-const reportIssue = __webpack_require__(642)({
+const reportIssue = __webpack_require__(643)({
   otError
 });
 
@@ -40727,14 +40782,14 @@ const Session = __webpack_require__(309)({
   Subscriber
 });
 
-const initSession = __webpack_require__(716)({
+const initSession = __webpack_require__(717)({
   Session
 }); // Allow events to be bound on OT
 
 
 eventing(OT);
 
-const getSupportedCodecs = __webpack_require__(717);
+const getSupportedCodecs = __webpack_require__(718);
 
 setDeprecatedProperty(OT, '$', {
   name: 'OT.$',
@@ -40780,10 +40835,10 @@ OT.Error.on(eventNames.EXCEPTION, exceptionEvent => {
 OT.Event = Event;
 OT.ExceptionCodes = ExceptionCodes;
 OT.ExceptionEvent = Events.ExceptionEvent;
-OT.getDevices = __webpack_require__(720);
+OT.getDevices = __webpack_require__(721);
 OT.getAudioOutputDevices = __webpack_require__(320);
 OT.getActiveAudioOutputDevice = __webpack_require__(321);
-OT.setAudioOutputDevice = __webpack_require__(721)();
+OT.setAudioOutputDevice = __webpack_require__(722)();
 OT.GetAudioLevelSampler = GetAudioLevelSampler;
 OT.HAS_REQUIREMENTS = 1;
 OT.IntervalRunner = IntervalRunner;
@@ -40954,9 +41009,7 @@ EnvironmentLoader.onUnload(() => {
   sessionObjects.sessions.destroy('unloaded');
 });
 
-__webpack_require__(722)();
-
-__webpack_require__(724)();
+__webpack_require__(723)();
 /**
  * This method is deprecated. Use <a href="#on">on()</a> or <a href="#once">once()</a> instead.
  *
@@ -58303,13 +58356,47 @@ module.exports = /*#__PURE__*/function (_Events) {
 /* 587 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var getPrototypeOf = __webpack_require__(588);
+"use strict";
+
+
+/* eslint-disable global-require */
+const AnalyticsHelper = __webpack_require__(27);
+
+module.exports = function (deps) {
+  if (deps === void 0) {
+    deps = {};
+  }
+
+  const env = deps.env || __webpack_require__(2);
+
+  const analytics = deps.analytics || new AnalyticsHelper();
+  analytics.logEvent({
+    action: 'UserAgentParsing',
+    variation: 'Attempt',
+    payload: {
+      userAgent: env.userAgent
+    }
+  });
+  analytics.logEvent({
+    action: 'UserAgentParsing',
+    variation: env.error ? 'Failure' : 'Success',
+    payload: {
+      userAgent: env.userAgent
+    }
+  });
+};
+
+/***/ }),
+/* 588 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var getPrototypeOf = __webpack_require__(589);
 
 var setPrototypeOf = __webpack_require__(270);
 
-var isNativeFunction = __webpack_require__(589);
+var isNativeFunction = __webpack_require__(590);
 
-var construct = __webpack_require__(590);
+var construct = __webpack_require__(591);
 
 function _wrapNativeSuper(Class) {
   var _cache = typeof Map === "function" ? new Map() : undefined;
@@ -58348,7 +58435,7 @@ function _wrapNativeSuper(Class) {
 module.exports = _wrapNativeSuper;
 
 /***/ }),
-/* 588 */
+/* 589 */
 /***/ (function(module, exports) {
 
 function _getPrototypeOf(o) {
@@ -58361,7 +58448,7 @@ function _getPrototypeOf(o) {
 module.exports = _getPrototypeOf;
 
 /***/ }),
-/* 589 */
+/* 590 */
 /***/ (function(module, exports) {
 
 function _isNativeFunction(fn) {
@@ -58371,7 +58458,7 @@ function _isNativeFunction(fn) {
 module.exports = _isNativeFunction;
 
 /***/ }),
-/* 590 */
+/* 591 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var setPrototypeOf = __webpack_require__(270);
@@ -58409,7 +58496,7 @@ function _construct(Parent, args, Class) {
 module.exports = _construct;
 
 /***/ }),
-/* 591 */
+/* 592 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -58429,12 +58516,12 @@ module.exports = (promise, onFinally) => {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 592 */
+/* 593 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var castPath = __webpack_require__(57),
-    last = __webpack_require__(593),
-    parent = __webpack_require__(594),
+    last = __webpack_require__(594),
+    parent = __webpack_require__(595),
     toKey = __webpack_require__(46);
 
 /**
@@ -58455,7 +58542,7 @@ module.exports = baseUnset;
 
 
 /***/ }),
-/* 593 */
+/* 594 */
 /***/ (function(module, exports) {
 
 /**
@@ -58481,7 +58568,7 @@ module.exports = last;
 
 
 /***/ }),
-/* 594 */
+/* 595 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var baseGet = __webpack_require__(98),
@@ -58503,7 +58590,7 @@ module.exports = parent;
 
 
 /***/ }),
-/* 595 */
+/* 596 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var isPlainObject = __webpack_require__(135);
@@ -58525,7 +58612,7 @@ module.exports = customOmitClone;
 
 
 /***/ }),
-/* 596 */
+/* 597 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var baseIteratee = __webpack_require__(34),
@@ -58556,14 +58643,14 @@ module.exports = createFind;
 
 
 /***/ }),
-/* 597 */
+/* 598 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var SetCache = __webpack_require__(92),
     arrayIncludes = __webpack_require__(93),
     arrayIncludesWith = __webpack_require__(128),
     cacheHas = __webpack_require__(94),
-    createSet = __webpack_require__(598),
+    createSet = __webpack_require__(599),
     setToArray = __webpack_require__(97);
 
 /** Used as the size to enable large array optimizations. */
@@ -58634,7 +58721,7 @@ module.exports = baseUniq;
 
 
 /***/ }),
-/* 598 */
+/* 599 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Set = __webpack_require__(185),
@@ -58659,7 +58746,7 @@ module.exports = createSet;
 
 
 /***/ }),
-/* 599 */
+/* 600 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -58758,7 +58845,7 @@ module.exports = hasValidPeerConnection;
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 600 */
+/* 601 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /**
@@ -58785,7 +58872,7 @@ var oldRuntime = hadRuntime && g.regeneratorRuntime;
 // Force reevalutation of runtime.js.
 g.regeneratorRuntime = undefined;
 
-module.exports = __webpack_require__(601);
+module.exports = __webpack_require__(602);
 
 if (hadRuntime) {
   // Restore the original runtime.
@@ -58801,7 +58888,7 @@ if (hadRuntime) {
 
 
 /***/ }),
-/* 601 */
+/* 602 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(Promise) {/**
@@ -59529,7 +59616,7 @@ if (hadRuntime) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 602 */
+/* 603 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -59539,7 +59626,7 @@ const clone = __webpack_require__(36);
 
 const env = __webpack_require__(2);
 
-const filterIceServers = __webpack_require__(603);
+const filterIceServers = __webpack_require__(604);
 
 const shouldUsePlanBSDP = __webpack_require__(73);
 
@@ -59563,7 +59650,7 @@ module.exports = function createPeerConnection(_ref) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 603 */
+/* 604 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -59640,7 +59727,7 @@ module.exports = function filterIceServers(env, iceServers) {
 };
 
 /***/ }),
-/* 604 */
+/* 605 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -59820,7 +59907,7 @@ module.exports = {
 };
 
 /***/ }),
-/* 605 */
+/* 606 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Symbol = __webpack_require__(38),
@@ -59828,7 +59915,7 @@ var Symbol = __webpack_require__(38),
     getTag = __webpack_require__(40),
     isArrayLike = __webpack_require__(24),
     isString = __webpack_require__(275),
-    iteratorToArray = __webpack_require__(606),
+    iteratorToArray = __webpack_require__(607),
     mapToArray = __webpack_require__(232),
     setToArray = __webpack_require__(97),
     stringToArray = __webpack_require__(262),
@@ -59884,7 +59971,7 @@ module.exports = toArray;
 
 
 /***/ }),
-/* 606 */
+/* 607 */
 /***/ (function(module, exports) {
 
 /**
@@ -59908,7 +59995,7 @@ module.exports = iteratorToArray;
 
 
 /***/ }),
-/* 607 */
+/* 608 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var arrayMap = __webpack_require__(33);
@@ -59933,7 +60020,7 @@ module.exports = baseValues;
 
 
 /***/ }),
-/* 608 */
+/* 609 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -59959,7 +60046,7 @@ module.exports = (peerConnection, completion) => {
 };
 
 /***/ }),
-/* 609 */
+/* 610 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -59968,7 +60055,7 @@ module.exports = (peerConnection, completion) => {
 // @todo enable the following disabled rules see OPENTOK-31136 for more info
 
 /* eslint-disable no-underscore-dangle */
-const promisify = __webpack_require__(610);
+const promisify = __webpack_require__(611);
 /*
  * Process incoming Ice Candidates from a remote connection.
  *
@@ -60113,7 +60200,7 @@ module.exports = IceCandidateProcessor;
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 610 */
+/* 611 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60138,7 +60225,7 @@ module.exports = function promisify(context, methodName) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 611 */
+/* 612 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60155,7 +60242,7 @@ const logging = __webpack_require__(1)('offerProcessor');
 
 const SDPHelpers = __webpack_require__(50);
 
-const testSupportVideo = __webpack_require__(612); // Attempt to completely process +offer+. This will:
+const testSupportVideo = __webpack_require__(613); // Attempt to completely process +offer+. This will:
 // * set the offer as the remote description
 // * create an answer and
 // * set the new answer as the location description
@@ -60228,7 +60315,7 @@ module.exports = function offerProcessor(peerConnection, RTCPeerConnection, RTCS
 };
 
 /***/ }),
-/* 612 */
+/* 613 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60270,7 +60357,7 @@ module.exports = testSupportVideo;
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 613 */
+/* 614 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60281,7 +60368,7 @@ module.exports = testSupportVideo;
 /* eslint-disable no-restricted-syntax, no-prototype-builtins */
 const find = __webpack_require__(61);
 
-const DataChannel = __webpack_require__(614); // Contains a collection of DataChannels for a particular RTCPeerConnection
+const DataChannel = __webpack_require__(615); // Contains a collection of DataChannels for a particular RTCPeerConnection
 //
 // @param [RTCPeerConnection] pc A native peer connection object
 //
@@ -60376,7 +60463,7 @@ module.exports = function PeerConnectionChannels(pc) {
 };
 
 /***/ }),
-/* 614 */
+/* 615 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60544,7 +60631,7 @@ module.exports = function DataChannel(dataChannel) {
 };
 
 /***/ }),
-/* 615 */
+/* 616 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60609,7 +60696,7 @@ module.exports = function subscribeProcessor(_ref) {
 };
 
 /***/ }),
-/* 616 */
+/* 617 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60683,7 +60770,7 @@ module.exports = {
 };
 
 /***/ }),
-/* 617 */
+/* 618 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -60715,7 +60802,7 @@ const sdpHelpers = __webpack_require__(50);
 
 const getProtocolFromPriority = __webpack_require__(279);
 
-const getLocalRelayProtocol = __webpack_require__(618);
+const getLocalRelayProtocol = __webpack_require__(619);
 
 const shouldUseStandardGetStats = __webpack_require__(102)();
 
@@ -61148,7 +61235,7 @@ function extendStats(stats, isPublisher) {
 }
 
 /***/ }),
-/* 618 */
+/* 619 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -61189,7 +61276,7 @@ module.exports = (selectedCandidatePairId, stats) => {
 };
 
 /***/ }),
-/* 619 */
+/* 620 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -61230,11 +61317,11 @@ let TruthyChangeCounter = /*#__PURE__*/function () {
 exports.default = TruthyChangeCounter;
 
 /***/ }),
-/* 620 */
+/* 621 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var isObject = __webpack_require__(9),
-    now = __webpack_require__(621),
+    now = __webpack_require__(622),
     toNumber = __webpack_require__(228);
 
 /** Error message constants. */
@@ -61427,7 +61514,7 @@ module.exports = debounce;
 
 
 /***/ }),
-/* 621 */
+/* 622 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var root = __webpack_require__(14);
@@ -61456,7 +61543,7 @@ module.exports = now;
 
 
 /***/ }),
-/* 622 */
+/* 623 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -61481,7 +61568,7 @@ exports.check = function (deps) {
 exports.once = once(() => exports.check());
 
 /***/ }),
-/* 623 */
+/* 624 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -61612,7 +61699,7 @@ module.exports = function Archiving(options) {
 };
 
 /***/ }),
-/* 624 */
+/* 625 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -61628,7 +61715,7 @@ module.exports = function (deps) {
 };
 
 /***/ }),
-/* 625 */
+/* 626 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -61645,7 +61732,7 @@ const isObject = __webpack_require__(9);
 
 const promiseDelay = __webpack_require__(106);
 
-const trackUsage = __webpack_require__(626);
+const trackUsage = __webpack_require__(627);
 
 const AnalyticsHelper = __webpack_require__(27);
 
@@ -62035,7 +62122,7 @@ module.exports = function getUserMediaFactory(deps) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 626 */
+/* 627 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62082,7 +62169,7 @@ module.exports = function (_temp) {
 };
 
 /***/ }),
-/* 627 */
+/* 628 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62090,7 +62177,7 @@ module.exports = function (_temp) {
 
 const env = __webpack_require__(2);
 
-const _require = __webpack_require__(628),
+const _require = __webpack_require__(629),
       isCallbackBasedAPI = _require.isCallbackBasedAPI;
 
 let isElectronScreenSharingSource = __webpack_require__(265);
@@ -62216,7 +62303,7 @@ module.exports = function electronExtensionHelperFactory(deps) {
 };
 
 /***/ }),
-/* 628 */
+/* 629 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62234,7 +62321,7 @@ module.exports = {
 };
 
 /***/ }),
-/* 629 */
+/* 630 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62302,7 +62389,7 @@ module.exports = {
 };
 
 /***/ }),
-/* 630 */
+/* 631 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62316,7 +62403,7 @@ var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(13));
 
 var _extends2 = _interopRequireDefault(__webpack_require__(25));
 
-const _require = __webpack_require__(631),
+const _require = __webpack_require__(632),
       normaliseOptions = _require.normaliseOptions;
 
 const _require2 = __webpack_require__(288),
@@ -62372,7 +62459,7 @@ module.exports = function processPubOptionsFactory(deps) {
 
   const env = deps.env || defaultEnv;
 
-  const usingOptionalMandatoryStyle = __webpack_require__(632)({
+  const usingOptionalMandatoryStyle = __webpack_require__(633)({
     navigator: navigator || {}
   });
 
@@ -62717,7 +62804,7 @@ module.exports = function processPubOptionsFactory(deps) {
 };
 
 /***/ }),
-/* 631 */
+/* 632 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62774,7 +62861,7 @@ const normaliseOptions = (originalOptions, logPrefix, logging) => {
 exports.normaliseOptions = normaliseOptions;
 
 /***/ }),
-/* 632 */
+/* 633 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62809,7 +62896,7 @@ module.exports = function usingOptionalMandatoryStyleFactory(_temp) {
 };
 
 /***/ }),
-/* 633 */
+/* 634 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62903,7 +62990,7 @@ module.exports = function getUserMediaFactory(deps) {
 };
 
 /***/ }),
-/* 634 */
+/* 635 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62928,7 +63015,7 @@ module.exports = function destroyObj(name, obj) {
 };
 
 /***/ }),
-/* 635 */
+/* 636 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -62990,7 +63077,7 @@ module.exports = el => {
 };
 
 /***/ }),
-/* 636 */
+/* 637 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63038,7 +63125,7 @@ const isVisible = domElement => {
 module.exports = domElement => isDomElement(domElement) && isInViewPort(domElement) && isVisible(domElement);
 
 /***/ }),
-/* 637 */
+/* 638 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63121,7 +63208,7 @@ module.exports = function canBeOrientatedMixin(self, getDomElementCallback, init
 };
 
 /***/ }),
-/* 638 */
+/* 639 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63206,7 +63293,7 @@ module.exports = function listenForTracksEndedFactory() {
 };
 
 /***/ }),
-/* 639 */
+/* 640 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var baseAssignValue = __webpack_require__(63),
@@ -63255,7 +63342,7 @@ module.exports = mapValues;
 
 
 /***/ }),
-/* 640 */
+/* 641 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63298,7 +63385,7 @@ module.exports = function watchAudioAcquisition(getStats, warningCb) {
 };
 
 /***/ }),
-/* 641 */
+/* 642 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63394,7 +63481,7 @@ module.exports = function watchSubscriberAudio(getStats, warningCb, disableAudio
 };
 
 /***/ }),
-/* 642 */
+/* 643 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63472,7 +63559,7 @@ module.exports = function reportIssueFactory(deps) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 643 */
+/* 644 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63500,7 +63587,7 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 644 */
+/* 645 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63549,7 +63636,7 @@ module.exports = function versionGreaterThan(version1, version2) {
 };
 
 /***/ }),
-/* 645 */
+/* 646 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63687,7 +63774,7 @@ Cancellation.CANCELED = new Cancellation();
 Cancellation.CANCELED.internalIsCanceled = true;
 
 /***/ }),
-/* 646 */
+/* 647 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63731,7 +63818,7 @@ module.exports = waitForCorrectResolution;
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 647 */
+/* 648 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63772,7 +63859,7 @@ module.exports = waitForVideoToBePlaying;
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 648 */
+/* 649 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63815,7 +63902,7 @@ container) {
 };
 
 /***/ }),
-/* 649 */
+/* 650 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63887,7 +63974,7 @@ module.exports = function getOrCreateContainer(elementOrDomId, insertMode) {
 };
 
 /***/ }),
-/* 650 */
+/* 651 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63906,7 +63993,7 @@ module.exports = function ensureCSSUnit(measurement, defaultUnit) {
 };
 
 /***/ }),
-/* 651 */
+/* 652 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63948,7 +64035,7 @@ module.exports = function waitUntil(predicate, _temp) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 652 */
+/* 653 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -63973,7 +64060,7 @@ module.exports = err => {
 };
 
 /***/ }),
-/* 653 */
+/* 654 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64043,7 +64130,7 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 654 */
+/* 655 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64054,7 +64141,7 @@ const GetAudioLevelSampler = __webpack_require__(253);
 
 const WebAudioAudioLevelSampler = __webpack_require__(145);
 
-const hasSynchronizationSourcesCapability = __webpack_require__(655);
+const hasSynchronizationSourcesCapability = __webpack_require__(656);
 
 const hasAudioOutputLevelStatCapability = __webpack_require__(301);
 
@@ -64062,7 +64149,7 @@ const hasRemoteStreamsWithWebAudio = __webpack_require__(302);
 
 const getAudioContext = __webpack_require__(158)();
 
-const isAudioContext = __webpack_require__(656);
+const isAudioContext = __webpack_require__(657);
 
 const logging = __webpack_require__(1)('Subscriber');
 
@@ -64100,7 +64187,7 @@ module.exports = function (peerConnection, deps) {
 };
 
 /***/ }),
-/* 655 */
+/* 656 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64124,7 +64211,7 @@ module.exports = function (deps) {
 };
 
 /***/ }),
-/* 656 */
+/* 657 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64133,7 +64220,7 @@ module.exports = function (deps) {
 module.exports = audioContext => (typeof window !== undefined ? window : global).AudioContext && audioContext instanceof (typeof window !== undefined ? window : global).AudioContext || (typeof window !== undefined ? window : global).webkitAudioContext && audioContext instanceof (typeof window !== undefined ? window : global).webkitAudioContext;
 
 /***/ }),
-/* 657 */
+/* 658 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64196,7 +64283,7 @@ module.exports = function VideoDisabledIndicator(options) {
 };
 
 /***/ }),
-/* 658 */
+/* 659 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64246,7 +64333,7 @@ module.exports = function AudioBlockedIndicator(options) {
 };
 
 /***/ }),
-/* 659 */
+/* 660 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64293,7 +64380,7 @@ module.exports = function VideoUnsupportedIndicator(options) {
 };
 
 /***/ }),
-/* 660 */
+/* 661 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64379,7 +64466,7 @@ const watchFrameRate = function watchFrameRate(getStats, delay) {
 module.exports = watchFrameRate;
 
 /***/ }),
-/* 661 */
+/* 662 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64408,7 +64495,7 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 662 */
+/* 663 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64452,7 +64539,7 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 663 */
+/* 664 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64481,10 +64568,10 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 664 */
+/* 665 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var createCompounder = __webpack_require__(665),
+var createCompounder = __webpack_require__(666),
     upperFirst = __webpack_require__(259);
 
 /**
@@ -64516,12 +64603,12 @@ module.exports = startCase;
 
 
 /***/ }),
-/* 665 */
+/* 666 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var arrayReduce = __webpack_require__(666),
-    deburr = __webpack_require__(667),
-    words = __webpack_require__(670);
+var arrayReduce = __webpack_require__(667),
+    deburr = __webpack_require__(668),
+    words = __webpack_require__(671);
 
 /** Used to compose unicode capture groups. */
 var rsApos = "['\u2019]";
@@ -64546,7 +64633,7 @@ module.exports = createCompounder;
 
 
 /***/ }),
-/* 666 */
+/* 667 */
 /***/ (function(module, exports) {
 
 /**
@@ -64578,10 +64665,10 @@ module.exports = arrayReduce;
 
 
 /***/ }),
-/* 667 */
+/* 668 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var deburrLetter = __webpack_require__(668),
+var deburrLetter = __webpack_require__(669),
     toString = __webpack_require__(58);
 
 /** Used to match Latin Unicode letters (excluding mathematical operators). */
@@ -64629,10 +64716,10 @@ module.exports = deburr;
 
 
 /***/ }),
-/* 668 */
+/* 669 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var basePropertyOf = __webpack_require__(669);
+var basePropertyOf = __webpack_require__(670);
 
 /** Used to map Latin Unicode letters to basic Latin letters. */
 var deburredLetters = {
@@ -64706,7 +64793,7 @@ module.exports = deburrLetter;
 
 
 /***/ }),
-/* 669 */
+/* 670 */
 /***/ (function(module, exports) {
 
 /**
@@ -64726,13 +64813,13 @@ module.exports = basePropertyOf;
 
 
 /***/ }),
-/* 670 */
+/* 671 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var asciiWords = __webpack_require__(671),
-    hasUnicodeWord = __webpack_require__(672),
+var asciiWords = __webpack_require__(672),
+    hasUnicodeWord = __webpack_require__(673),
     toString = __webpack_require__(58),
-    unicodeWords = __webpack_require__(673);
+    unicodeWords = __webpack_require__(674);
 
 /**
  * Splits `string` into an array of its words.
@@ -64767,7 +64854,7 @@ module.exports = words;
 
 
 /***/ }),
-/* 671 */
+/* 672 */
 /***/ (function(module, exports) {
 
 /** Used to match words composed of alphanumeric characters. */
@@ -64788,7 +64875,7 @@ module.exports = asciiWords;
 
 
 /***/ }),
-/* 672 */
+/* 673 */
 /***/ (function(module, exports) {
 
 /** Used to detect strings that need a more robust regexp to match words. */
@@ -64809,7 +64896,7 @@ module.exports = hasUnicodeWord;
 
 
 /***/ }),
-/* 673 */
+/* 674 */
 /***/ (function(module, exports) {
 
 /** Used to compose unicode character classes. */
@@ -64884,7 +64971,7 @@ module.exports = unicodeWords;
 
 
 /***/ }),
-/* 674 */
+/* 675 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64904,7 +64991,7 @@ module.exports = (peerConnection, activeState) => {
 };
 
 /***/ }),
-/* 675 */
+/* 676 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64916,7 +65003,7 @@ const pick = __webpack_require__(47);
 module.exports = x => pick(x, ['audioDeviceId', 'audioFallbackEnabled', 'audioSource', 'channels', 'classNames', 'constraints', 'disableAudioProcessing', 'echoCancellation', 'noiseSuppression', 'autoGainControl', 'enableRenegotiation', 'enableStereo', 'facingMode', 'fitMode', 'frameRate', 'height', 'insertDefaultUI', 'insertMode', 'audioBitrate', 'maxResolution', 'minVideoBitrate', 'mirror', 'name', 'publishAudio', 'publishVideo', 'resolution', 'showControls', 'style', 'videoContentHint', 'videoDeviceId', 'videoDimensions', 'videoSource', 'width']);
 
 /***/ }),
-/* 676 */
+/* 677 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -64983,7 +65070,7 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 677 */
+/* 678 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65051,7 +65138,7 @@ module.exports = function blockCallsUntilComplete(fn) {
 };
 
 /***/ }),
-/* 678 */
+/* 679 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65082,7 +65169,7 @@ module.exports = function createCanvasVideoTrack(dimensions) {
 };
 
 /***/ }),
-/* 679 */
+/* 680 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65135,7 +65222,7 @@ module.exports = (stream, videoDevices) => {
 };
 
 /***/ }),
-/* 680 */
+/* 681 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65155,7 +65242,7 @@ module.exports = error => {
 };
 
 /***/ }),
-/* 681 */
+/* 682 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65166,7 +65253,7 @@ const isNullOrFalse = value => value === null || value === false;
 module.exports = isNullOrFalse;
 
 /***/ }),
-/* 682 */
+/* 683 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65182,10 +65269,10 @@ module.exports = properties => {
 };
 
 /***/ }),
-/* 683 */
+/* 684 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseFindKey = __webpack_require__(684),
+var baseFindKey = __webpack_require__(685),
     baseForOwn = __webpack_require__(99),
     baseIteratee = __webpack_require__(34);
 
@@ -65232,7 +65319,7 @@ module.exports = findKey;
 
 
 /***/ }),
-/* 684 */
+/* 685 */
 /***/ (function(module, exports) {
 
 /**
@@ -65261,7 +65348,7 @@ module.exports = baseFindKey;
 
 
 /***/ }),
-/* 685 */
+/* 686 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65336,7 +65423,7 @@ module.exports = (_ref) => {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 686 */
+/* 687 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65377,7 +65464,7 @@ module.exports = (_ref) => {
 };
 
 /***/ }),
-/* 687 */
+/* 688 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65408,7 +65495,7 @@ module.exports = function convertAnvilErrorCode(code) {
 };
 
 /***/ }),
-/* 688 */
+/* 689 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65446,7 +65533,7 @@ module.exports = {
 };
 
 /***/ }),
-/* 689 */
+/* 690 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65469,7 +65556,7 @@ var _uuid = _interopRequireDefault(__webpack_require__(19));
 
 var _serializeMessage = _interopRequireDefault(__webpack_require__(312));
 
-var _defaultRumorSocket = _interopRequireDefault(__webpack_require__(690));
+var _defaultRumorSocket = _interopRequireDefault(__webpack_require__(691));
 
 // @todo enable the following disabled rules see OPENTOK-31136 for more info
 
@@ -65489,7 +65576,7 @@ function RaptorSocketFactory(deps) {
 
   const hasIceRestartsCapability = deps.hasIceRestartsCapability || __webpack_require__(311);
 
-  const hasRenegotiationCapability = deps.hasRenegotiationCapability || __webpack_require__(706);
+  const hasRenegotiationCapability = deps.hasRenegotiationCapability || __webpack_require__(707);
 
   const logging = deps.logging || __webpack_require__(1)('RaptorSocket');
 
@@ -65501,7 +65588,7 @@ function RaptorSocketFactory(deps) {
 
   const Signal = deps.Signal || __webpack_require__(316);
 
-  const SignalError = deps.SignalError || __webpack_require__(711); // The Dispatcher bit is purely to make testing simpler, it defaults to a new Dispatcher so in
+  const SignalError = deps.SignalError || __webpack_require__(712); // The Dispatcher bit is purely to make testing simpler, it defaults to a new Dispatcher so in
   // normal operation you would omit it.
 
 
@@ -65972,7 +66059,7 @@ function RaptorSocketFactory(deps) {
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(0)))
 
 /***/ }),
-/* 690 */
+/* 691 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -65985,15 +66072,15 @@ exports.default = defaultRumorSocket;
 
 var _events = _interopRequireDefault(__webpack_require__(41));
 
-var _createCounter = _interopRequireDefault(__webpack_require__(691));
+var _createCounter = _interopRequireDefault(__webpack_require__(692));
 
 var _log = _interopRequireDefault(__webpack_require__(1));
 
-var _ReconnectableSocket = _interopRequireDefault(__webpack_require__(692));
+var _ReconnectableSocket = _interopRequireDefault(__webpack_require__(693));
 
-var _RumorSocket = _interopRequireDefault(__webpack_require__(697));
+var _RumorSocket = _interopRequireDefault(__webpack_require__(698));
 
-var _WebSocket = _interopRequireDefault(__webpack_require__(702));
+var _WebSocket = _interopRequireDefault(__webpack_require__(703));
 
 /* eslint-disable no-underscore-dangle */
 function defaultRumorSocket(_temp) {
@@ -66018,7 +66105,7 @@ function defaultRumorSocket(_temp) {
 }
 
 /***/ }),
-/* 691 */
+/* 692 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66036,7 +66123,7 @@ function createCounter() {
 }
 
 /***/ }),
-/* 692 */
+/* 693 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66063,13 +66150,13 @@ var _logEvents = _interopRequireDefault(__webpack_require__(313));
 
 var _socketCloseCodes = __webpack_require__(76);
 
-var _Timer = _interopRequireDefault(__webpack_require__(693));
+var _Timer = _interopRequireDefault(__webpack_require__(694));
 
 var _eventHelper = _interopRequireDefault(__webpack_require__(62));
 
-var _createReadyStateMachine = _interopRequireDefault(__webpack_require__(694));
+var _createReadyStateMachine = _interopRequireDefault(__webpack_require__(695));
 
-var _drainWebSocket = _interopRequireDefault(__webpack_require__(696));
+var _drainWebSocket = _interopRequireDefault(__webpack_require__(697));
 
 /* eslint-disable no-underscore-dangle, no-constant-condition */
 const removeReturnVal = fn => function () {
@@ -66519,7 +66606,7 @@ var _default = (_ref) => {
 exports.default = _default;
 
 /***/ }),
-/* 693 */
+/* 694 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66586,7 +66673,7 @@ let Timer = /*#__PURE__*/function () {
 exports.default = Timer;
 
 /***/ }),
-/* 694 */
+/* 695 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66599,7 +66686,7 @@ exports.default = void 0;
 
 var _javascriptStateMachine = _interopRequireDefault(__webpack_require__(305));
 
-var _elapsed = _interopRequireDefault(__webpack_require__(695));
+var _elapsed = _interopRequireDefault(__webpack_require__(696));
 
 var _socketCloseCodes = __webpack_require__(76);
 
@@ -66666,7 +66753,7 @@ var _default = (_ref) => {
 exports.default = _default;
 
 /***/ }),
-/* 695 */
+/* 696 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66681,7 +66768,7 @@ module.exports = timeInMilliseconds => {
 };
 
 /***/ }),
-/* 696 */
+/* 697 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66745,7 +66832,7 @@ var _default = /*#__PURE__*/function () {
 exports.default = _default;
 
 /***/ }),
-/* 697 */
+/* 698 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -66770,11 +66857,11 @@ var _uuid = _interopRequireDefault(__webpack_require__(19));
 
 var _logEvents = _interopRequireDefault(__webpack_require__(313));
 
-var _RumorMessage = _interopRequireDefault(__webpack_require__(698));
+var _RumorMessage = _interopRequireDefault(__webpack_require__(699));
 
 var RumorMessageTypes = _interopRequireWildcard(__webpack_require__(171));
 
-var _SocketError = _interopRequireDefault(__webpack_require__(701));
+var _SocketError = _interopRequireDefault(__webpack_require__(702));
 
 var _socketCloseCodes = __webpack_require__(76);
 
@@ -67102,7 +67189,7 @@ var _default = (_ref) => {
 exports.default = _default;
 
 /***/ }),
-/* 698 */
+/* 699 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -67119,7 +67206,7 @@ var _defineProperty2 = _interopRequireDefault(__webpack_require__(18));
 
 var _uuid = _interopRequireDefault(__webpack_require__(19));
 
-var _encoding = __webpack_require__(699);
+var _encoding = __webpack_require__(700);
 
 var RumorMessageTypes = _interopRequireWildcard(__webpack_require__(171));
 
@@ -67344,7 +67431,7 @@ let RumorMessage = /*#__PURE__*/function () {
 exports.default = RumorMessage;
 
 /***/ }),
-/* 699 */
+/* 700 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -67355,7 +67442,7 @@ var _interopRequireWildcard = __webpack_require__(108);
 exports.__esModule = true;
 exports.TextDecoder = exports.TextEncoder = void 0;
 
-var TextEncoding = _interopRequireWildcard(__webpack_require__(700));
+var TextEncoding = _interopRequireWildcard(__webpack_require__(701));
 
 // Unfortunately it looks like the text-encoding module always returns its implementations of
 // TextEncoder and TextDecoder, so we wrap it here to expose the global (window) ones, if available.
@@ -67365,7 +67452,7 @@ const TextDecoder = (typeof window !== undefined ? window : global).TextDecoder
 exports.TextDecoder = TextDecoder;
 
 /***/ }),
-/* 700 */
+/* 701 */
 /***/ (function(__webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -68040,7 +68127,7 @@ function UTF8Encoder(options) {
 
 
 /***/ }),
-/* 701 */
+/* 702 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68075,7 +68162,7 @@ let SocketError = function SocketError(code, message) {
 exports.default = SocketError;
 
 /***/ }),
-/* 702 */
+/* 703 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68086,7 +68173,7 @@ var _interopRequireDefault = __webpack_require__(3);
 exports.__esModule = true;
 exports.default = void 0;
 
-var _ws = _interopRequireDefault(__webpack_require__(703));
+var _ws = _interopRequireDefault(__webpack_require__(704));
 
 var _default = (() => {
   if ((typeof window !== undefined ? window : global).WebSocket) {
@@ -68099,7 +68186,7 @@ var _default = (() => {
 exports.default = _default;
 
 /***/ }),
-/* 703 */
+/* 704 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68114,13 +68201,13 @@ module.exports = function () {
 
 
 /***/ }),
-/* 704 */
+/* 705 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-const deserializeMessage = __webpack_require__(705);
+const deserializeMessage = __webpack_require__(706);
 
 module.exports = function unboxFromRumorMessage(rumorMessage) {
   const message = deserializeMessage(rumorMessage.data);
@@ -68130,7 +68217,7 @@ module.exports = function unboxFromRumorMessage(rumorMessage) {
 };
 
 /***/ }),
-/* 705 */
+/* 706 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68185,7 +68272,7 @@ module.exports = function deserializeMessage(msg) {
 };
 
 /***/ }),
-/* 706 */
+/* 707 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68199,7 +68286,7 @@ const hasOpenTokSupport = __webpack_require__(60).once;
 module.exports = () => hasOpenTokSupport() && ['Chrome', 'Firefox', 'Safari'].indexOf(name) > -1;
 
 /***/ }),
-/* 707 */
+/* 708 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68220,7 +68307,7 @@ const hasOpenTokSupport = __webpack_require__(60).once; // TODO Remove all trans
 module.exports = () => hasOpenTokSupport() && (env.name === 'Chrome' || env.name === 'Firefox' || env.name === 'Node' || env.name === 'Safari' || env.name === 'Edge');
 
 /***/ }),
-/* 708 */
+/* 709 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68235,7 +68322,7 @@ const hasOpenTokSupport = __webpack_require__(60).once; // Indicates if the brow
 module.exports = () => hasOpenTokSupport();
 
 /***/ }),
-/* 709 */
+/* 710 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68244,7 +68331,7 @@ module.exports = () => hasOpenTokSupport();
 module.exports = 'DTLS_SRTP';
 
 /***/ }),
-/* 710 */
+/* 711 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68258,7 +68345,7 @@ module.exports = function capabilitiesFromHash(_ref) {
 };
 
 /***/ }),
-/* 711 */
+/* 712 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68272,7 +68359,7 @@ module.exports = function SignalError(code, message) {
 };
 
 /***/ }),
-/* 712 */
+/* 713 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68321,7 +68408,7 @@ const DelayedEventQueue = function DelayedEventQueue(eventDispatcher) {
 module.exports = DelayedEventQueue;
 
 /***/ }),
-/* 713 */
+/* 714 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68343,9 +68430,9 @@ const SessionInfo = __webpack_require__(141);
 
 const ExceptionCodes = __webpack_require__(8);
 
-const mapErrorCodeToName = __webpack_require__(714);
+const mapErrorCodeToName = __webpack_require__(715);
 
-const mapStatusCodeToErrorCode = __webpack_require__(715);
+const mapStatusCodeToErrorCode = __webpack_require__(716);
 
 const promiseEndeavour = __webpack_require__(289).default;
 
@@ -68494,7 +68581,7 @@ function getSessionInfoFactory(_temp) {
 module.exports = getSessionInfoFactory;
 
 /***/ }),
-/* 714 */
+/* 715 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68530,7 +68617,7 @@ function mapErrorCodeToName(code) {
 module.exports = mapErrorCodeToName;
 
 /***/ }),
-/* 715 */
+/* 716 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68558,7 +68645,7 @@ function mapStatusCodeToErrorCode(code) {
 module.exports = mapStatusCodeToErrorCode;
 
 /***/ }),
-/* 716 */
+/* 717 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68672,7 +68759,7 @@ module.exports = function initSessionFactory(deps) {
 };
 
 /***/ }),
-/* 717 */
+/* 718 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -68684,7 +68771,7 @@ var _regenerator = _interopRequireDefault(__webpack_require__(12));
 
 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(13));
 
-const difference = __webpack_require__(718);
+const difference = __webpack_require__(719);
 
 const uniq = __webpack_require__(273);
 
@@ -68869,10 +68956,10 @@ const getSupportedCodecs = /*#__PURE__*/function () {
 module.exports = getSupportedCodecs;
 
 /***/ }),
-/* 718 */
+/* 719 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var baseDifference = __webpack_require__(719),
+var baseDifference = __webpack_require__(720),
     baseFlatten = __webpack_require__(237),
     baseRest = __webpack_require__(87),
     isArrayLikeObject = __webpack_require__(129);
@@ -68908,7 +68995,7 @@ module.exports = difference;
 
 
 /***/ }),
-/* 719 */
+/* 720 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var SetCache = __webpack_require__(92),
@@ -68981,7 +69068,7 @@ module.exports = baseDifference;
 
 
 /***/ }),
-/* 720 */
+/* 721 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -69033,7 +69120,7 @@ module.exports = function getDevices(callback) {
 };
 
 /***/ }),
-/* 721 */
+/* 722 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -69136,7 +69223,7 @@ module.exports = function (deps) {
 };
 
 /***/ }),
-/* 722 */
+/* 723 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -69148,7 +69235,7 @@ var _regenerator = _interopRequireDefault(__webpack_require__(12));
 
 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(13));
 
-const audioOutputDevicesChangeHandler = __webpack_require__(723)();
+const audioOutputDevicesChangeHandler = __webpack_require__(724)();
 
 const _require = __webpack_require__(23)(),
       hasAudioOutputApiSupport = _require.hasAudioOutputApiSupport,
@@ -69188,7 +69275,7 @@ module.exports = () => {
 };
 
 /***/ }),
-/* 723 */
+/* 724 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -69282,40 +69369,6 @@ module.exports = function (deps) {
   return audioOutputDevicesChangeHandler;
 };
 
-/***/ }),
-/* 724 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/* eslint-disable global-require */
-const AnalyticsHelper = __webpack_require__(27);
-
-module.exports = function (deps) {
-  if (deps === void 0) {
-    deps = {};
-  }
-
-  const env = deps.env || __webpack_require__(2);
-
-  const analytics = deps.analytics || new AnalyticsHelper();
-  analytics.logEvent({
-    action: 'UserAgentParsing',
-    variation: 'Attempt',
-    payload: {
-      userAgent: env.userAgent
-    }
-  });
-  analytics.logEvent({
-    action: 'UserAgentParsing',
-    variation: env.error ? 'Failure' : 'Success',
-    payload: {
-      userAgent: env.userAgent
-    }
-  });
-};
-
 /***/ })
 /******/ ]);
 });