@opentok/client 2.29.3 → 2.29.4-alpha.2

package/dist/js/opentok.js

@@ -1,11 +1,11 @@
 /**
- * @license OpenTok.js 2.29.3 96e2a8f
+ * @license OpenTok.js 2.29.4 60014c7
  *
  * Copyright (c) 2010-2025 TokBox, Inc.
  * Subject to the applicable Software Development Kit (SDK) License Agreement:
  * https://www.vonage.com/legal/communications-apis/terms-of-use/
  *
- * Date: Mon, 10 Mar 2025 07:27:23 GMT
+ * Date: Fri, 25 Apr 2025 22:49:06 GMT
  */
 
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8672,7 +8672,7 @@ const logging = (0, _log.default)('StaticConfig');
 */
 
 /** @type builtInConfig */
-const builtInConfig = (0, _cloneDeep.default)({"version":"v2.29.3","buildHash":"96e2a8f","minimumVersion":{"firefox":52,"chrome":49},"debug":false,"websiteURL":"http://www.tokbox.com","configURL":"https://config.opentok.com","ipWhitelistConfigURL":"","cdnURL":"","loggingURL":"https://hlg.tokbox.com/prod","apiURL":"https://anvil.opentok.com"});
+const builtInConfig = (0, _cloneDeep.default)({"version":"v2.29.4","buildHash":"60014c7","minimumVersion":{"firefox":52,"chrome":49},"debug":false,"websiteURL":"http://www.tokbox.com","configURL":"https://config.opentok.com","ipWhitelistConfigURL":"","cdnURL":"","loggingURL":"https://hlg.tokbox.com/prod","apiURL":"https://anvil.opentok.com"});
 const whitelistAllowedRuntimeProperties = (0, _pick.default)(['apiURL', 'assetURL', 'cdnURL', 'sessionInfoOverrides', 'loggingURL']);
 const liveConfigMap = {
   apiUrl: 'apiURL',
@@ -16732,10 +16732,15 @@ function WidgetViewFactory(_temp) {
     var _proto = WidgetView.prototype;
     _proto.addError = function addError(errorMsg, helpMsg, classNames) {
       if (this._container) {
+        var _this$_container$quer;
         this._container.innerHTML = `<p>${errorMsg}${helpMsg ? ` <span class="ot-help-message">${helpMsg}</span>` : ''}</p>`;
         OTHelpers.addClass(this._container, classNames || 'OT_subscriber_error');
-        if (this._container.querySelector('p').offsetHeight > this._container.offsetHeight) {
-          this._container.querySelector('span').style.display = 'none';
+        if (((_this$_container$quer = this._container.querySelector('p')) == null ? void 0 : _this$_container$quer.offsetHeight) > this._container.offsetHeight) {
+          // `span` will not exist if `helpMsg` argument was undefined
+          const spanElement = this._container.querySelector('span');
+          if (spanElement) {
+            spanElement.style.display = 'none';
+          }
         }
       }
     }
@@ -17155,6 +17160,10 @@ function WidgetViewFactory(_temp) {
       OTHelpers.css(this._posterContainer, 'backgroundImage', `url(${src})`);
       return this.poster();
     };
+    _proto.prepareForStreamTransition = function prepareForStreamTransition() {
+      var _this$_videoElementFa;
+      (_this$_videoElementFa = this._videoElementFacade) == null ? void 0 : _this$_videoElementFa.prepareForStreamTransition();
+    };
     _proto.loading = function loading(isLoading) {
       if (isLoading === undefined) {
         return this._loading;
@@ -25245,7 +25254,11 @@ function NativeVideoElementWrapperFactory(deps) {
     _proto.aspectRatio = function aspectRatio() {
       return this.videoWidth() / this.videoHeight();
     };
-    _proto.imgData = function imgData() {
+    _proto.prepareForStreamTransition = function prepareForStreamTransition() {
+      const streamImage = this._getStreamImage();
+      this._domElement.poster = streamImage;
+    };
+    _proto._getStreamImage = function _getStreamImage() {
       const canvas = OTHelpers.createElement('canvas', {
         width: this.videoWidth(),
         height: this.videoHeight(),
@@ -25268,7 +25281,10 @@ function NativeVideoElementWrapperFactory(deps) {
         this.logging.warn('Cannot get image data yet');
         return null;
       }
-      return imgData.replace('data:image/png;base64,', '').trim();
+      return imgData;
+    };
+    _proto.imgData = function imgData() {
+      return this._getStreamImage().replace('data:image/png;base64,', '').trim();
     }
     // Append the Video DOM element to a parent node
     ;
@@ -28331,7 +28347,7 @@ module.exports = function xhrAdapter(config) {
       requestHeaders.Authorization = 'Basic ' + btoa(username + ':' + password);
     }
 
-    var fullPath = buildFullPath(config.baseURL, config.url);
+    var fullPath = buildFullPath(config.baseURL, config.url, config.allowAbsoluteUrls);
 
     request.open(config.method.toUpperCase(), buildURL(fullPath, config.params, config.paramsSerializer), true);
 
@@ -28532,10 +28548,13 @@ var combineURLs = __webpack_require__(494);
  *
  * @param {string} baseURL The base URL
  * @param {string} requestedURL Absolute or relative URL to combine
+ * @param {boolean} allowAbsoluteUrls Set to true to allow absolute URLs
+ *
  * @returns {string} The combined full path
  */
-module.exports = function buildFullPath(baseURL, requestedURL) {
-  if (baseURL && !isAbsoluteURL(requestedURL)) {
+module.exports = function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
+  var isRelativeURL = !isAbsoluteURL(requestedURL);
+  if (baseURL && (isRelativeURL || allowAbsoluteUrls === false)) {
     return combineURLs(baseURL, requestedURL);
   }
   return requestedURL;
@@ -28669,7 +28688,7 @@ module.exports = function mergeConfig(config1, config2) {
 /***/ (function(module, exports) {
 
 module.exports = {
-  "version": "0.29.0"
+  "version": "0.30.0"
 };
 
 /***/ }),
@@ -36818,6 +36837,7 @@ function SubscriberFactory(_ref2) {
       P2P: _eventNames.default.SUBSCRIBER_DISCONNECTED,
       MANTIS: _eventNames.default.SUBSCRIBER_DISCONNECTED
     };
+    let _subscriberConnectionState = _eventNames.default.SUBSCRIBER_DISCONNECTED;
     let _videoMediaProcessorConnector;
     let _originalVideoTrack;
     let _senderStats;
@@ -36948,29 +36968,31 @@ function SubscriberFactory(_ref2) {
                 hasVideo: (_stream2 = _stream) == null ? void 0 : _stream2.hasVideo
               }; // We want to catch any error in the prebuffering when transition to P2P.
               // Otherwise, we ignore it.
-              throwIfBufferFails = _isAdaptiveEnabled && _activeSourceStreamId === 'P2P';
-              _context3.prev = 5;
-              _context3.next = 8;
+              throwIfBufferFails = _isAdaptiveEnabled && _activeSourceStreamId === 'P2P'; // To minimize the blip effect during a stream transition, we take a snapshot of the video stream (if available)
+              // and display it instead of a blank screen.
+              _widgetView.prepareForStreamTransition();
+              _context3.prev = 6;
+              _context3.next = 9;
               return _widgetView.bindVideo(webRTCStream, videoContainerOptions, throwIfBufferFails);
-            case 8:
-              _context3.next = 16;
+            case 9:
+              _context3.next = 17;
               break;
-            case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](5);
+            case 11:
+              _context3.prev = 11;
+              _context3.t0 = _context3["catch"](6);
               if (!(_context3.t0 instanceof _cancel.CancellationError || _state.isDestroyed())) {
-                _context3.next = 14;
+                _context3.next = 15;
                 break;
               }
               return _context3.abrupt("return");
-            case 14:
+            case 15:
               onVideoError(_context3.t0);
               throw _context3.t0;
-            case 16:
+            case 17:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, null, [[5, 10]]);
+        }, _callee3, null, [[6, 11]]);
       }));
       return function bindWebRTCStream(_x3) {
         return _ref6.apply(this, arguments);
@@ -38004,7 +38026,7 @@ function SubscriberFactory(_ref2) {
     };
     const notifyStateChange = (state, currentConnectionState, sourceStreamId) => {
       logging.debug(`OT.Subscriber.connectionStateChanged to ${state}`);
-      if (state === 'failed' && !_session._.isSocketConnected()) {
+      if (_subscriberConnectionState === currentConnectionState || state === 'failed' && !_session._.isSocketConnected()) {
         return;
       }
 
@@ -38034,6 +38056,7 @@ function SubscriberFactory(_ref2) {
       if (sourceStreamId === _activeSourceStreamId) {
         updateWidgetView(currentConnectionState);
         notifyStateChange(state, currentConnectionState, sourceStreamId);
+        _subscriberConnectionState = currentConnectionState;
       }
     };
     const onIceRestartSuccess = () => {
@@ -53550,7 +53573,7 @@ Axios.prototype.request = function request(configOrUrl, config) {
 
 Axios.prototype.getUri = function getUri(config) {
   config = mergeConfig(this.defaults, config);
-  var fullPath = buildFullPath(config.baseURL, config.url);
+  var fullPath = buildFullPath(config.baseURL, config.url, config.allowAbsoluteUrls);
   return buildURL(fullPath, config.params, config.paramsSerializer);
 };