stream-chat-react 9.1.2 → 9.1.3

package/dist/browser.full-bundle.js

@@ -627,11 +627,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
     function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-    var MATCH_URL_YOUTUBE = /(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//;
+    var MATCH_URL_YOUTUBE = /(?:youtu\.be\/|youtube(?:-nocookie)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//;
     exports.MATCH_URL_YOUTUBE = MATCH_URL_YOUTUBE;
     var MATCH_URL_SOUNDCLOUD = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/;
     exports.MATCH_URL_SOUNDCLOUD = MATCH_URL_SOUNDCLOUD;
-    var MATCH_URL_VIMEO = /vimeo\.com\/.+/;
+    var MATCH_URL_VIMEO = /vimeo\.com\/(?!progressive_redirect).+/;
     exports.MATCH_URL_VIMEO = MATCH_URL_VIMEO;
     var MATCH_URL_FACEBOOK = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/;
     exports.MATCH_URL_FACEBOOK = MATCH_URL_FACEBOOK;
@@ -649,13 +649,13 @@ var StreamChatReact = (function (exports, React, streamChat) {
     exports.MATCH_URL_DAILYMOTION = MATCH_URL_DAILYMOTION;
     var MATCH_URL_MIXCLOUD = /mixcloud\.com\/([^/]+\/[^/]+)/;
     exports.MATCH_URL_MIXCLOUD = MATCH_URL_MIXCLOUD;
-    var MATCH_URL_VIDYARD = /vidyard.com\/(?:watch\/)?([a-zA-Z0-9-]+)/;
+    var MATCH_URL_VIDYARD = /vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/;
     exports.MATCH_URL_VIDYARD = MATCH_URL_VIDYARD;
-    var MATCH_URL_KALTURA = /^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_]+)$/;
+    var MATCH_URL_KALTURA = /^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/;
     exports.MATCH_URL_KALTURA = MATCH_URL_KALTURA;
-    var AUDIO_EXTENSIONS = /\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
+    var AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
     exports.AUDIO_EXTENSIONS = AUDIO_EXTENSIONS;
-    var VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)($|\?)/i;
+    var VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
     exports.VIDEO_EXTENSIONS = VIDEO_EXTENSIONS;
     var HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
     exports.HLS_EXTENSIONS = HLS_EXTENSIONS;
@@ -1013,6 +1013,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
                   _this2.props.onReady();
                 },
+                onPlaybackRateChange: function onPlaybackRateChange(event) {
+                  return _this2.props.onPlaybackRateChange(event.data);
+                },
                 onStateChange: _this2.onStateChange,
                 onError: function onError(event) {
                   return _onError(event.data);
@@ -1435,6 +1438,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
           this.duration = null;
           (0, utils$2.getSDK)(SDK_URL, SDK_GLOBAL).then(function (Vimeo) {
             if (!_this2.container) return;
+            var _this2$props$config = _this2.props.config,
+                playerOptions = _this2$props$config.playerOptions,
+                title = _this2$props$config.title;
             _this2.player = new Vimeo.Player(_this2.container, _objectSpread({
               url: url,
               autoplay: _this2.props.playing,
@@ -1442,13 +1448,17 @@ var StreamChatReact = (function (exports, React, streamChat) {
               loop: _this2.props.loop,
               playsinline: _this2.props.playsinline,
               controls: _this2.props.controls
-            }, _this2.props.config.playerOptions));
+            }, playerOptions));
 
             _this2.player.ready().then(function () {
               var iframe = _this2.container.querySelector('iframe');
 
               iframe.style.width = '100%';
               iframe.style.height = '100%';
+
+              if (title) {
+                iframe.title = title;
+              }
             })["catch"](_this2.props.onError);
 
             _this2.player.on('loaded', function () {
@@ -1985,7 +1995,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             frameBorder: "0",
             scrolling: "no",
             style: style,
-            allowFullScreen: true
+            allow: "encrypted-media; autoplay; fullscreen;"
           });
         }
       }]);
@@ -2096,6 +2106,12 @@ var StreamChatReact = (function (exports, React, streamChat) {
           return (_this$props4 = _this.props).onEnded.apply(_this$props4, arguments);
         });
 
+        _defineProperty(_assertThisInitialized(_this), "onPlaybackRateChange", function () {
+          var _this$props5;
+
+          return (_this$props5 = _this.props).onPlaybackRateChange.apply(_this$props5, arguments);
+        });
+
         _defineProperty(_assertThisInitialized(_this), "mute", function () {
           _this.callPlayer('mute');
         });
@@ -2117,13 +2133,13 @@ var StreamChatReact = (function (exports, React, streamChat) {
         value: function load(url) {
           var _this2 = this;
 
-          var _this$props5 = this.props,
-              playing = _this$props5.playing,
-              muted = _this$props5.muted,
-              controls = _this$props5.controls,
-              _onReady = _this$props5.onReady,
-              config = _this$props5.config,
-              onError = _this$props5.onError;
+          var _this$props6 = this.props,
+              playing = _this$props6.playing,
+              muted = _this$props6.muted,
+              controls = _this$props6.controls,
+              _onReady = _this$props6.onReady,
+              config = _this$props6.config,
+              onError = _this$props6.onError;
           (0, utils$2.getSDK)(SDK_URL, SDK_GLOBAL).then(function (Wistia) {
             if (config.customControls) {
               config.customControls.forEach(function (control) {
@@ -2161,6 +2177,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
                 _this2.player.bind('end', _this2.onEnded);
 
+                _this2.player.bind('playbackratechange', _this2.onPlaybackRateChange);
+
                 _onReady();
               }
             });
@@ -2173,6 +2191,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
           this.player.unbind('pause', this.onPause);
           this.player.unbind('seek', this.onSeek);
           this.player.unbind('end', this.onEnded);
+          this.player.unbind('playbackratechange', this.onPlaybackRateChange);
         } // Proxy methods to prevent listener leaks
 
       }, {
@@ -2384,7 +2403,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
                 PAUSE = _Twitch$Player.PAUSE,
                 ENDED = _Twitch$Player.ENDED,
                 ONLINE = _Twitch$Player.ONLINE,
-                OFFLINE = _Twitch$Player.OFFLINE;
+                OFFLINE = _Twitch$Player.OFFLINE,
+                SEEK = _Twitch$Player.SEEK;
 
             _this2.player.addEventListener(READY, _this2.props.onReady);
 
@@ -2392,7 +2412,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
             _this2.player.addEventListener(PAUSE, _this2.props.onPause);
 
-            _this2.player.addEventListener(ENDED, _this2.props.onEnded); // Prevent weird isLoading behaviour when streams are offline
+            _this2.player.addEventListener(ENDED, _this2.props.onEnded);
+
+            _this2.player.addEventListener(SEEK, _this2.props.onSeek); // Prevent weird isLoading behaviour when streams are offline
 
 
             _this2.player.addEventListener(ONLINE, _this2.props.onLoaded);
@@ -3004,6 +3026,10 @@ var StreamChatReact = (function (exports, React, streamChat) {
           (0, utils$2.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY).then(function (Vidyard) {
             if (!_this2.container) return;
             Vidyard.api.addReadyListener(function (data, player) {
+              if (_this2.player) {
+                return;
+              }
+
               _this2.player = player;
 
               _this2.player.on('ready', _this2.props.onReady);
@@ -3200,45 +3226,40 @@ var StreamChatReact = (function (exports, React, streamChat) {
             _this2.player = new playerjs.Player(_this2.iframe);
 
             _this2.player.on('ready', function () {
-              _this2.player.isReady = true;
-
-              _this2.player.on('play', _this2.props.onPlay);
-
-              _this2.player.on('pause', _this2.props.onPause);
-
-              _this2.player.on('seeked', _this2.props.onSeek);
-
-              _this2.player.on('ended', _this2.props.onEnded);
-
-              _this2.player.on('error', _this2.props.onError);
-
-              _this2.player.on('timeupdate', function (_ref) {
-                var duration = _ref.duration,
-                    seconds = _ref.seconds;
-                _this2.duration = duration;
-                _this2.currentTime = seconds;
-              });
+              // An arbitrary timeout is required otherwise
+              // the event listeners won’t work
+              setTimeout(function () {
+                _this2.player.isReady = true;
 
-              _this2.player.on('buffered', function (_ref2) {
-                var percent = _ref2.percent;
+                _this2.player.setLoop(_this2.props.loop);
 
-                if (_this2.duration) {
-                  _this2.secondsLoaded = _this2.duration * percent;
+                if (_this2.props.muted) {
+                  _this2.player.mute();
                 }
-              });
 
-              _this2.player.setLoop(_this2.props.loop);
-
-              if (_this2.props.muted) {
-                _this2.player.mute();
-              }
+                _this2.addListeners(_this2.player, _this2.props);
 
-              setTimeout(function () {
                 _this2.props.onReady();
-              });
+              }, 500);
             });
           }, this.props.onError);
         }
+      }, {
+        key: "addListeners",
+        value: function addListeners(player, props) {
+          var _this3 = this;
+
+          player.on('play', props.onPlay);
+          player.on('pause', props.onPause);
+          player.on('ended', props.onEnded);
+          player.on('error', props.onError);
+          player.on('timeupdate', function (_ref) {
+            var duration = _ref.duration,
+                seconds = _ref.seconds;
+            _this3.duration = duration;
+            _this3.currentTime = seconds;
+          });
+        }
       }, {
         key: "play",
         value: function play() {
@@ -3296,8 +3317,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             frameBorder: "0",
             scrolling: "no",
             style: style,
-            allowFullScreen: true,
-            allow: "encrypted-media",
+            allow: "encrypted-media; autoplay; fullscreen;",
             referrerPolicy: "no-referrer-when-downgrade"
           });
         }
@@ -3430,6 +3450,10 @@ var StreamChatReact = (function (exports, React, streamChat) {
           return (_this$props7 = _this.props).onError.apply(_this$props7, arguments);
         });
 
+        _defineProperty(_assertThisInitialized(_this), "onPlayBackRateChange", function (event) {
+          return _this.props.onPlaybackRateChange(event.target.playbackRate);
+        });
+
         _defineProperty(_assertThisInitialized(_this), "onEnablePIP", function () {
           var _this$props8;
 
@@ -3546,6 +3570,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
           player.addEventListener('seeked', this.onSeek);
           player.addEventListener('ended', this.onEnded);
           player.addEventListener('error', this.onError);
+          player.addEventListener('ratechange', this.onPlayBackRateChange);
           player.addEventListener('enterpictureinpicture', this.onEnablePIP);
           player.addEventListener('leavepictureinpicture', this.onDisablePIP);
           player.addEventListener('webkitpresentationmodechanged', this.onPresentationModeChange);
@@ -3572,6 +3597,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
           player.removeEventListener('seeked', this.onSeek);
           player.removeEventListener('ended', this.onEnded);
           player.removeEventListener('error', this.onError);
+          player.removeEventListener('ratechange', this.onPlayBackRateChange);
           player.removeEventListener('enterpictureinpicture', this.onEnablePIP);
           player.removeEventListener('leavepictureinpicture', this.onDisablePIP);
           player.removeEventListener('webkitpresentationmodechanged', this.onPresentationModeChange);
@@ -3694,6 +3720,10 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
               _this2.flv.attachMediaElement(_this2.player);
 
+              _this2.flv.on(flvjs.Events.ERROR, function (e, data) {
+                _this2.props.onError(e, data, _this2.flv, flvjs);
+              });
+
               _this2.flv.load();
 
               _this2.props.onLoaded();
@@ -3768,7 +3798,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
       }, {
         key: "setPlaybackRate",
         value: function setPlaybackRate(rate) {
-          this.player.playbackRate = rate;
+          try {
+            this.player.playbackRate = rate;
+          } catch (error) {
+            this.props.onError(error);
+          }
         }
       }, {
         key: "getDuration",
@@ -4320,6 +4354,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
       playIcon: node,
       previewTabIndex: number,
       fallback: node,
+      oEmbedUrl: string,
       wrapper: oneOfType([string, func, shape({
         render: func.isRequired
       })]),
@@ -4342,7 +4377,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
           params: object
         }),
         vimeo: shape({
-          playerOptions: object
+          playerOptions: object,
+          title: string
         }),
         file: shape({
           attributes: object,
@@ -4383,6 +4419,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
       onError: func,
       onDuration: func,
       onSeek: func,
+      onPlaybackRateChange: func,
       onProgress: func,
       onClickPreview: func,
       onEnablePIP: func,
@@ -4410,6 +4447,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
       fallback: null,
       wrapper: 'div',
       previewTabIndex: 0,
+      oEmbedUrl: 'https://noembed.com/embed?url={url}',
       config: {
         soundcloud: {
           options: {
@@ -4452,7 +4490,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
             byline: false,
             portrait: false,
             title: false
-          }
+          },
+          title: null
         },
         file: {
           attributes: {},
@@ -4463,7 +4502,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
           forceDASH: false,
           forceFLV: false,
           hlsOptions: {},
-          hlsVersion: '0.14.16',
+          hlsVersion: '1.1.4',
           dashVersion: '3.1.3',
           flvVersion: '1.5.0'
         },
@@ -4495,6 +4534,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
       onError: noop,
       onDuration: noop,
       onSeek: noop,
+      onPlaybackRateChange: noop,
       onProgress: noop,
       onClickPreview: noop,
       onEnablePIP: noop,
@@ -4523,6 +4563,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
 
 
+
+
     function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
     function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -4588,6 +4630,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
         _defineProperty(_assertThisInitialized(_this), "onDurationCalled", false);
 
         _defineProperty(_assertThisInitialized(_this), "handlePlayerMount", function (player) {
+          if (_this.player) return; // Prevent loading twice in strict mode
+
           _this.player = player;
 
           _this.player.load(_this.props.url);
@@ -4783,10 +4827,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
               playbackRate = _this$props5.playbackRate,
               pip = _this$props5.pip,
               loop = _this$props5.loop,
-              activePlayer = _this$props5.activePlayer;
+              activePlayer = _this$props5.activePlayer,
+              disableDeferredLoading = _this$props5.disableDeferredLoading;
 
           if (!(0, _reactFastCompare["default"])(prevProps.url, url)) {
-            if (this.isLoading && !activePlayer.forceLoad) {
+            if (this.isLoading && !activePlayer.forceLoad && !disableDeferredLoading && !(0, utils$2.isMediaStream)(url)) {
               console.warn("ReactPlayer: the attempt to load ".concat(url, " is being deferred until the player has loaded"));
               this.loadOnReady = url;
               return;
@@ -4865,11 +4910,14 @@ var StreamChatReact = (function (exports, React, streamChat) {
           var _this3 = this;
 
           // When seeking before player is ready, store value and seek later
-          if (!this.isReady && amount !== 0) {
-            this.seekOnPlay = amount;
-            setTimeout(function () {
-              _this3.seekOnPlay = null;
-            }, SEEK_ON_PLAY_EXPIRY);
+          if (!this.isReady) {
+            if (amount !== 0) {
+              this.seekOnPlay = amount;
+              setTimeout(function () {
+                _this3.seekOnPlay = null;
+              }, SEEK_ON_PLAY_EXPIRY);
+            }
+
             return;
           }
 
@@ -5029,7 +5077,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
           var _this2 = this;
 
           var url = _ref.url,
-              light = _ref.light;
+              light = _ref.light,
+              oEmbedUrl = _ref.oEmbedUrl;
 
           if (typeof light === 'string') {
             this.setState({
@@ -5048,7 +5097,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
           this.setState({
             image: null
           });
-          return window.fetch("https://noembed.com/embed?url=".concat(url)).then(function (response) {
+          return window.fetch(oEmbedUrl.replace('{url}', url)).then(function (response) {
             return response.json();
           }).then(function (data) {
             if (data.thumbnail_url && _this2.mounted) {
@@ -5361,12 +5410,14 @@ var StreamChatReact = (function (exports, React, streamChat) {
             var _this$props = this.props,
                 light = _this$props.light,
                 playIcon = _this$props.playIcon,
-                previewTabIndex = _this$props.previewTabIndex;
+                previewTabIndex = _this$props.previewTabIndex,
+                oEmbedUrl = _this$props.oEmbedUrl;
             return /*#__PURE__*/_react["default"].createElement(Preview, {
               url: url,
               light: light,
               playIcon: playIcon,
               previewTabIndex: previewTabIndex,
+              oEmbedUrl: oEmbedUrl,
               onClick: this.handleClickPreview
             });
           }
@@ -45084,7 +45135,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.1.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.1.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -48235,9 +48286,10 @@ var StreamChatReact = (function (exports, React, streamChat) {
         return { atBottom: atBottom, newMessagesNotification: newMessagesNotification, setNewMessagesNotification: setNewMessagesNotification };
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function usePrependedMessagesCount(messages) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function usePrependedMessagesCount(messages, hasDateSeparator) {
         var _a;
-        var currentFirstMessageId = (_a = messages === null || messages === void 0 ? void 0 : messages[0]) === null || _a === void 0 ? void 0 : _a.id;
+        var firstRealMessageIndex = hasDateSeparator ? 1 : 0;
+        var currentFirstMessageId = (_a = messages === null || messages === void 0 ? void 0 : messages[firstRealMessageIndex]) === null || _a === void 0 ? void 0 : _a.id;
         var firstMessageId = React.useRef(currentFirstMessageId);
         var earliestMessageId = React.useRef(currentFirstMessageId);
         var previousNumItemsPrepended = React.useRef(0);
@@ -48417,7 +48469,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
                 window.removeEventListener('blur', resetNewMessagesReceivedInBackground);
             };
         }, [scrollToBottomIfConfigured]);
-        var numItemsPrepended = usePrependedMessagesCount(processedMessages);
+        var numItemsPrepended = usePrependedMessagesCount(processedMessages, !disableDateSeparator);
         /**
          * Logic to update the key of the virtuoso component when the list jumps to a new location.
          */
@@ -48425,7 +48477,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
         var firstMessageId = React.useRef();
         React.useEffect(function () {
             var _a;
-            var continuousSet = messages && messages.find(function (message) { return message.id === firstMessageId.current; });
+            var continuousSet = messages === null || messages === void 0 ? void 0 : messages.find(function (message) { return message.id === firstMessageId.current; });
             if (!continuousSet) {
                 setMessageSetKey(+new Date());
             }