stream-chat-react 10.10.0 → 10.10.2

package/dist/browser.full-bundle.js

@@ -25,7 +25,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var React__namespace = /*#__PURE__*/_interopNamespace(React$2);
     var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-    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||{};/******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -79,7 +79,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
             if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
+            while (g && (g = 0, op[0] && (_ = 0)), _) try {
                 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
                 if (y = 0, t) op = [op[0] & 2, t.value];
                 switch (op[0]) {
@@ -125,8 +125,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 ar[i] = from[i];
             }
         }
-        return to.concat(ar || from);
-    }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -5276,9 +5281,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+    function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
     function _toConsumableArray$2(arr) { return _arrayWithoutHoles$2(arr) || _iterableToArray$3(arr) || _unsupportedIterableToArray$4(arr) || _nonIterableSpread$2(); }
 
@@ -5298,21 +5303,21 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
 
-    function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
+    function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
 
     function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
 
-    function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
+    function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
 
-    function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$1(self); }
+    function _possibleConstructorReturn$2(self, call) { if (call && (_typeof$4(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
 
-    function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+    function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
     function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
-    function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
+    function _getPrototypeOf$2(o) { _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$2(o); }
 
-    function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
     function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -5337,7 +5342,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       var _class, _temp;
 
       return _temp = _class = /*#__PURE__*/function (_Component) {
-        _inherits$1(ReactPlayer, _Component);
+        _inherits$2(ReactPlayer, _Component);
 
         var _super = _createSuper$4(ReactPlayer);
 
@@ -5352,11 +5357,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
           _this = _super.call.apply(_super, [this].concat(args));
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "state", {
+          _defineProperty$4(_assertThisInitialized$2(_this), "state", {
             showPreview: !!_this.props.light
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "references", {
+          _defineProperty$4(_assertThisInitialized$2(_this), "references", {
             wrapper: function wrapper(_wrapper) {
               _this.wrapper = _wrapper;
             },
@@ -5365,7 +5370,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "handleClickPreview", function (e) {
+          _defineProperty$4(_assertThisInitialized$2(_this), "handleClickPreview", function (e) {
             _this.setState({
               showPreview: false
             });
@@ -5373,44 +5378,44 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             _this.props.onClickPreview(e);
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "showPreview", function () {
+          _defineProperty$4(_assertThisInitialized$2(_this), "showPreview", function () {
             _this.setState({
               showPreview: true
             });
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getDuration", function () {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getDuration", function () {
             if (!_this.player) return null;
             return _this.player.getDuration();
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getCurrentTime", function () {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getCurrentTime", function () {
             if (!_this.player) return null;
             return _this.player.getCurrentTime();
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getSecondsLoaded", function () {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getSecondsLoaded", function () {
             if (!_this.player) return null;
             return _this.player.getSecondsLoaded();
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getInternalPlayer", function () {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getInternalPlayer", function () {
             var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'player';
             if (!_this.player) return null;
             return _this.player.getInternalPlayer(key);
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "seekTo", function (fraction, type) {
+          _defineProperty$4(_assertThisInitialized$2(_this), "seekTo", function (fraction, type) {
             if (!_this.player) return null;
 
             _this.player.seekTo(fraction, type);
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "handleReady", function () {
-            _this.props.onReady(_assertThisInitialized$1(_this));
+          _defineProperty$4(_assertThisInitialized$2(_this), "handleReady", function () {
+            _this.props.onReady(_assertThisInitialized$2(_this));
           });
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getActivePlayer", (0, _memoizeOne["default"])(function (url) {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getActivePlayer", (0, _memoizeOne["default"])(function (url) {
             for (var _i = 0, _arr = [].concat(customPlayers, _toConsumableArray$2(players)); _i < _arr.length; _i++) {
               var player = _arr[_i];
 
@@ -5426,16 +5431,16 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             return null;
           }));
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getConfig", (0, _memoizeOne["default"])(function (url, key) {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getConfig", (0, _memoizeOne["default"])(function (url, key) {
             var config = _this.props.config;
             return _deepmerge["default"].all([_props.defaultProps.config, _props.defaultProps.config[key] || {}, config, config[key] || {}]);
           }));
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "getAttributes", (0, _memoizeOne["default"])(function (url) {
+          _defineProperty$4(_assertThisInitialized$2(_this), "getAttributes", (0, _memoizeOne["default"])(function (url) {
             return (0, _utils.omit)(_this.props, SUPPORTED_PROPS);
           }));
 
-          _defineProperty$3(_assertThisInitialized$1(_this), "renderActivePlayer", function (url) {
+          _defineProperty$4(_assertThisInitialized$2(_this), "renderActivePlayer", function (url) {
             if (!url) return null;
 
             var player = _this.getActivePlayer(url);
@@ -5444,7 +5449,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
             var config = _this.getConfig(url, player.key);
 
-            return /*#__PURE__*/_react["default"].createElement(_Player3["default"], _extends$3({}, _this.props, {
+            return /*#__PURE__*/_react["default"].createElement(_Player3["default"], _extends$4({}, _this.props, {
               key: player.key,
               ref: _this.references.player,
               config: config,
@@ -5508,7 +5513,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                 Wrapper = _this$props2.wrapper;
             var showPreview = this.state.showPreview;
             var attributes = this.getAttributes(url);
-            return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends$3({
+            return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends$4({
               ref: this.references.wrapper,
               style: _objectSpread$7(_objectSpread$7({}, style), {}, {
                 width: width,
@@ -5521,11 +5526,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }]);
 
         return ReactPlayer;
-      }(_react.Component), _defineProperty$3(_class, "displayName", 'ReactPlayer'), _defineProperty$3(_class, "propTypes", _props.propTypes), _defineProperty$3(_class, "defaultProps", _props.defaultProps), _defineProperty$3(_class, "addCustomPlayer", function (player) {
+      }(_react.Component), _defineProperty$4(_class, "displayName", 'ReactPlayer'), _defineProperty$4(_class, "propTypes", _props.propTypes), _defineProperty$4(_class, "defaultProps", _props.defaultProps), _defineProperty$4(_class, "addCustomPlayer", function (player) {
         customPlayers.push(player);
-      }), _defineProperty$3(_class, "removeCustomPlayers", function () {
+      }), _defineProperty$4(_class, "removeCustomPlayers", function () {
         customPlayers.length = 0;
-      }), _defineProperty$3(_class, "canPlay", function (url) {
+      }), _defineProperty$4(_class, "canPlay", function (url) {
         for (var _i2 = 0, _arr2 = [].concat(customPlayers, _toConsumableArray$2(players)); _i2 < _arr2.length; _i2++) {
           var _Player = _arr2[_i2];
 
@@ -5535,7 +5540,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }
 
         return false;
-      }), _defineProperty$3(_class, "canEnablePIP", function (url) {
+      }), _defineProperty$4(_class, "canEnablePIP", function (url) {
         for (var _i3 = 0, _arr3 = [].concat(customPlayers, _toConsumableArray$2(players)); _i3 < _arr3.length; _i3++) {
           var _Player2 = _arr3[_i3];
 
@@ -6080,45 +6085,31 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var toPrimitive = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredToPrimitive;
-
-    function requireToPrimitive () {
-    	if (hasRequiredToPrimitive) return toPrimitive.exports;
-    	hasRequiredToPrimitive = 1;
-    	(function (module) {
-    		var _typeof = _typeof$3.exports["default"];
-    		function _toPrimitive(input, hint) {
-    		  if (_typeof(input) !== "object" || input === null) return input;
-    		  var prim = input[Symbol.toPrimitive];
-    		  if (prim !== undefined) {
-    		    var res = prim.call(input, hint || "default");
-    		    if (_typeof(res) !== "object") return res;
-    		    throw new TypeError("@@toPrimitive must return a primitive value.");
-    		  }
-    		  return (hint === "string" ? String : Number)(input);
-    		}
-    		module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	var _typeof = _typeof$3.exports["default"];
+    	function _toPrimitive(input, hint) {
+    	  if (_typeof(input) !== "object" || input === null) return input;
+    	  var prim = input[Symbol.toPrimitive];
+    	  if (prim !== undefined) {
+    	    var res = prim.call(input, hint || "default");
+    	    if (_typeof(res) !== "object") return res;
+    	    throw new TypeError("@@toPrimitive must return a primitive value.");
+    	  }
+    	  return (hint === "string" ? String : Number)(input);
+    	}
+    	module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (toPrimitive));
-    	return toPrimitive.exports;
-    }
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredToPropertyKey;
-
-    function requireToPropertyKey () {
-    	if (hasRequiredToPropertyKey) return toPropertyKey.exports;
-    	hasRequiredToPropertyKey = 1;
-    	(function (module) {
-    		var _typeof = _typeof$3.exports["default"];
-    		var toPrimitive = requireToPrimitive();
-    		function _toPropertyKey(arg) {
-    		  var key = toPrimitive(arg, "string");
-    		  return _typeof(key) === "symbol" ? key : String(key);
-    		}
-    		module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	var _typeof = _typeof$3.exports["default"];
+    	var toPrimitive$1 = toPrimitive.exports;
+    	function _toPropertyKey(arg) {
+    	  var key = toPrimitive$1(arg, "string");
+    	  return _typeof(key) === "symbol" ? key : String(key);
+    	}
+    	module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (toPropertyKey));
-    	return toPropertyKey.exports;
-    }
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     var hasRequiredCreateClass;
@@ -6127,14 +6118,14 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	if (hasRequiredCreateClass) return createClass.exports;
     	hasRequiredCreateClass = 1;
     	(function (module) {
-    		var toPropertyKey = requireToPropertyKey();
+    		var toPropertyKey$1 = toPropertyKey.exports;
     		function _defineProperties(target, props) {
     		  for (var i = 0; i < props.length; i++) {
     		    var descriptor = props[i];
     		    descriptor.enumerable = descriptor.enumerable || false;
     		    descriptor.configurable = true;
     		    if ("value" in descriptor) descriptor.writable = true;
-    		    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
+    		    Object.defineProperty(target, toPropertyKey$1(descriptor.key), descriptor);
     		  }
     		}
     		function _createClass(Constructor, protoProps, staticProps) {
@@ -7140,7 +7131,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       return Constructor;
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _assertThisInitialized(self) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _assertThisInitialized$1(self) {
       if (self === void 0) {
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       }
@@ -7155,7 +7146,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       return _setPrototypeOf(o, p);
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _inherits(subClass, superClass) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _inherits$1(subClass, superClass) {
       if (typeof superClass !== "function" && superClass !== null) {
         throw new TypeError("Super expression must either be null or a function");
       }
@@ -7172,23 +7163,23 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       if (superClass) _setPrototypeOf(subClass, superClass);
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _possibleConstructorReturn(self, call) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _possibleConstructorReturn$1(self, call) {
       if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
         return call;
       } else if (call !== void 0) {
         throw new TypeError("Derived constructors may only return object or undefined");
       }
-      return _assertThisInitialized(self);
+      return _assertThisInitialized$1(self);
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _getPrototypeOf(o) {
-      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _getPrototypeOf$1(o) {
+      _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
         return o.__proto__ || Object.getPrototypeOf(o);
       };
-      return _getPrototypeOf(o);
+      return _getPrototypeOf$1(o);
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _defineProperty$2(obj, key, value) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _defineProperty$3(obj, key, value) {
       key = _toPropertyKey(key);
       if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -7237,7 +7228,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
     var consoleLogger = {
       type: 'logger',
@@ -7543,9 +7534,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$1$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+    function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
 
     function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
@@ -7593,7 +7584,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     }
 
     var ResourceStore = function (_EventEmitter) {
-      _inherits(ResourceStore, _EventEmitter);
+      _inherits$1(ResourceStore, _EventEmitter);
 
       var _super = _createSuper$1(ResourceStore);
 
@@ -7610,7 +7601,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         _this = _super.call(this);
 
         if (isIE10) {
-          EventEmitter.call(_assertThisInitialized(_this));
+          EventEmitter.call(_assertThisInitialized$1(_this));
         }
 
         _this.data = data || {};
@@ -7787,15 +7778,15 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$2$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    function _createSuper$1$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+    function _createSuper$1$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
 
     function _isNativeReflectConstruct$1$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
     var checkedLoadedFor = {};
 
     var Translator = function (_EventEmitter) {
-      _inherits(Translator, _EventEmitter);
+      _inherits$1(Translator, _EventEmitter);
 
       var _super = _createSuper$1$1(Translator);
 
@@ -7809,10 +7800,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         _this = _super.call(this);
 
         if (isIE10) {
-          EventEmitter.call(_assertThisInitialized(_this));
+          EventEmitter.call(_assertThisInitialized$1(_this));
         }
 
-        copy$1(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized(_this));
+        copy$1(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized$1(_this));
         _this.options = options;
 
         if (_this.options.keySeparator === undefined) {
@@ -8686,7 +8677,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$3$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$3$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$3$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
     var Interpolator = function () {
       function Interpolator() {
@@ -8908,7 +8899,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$4$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$4$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4$1(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$4$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4$1(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
     function parseFormatStr(formatStr) {
       var formatName = formatStr.toLowerCase().trim();
@@ -9031,9 +9022,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+    function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
 
     function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
@@ -9047,7 +9038,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     }
 
     var Connector = function (_EventEmitter) {
-      _inherits(Connector, _EventEmitter);
+      _inherits$1(Connector, _EventEmitter);
 
       var _super = _createSuper$2(Connector);
 
@@ -9061,7 +9052,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         _this = _super.call(this);
 
         if (isIE10) {
-          EventEmitter.call(_assertThisInitialized(_this));
+          EventEmitter.call(_assertThisInitialized$1(_this));
         }
 
         _this.backend = backend;
@@ -9348,9 +9339,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-    function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+    function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$1(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
 
     function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
@@ -9366,7 +9357,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     }
 
     var I18n = function (_EventEmitter) {
-      _inherits(I18n, _EventEmitter);
+      _inherits$1(I18n, _EventEmitter);
 
       var _super = _createSuper$3(I18n);
 
@@ -9381,7 +9372,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         _this = _super.call(this);
 
         if (isIE10) {
-          EventEmitter.call(_assertThisInitialized(_this));
+          EventEmitter.call(_assertThisInitialized$1(_this));
         }
 
         _this.options = transformOptions(options);
@@ -9390,13 +9381,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         _this.modules = {
           external: []
         };
-        bindMemberFunctions(_assertThisInitialized(_this));
+        bindMemberFunctions(_assertThisInitialized$1(_this));
 
         if (callback && !_this.isInitialized && !options.isClone) {
           if (!_this.options.initImmediate) {
             _this.init(options, callback);
 
-            return _possibleConstructorReturn(_this, _assertThisInitialized(_this));
+            return _possibleConstructorReturn$1(_this, _assertThisInitialized$1(_this));
           }
 
           setTimeout(function () {
@@ -9952,7 +9943,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       return I18n;
     }(EventEmitter);
 
-    _defineProperty$2(I18n, "createInstance", function () {
+    _defineProperty$3(I18n, "createInstance", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 ? arguments[1] : undefined;
       return new I18n(options, callback);
@@ -11544,7 +11535,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useHandleFileChangeWrapper = function (resetOnChange, handler) {
         if (resetOnChange === void 0) { resetOnChange = false; }
-        return function (_a) {
+        return React$2.useCallback(function (_a) {
             var currentTarget = _a.currentTarget;
             var files = currentTarget.files;
             if (!files)
@@ -11557,7 +11548,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }
             if (resetOnChange)
                 currentTarget.value = '';
-        };
+        }, [handler, resetOnChange]);
     };
     function dataTransferItemsHaveFiles(items) {
         if (!items || !items.length) {
@@ -12039,9 +12030,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-    function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
     function _slicedToArray$2(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$1(); }
 
@@ -12256,7 +12247,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               mimeType = _ref5[0],
               ext = _ref5[1];
 
-          return _objectSpread$3(_objectSpread$3({}, agg), {}, _defineProperty$1({}, mimeType, ext));
+          return _objectSpread$3(_objectSpread$3({}, agg), {}, _defineProperty$2({}, mimeType, ext));
         }, {});
         return [{
           // description is required due to https://crbug.com/1264708
@@ -12371,9 +12362,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-    function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-    function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+    function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
     function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -13205,7 +13196,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               onDrop = _ref2.onDrop,
               rest = _objectWithoutProperties$1(_ref2, _excluded3);
 
-          return _objectSpread$2(_objectSpread$2(_defineProperty({
+          return _objectSpread$2(_objectSpread$2(_defineProperty$1({
             onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
             onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
             onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -13232,7 +13223,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               onClick = _ref3.onClick,
               rest = _objectWithoutProperties$1(_ref3, _excluded4);
 
-          var inputProps = _defineProperty({
+          var inputProps = _defineProperty$1({
             accept: acceptAttr,
             multiple: multiple,
             type: "file",
@@ -15583,33 +15574,26 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var defineProperty$1 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredDefineProperty;
-
-    function requireDefineProperty () {
-    	if (hasRequiredDefineProperty) return defineProperty$1.exports;
-    	hasRequiredDefineProperty = 1;
-    	(function (module) {
-    		var toPropertyKey = requireToPropertyKey();
-    		function _defineProperty(obj, key, value) {
-    		  key = toPropertyKey(key);
-    		  if (key in obj) {
-    		    Object.defineProperty(obj, key, {
-    		      value: value,
-    		      enumerable: true,
-    		      configurable: true,
-    		      writable: true
-    		    });
-    		  } else {
-    		    obj[key] = value;
-    		  }
-    		  return obj;
-    		}
-    		module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	var toPropertyKey$1 = toPropertyKey.exports;
+    	function _defineProperty(obj, key, value) {
+    	  key = toPropertyKey$1(key);
+    	  if (key in obj) {
+    	    Object.defineProperty(obj, key, {
+    	      value: value,
+    	      enumerable: true,
+    	      configurable: true,
+    	      writable: true
+    	    });
+    	  } else {
+    	    obj[key] = value;
+    	  }
+    	  return obj;
+    	}
+    	module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (defineProperty$1));
-    	return defineProperty$1.exports;
-    }
 
-    var definePropertyExports = requireDefineProperty();
+    var _defineProperty = /*@__PURE__*/getDefaultExportFromCjs(defineProperty$1.exports);
 
     var slicedToArray = {exports: {}};
 
@@ -37147,7 +37131,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     };
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { definePropertyExports(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var List$1 = function List(_ref) {
       var className = _ref.className,
         component = _ref.component,
@@ -37327,35 +37311,28 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     var _objectWithoutProperties = /*@__PURE__*/getDefaultExportFromCjs(objectWithoutProperties.exports);
 
-    var _extends$2 = {exports: {}};
+    var _extends$3 = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequired_extends;
-
-    function require_extends () {
-    	if (hasRequired_extends) return _extends$2.exports;
-    	hasRequired_extends = 1;
-    	(function (module) {
-    		function _extends() {
-    		  module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
-    		    for (var i = 1; i < arguments.length; i++) {
-    		      var source = arguments[i];
-    		      for (var key in source) {
-    		        if (Object.prototype.hasOwnProperty.call(source, key)) {
-    		          target[key] = source[key];
-    		        }
-    		      }
-    		    }
-    		    return target;
-    		  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    		  return _extends.apply(this, arguments);
-    		}
-    		module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    } (_extends$2));
-    	return _extends$2.exports;
-    }
+    (function (module) {
+    	function _extends() {
+    	  module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
+    	    for (var i = 1; i < arguments.length; i++) {
+    	      var source = arguments[i];
+    	      for (var key in source) {
+    	        if (Object.prototype.hasOwnProperty.call(source, key)) {
+    	          target[key] = source[key];
+    	        }
+    	      }
+    	    }
+    	    return target;
+    	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    	  return _extends.apply(this, arguments);
+    	}
+    	module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    } (_extends$3));
 
-    var _extendsExports = require_extends();
+    var _extends$2 = /*@__PURE__*/getDefaultExportFromCjs(_extends$3.exports);
 
     var classCallCheckExports = requireClassCallCheck();
 
@@ -37364,126 +37341,91 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     var assertThisInitialized = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredAssertThisInitialized;
-
-    function requireAssertThisInitialized () {
-    	if (hasRequiredAssertThisInitialized) return assertThisInitialized.exports;
-    	hasRequiredAssertThisInitialized = 1;
-    	(function (module) {
-    		function _assertThisInitialized(self) {
-    		  if (self === void 0) {
-    		    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    		  }
-    		  return self;
-    		}
-    		module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	function _assertThisInitialized(self) {
+    	  if (self === void 0) {
+    	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    	  }
+    	  return self;
+    	}
+    	module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (assertThisInitialized));
-    	return assertThisInitialized.exports;
-    }
 
-    var assertThisInitializedExports = requireAssertThisInitialized();
+    var _assertThisInitialized = /*@__PURE__*/getDefaultExportFromCjs(assertThisInitialized.exports);
 
     var inherits$1 = {exports: {}};
 
     var setPrototypeOf = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredSetPrototypeOf;
-
-    function requireSetPrototypeOf () {
-    	if (hasRequiredSetPrototypeOf) return setPrototypeOf.exports;
-    	hasRequiredSetPrototypeOf = 1;
-    	(function (module) {
-    		function _setPrototypeOf(o, p) {
-    		  module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    		    o.__proto__ = p;
-    		    return o;
-    		  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    		  return _setPrototypeOf(o, p);
-    		}
-    		module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	function _setPrototypeOf(o, p) {
+    	  module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    	    o.__proto__ = p;
+    	    return o;
+    	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    	  return _setPrototypeOf(o, p);
+    	}
+    	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (setPrototypeOf));
-    	return setPrototypeOf.exports;
-    }
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredInherits;
-
-    function requireInherits () {
-    	if (hasRequiredInherits) return inherits$1.exports;
-    	hasRequiredInherits = 1;
-    	(function (module) {
-    		var setPrototypeOf = requireSetPrototypeOf();
-    		function _inherits(subClass, superClass) {
-    		  if (typeof superClass !== "function" && superClass !== null) {
-    		    throw new TypeError("Super expression must either be null or a function");
-    		  }
-    		  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    		    constructor: {
-    		      value: subClass,
-    		      writable: true,
-    		      configurable: true
-    		    }
-    		  });
-    		  Object.defineProperty(subClass, "prototype", {
-    		    writable: false
-    		  });
-    		  if (superClass) setPrototypeOf(subClass, superClass);
-    		}
-    		module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	var setPrototypeOf$1 = setPrototypeOf.exports;
+    	function _inherits(subClass, superClass) {
+    	  if (typeof superClass !== "function" && superClass !== null) {
+    	    throw new TypeError("Super expression must either be null or a function");
+    	  }
+    	  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    	    constructor: {
+    	      value: subClass,
+    	      writable: true,
+    	      configurable: true
+    	    }
+    	  });
+    	  Object.defineProperty(subClass, "prototype", {
+    	    writable: false
+    	  });
+    	  if (superClass) setPrototypeOf$1(subClass, superClass);
+    	}
+    	module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (inherits$1));
-    	return inherits$1.exports;
-    }
 
-    var inheritsExports = requireInherits();
+    var _inherits = /*@__PURE__*/getDefaultExportFromCjs(inherits$1.exports);
 
     var possibleConstructorReturn = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredPossibleConstructorReturn;
-
-    function requirePossibleConstructorReturn () {
-    	if (hasRequiredPossibleConstructorReturn) return possibleConstructorReturn.exports;
-    	hasRequiredPossibleConstructorReturn = 1;
-    	(function (module) {
-    		var _typeof = _typeof$3.exports["default"];
-    		var assertThisInitialized = requireAssertThisInitialized();
-    		function _possibleConstructorReturn(self, call) {
-    		  if (call && (_typeof(call) === "object" || typeof call === "function")) {
-    		    return call;
-    		  } else if (call !== void 0) {
-    		    throw new TypeError("Derived constructors may only return object or undefined");
-    		  }
-    		  return assertThisInitialized(self);
-    		}
-    		module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	var _typeof = _typeof$3.exports["default"];
+    	var assertThisInitialized$1 = assertThisInitialized.exports;
+    	function _possibleConstructorReturn(self, call) {
+    	  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    	    return call;
+    	  } else if (call !== void 0) {
+    	    throw new TypeError("Derived constructors may only return object or undefined");
+    	  }
+    	  return assertThisInitialized$1(self);
+    	}
+    	module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (possibleConstructorReturn));
-    	return possibleConstructorReturn.exports;
-    }
 
-    var possibleConstructorReturnExports = requirePossibleConstructorReturn();
+    var _possibleConstructorReturn = /*@__PURE__*/getDefaultExportFromCjs(possibleConstructorReturn.exports);
 
     var getPrototypeOf = {exports: {}};
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var hasRequiredGetPrototypeOf;
-
-    function requireGetPrototypeOf () {
-    	if (hasRequiredGetPrototypeOf) return getPrototypeOf.exports;
-    	hasRequiredGetPrototypeOf = 1;
-    	(function (module) {
-    		function _getPrototypeOf(o) {
-    		  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    		    return o.__proto__ || Object.getPrototypeOf(o);
-    		  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    		  return _getPrototypeOf(o);
-    		}
-    		module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    (function (module) {
+    	function _getPrototypeOf(o) {
+    	  module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
+    	    return o.__proto__ || Object.getPrototypeOf(o);
+    	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    	  return _getPrototypeOf(o);
+    	}
+    	module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
     } (getPrototypeOf));
-    	return getPrototypeOf.exports;
-    }
 
-    var getPrototypeOfExports = requireGetPrototypeOf();
+    var _getPrototypeOf = /*@__PURE__*/getDefaultExportFromCjs(getPrototypeOf.exports);
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _extends$1() {
       _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
@@ -38056,24 +37998,24 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var _excluded$1 = ["onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onScroll", "onSelect"];
     function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { definePropertyExports(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOfExports(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOfExports(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturnExports(this, result); }; }
+    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
     function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
     var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
-      inheritsExports(ReactTextareaAutocomplete, _React$Component);
+      _inherits(ReactTextareaAutocomplete, _React$Component);
       var _super = _createSuper(ReactTextareaAutocomplete);
       function ReactTextareaAutocomplete(_props) {
         var _this;
         classCallCheckExports(this, ReactTextareaAutocomplete);
         _this = _super.call(this, _props);
-        definePropertyExports(assertThisInitializedExports(_this), "getSelectionPosition", function () {
+        _defineProperty(_assertThisInitialized(_this), "getSelectionPosition", function () {
           if (!_this.textareaRef) return null;
           return {
             selectionEnd: _this.textareaRef.selectionEnd,
             selectionStart: _this.textareaRef.selectionStart
           };
         });
-        definePropertyExports(assertThisInitializedExports(_this), "getSelectedText", function () {
+        _defineProperty(_assertThisInitialized(_this), "getSelectedText", function () {
           if (!_this.textareaRef) return null;
           var _this$textareaRef = _this.textareaRef,
             selectionEnd = _this$textareaRef.selectionEnd,
@@ -38081,20 +38023,20 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           if (selectionStart === selectionEnd) return null;
           return _this.state.value.substr(selectionStart, selectionEnd - selectionStart);
         });
-        definePropertyExports(assertThisInitializedExports(_this), "setCaretPosition", function () {
+        _defineProperty(_assertThisInitialized(_this), "setCaretPosition", function () {
           var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
           if (!_this.textareaRef) return;
           _this.textareaRef.focus();
           _this.textareaRef.setSelectionRange(position, position);
         });
-        definePropertyExports(assertThisInitializedExports(_this), "getCaretPosition", function () {
+        _defineProperty(_assertThisInitialized(_this), "getCaretPosition", function () {
           if (!_this.textareaRef) return 0;
           return _this.textareaRef.selectionEnd;
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_defaultShouldSubmit", function (event) {
+        _defineProperty(_assertThisInitialized(_this), "_defaultShouldSubmit", function (event) {
           return event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing;
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_handleKeyDown", function (event) {
+        _defineProperty(_assertThisInitialized(_this), "_handleKeyDown", function (event) {
           var _this$props$shouldSub = _this.props.shouldSubmit,
             shouldSubmit = _this$props$shouldSub === void 0 ? _this._defaultShouldSubmit : _this$props$shouldSub;
 
@@ -38104,7 +38046,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           if (event.key === ' ') return _this._onSpace(event);
           if (event.key === 'Escape') return _this._closeAutocomplete();
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_onEnter", function (event) {
+        _defineProperty(_assertThisInitialized(_this), "_onEnter", function (event) {
           if (!_this.textareaRef) return;
           var trigger = _this.state.currentTrigger;
           if (!trigger || !_this.state.data) {
@@ -38117,7 +38059,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             _this._closeAutocomplete();
           }
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_onSpace", function () {
+        _defineProperty(_assertThisInitialized(_this), "_onSpace", function () {
           if (!_this.props.replaceWord || !_this.textareaRef) return;
 
           // don't change characters if the element doesn't have focus
@@ -38125,7 +38067,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           if (!hasFocus) return;
           _this._replaceWord();
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_replaceWord", function () {
+        _defineProperty(_assertThisInitialized(_this), "_replaceWord", function () {
           var value = _this.state.value;
           var lastWordRegex = /([^\s]+)(\s*)$/;
           var match = lastWordRegex.exec(value.slice(0, _this.getCaretPosition()));
@@ -38148,7 +38090,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             if (_this.props.onChange) _this.props.onChange(e);
           });
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_onSelect", function (newToken) {
+        _defineProperty(_assertThisInitialized(_this), "_onSelect", function (newToken) {
           var _this$props = _this.props,
             closeCommandsList = _this$props.closeCommandsList,
             closeMentionsList = _this$props.closeMentionsList,
@@ -38201,7 +38143,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           if (showCommandsList) closeCommandsList();
           if (showMentionsList) closeMentionsList();
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_getItemOnSelect", function (paramTrigger) {
+        _defineProperty(_assertThisInitialized(_this), "_getItemOnSelect", function (paramTrigger) {
           var stateTrigger = _this.state.currentTrigger;
           var triggerSettings = _this._getCurrentTriggerSettings(paramTrigger);
           var currentTrigger = paramTrigger || stateTrigger;
@@ -38218,7 +38160,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             return null;
           };
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_getTextToReplace", function (paramTrigger) {
+        _defineProperty(_assertThisInitialized(_this), "_getTextToReplace", function (paramTrigger) {
           var _this$state2 = _this.state,
             actualToken = _this$state2.actualToken,
             stateTrigger = _this$state2.currentTrigger;
@@ -38258,13 +38200,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             };
           };
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_getCurrentTriggerSettings", function (paramTrigger) {
+        _defineProperty(_assertThisInitialized(_this), "_getCurrentTriggerSettings", function (paramTrigger) {
           var stateTrigger = _this.state.currentTrigger;
           var currentTrigger = paramTrigger || stateTrigger;
           if (!currentTrigger) return null;
           return _this.props.trigger[currentTrigger];
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_getValuesFromProvider", function () {
+        _defineProperty(_assertThisInitialized(_this), "_getValuesFromProvider", function () {
           var _this$state3 = _this.state,
             actualToken = _this$state3.actualToken,
             currentTrigger = _this$state3.currentTrigger;
@@ -38305,7 +38247,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             });
           });
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_getSuggestions", function (paramTrigger) {
+        _defineProperty(_assertThisInitialized(_this), "_getSuggestions", function (paramTrigger) {
           var _this$state4 = _this.state,
             stateTrigger = _this$state4.currentTrigger,
             data = _this$state4.data;
@@ -38313,7 +38255,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           if (!currentTrigger || !data || data && !data.length) return null;
           return data;
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_closeAutocomplete", function () {
+        _defineProperty(_assertThisInitialized(_this), "_closeAutocomplete", function () {
           _this.setState({
             currentTrigger: null,
             data: null,
@@ -38322,7 +38264,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             top: null
           });
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_cleanUpProps", function () {
+        _defineProperty(_assertThisInitialized(_this), "_cleanUpProps", function () {
           var props = _objectSpread({}, _this.props);
           var notSafe = ['additionalTextareaProps', 'className', 'closeCommandsList', 'closeMentionsList', 'closeOnClickOutside', 'containerClassName', 'containerStyle', 'disableMentions', 'dropdownClassName', 'dropdownStyle', 'grow', 'handleSubmit', 'innerRef', 'itemClassName', 'itemStyle', 'listClassName', 'listStyle', 'loaderClassName', 'loaderStyle', 'loadingComponent', 'minChar', 'movePopupAsYouType', 'onCaretPositionChange', 'onChange', 'ref', 'replaceWord', 'scrollToItem', 'shouldSubmit', 'showCommandsList', 'showMentionsList', 'SuggestionItem', 'SuggestionList', 'trigger', 'value'];
 
@@ -38332,12 +38274,12 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           }
           return props;
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_isCommand", function (text) {
+        _defineProperty(_assertThisInitialized(_this), "_isCommand", function (text) {
           if (text[0] !== '/') return false;
           var tokens = text.split(' ');
           return tokens.length <= 1;
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_changeHandler", function (e) {
+        _defineProperty(_assertThisInitialized(_this), "_changeHandler", function (e) {
           var _this$props2 = _this.props,
             minChar = _this$props2.minChar,
             movePopupAsYouType = _this$props2.movePopupAsYouType,
@@ -38412,7 +38354,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             }
           });
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_selectHandler", function (e) {
+        _defineProperty(_assertThisInitialized(_this), "_selectHandler", function (e) {
           var _this$props3 = _this.props,
             onCaretPositionChange = _this$props3.onCaretPositionChange,
             onSelect = _this$props3.onSelect;
@@ -38422,7 +38364,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             onSelect(e);
           }
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_onClickAndBlurHandler", function (e) {
+        _defineProperty(_assertThisInitialized(_this), "_onClickAndBlurHandler", function (e) {
           var _this$props4 = _this.props,
             closeOnClickOutside = _this$props4.closeOnClickOutside,
             onBlur = _this$props4.onBlur;
@@ -38446,10 +38388,10 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             onBlur(e);
           }
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_onScrollHandler", function () {
+        _defineProperty(_assertThisInitialized(_this), "_onScrollHandler", function () {
           return _this._closeAutocomplete();
         });
-        definePropertyExports(assertThisInitializedExports(_this), "_dropdownScroll", function (item) {
+        _defineProperty(_assertThisInitialized(_this), "_dropdownScroll", function (item) {
           var scrollToItem = _this.props.scrollToItem;
           if (!scrollToItem) return;
           if (scrollToItem === true) {
@@ -38461,7 +38403,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           }
           scrollToItem(_this.dropdownRef, item);
         });
-        definePropertyExports(assertThisInitializedExports(_this), "getTriggerProps", function () {
+        _defineProperty(_assertThisInitialized(_this), "getTriggerProps", function () {
           var _this$props5 = _this.props,
             showCommandsList = _this$props5.showCommandsList,
             showMentionsList = _this$props5.showMentionsList,
@@ -38499,7 +38441,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           }
           return triggerProps;
         });
-        definePropertyExports(assertThisInitializedExports(_this), "setDropdownRef", function (element) {
+        _defineProperty(_assertThisInitialized(_this), "setDropdownRef", function (element) {
           _this.dropdownRef = element;
         });
         var _this$props6 = _this.props,
@@ -38551,7 +38493,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
               ref: this.setDropdownRef,
               style: dropdownStyle
-            }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extendsExports({
+            }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extends$2({
               className: clsx('str-chat__suggestion-list', listClassName),
               dropdownScroll: this._dropdownScroll,
               itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
@@ -38595,7 +38537,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               'rta--loading': dataLoading
             }),
             style: containerStyle
-          }, this.renderSuggestionListContainer(), /*#__PURE__*/React__default["default"].createElement(index$1, _extendsExports({
+          }, this.renderSuggestionListContainer(), /*#__PURE__*/React__default["default"].createElement(index$1, _extends$2({
             "data-testid": "message-input"
           }, this._cleanUpProps(), {
             className: clsx('rta__textarea', className),
@@ -38662,7 +38604,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
       }]);
       return ReactTextareaAutocomplete;
     }(React__default["default"].Component);
-    definePropertyExports(ReactTextareaAutocomplete, "defaultProps", {
+    _defineProperty(ReactTextareaAutocomplete, "defaultProps", {
       closeOnClickOutside: true,
       maxRows: 10,
       minChar: 1,
@@ -45464,6 +45406,64 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         notificationTimeouts.push(timeout);
     }; };
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * prevent from duplicate invocation of channel.watch()
+     * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+     */
+    var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+    /**
+     * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+     * @param client
+     * @param members
+     * @param type
+     * @param id
+     * @param channel
+     */
+    var getChannel = function (_a) {
+        var channel = _a.channel, client = _a.client, id = _a.id, members = _a.members, type = _a.type;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var theChannel, originalCid, queryPromise;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (!channel && !type) {
+                            throw new Error('Channel or channel type have to be provided to query a channel.');
+                        }
+                        theChannel = channel || client.channel(type, id, { members: members });
+                        originalCid = (theChannel === null || theChannel === void 0 ? void 0 : theChannel.id)
+                            ? theChannel.cid
+                            : members && members.length
+                                ? generateChannelTempCid(theChannel.type, members)
+                                : undefined;
+                        if (!originalCid) {
+                            throw new Error('Channel ID or channel members array have to be provided to query a channel.');
+                        }
+                        queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+                        if (!queryPromise) return [3 /*break*/, 2];
+                        return [4 /*yield*/, queryPromise];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 4];
+                    case 2:
+                        WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = theChannel.watch();
+                        return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid]];
+                    case 3:
+                        _b.sent();
+                        delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+                        _b.label = 4;
+                    case 4: return [2 /*return*/, theChannel];
+                }
+            });
+        });
+    };
+    // Channels created without ID need to be referenced by an identifier until the back-end generates the final ID.
+    var generateChannelTempCid = function (channelType, members) {
+        if (!members)
+            return;
+        var membersStr = __spreadArray([], members, true).sort().join(',');
+        return "".concat(channelType, ":!members-").concat(membersStr);
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChannelContainerClasses = function (_a) {
         var _b, _c, _d;
         var customClasses = _a.customClasses;
@@ -45706,22 +45706,40 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                     markRead();
             };
             (function () { return __awaiter(void 0, void 0, void 0, function () {
-                var config, e_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var members, _i, _a, member, userId, _b, user, user_id, config, e_1;
+                var _c;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (!!channel.initialized) return [3 /*break*/, 4];
-                            _a.label = 1;
+                            _d.label = 1;
                         case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, channel.watch()];
+                            _d.trys.push([1, 3, , 4]);
+                            members = [];
+                            if (!channel.id && ((_c = channel.data) === null || _c === void 0 ? void 0 : _c.members)) {
+                                for (_i = 0, _a = channel.data.members; _i < _a.length; _i++) {
+                                    member = _a[_i];
+                                    userId = void 0;
+                                    if (typeof member === 'string') {
+                                        userId = member;
+                                    }
+                                    else if (typeof member === 'object') {
+                                        _b = member, user = _b.user, user_id = _b.user_id;
+                                        userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+                                    }
+                                    if (userId) {
+                                        members.push(userId);
+                                    }
+                                }
+                            }
+                            return [4 /*yield*/, getChannel({ channel: channel, client: client, members: members })];
                         case 2:
-                            _a.sent();
+                            _d.sent();
                             config = channel.getConfig();
                             setChannelConfig(config);
                             return [3 /*break*/, 4];
                         case 3:
-                            e_1 = _a.sent();
+                            e_1 = _d.sent();
                             dispatch({ error: e_1, type: 'setError' });
                             errored = true;
                             return [3 /*break*/, 4];
@@ -46457,52 +46475,6 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, [customHandler]);
     };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * prevent from duplicate invocation of channel.watch()
-     * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
-     */
-    var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
-    /**
-     * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
-     * @param client
-     * @param type
-     * @param id
-     */
-    var getChannel = function (client, type, id) { return __awaiter(void 0, void 0, void 0, function () {
-        var channel, queryPromise;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    channel = client.channel(type, id);
-                    queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid];
-                    if (!queryPromise) return [3 /*break*/, 2];
-                    return [4 /*yield*/, queryPromise];
-                case 1:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 2:
-                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = channel.watch();
-                    return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid]];
-                case 3:
-                    _a.sent();
-                    WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = undefined;
-                    _a.label = 4;
-                case 4: return [2 /*return*/, channel];
-            }
-        });
-    }); };
-    var MAX_QUERY_CHANNELS_LIMIT = 30;
-    var moveChannelUp = function (_a) {
-        var activeChannel = _a.activeChannel, channels = _a.channels, cid = _a.cid;
-        // get index of channel to move up
-        var channelIndex = channels.findIndex(function (channel) { return channel.cid === cid; });
-        if (!activeChannel && channelIndex <= 0)
-            return channels;
-        // get channel to move up
-        var channel = activeChannel || channels[channelIndex];
-        return uniqBy(__spreadArray([channel], channels, true), 'cid');
-    };
-
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChannelVisibleListener = function (setChannels, customHandler) {
         var client = useChatContext('useChannelVisibleListener').client;
         React$2.useEffect(function () {
@@ -46516,7 +46488,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             return [3 /*break*/, 3];
                         case 1:
                             if (!(event.type && event.channel_type && event.channel_id)) return [3 /*break*/, 3];
-                            return [4 /*yield*/, getChannel(client, event.channel_type, event.channel_id)];
+                            return [4 /*yield*/, getChannel({
+                                    client: client,
+                                    id: event.channel_id,
+                                    type: event.channel_type,
+                                })];
                         case 2:
                             channel_1 = _a.sent();
                             setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels, true), 'cid'); });
@@ -46547,6 +46523,18 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         }, []);
     };
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var MAX_QUERY_CHANNELS_LIMIT = 30;
+    var moveChannelUp = function (_a) {
+        var activeChannel = _a.activeChannel, channels = _a.channels, cid = _a.cid;
+        // get index of channel to move up
+        var channelIndex = channels.findIndex(function (channel) { return channel.cid === cid; });
+        if (!activeChannel && channelIndex <= 0)
+            return channels;
+        // get channel to move up
+        var channel = activeChannel || channels[channelIndex];
+        return uniqBy(__spreadArray([channel], channels, true), 'cid');
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useMessageNewListener = function (setChannels, lockChannelOrder, allowNewMessagesFromUnfilteredChannels) {
         if (lockChannelOrder === void 0) { lockChannelOrder = false; }
         if (allowNewMessagesFromUnfilteredChannels === void 0) { allowNewMessagesFromUnfilteredChannels = true; }
@@ -46594,20 +46582,32 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
         React$2.useEffect(function () {
             var handleEvent = function (event) { return __awaiter(void 0, void 0, void 0, function () {
                 var channel_1;
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var _a, _b;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!(customHandler && typeof customHandler === 'function')) return [3 /*break*/, 1];
                             customHandler(setChannels, event);
                             return [3 /*break*/, 3];
                         case 1:
                             if (!(allowNewMessagesFromUnfilteredChannels && ((_a = event.channel) === null || _a === void 0 ? void 0 : _a.type))) return [3 /*break*/, 3];
-                            return [4 /*yield*/, getChannel(client, event.channel.type, event.channel.id)];
+                            return [4 /*yield*/, getChannel({
+                                    client: client,
+                                    id: event.channel.id,
+                                    members: (_b = event.channel.members) === null || _b === void 0 ? void 0 : _b.reduce(function (acc, _a) {
+                                        var user = _a.user, user_id = _a.user_id;
+                                        var userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+                                        if (userId) {
+                                            acc.push(userId);
+                                        }
+                                        return acc;
+                                    }, []),
+                                    type: event.channel.type,
+                                })];
                         case 2:
-                            channel_1 = _b.sent();
+                            channel_1 = _c.sent();
                             setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels, true), 'cid'); });
-                            _b.label = 3;
+                            _c.label = 3;
                         case 3: return [2 /*return*/];
                     }
                 });
@@ -46634,7 +46634,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             return [3 /*break*/, 3];
                         case 1:
                             if (!(allowNewMessagesFromUnfilteredChannels && ((_a = event.channel) === null || _a === void 0 ? void 0 : _a.type))) return [3 /*break*/, 3];
-                            return [4 /*yield*/, getChannel(client, event.channel.type, event.channel.id)];
+                            return [4 /*yield*/, getChannel({
+                                    client: client,
+                                    id: event.channel.id,
+                                    type: event.channel.type,
+                                })];
                         case 2:
                             channel_1 = _b.sent();
                             setChannels(function (channels) { return uniqBy(__spreadArray([channel_1], channels, true), 'cid'); });
@@ -47403,7 +47407,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     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$1 = '10.10.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.10.2';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -50857,9 +50861,9 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	});
     	exports["default"] = void 0;
 
-    	var _extends2 = _interopRequireDefault(require_extends());
+    	var _extends2 = _interopRequireDefault(_extends$3.exports);
 
-    	var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
+    	var _defineProperty2 = _interopRequireDefault(defineProperty$1.exports);
 
     	var _react = _interopRequireDefault(React__default["default"]);
 
@@ -51450,13 +51454,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _assertThisInitialized2 = _interopRequireDefault(requireAssertThisInitialized());
+    		var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -51577,17 +51581,17 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     		});
     		exports["default"] = void 0;
 
-    		var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
+    		var _defineProperty2 = _interopRequireDefault(defineProperty$1.exports);
 
     		var _classCallCheck2 = _interopRequireDefault(requireClassCallCheck());
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -51665,19 +51669,19 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     		});
     		exports["default"] = void 0;
 
-    		var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
+    		var _defineProperty2 = _interopRequireDefault(defineProperty$1.exports);
 
     		var _classCallCheck2 = _interopRequireDefault(requireClassCallCheck());
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _assertThisInitialized2 = _interopRequireDefault(requireAssertThisInitialized());
+    		var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -51981,11 +51985,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -52069,13 +52073,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _assertThisInitialized2 = _interopRequireDefault(requireAssertThisInitialized());
+    		var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -52178,19 +52182,19 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     		});
     		exports["default"] = void 0;
 
-    		var _extends2 = _interopRequireDefault(require_extends());
+    		var _extends2 = _interopRequireDefault(_extends$3.exports);
 
     		var _classCallCheck2 = _interopRequireDefault(requireClassCallCheck());
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _assertThisInitialized2 = _interopRequireDefault(requireAssertThisInitialized());
+    		var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -52300,17 +52304,17 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     		});
     		exports["default"] = void 0;
 
-    		var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
+    		var _defineProperty2 = _interopRequireDefault(defineProperty$1.exports);
 
     		var _classCallCheck2 = _interopRequireDefault(requireClassCallCheck());
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -52474,13 +52478,13 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     		var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    		var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    		var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    		var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    		var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    		var _assertThisInitialized2 = _interopRequireDefault(requireAssertThisInitialized());
+    		var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
 
-    		var _inherits2 = _interopRequireDefault(requireInherits());
+    		var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     		var _react = _interopRequireDefault(React__default["default"]);
 
@@ -52640,19 +52644,19 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     	});
     	exports["default"] = void 0;
 
-    	var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
+    	var _defineProperty2 = _interopRequireDefault(defineProperty$1.exports);
 
     	var _classCallCheck2 = _interopRequireDefault(requireClassCallCheck());
 
     	var _createClass2 = _interopRequireDefault(requireCreateClass());
 
-    	var _possibleConstructorReturn2 = _interopRequireDefault(requirePossibleConstructorReturn());
+    	var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn.exports);
 
-    	var _getPrototypeOf2 = _interopRequireDefault(requireGetPrototypeOf());
+    	var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf.exports);
 
-    	var _assertThisInitialized2 = _interopRequireDefault(requireAssertThisInitialized());
+    	var _assertThisInitialized2 = _interopRequireDefault(assertThisInitialized.exports);
 
-    	var _inherits2 = _interopRequireDefault(requireInherits());
+    	var _inherits2 = _interopRequireDefault(inherits$1.exports);
 
     	var _react = _interopRequireDefault(React__default["default"]);
 
@@ -77571,6 +77575,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
     exports.UnMemoizedLoadMorePaginator = UnMemoizedLoadMorePaginator;
     exports.UnsupportedAttachment = UnsupportedAttachment;
     exports.UnsupportedAttachmentContainer = UnsupportedAttachmentContainer;
+    exports.UploadButton = UploadButton;
     exports.UploadIcon = UploadIcon;
     exports.UploadsPreview = UploadsPreview;
     exports.UserItem = UserItem;