stream-chat-react 9.1.1 → 9.1.4

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);
+                _this2.addListeners(_this2.player, _this2.props);
 
-              if (_this2.props.muted) {
-                _this2.player.mute();
-              }
-
-              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
             });
           }
@@ -39670,18 +39721,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
         }
         return true;
     };
-    var areMessagePropsEqual = function (prevProps, nextProps) {
+    var areMessagesEqual = function (prevMessage, nextMessage) {
         var _a, _b, _c, _d, _e, _f;
-        var prevMessage = prevProps.message, prevMessageUI = prevProps.Message;
-        var nextMessage = nextProps.message, nextMessageUI = nextProps.Message;
-        if (prevMessageUI !== nextMessageUI)
-            return false;
-        if (prevProps.endOfGroup !== nextProps.endOfGroup)
-            return false;
-        if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {
-            return false;
-        }
-        var messagesAreEqual = prevMessage.deleted_at === nextMessage.deleted_at &&
+        return prevMessage.deleted_at === nextMessage.deleted_at &&
             ((_a = prevMessage.latest_reactions) === null || _a === void 0 ? void 0 : _a.length) === ((_b = nextMessage.latest_reactions) === null || _b === void 0 ? void 0 : _b.length) &&
             ((_c = prevMessage.own_reactions) === null || _c === void 0 ? void 0 : _c.length) === ((_d = nextMessage.own_reactions) === null || _d === void 0 ? void 0 : _d.length) &&
             prevMessage.pinned === nextMessage.pinned &&
@@ -39691,9 +39733,22 @@ var StreamChatReact = (function (exports, React, streamChat) {
             prevMessage.type === nextMessage.type &&
             prevMessage.updated_at === nextMessage.updated_at &&
             ((_e = prevMessage.user) === null || _e === void 0 ? void 0 : _e.updated_at) === ((_f = nextMessage.user) === null || _f === void 0 ? void 0 : _f.updated_at);
+    };
+    var areMessagePropsEqual = function (prevProps, nextProps) {
+        var prevMessage = prevProps.message, prevMessageUI = prevProps.Message;
+        var nextMessage = nextProps.message, nextMessageUI = nextProps.Message;
+        if (prevMessageUI !== nextMessageUI)
+            return false;
+        if (prevProps.endOfGroup !== nextProps.endOfGroup)
+            return false;
+        if (nextProps.showDetailedReactions !== prevProps.showDetailedReactions) {
+            return false;
+        }
+        var messagesAreEqual = areMessagesEqual(prevMessage, nextMessage);
         if (!messagesAreEqual)
             return false;
-        var deepEqualProps = reactFastCompare(nextProps.readBy, prevProps.readBy) &&
+        var deepEqualProps = reactFastCompare(nextProps.messageActions, prevProps.messageActions) &&
+            reactFastCompare(nextProps.readBy, prevProps.readBy) &&
             reactFastCompare(nextProps.highlighted, prevProps.highlighted) &&
             reactFastCompare(nextProps.groupStyles, prevProps.groupStyles) && // last 3 messages can have different group styles
             reactFastCompare(nextProps.mutes, prevProps.mutes) &&
@@ -39704,7 +39759,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
         );
     };
     var areMessageUIPropsEqual = function (prevProps, nextProps) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d;
         var prevLastReceivedId = prevProps.lastReceivedId, prevMessage = prevProps.message;
         var nextLastReceivedId = nextProps.lastReceivedId, nextMessage = nextProps.message;
         if (prevProps.editing !== nextProps.editing)
@@ -39724,16 +39779,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             prevLastReceivedId !== nextLastReceivedId) {
             return false;
         }
-        return (prevMessage.deleted_at === nextMessage.deleted_at &&
-            ((_e = prevMessage.latest_reactions) === null || _e === void 0 ? void 0 : _e.length) === ((_f = nextMessage.latest_reactions) === null || _f === void 0 ? void 0 : _f.length) &&
-            ((_g = prevMessage.own_reactions) === null || _g === void 0 ? void 0 : _g.length) === ((_h = nextMessage.own_reactions) === null || _h === void 0 ? void 0 : _h.length) &&
-            prevMessage.pinned === nextMessage.pinned &&
-            prevMessage.reply_count === nextMessage.reply_count &&
-            prevMessage.status === nextMessage.status &&
-            prevMessage.text === nextMessage.text &&
-            prevMessage.type === nextMessage.type &&
-            prevMessage.updated_at === nextMessage.updated_at &&
-            ((_j = prevMessage.user) === null || _j === void 0 ? void 0 : _j.updated_at) === ((_k = nextMessage.user) === null || _k === void 0 ? void 0 : _k.updated_at));
+        return areMessagesEqual(prevMessage, nextMessage);
     };
     var messageHasReactions = function (message) { return !!(message === null || message === void 0 ? void 0 : message.latest_reactions) && !!message.latest_reactions.length; };
     var messageHasAttachments = function (message) { return !!(message === null || message === void 0 ? void 0 : message.attachments) && !!message.attachments.length; };
@@ -45084,7 +45130,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.1';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.1.4';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -45500,7 +45546,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
                 canReact: canReact,
                 canReply: canReply,
             });
-        }, [canDelete, canEdit, canFlag, canMute, canPin, canQuote, canReact, canReply]);
+        }, [messageActions, canDelete, canEdit, canFlag, canMute, canPin, canQuote, canReact, canReply]);
         props.canPin; // eslint-disable-line @typescript-eslint/no-unused-vars
         props.messageActions; // eslint-disable-line @typescript-eslint/no-unused-vars
         props.onlySenderCanEdit; // eslint-disable-line @typescript-eslint/no-unused-vars
@@ -46702,7 +46748,8 @@ var StreamChatReact = (function (exports, React, streamChat) {
         };
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ResizeObserver$1 = window.ResizeObserver || ResizeObserver$2;
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var isBrowser = typeof window !== 'undefined';
+    var ResizeObserver$1 = (isBrowser && window.ResizeObserver) || ResizeObserver$2;
     var useScrollLocationLogic = function (params) {
         var _a = params.messages, messages = _a === void 0 ? [] : _a, _b = params.scrolledUpThreshold, scrolledUpThreshold = _b === void 0 ? 200 : _b, hasMoreNewer = params.hasMoreNewer, suppressAutoscroll = params.suppressAutoscroll, listElement = params.listElement, ulElement = params.ulElement;
         var _c = React.useState(false), hasNewMessages = _c[0], setHasNewMessages = _c[1];
@@ -48234,9 +48281,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);
@@ -48416,7 +48464,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.
          */
@@ -48424,7 +48472,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());
             }
@@ -48564,11 +48612,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
         return React__default['default'].createElement("div", { className: 'str-chat__thread-start' }, t('Start of a new thread'));
     };
     var ThreadInner = function (props) {
-        var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.enableDateSeparator, enableDateSeparator = _b === void 0 ? false : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? false : _c, PropInput = props.Input, PropMessage = props.Message, virtualized = props.virtualized;
-        var _d = useChannelStateContext('Thread'), thread = _d.thread, threadHasMore = _d.threadHasMore, threadLoadingMore = _d.threadLoadingMore, threadMessages = _d.threadMessages;
-        var _e = useChannelActionContext('Thread'), closeThread = _e.closeThread, loadMoreThread = _e.loadMoreThread, sendMessage = _e.sendMessage;
+        var additionalMessageInputProps = props.additionalMessageInputProps, additionalMessageListProps = props.additionalMessageListProps, additionalParentMessageProps = props.additionalParentMessageProps, additionalVirtualizedMessageListProps = props.additionalVirtualizedMessageListProps, _a = props.autoFocus, autoFocus = _a === void 0 ? true : _a, _b = props.enableDateSeparator, enableDateSeparator = _b === void 0 ? false : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? false : _c, PropInput = props.Input, PropMessage = props.Message, _d = props.messageActions, messageActions = _d === void 0 ? Object.keys(MESSAGE_ACTIONS) : _d, virtualized = props.virtualized;
+        var _e = useChannelStateContext('Thread'), thread = _e.thread, threadHasMore = _e.threadHasMore, threadLoadingMore = _e.threadLoadingMore, threadMessages = _e.threadMessages;
+        var _f = useChannelActionContext('Thread'), closeThread = _f.closeThread, loadMoreThread = _f.loadMoreThread, sendMessage = _f.sendMessage;
         var customClasses = useChatContext('Thread').customClasses;
-        var _f = useComponentContext('Thread'), ContextInput = _f.ThreadInput, ContextMessage = _f.Message, _g = _f.ThreadHeader, ThreadHeader = _g === void 0 ? DefaultThreadHeader : _g, _h = _f.ThreadStart, ThreadStart = _h === void 0 ? DefaultThreadStart : _h, _j = _f.VirtualMessage, VirtualMessage = _j === void 0 ? FixedHeightMessage : _j;
+        var _g = useComponentContext('Thread'), ContextInput = _g.ThreadInput, ContextMessage = _g.Message, _h = _g.ThreadHeader, ThreadHeader = _h === void 0 ? DefaultThreadHeader : _h, _j = _g.ThreadStart, ThreadStart = _j === void 0 ? DefaultThreadStart : _j, _k = _g.VirtualMessage, VirtualMessage = _k === void 0 ? FixedHeightMessage : _k;
         var messageList = React.useRef(null);
         var ThreadInput = PropInput || (additionalMessageInputProps === null || additionalMessageInputProps === void 0 ? void 0 : additionalMessageInputProps.Input) || ContextInput || MessageInputSmall;
         var ThreadMessage = PropMessage || (additionalMessageListProps === null || additionalMessageListProps === void 0 ? void 0 : additionalMessageListProps.Message);
@@ -48600,7 +48648,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             React__default['default'].createElement("div", { className: 'str-chat__thread-list', ref: messageList },
                 React__default['default'].createElement(Message, __assign$2({ initialMessage: true, message: thread, Message: ThreadMessage || FallbackMessage, threadList: true }, additionalParentMessageProps)),
                 React__default['default'].createElement(ThreadStart, null),
-                React__default['default'].createElement(ThreadMessageList, __assign$2({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
+                React__default['default'].createElement(ThreadMessageList, __assign$2({ disableDateSeparator: !enableDateSeparator, hasMore: threadHasMore, loadingMore: threadLoadingMore, loadMore: loadMoreThread, Message: ThreadMessage || FallbackMessage, messageActions: messageActions, messages: threadMessages || [], threadList: true }, (virtualized ? additionalVirtualizedMessageListProps : additionalMessageListProps)))),
             React__default['default'].createElement(MessageInput, __assign$2({ focus: autoFocus, Input: ThreadInput, overrideSubmitHandler: threadSubmitHandler, parent: thread, publishTypingEvent: false }, additionalMessageInputProps))));
     };