stream-chat-react 10.0.0-theming-v2.2 → 10.0.0-theming-v2.3

package/dist/browser.full-bundle.js

@@ -6832,32 +6832,12 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     var DefaultEmojiIndex = unwrapExports(nimbleEmojiIndex);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DefaultEmoji = React__default["default"].lazy(function () { return __awaiter$3(void 0, void 0, void 0, function () {
-        var emoji;
-        return __generator$3(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, Promise.resolve().then(function () { return nimbleEmoji$2; })];
-                case 1:
-                    emoji = _a.sent();
-                    return [2 /*return*/, { default: emoji.default }];
-            }
-        });
-    }); });
-    var DefaultEmojiPicker = React__default["default"].lazy(function () { return __awaiter$3(void 0, void 0, void 0, function () {
-        var emojiPicker;
-        return __generator$3(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, Promise.resolve().then(function () { return nimblePicker$2; })];
-                case 1:
-                    emojiPicker = _a.sent();
-                    return [2 /*return*/, { default: emojiPicker.default }];
-            }
-        });
-    }); });
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DefaultEmoji$1 = React__default["default"].lazy(function () { return Promise.resolve().then(function () { return DefaultEmoji; }); });
+    var DefaultEmojiPicker$1 = React__default["default"].lazy(function () { return Promise.resolve().then(function () { return DefaultEmojiPicker; }); });
     var EmojiContext = React__default["default"].createContext(undefined);
     var EmojiProvider = function (_a) {
         var children = _a.children, value = _a.value;
-        var _b = value.Emoji, Emoji = _b === void 0 ? DefaultEmoji : _b, emojiConfig = value.emojiConfig, _c = value.EmojiIndex, EmojiIndex = _c === void 0 ? DefaultEmojiIndex : _c, _d = value.EmojiPicker, EmojiPicker = _d === void 0 ? DefaultEmojiPicker : _d;
+        var _b = value.Emoji, Emoji = _b === void 0 ? DefaultEmoji$1 : _b, emojiConfig = value.emojiConfig, _c = value.EmojiIndex, EmojiIndex = _c === void 0 ? DefaultEmojiIndex : _c, _d = value.EmojiPicker, EmojiPicker = _d === void 0 ? DefaultEmojiPicker$1 : _d;
         var emojiContextValue = {
             Emoji: Emoji,
             emojiConfig: emojiConfig,
@@ -7061,7 +7041,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
       return _getPrototypeOf$1(o);
     }
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _defineProperty$6(obj, key, value) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function _defineProperty$5(obj, key, value) {
       if (key in obj) {
         Object.defineProperty(obj, key, {
           value: value,
@@ -7114,7 +7094,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     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$6(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$5(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; }
 
     var consoleLogger = {
       type: 'logger',
@@ -7420,7 +7400,7 @@ var StreamChatReact = (function (exports, React, 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$6(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$5(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$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); }; }
 
@@ -7664,7 +7644,7 @@ var StreamChatReact = (function (exports, React, 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$6(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$5(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$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); }; }
 
@@ -8563,7 +8543,7 @@ var StreamChatReact = (function (exports, React, 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$6(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$5(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() {
@@ -8785,7 +8765,7 @@ var StreamChatReact = (function (exports, React, 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$6(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$5(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();
@@ -8908,7 +8888,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     function ownKeys$5$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$5$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5$1(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$5$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5$1(Object(source), true).forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5$1(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$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); }; }
 
@@ -9225,7 +9205,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     function ownKeys$6$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$6$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6$1(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+    function _objectSpread$6$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6$1(Object(source), true).forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6$1(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$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); }; }
 
@@ -9829,7 +9809,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
       return I18n;
     }(EventEmitter);
 
-    _defineProperty$6(I18n, "createInstance", function () {
+    _defineProperty$5(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);
@@ -11845,7 +11825,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     function fromEvent$1(evt) {
         return __awaiter$1(this, void 0, void 0, function () {
             return __generator$1(this, function (_a) {
-                if (isObject$4(evt) && isDataTransfer$1(evt)) {
+                if (isObject$3(evt) && isDataTransfer$1(evt)) {
                     return [2 /*return*/, getDataTransferFiles$1(evt.dataTransfer, evt.type)];
                 }
                 else if (isChangeEvt$1(evt)) {
@@ -11859,12 +11839,12 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         });
     }
     function isDataTransfer$1(value) {
-        return isObject$4(value.dataTransfer);
+        return isObject$3(value.dataTransfer);
     }
     function isChangeEvt$1(value) {
-        return isObject$4(value) && isObject$4(value.target);
+        return isObject$3(value) && isObject$3(value.target);
     }
-    function isObject$4(v) {
+    function isObject$3(v) {
         return typeof v === 'object' && v !== null;
     }
     function getInputFiles$1(evt) {
@@ -12058,9 +12038,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function ownKeys$5(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$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-    function _defineProperty$5(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 _slicedToArray$4(arr, i) { return _arrayWithHoles$3(arr) || _iterableToArrayLimit$3(arr, i) || _unsupportedIterableToArray$4(arr, i) || _nonIterableRest$3(); }
 
@@ -12244,7 +12224,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         accept.filter(function (item) {
           return item === "audio/*" || item === "video/*" || item === "image/*" || item === "text/*" || /\w+\/[-+.\w]+/g.test(item);
         }).reduce(function (a, b) {
-          return _objectSpread$5(_objectSpread$5({}, a), {}, _defineProperty$5({}, b, []));
+          return _objectSpread$5(_objectSpread$5({}, a), {}, _defineProperty$4({}, b, []));
         }, {}) : {}
       }];
     }
@@ -12298,9 +12278,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     function ownKeys$4(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$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-    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 _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 _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$3(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; }
 
@@ -13067,7 +13047,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
               onDrop = _ref2.onDrop,
               rest = _objectWithoutProperties$1(_ref2, _excluded3$1);
 
-          return _objectSpread$4(_objectSpread$4(_defineProperty$4({
+          return _objectSpread$4(_objectSpread$4(_defineProperty$3({
             onKeyDown: composeKeyboardHandler(composeEventHandlers$1(onKeyDown, onKeyDownCb)),
             onFocus: composeKeyboardHandler(composeEventHandlers$1(onFocus, onFocusCb)),
             onBlur: composeKeyboardHandler(composeEventHandlers$1(onBlur, onBlurCb)),
@@ -13094,7 +13074,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
               onClick = _ref3.onClick,
               rest = _objectWithoutProperties$1(_ref3, _excluded4$1);
 
-          var inputProps = _defineProperty$4({
+          var inputProps = _defineProperty$3({
             accept: accept,
             multiple: multiple,
             type: "file",
@@ -13739,7 +13719,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     });
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var defineProperty$2 = createCommonjsModule$1(function (module) {
+    var defineProperty$1 = createCommonjsModule$1(function (module) {
     function _defineProperty(obj, key, value) {
       if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -13758,7 +13738,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
     });
 
-    var _defineProperty$3 = unwrapExports(defineProperty$2);
+    var _defineProperty$2 = unwrapExports(defineProperty$1);
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     var arrayWithHoles = createCommonjsModule$1(function (module) {
@@ -16061,7 +16041,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var immutable = extend$1;
 
-    var hasOwnProperty$3 = Object.prototype.hasOwnProperty;
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
 
     function extend$1() {
         var target = {};
@@ -16070,7 +16050,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
             var source = arguments[i];
 
             for (var key in source) {
-                if (hasOwnProperty$3.call(source, key)) {
+                if (hasOwnProperty.call(source, key)) {
                     target[key] = source[key];
                 }
             }
@@ -16103,7 +16083,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     var hasOwn = Object.prototype.hasOwnProperty;
     var toStr = Object.prototype.toString;
-    var defineProperty$1 = Object.defineProperty;
+    var defineProperty = Object.defineProperty;
     var gOPD = Object.getOwnPropertyDescriptor;
 
     var isArray = function isArray(arr) {
@@ -16136,8 +16116,8 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     // If name is '__proto__', and Object.defineProperty is available, define __proto__ as an own property on target
     var setProperty = function setProperty(target, options) {
-    	if (defineProperty$1 && options.name === '__proto__') {
-    		defineProperty$1(target, options.name, {
+    	if (defineProperty && options.name === '__proto__') {
+    		defineProperty(target, options.name, {
     			enumerable: true,
     			configurable: true,
     			value: options.newValue,
@@ -33567,13 +33547,13 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     };
 
     /** Detect free variable `global` from Node.js. */
-    var freeGlobal$4 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+    var freeGlobal$3 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 
     /** Detect free variable `self`. */
-    var freeSelf$4 = typeof self == 'object' && self && self.Object === Object && self;
+    var freeSelf$3 = typeof self == 'object' && self && self.Object === Object && self;
 
     /** Used as a reference to the global object. */
-    var root$4 = freeGlobal$4 || freeSelf$4 || Function('return this')();
+    var root$3 = freeGlobal$3 || freeSelf$3 || Function('return this')();
 
     /**
      * A specialized version of `_.reduce` for arrays without support for
@@ -33703,20 +33683,20 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     }
 
     /** Used for built-in method references. */
-    var objectProto$7 = Object.prototype;
+    var objectProto$3 = Object.prototype;
 
     /**
      * Used to resolve the
      * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
      * of values.
      */
-    var objectToString$4 = objectProto$7.toString;
+    var objectToString$3 = objectProto$3.toString;
 
     /** Built-in value references. */
-    var Symbol$3 = root$4.Symbol;
+    var Symbol$2 = root$3.Symbol;
 
     /** Used to convert symbols to primitives and strings. */
-    var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : undefined,
+    var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : undefined,
         symbolToString$1 = symbolProto$1 ? symbolProto$1.toString : undefined;
 
     /**
@@ -33871,7 +33851,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
      */
     function isSymbol$3(value) {
       return typeof value == 'symbol' ||
-        (isObjectLike$3(value) && objectToString$4.call(value) == symbolTag$3);
+        (isObjectLike$3(value) && objectToString$3.call(value) == symbolTag$3);
     }
 
     /**
@@ -37787,7 +37767,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     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$3(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; }
     var List = function List(_ref) {
       var className = _ref.className,
           component = _ref.component,
@@ -38654,7 +38634,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
     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$3(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$2(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 _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); }; }
 
@@ -38671,7 +38651,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
         _this = _super.call(this, _props);
 
-        _defineProperty$3(_assertThisInitialized(_this), "getSelectionPosition", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "getSelectionPosition", function () {
           if (!_this.textareaRef) return null;
           return {
             selectionEnd: _this.textareaRef.selectionEnd,
@@ -38679,7 +38659,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           };
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "getSelectedText", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "getSelectedText", function () {
           if (!_this.textareaRef) return null;
           var _this$textareaRef = _this.textareaRef,
               selectionEnd = _this$textareaRef.selectionEnd,
@@ -38688,7 +38668,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           return _this.state.value.substr(selectionStart, selectionEnd - selectionStart);
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "setCaretPosition", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "setCaretPosition", function () {
           var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
           if (!_this.textareaRef) return;
 
@@ -38697,16 +38677,16 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           _this.textareaRef.setSelectionRange(position, position);
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "getCaretPosition", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "getCaretPosition", function () {
           if (!_this.textareaRef) return 0;
           return _this.textareaRef.selectionEnd;
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_defaultShouldSubmit", function (event) {
-          return event.key === 'Enter' && !event.shiftKey;
+        _defineProperty$2(_assertThisInitialized(_this), "_defaultShouldSubmit", function (event) {
+          return event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing;
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_handleKeyDown", function (event) {
+        _defineProperty$2(_assertThisInitialized(_this), "_handleKeyDown", function (event) {
           var _this$props$shouldSub = _this.props.shouldSubmit,
               shouldSubmit = _this$props$shouldSub === void 0 ? _this._defaultShouldSubmit : _this$props$shouldSub;
           if (shouldSubmit !== null && shouldSubmit !== void 0 && shouldSubmit(event)) return _this._onEnter(event);
@@ -38714,7 +38694,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           if (event.key === 'Escape') return _this._closeAutocomplete();
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_onEnter", function (event) {
+        _defineProperty$2(_assertThisInitialized(_this), "_onEnter", function (event) {
           if (!_this.textareaRef) return;
           var trigger = _this.state.currentTrigger;
 
@@ -38732,7 +38712,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           }
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_onSpace", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "_onSpace", function () {
           if (!_this.props.replaceWord || !_this.textareaRef) return; // don't change characters if the element doesn't have focus
 
           var hasFocus = _this.textareaRef.matches(':focus');
@@ -38742,7 +38722,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           _this._replaceWord();
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_replaceWord", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "_replaceWord", function () {
           var value = _this.state.value;
           var lastWordRegex = /([^\s]+)(\s*)$/;
           var match = lastWordRegex.exec(value.slice(0, _this.getCaretPosition()));
@@ -38771,7 +38751,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           });
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_onSelect", function (newToken) {
+        _defineProperty$2(_assertThisInitialized(_this), "_onSelect", function (newToken) {
           var _this$props = _this.props,
               closeCommandsList = _this$props.closeCommandsList,
               closeMentionsList = _this$props.closeMentionsList,
@@ -38833,7 +38813,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           if (showMentionsList) closeMentionsList();
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_getItemOnSelect", function (paramTrigger) {
+        _defineProperty$2(_assertThisInitialized(_this), "_getItemOnSelect", function (paramTrigger) {
           var stateTrigger = _this.state.currentTrigger;
 
           var triggerSettings = _this._getCurrentTriggerSettings(paramTrigger);
@@ -38855,7 +38835,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           };
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_getTextToReplace", function (paramTrigger) {
+        _defineProperty$2(_assertThisInitialized(_this), "_getTextToReplace", function (paramTrigger) {
           var _this$state2 = _this.state,
               actualToken = _this$state2.actualToken,
               stateTrigger = _this$state2.currentTrigger;
@@ -38906,14 +38886,14 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           };
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_getCurrentTriggerSettings", function (paramTrigger) {
+        _defineProperty$2(_assertThisInitialized(_this), "_getCurrentTriggerSettings", function (paramTrigger) {
           var stateTrigger = _this.state.currentTrigger;
           var currentTrigger = paramTrigger || stateTrigger;
           if (!currentTrigger) return null;
           return _this.props.trigger[currentTrigger];
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_getValuesFromProvider", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "_getValuesFromProvider", function () {
           var _this$state3 = _this.state,
               actualToken = _this$state3.actualToken,
               currentTrigger = _this$state3.currentTrigger;
@@ -38962,7 +38942,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           });
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_getSuggestions", function (paramTrigger) {
+        _defineProperty$2(_assertThisInitialized(_this), "_getSuggestions", function (paramTrigger) {
           var _this$state4 = _this.state,
               stateTrigger = _this$state4.currentTrigger,
               data = _this$state4.data;
@@ -38971,7 +38951,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           return data;
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_closeAutocomplete", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "_closeAutocomplete", function () {
           _this.setState({
             currentTrigger: null,
             data: null,
@@ -38981,7 +38961,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           });
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_cleanUpProps", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "_cleanUpProps", function () {
           var props = _objectSpread$2({}, _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']; // eslint-disable-next-line
@@ -38993,13 +38973,13 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           return props;
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_isCommand", function (text) {
+        _defineProperty$2(_assertThisInitialized(_this), "_isCommand", function (text) {
           if (text[0] !== '/') return false;
           var tokens = text.split(' ');
           return tokens.length <= 1;
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_changeHandler", function (e) {
+        _defineProperty$2(_assertThisInitialized(_this), "_changeHandler", function (e) {
           var _this$props2 = _this.props,
               minChar = _this$props2.minChar,
               movePopupAsYouType = _this$props2.movePopupAsYouType,
@@ -39084,7 +39064,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           });
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_selectHandler", function (e) {
+        _defineProperty$2(_assertThisInitialized(_this), "_selectHandler", function (e) {
           var _this$props3 = _this.props,
               onCaretPositionChange = _this$props3.onCaretPositionChange,
               onSelect = _this$props3.onSelect;
@@ -39096,7 +39076,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           }
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_onClickAndBlurHandler", function (e) {
+        _defineProperty$2(_assertThisInitialized(_this), "_onClickAndBlurHandler", function (e) {
           var _this$props4 = _this.props,
               closeOnClickOutside = _this$props4.closeOnClickOutside,
               onBlur = _this$props4.onBlur; // If this is a click: e.target is the textarea, and e.relatedTarget is the thing
@@ -39117,11 +39097,11 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           }
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_onScrollHandler", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "_onScrollHandler", function () {
           return _this._closeAutocomplete();
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "_dropdownScroll", function (item) {
+        _defineProperty$2(_assertThisInitialized(_this), "_dropdownScroll", function (item) {
           var scrollToItem = _this.props.scrollToItem;
           if (!scrollToItem) return;
 
@@ -39137,7 +39117,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           scrollToItem(_this.dropdownRef, item);
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "getTriggerProps", function () {
+        _defineProperty$2(_assertThisInitialized(_this), "getTriggerProps", function () {
           var _this$props5 = _this.props,
               showCommandsList = _this$props5.showCommandsList,
               showMentionsList = _this$props5.showMentionsList,
@@ -39182,7 +39162,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
           return triggerProps;
         });
 
-        _defineProperty$3(_assertThisInitialized(_this), "setDropdownRef", function (element) {
+        _defineProperty$2(_assertThisInitialized(_this), "setDropdownRef", function (element) {
           _this.dropdownRef = element;
         });
 
@@ -39319,7 +39299,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
       return ReactTextareaAutocomplete;
     }(React__default["default"].Component);
 
-    _defineProperty$3(ReactTextareaAutocomplete, "defaultProps", {
+    _defineProperty$2(ReactTextareaAutocomplete, "defaultProps", {
       closeOnClickOutside: true,
       maxRows: 10,
       minChar: 1,
@@ -39391,385 +39371,6 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     /** Built-in method references without a dependency on `root`. */
     var freeParseInt$1 = parseInt;
 
-    /** Detect free variable `global` from Node.js. */
-    var freeGlobal$3 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-    /** Detect free variable `self`. */
-    var freeSelf$3 = typeof self == 'object' && self && self.Object === Object && self;
-
-    /** Used as a reference to the global object. */
-    var root$3 = freeGlobal$3 || freeSelf$3 || Function('return this')();
-
-    /** Used for built-in method references. */
-    var objectProto$6 = Object.prototype;
-
-    /**
-     * Used to resolve the
-     * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-     * of values.
-     */
-    var objectToString$3 = objectProto$6.toString;
-
-    /* Built-in method references for those with the same name as other `lodash` methods. */
-    var nativeMax$1 = Math.max,
-        nativeMin$1 = Math.min;
-
-    /**
-     * Gets the timestamp of the number of milliseconds that have elapsed since
-     * the Unix epoch (1 January 1970 00:00:00 UTC).
-     *
-     * @static
-     * @memberOf _
-     * @since 2.4.0
-     * @category Date
-     * @returns {number} Returns the timestamp.
-     * @example
-     *
-     * _.defer(function(stamp) {
-     *   console.log(_.now() - stamp);
-     * }, _.now());
-     * // => Logs the number of milliseconds it took for the deferred invocation.
-     */
-    var now$1 = function() {
-      return root$3.Date.now();
-    };
-
-    /**
-     * Creates a debounced function that delays invoking `func` until after `wait`
-     * milliseconds have elapsed since the last time the debounced function was
-     * invoked. The debounced function comes with a `cancel` method to cancel
-     * delayed `func` invocations and a `flush` method to immediately invoke them.
-     * Provide `options` to indicate whether `func` should be invoked on the
-     * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
-     * with the last arguments provided to the debounced function. Subsequent
-     * calls to the debounced function return the result of the last `func`
-     * invocation.
-     *
-     * **Note:** If `leading` and `trailing` options are `true`, `func` is
-     * invoked on the trailing edge of the timeout only if the debounced function
-     * is invoked more than once during the `wait` timeout.
-     *
-     * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
-     * until to the next tick, similar to `setTimeout` with a timeout of `0`.
-     *
-     * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
-     * for details over the differences between `_.debounce` and `_.throttle`.
-     *
-     * @static
-     * @memberOf _
-     * @since 0.1.0
-     * @category Function
-     * @param {Function} func The function to debounce.
-     * @param {number} [wait=0] The number of milliseconds to delay.
-     * @param {Object} [options={}] The options object.
-     * @param {boolean} [options.leading=false]
-     *  Specify invoking on the leading edge of the timeout.
-     * @param {number} [options.maxWait]
-     *  The maximum time `func` is allowed to be delayed before it's invoked.
-     * @param {boolean} [options.trailing=true]
-     *  Specify invoking on the trailing edge of the timeout.
-     * @returns {Function} Returns the new debounced function.
-     * @example
-     *
-     * // Avoid costly calculations while the window size is in flux.
-     * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
-     *
-     * // Invoke `sendMail` when clicked, debouncing subsequent calls.
-     * jQuery(element).on('click', _.debounce(sendMail, 300, {
-     *   'leading': true,
-     *   'trailing': false
-     * }));
-     *
-     * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
-     * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
-     * var source = new EventSource('/stream');
-     * jQuery(source).on('message', debounced);
-     *
-     * // Cancel the trailing debounced invocation.
-     * jQuery(window).on('popstate', debounced.cancel);
-     */
-    function debounce$2(func, wait, options) {
-      var lastArgs,
-          lastThis,
-          maxWait,
-          result,
-          timerId,
-          lastCallTime,
-          lastInvokeTime = 0,
-          leading = false,
-          maxing = false,
-          trailing = true;
-
-      if (typeof func != 'function') {
-        throw new TypeError(FUNC_ERROR_TEXT$1);
-      }
-      wait = toNumber$1(wait) || 0;
-      if (isObject$3(options)) {
-        leading = !!options.leading;
-        maxing = 'maxWait' in options;
-        maxWait = maxing ? nativeMax$1(toNumber$1(options.maxWait) || 0, wait) : maxWait;
-        trailing = 'trailing' in options ? !!options.trailing : trailing;
-      }
-
-      function invokeFunc(time) {
-        var args = lastArgs,
-            thisArg = lastThis;
-
-        lastArgs = lastThis = undefined;
-        lastInvokeTime = time;
-        result = func.apply(thisArg, args);
-        return result;
-      }
-
-      function leadingEdge(time) {
-        // Reset any `maxWait` timer.
-        lastInvokeTime = time;
-        // Start the timer for the trailing edge.
-        timerId = setTimeout(timerExpired, wait);
-        // Invoke the leading edge.
-        return leading ? invokeFunc(time) : result;
-      }
-
-      function remainingWait(time) {
-        var timeSinceLastCall = time - lastCallTime,
-            timeSinceLastInvoke = time - lastInvokeTime,
-            result = wait - timeSinceLastCall;
-
-        return maxing ? nativeMin$1(result, maxWait - timeSinceLastInvoke) : result;
-      }
-
-      function shouldInvoke(time) {
-        var timeSinceLastCall = time - lastCallTime,
-            timeSinceLastInvoke = time - lastInvokeTime;
-
-        // Either this is the first call, activity has stopped and we're at the
-        // trailing edge, the system time has gone backwards and we're treating
-        // it as the trailing edge, or we've hit the `maxWait` limit.
-        return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-          (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-      }
-
-      function timerExpired() {
-        var time = now$1();
-        if (shouldInvoke(time)) {
-          return trailingEdge(time);
-        }
-        // Restart the timer.
-        timerId = setTimeout(timerExpired, remainingWait(time));
-      }
-
-      function trailingEdge(time) {
-        timerId = undefined;
-
-        // Only invoke if we have `lastArgs` which means `func` has been
-        // debounced at least once.
-        if (trailing && lastArgs) {
-          return invokeFunc(time);
-        }
-        lastArgs = lastThis = undefined;
-        return result;
-      }
-
-      function cancel() {
-        if (timerId !== undefined) {
-          clearTimeout(timerId);
-        }
-        lastInvokeTime = 0;
-        lastArgs = lastCallTime = lastThis = timerId = undefined;
-      }
-
-      function flush() {
-        return timerId === undefined ? result : trailingEdge(now$1());
-      }
-
-      function debounced() {
-        var time = now$1(),
-            isInvoking = shouldInvoke(time);
-
-        lastArgs = arguments;
-        lastThis = this;
-        lastCallTime = time;
-
-        if (isInvoking) {
-          if (timerId === undefined) {
-            return leadingEdge(lastCallTime);
-          }
-          if (maxing) {
-            // Handle invocations in a tight loop.
-            timerId = setTimeout(timerExpired, wait);
-            return invokeFunc(lastCallTime);
-          }
-        }
-        if (timerId === undefined) {
-          timerId = setTimeout(timerExpired, wait);
-        }
-        return result;
-      }
-      debounced.cancel = cancel;
-      debounced.flush = flush;
-      return debounced;
-    }
-
-    /**
-     * Checks if `value` is the
-     * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-     * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-     *
-     * @static
-     * @memberOf _
-     * @since 0.1.0
-     * @category Lang
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-     * @example
-     *
-     * _.isObject({});
-     * // => true
-     *
-     * _.isObject([1, 2, 3]);
-     * // => true
-     *
-     * _.isObject(_.noop);
-     * // => true
-     *
-     * _.isObject(null);
-     * // => false
-     */
-    function isObject$3(value) {
-      var type = typeof value;
-      return !!value && (type == 'object' || type == 'function');
-    }
-
-    /**
-     * Checks if `value` is object-like. A value is object-like if it's not `null`
-     * and has a `typeof` result of "object".
-     *
-     * @static
-     * @memberOf _
-     * @since 4.0.0
-     * @category Lang
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
-     * @example
-     *
-     * _.isObjectLike({});
-     * // => true
-     *
-     * _.isObjectLike([1, 2, 3]);
-     * // => true
-     *
-     * _.isObjectLike(_.noop);
-     * // => false
-     *
-     * _.isObjectLike(null);
-     * // => false
-     */
-    function isObjectLike$2(value) {
-      return !!value && typeof value == 'object';
-    }
-
-    /**
-     * Checks if `value` is classified as a `Symbol` primitive or object.
-     *
-     * @static
-     * @memberOf _
-     * @since 4.0.0
-     * @category Lang
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
-     * @example
-     *
-     * _.isSymbol(Symbol.iterator);
-     * // => true
-     *
-     * _.isSymbol('abc');
-     * // => false
-     */
-    function isSymbol$2(value) {
-      return typeof value == 'symbol' ||
-        (isObjectLike$2(value) && objectToString$3.call(value) == symbolTag$2);
-    }
-
-    /**
-     * Converts `value` to a number.
-     *
-     * @static
-     * @memberOf _
-     * @since 4.0.0
-     * @category Lang
-     * @param {*} value The value to process.
-     * @returns {number} Returns the number.
-     * @example
-     *
-     * _.toNumber(3.2);
-     * // => 3.2
-     *
-     * _.toNumber(Number.MIN_VALUE);
-     * // => 5e-324
-     *
-     * _.toNumber(Infinity);
-     * // => Infinity
-     *
-     * _.toNumber('3.2');
-     * // => 3.2
-     */
-    function toNumber$1(value) {
-      if (typeof value == 'number') {
-        return value;
-      }
-      if (isSymbol$2(value)) {
-        return NAN$1;
-      }
-      if (isObject$3(value)) {
-        var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-        value = isObject$3(other) ? (other + '') : other;
-      }
-      if (typeof value != 'string') {
-        return value === 0 ? value : +value;
-      }
-      value = value.replace(reTrim$1, '');
-      var isBinary = reIsBinary$1.test(value);
-      return (isBinary || reIsOctal$1.test(value))
-        ? freeParseInt$1(value.slice(2), isBinary ? 2 : 8)
-        : (reIsBadHex$1.test(value) ? NAN$1 : +value);
-    }
-
-    var lodash_debounce = debounce$2;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /**
-     * lodash (Custom Build) <https://lodash.com/>
-     * Build: `lodash modularize exports="npm" -o ./`
-     * Copyright jQuery Foundation and other contributors <https://jquery.org/>
-     * Released under MIT license <https://lodash.com/license>
-     * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
-     * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
-     */
-
-    /** Used as the `TypeError` message for "Functions" methods. */
-    var FUNC_ERROR_TEXT = 'Expected a function';
-
-    /** Used as references for various `Number` constants. */
-    var NAN = 0 / 0;
-
-    /** `Object#toString` result references. */
-    var symbolTag$1 = '[object Symbol]';
-
-    /** Used to match leading and trailing whitespace. */
-    var reTrim = /^\s+|\s+$/g;
-
-    /** Used to detect bad signed hexadecimal string values. */
-    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-    /** Used to detect binary string values. */
-    var reIsBinary = /^0b[01]+$/i;
-
-    /** Used to detect octal string values. */
-    var reIsOctal = /^0o[0-7]+$/i;
-
-    /** Built-in method references without a dependency on `root`. */
-    var freeParseInt = parseInt;
-
     /** Detect free variable `global` from Node.js. */
     var freeGlobal$2 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 
@@ -39780,18 +39381,18 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     var root$2 = freeGlobal$2 || freeSelf$2 || Function('return this')();
 
     /** Used for built-in method references. */
-    var objectProto$5 = Object.prototype;
+    var objectProto$2 = Object.prototype;
 
     /**
      * Used to resolve the
      * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
      * of values.
      */
-    var objectToString$2 = objectProto$5.toString;
+    var objectToString$2 = objectProto$2.toString;
 
     /* Built-in method references for those with the same name as other `lodash` methods. */
-    var nativeMax = Math.max,
-        nativeMin = Math.min;
+    var nativeMax$1 = Math.max,
+        nativeMin$1 = Math.min;
 
     /**
      * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -39809,10 +39410,389 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
      * }, _.now());
      * // => Logs the number of milliseconds it took for the deferred invocation.
      */
-    var now = function() {
+    var now$1 = function() {
       return root$2.Date.now();
     };
 
+    /**
+     * Creates a debounced function that delays invoking `func` until after `wait`
+     * milliseconds have elapsed since the last time the debounced function was
+     * invoked. The debounced function comes with a `cancel` method to cancel
+     * delayed `func` invocations and a `flush` method to immediately invoke them.
+     * Provide `options` to indicate whether `func` should be invoked on the
+     * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+     * with the last arguments provided to the debounced function. Subsequent
+     * calls to the debounced function return the result of the last `func`
+     * invocation.
+     *
+     * **Note:** If `leading` and `trailing` options are `true`, `func` is
+     * invoked on the trailing edge of the timeout only if the debounced function
+     * is invoked more than once during the `wait` timeout.
+     *
+     * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+     * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+     *
+     * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+     * for details over the differences between `_.debounce` and `_.throttle`.
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Function
+     * @param {Function} func The function to debounce.
+     * @param {number} [wait=0] The number of milliseconds to delay.
+     * @param {Object} [options={}] The options object.
+     * @param {boolean} [options.leading=false]
+     *  Specify invoking on the leading edge of the timeout.
+     * @param {number} [options.maxWait]
+     *  The maximum time `func` is allowed to be delayed before it's invoked.
+     * @param {boolean} [options.trailing=true]
+     *  Specify invoking on the trailing edge of the timeout.
+     * @returns {Function} Returns the new debounced function.
+     * @example
+     *
+     * // Avoid costly calculations while the window size is in flux.
+     * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+     *
+     * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+     * jQuery(element).on('click', _.debounce(sendMail, 300, {
+     *   'leading': true,
+     *   'trailing': false
+     * }));
+     *
+     * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+     * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+     * var source = new EventSource('/stream');
+     * jQuery(source).on('message', debounced);
+     *
+     * // Cancel the trailing debounced invocation.
+     * jQuery(window).on('popstate', debounced.cancel);
+     */
+    function debounce$2(func, wait, options) {
+      var lastArgs,
+          lastThis,
+          maxWait,
+          result,
+          timerId,
+          lastCallTime,
+          lastInvokeTime = 0,
+          leading = false,
+          maxing = false,
+          trailing = true;
+
+      if (typeof func != 'function') {
+        throw new TypeError(FUNC_ERROR_TEXT$1);
+      }
+      wait = toNumber$1(wait) || 0;
+      if (isObject$2(options)) {
+        leading = !!options.leading;
+        maxing = 'maxWait' in options;
+        maxWait = maxing ? nativeMax$1(toNumber$1(options.maxWait) || 0, wait) : maxWait;
+        trailing = 'trailing' in options ? !!options.trailing : trailing;
+      }
+
+      function invokeFunc(time) {
+        var args = lastArgs,
+            thisArg = lastThis;
+
+        lastArgs = lastThis = undefined;
+        lastInvokeTime = time;
+        result = func.apply(thisArg, args);
+        return result;
+      }
+
+      function leadingEdge(time) {
+        // Reset any `maxWait` timer.
+        lastInvokeTime = time;
+        // Start the timer for the trailing edge.
+        timerId = setTimeout(timerExpired, wait);
+        // Invoke the leading edge.
+        return leading ? invokeFunc(time) : result;
+      }
+
+      function remainingWait(time) {
+        var timeSinceLastCall = time - lastCallTime,
+            timeSinceLastInvoke = time - lastInvokeTime,
+            result = wait - timeSinceLastCall;
+
+        return maxing ? nativeMin$1(result, maxWait - timeSinceLastInvoke) : result;
+      }
+
+      function shouldInvoke(time) {
+        var timeSinceLastCall = time - lastCallTime,
+            timeSinceLastInvoke = time - lastInvokeTime;
+
+        // Either this is the first call, activity has stopped and we're at the
+        // trailing edge, the system time has gone backwards and we're treating
+        // it as the trailing edge, or we've hit the `maxWait` limit.
+        return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+          (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+      }
+
+      function timerExpired() {
+        var time = now$1();
+        if (shouldInvoke(time)) {
+          return trailingEdge(time);
+        }
+        // Restart the timer.
+        timerId = setTimeout(timerExpired, remainingWait(time));
+      }
+
+      function trailingEdge(time) {
+        timerId = undefined;
+
+        // Only invoke if we have `lastArgs` which means `func` has been
+        // debounced at least once.
+        if (trailing && lastArgs) {
+          return invokeFunc(time);
+        }
+        lastArgs = lastThis = undefined;
+        return result;
+      }
+
+      function cancel() {
+        if (timerId !== undefined) {
+          clearTimeout(timerId);
+        }
+        lastInvokeTime = 0;
+        lastArgs = lastCallTime = lastThis = timerId = undefined;
+      }
+
+      function flush() {
+        return timerId === undefined ? result : trailingEdge(now$1());
+      }
+
+      function debounced() {
+        var time = now$1(),
+            isInvoking = shouldInvoke(time);
+
+        lastArgs = arguments;
+        lastThis = this;
+        lastCallTime = time;
+
+        if (isInvoking) {
+          if (timerId === undefined) {
+            return leadingEdge(lastCallTime);
+          }
+          if (maxing) {
+            // Handle invocations in a tight loop.
+            timerId = setTimeout(timerExpired, wait);
+            return invokeFunc(lastCallTime);
+          }
+        }
+        if (timerId === undefined) {
+          timerId = setTimeout(timerExpired, wait);
+        }
+        return result;
+      }
+      debounced.cancel = cancel;
+      debounced.flush = flush;
+      return debounced;
+    }
+
+    /**
+     * Checks if `value` is the
+     * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+     * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+     *
+     * @static
+     * @memberOf _
+     * @since 0.1.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+     * @example
+     *
+     * _.isObject({});
+     * // => true
+     *
+     * _.isObject([1, 2, 3]);
+     * // => true
+     *
+     * _.isObject(_.noop);
+     * // => true
+     *
+     * _.isObject(null);
+     * // => false
+     */
+    function isObject$2(value) {
+      var type = typeof value;
+      return !!value && (type == 'object' || type == 'function');
+    }
+
+    /**
+     * Checks if `value` is object-like. A value is object-like if it's not `null`
+     * and has a `typeof` result of "object".
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+     * @example
+     *
+     * _.isObjectLike({});
+     * // => true
+     *
+     * _.isObjectLike([1, 2, 3]);
+     * // => true
+     *
+     * _.isObjectLike(_.noop);
+     * // => false
+     *
+     * _.isObjectLike(null);
+     * // => false
+     */
+    function isObjectLike$2(value) {
+      return !!value && typeof value == 'object';
+    }
+
+    /**
+     * Checks if `value` is classified as a `Symbol` primitive or object.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to check.
+     * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+     * @example
+     *
+     * _.isSymbol(Symbol.iterator);
+     * // => true
+     *
+     * _.isSymbol('abc');
+     * // => false
+     */
+    function isSymbol$2(value) {
+      return typeof value == 'symbol' ||
+        (isObjectLike$2(value) && objectToString$2.call(value) == symbolTag$2);
+    }
+
+    /**
+     * Converts `value` to a number.
+     *
+     * @static
+     * @memberOf _
+     * @since 4.0.0
+     * @category Lang
+     * @param {*} value The value to process.
+     * @returns {number} Returns the number.
+     * @example
+     *
+     * _.toNumber(3.2);
+     * // => 3.2
+     *
+     * _.toNumber(Number.MIN_VALUE);
+     * // => 5e-324
+     *
+     * _.toNumber(Infinity);
+     * // => Infinity
+     *
+     * _.toNumber('3.2');
+     * // => 3.2
+     */
+    function toNumber$1(value) {
+      if (typeof value == 'number') {
+        return value;
+      }
+      if (isSymbol$2(value)) {
+        return NAN$1;
+      }
+      if (isObject$2(value)) {
+        var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+        value = isObject$2(other) ? (other + '') : other;
+      }
+      if (typeof value != 'string') {
+        return value === 0 ? value : +value;
+      }
+      value = value.replace(reTrim$1, '');
+      var isBinary = reIsBinary$1.test(value);
+      return (isBinary || reIsOctal$1.test(value))
+        ? freeParseInt$1(value.slice(2), isBinary ? 2 : 8)
+        : (reIsBadHex$1.test(value) ? NAN$1 : +value);
+    }
+
+    var lodash_debounce = debounce$2;
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    /**
+     * lodash (Custom Build) <https://lodash.com/>
+     * Build: `lodash modularize exports="npm" -o ./`
+     * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+     * Released under MIT license <https://lodash.com/license>
+     * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+     * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+     */
+
+    /** Used as the `TypeError` message for "Functions" methods. */
+    var FUNC_ERROR_TEXT = 'Expected a function';
+
+    /** Used as references for various `Number` constants. */
+    var NAN = 0 / 0;
+
+    /** `Object#toString` result references. */
+    var symbolTag$1 = '[object Symbol]';
+
+    /** Used to match leading and trailing whitespace. */
+    var reTrim = /^\s+|\s+$/g;
+
+    /** Used to detect bad signed hexadecimal string values. */
+    var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+    /** Used to detect binary string values. */
+    var reIsBinary = /^0b[01]+$/i;
+
+    /** Used to detect octal string values. */
+    var reIsOctal = /^0o[0-7]+$/i;
+
+    /** Built-in method references without a dependency on `root`. */
+    var freeParseInt = parseInt;
+
+    /** Detect free variable `global` from Node.js. */
+    var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+    /** Detect free variable `self`. */
+    var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
+
+    /** Used as a reference to the global object. */
+    var root$1 = freeGlobal$1 || freeSelf$1 || Function('return this')();
+
+    /** Used for built-in method references. */
+    var objectProto$1 = Object.prototype;
+
+    /**
+     * Used to resolve the
+     * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+     * of values.
+     */
+    var objectToString$1 = objectProto$1.toString;
+
+    /* Built-in method references for those with the same name as other `lodash` methods. */
+    var nativeMax = Math.max,
+        nativeMin = Math.min;
+
+    /**
+     * Gets the timestamp of the number of milliseconds that have elapsed since
+     * the Unix epoch (1 January 1970 00:00:00 UTC).
+     *
+     * @static
+     * @memberOf _
+     * @since 2.4.0
+     * @category Date
+     * @returns {number} Returns the timestamp.
+     * @example
+     *
+     * _.defer(function(stamp) {
+     *   console.log(_.now() - stamp);
+     * }, _.now());
+     * // => Logs the number of milliseconds it took for the deferred invocation.
+     */
+    var now = function() {
+      return root$1.Date.now();
+    };
+
     /**
      * Creates a debounced function that delays invoking `func` until after `wait`
      * milliseconds have elapsed since the last time the debounced function was
@@ -39883,7 +39863,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         throw new TypeError(FUNC_ERROR_TEXT);
       }
       wait = toNumber(wait) || 0;
-      if (isObject$2(options)) {
+      if (isObject$1(options)) {
         leading = !!options.leading;
         maxing = 'maxWait' in options;
         maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
@@ -40040,7 +40020,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
       if (typeof func != 'function') {
         throw new TypeError(FUNC_ERROR_TEXT);
       }
-      if (isObject$2(options)) {
+      if (isObject$1(options)) {
         leading = 'leading' in options ? !!options.leading : leading;
         trailing = 'trailing' in options ? !!options.trailing : trailing;
       }
@@ -40076,7 +40056,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
      * _.isObject(null);
      * // => false
      */
-    function isObject$2(value) {
+    function isObject$1(value) {
       var type = typeof value;
       return !!value && (type == 'object' || type == 'function');
     }
@@ -40128,7 +40108,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
      */
     function isSymbol$1(value) {
       return typeof value == 'symbol' ||
-        (isObjectLike$1(value) && objectToString$2.call(value) == symbolTag$1);
+        (isObjectLike$1(value) && objectToString$1.call(value) == symbolTag$1);
     }
 
     /**
@@ -40161,9 +40141,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
       if (isSymbol$1(value)) {
         return NAN;
       }
-      if (isObject$2(value)) {
+      if (isObject$1(value)) {
         var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-        value = isObject$2(other) ? (other + '') : other;
+        value = isObject$1(other) ? (other + '') : other;
       }
       if (typeof value != 'string') {
         return value === 0 ? value : +value;
@@ -41081,701 +41061,6 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     };
     var MessageRepliesCountButton = React__default["default"].memo(UnMemoizedMessageRepliesCountButton);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var Tooltip = function (props) {
-        var children = props.children, rest = __rest$4(props, ["children"]);
-        return (React__default["default"].createElement("div", __assign$8({ className: 'str-chat__tooltip' }, rest), children));
-    };
-
-    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||{};// TODO: remove after fully deprecating V1 theming
-    var TooltipContainer = function (_a) {
-        var children = _a.children;
-        var themeVersion = useChatContext('TooltipContainer').themeVersion;
-        return themeVersion === '2' ? (React__default["default"].createElement("div", { className: 'str-chat__message-status-tooltip-container' }, children)) : (React__default["default"].createElement(React__default["default"].Fragment, null, children));
-    };
-    var UnMemoizedMessageStatus = function (props) {
-        var _a;
-        var propAvatar = props.Avatar, _b = props.messageType, messageType = _b === void 0 ? 'simple' : _b, _c = props.tooltipUserNameMapper, tooltipUserNameMapper = _c === void 0 ? mapToUserNameOrId : _c;
-        var client = useChatContext('MessageStatus').client;
-        var contextAvatar = useComponentContext('MessageStatus').Avatar;
-        var _d = useMessageContext('MessageStatus'), isMyMessage = _d.isMyMessage, lastReceivedId = _d.lastReceivedId, message = _d.message, readBy = _d.readBy, threadList = _d.threadList;
-        var t = useTranslationContext('MessageStatus').t;
-        var themeVersion = useChatContext('MessageStatus').themeVersion;
-        var Avatar$1 = propAvatar || contextAvatar || Avatar;
-        if (!isMyMessage() || message.type === 'error') {
-            return null;
-        }
-        var justReadByMe = (readBy === null || readBy === void 0 ? void 0 : readBy.length) === 1 && readBy[0].id === ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id);
-        var rootClassName = "str-chat__message-".concat(messageType, "-status str-chat__message-status");
-        if (message.status === 'sending') {
-            return (React__default["default"].createElement("span", { className: rootClassName, "data-testid": 'message-status-sending' },
-                React__default["default"].createElement(Tooltip, null, t('Sending...')),
-                React__default["default"].createElement(LoadingIndicator, null)));
-        }
-        if ((readBy === null || readBy === void 0 ? void 0 : readBy.length) && !threadList && !justReadByMe) {
-            var lastReadUser = readBy.filter(function (item) { var _a; return item.id !== ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id); })[0];
-            return (React__default["default"].createElement("span", { className: rootClassName, "data-testid": 'message-status-read-by' },
-                React__default["default"].createElement(TooltipContainer, null,
-                    React__default["default"].createElement(Tooltip, null, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper)),
-                    React__default["default"].createElement(Avatar$1, { image: lastReadUser.image, name: lastReadUser.name || lastReadUser.id, size: 15, user: lastReadUser })),
-                readBy.length > 2 && (React__default["default"].createElement("span", { className: "str-chat__message-".concat(messageType, "-status-number"), "data-testid": 'message-status-read-by-many' }, readBy.length - 1))));
-        }
-        if (message.status === 'received' && message.id === lastReceivedId && !threadList) {
-            return (React__default["default"].createElement("span", { className: rootClassName, "data-testid": 'message-status-received' },
-                React__default["default"].createElement(Tooltip, null, t('Delivered')),
-                themeVersion === '2' ? React__default["default"].createElement(MessageDeliveredIcon, null) : React__default["default"].createElement(DeliveredCheckIcon, null)));
-        }
-        return null;
-    };
-    var MessageStatus = React__default["default"].memo(UnMemoizedMessageStatus);
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var QuotedMessage = function () {
-        var _a, _b;
-        var _c = useComponentContext('QuotedMessage'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
-        var _d = useMessageContext('QuotedMessage'), isMyMessage = _d.isMyMessage, message = _d.message;
-        var userLanguage = useTranslationContext('QuotedMessage').userLanguage;
-        var jumpToMessage = useChannelActionContext('QuotedMessage').jumpToMessage;
-        var Avatar$1 = ContextAvatar || Avatar;
-        var quoted_message = message.quoted_message;
-        if (!quoted_message)
-            return null;
-        var quotedMessageText = ((_a = quoted_message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
-            quoted_message.text;
-        // @ts-expect-error
-        var quotedMessageAttachment = quoted_message.attachments.length
-            ? // @ts-expect-error
-                quoted_message.attachments[0]
-            : null;
-        if (!quotedMessageText && !quotedMessageAttachment)
-            return null;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement("div", { className: clsx('str-chat__quoted-message-preview quoted-message', { mine: isMyMessage() }), onClickCapture: function (e) {
-                    e.stopPropagation();
-                    e.preventDefault();
-                    jumpToMessage(quoted_message.id);
-                } },
-                quoted_message.user && (React__default["default"].createElement(Avatar$1, { image: quoted_message.user.image, name: quoted_message.user.name || quoted_message.user.id, size: 20, user: quoted_message.user })),
-                React__default["default"].createElement("div", { className: 'quoted-message-inner str-chat__quoted-message-bubble' },
-                    quotedMessageAttachment && React__default["default"].createElement(Attachment, { attachments: [quotedMessageAttachment] }),
-                    React__default["default"].createElement("div", null, quotedMessageText))),
-            ((_b = message.attachments) === null || _b === void 0 ? void 0 : _b.length) && message.quoted_message ? (React__default["default"].createElement(Attachment, { attachments: message.attachments })) : null));
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedMessageTextComponent = function (props) {
-        var _a;
-        var customInnerClass = props.customInnerClass, _b = props.customWrapperClass, customWrapperClass = _b === void 0 ? '' : _b, propMessage = props.message, _c = props.theme, theme = _c === void 0 ? 'simple' : _c;
-        var _d = useComponentContext('MessageText').QuotedMessage, QuotedMessage$1 = _d === void 0 ? QuotedMessage : _d;
-        var _e = useMessageContext('MessageText'), contextMessage = _e.message, onMentionsClickMessage = _e.onMentionsClickMessage, onMentionsHoverMessage = _e.onMentionsHoverMessage, _f = _e.renderText, renderText$1 = _f === void 0 ? renderText : _f, unsafeHTML = _e.unsafeHTML;
-        var _g = useTranslationContext('MessageText'), t = _g.t, userLanguage = _g.userLanguage;
-        var message = propMessage || contextMessage;
-        var hasAttachment = messageHasAttachments(message);
-        var messageTextToRender = ((_a = message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) || message.text;
-        var messageText = React.useMemo(function () { return renderText$1(messageTextToRender, message.mentioned_users); }, [
-            message.mentioned_users,
-            messageTextToRender,
-        ]);
-        var wrapperClass = customWrapperClass || 'str-chat__message-text';
-        var innerClass = customInnerClass || "str-chat__message-text-inner str-chat__message-".concat(theme, "-text-inner");
-        if (!messageTextToRender && !message.quoted_message)
-            return null;
-        return (React__default["default"].createElement("div", { className: wrapperClass, tabIndex: 0 },
-            React__default["default"].createElement("div", { className: "\n          ".concat(innerClass, "\n          ").concat(hasAttachment ? " str-chat__message-".concat(theme, "-text-inner--has-attachment") : '', "\n          ").concat(isOnlyEmojis(message.text) && !message.quoted_message
-                    ? " str-chat__message-".concat(theme, "-text-inner--is-emoji")
-                    : '', "\n        ").trim(), "data-testid": 'message-text-inner-wrapper', onClick: onMentionsClickMessage, onMouseOver: onMentionsHoverMessage },
-                message.quoted_message && React__default["default"].createElement(QuotedMessage$1, null),
-                message.type === 'error' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent'))),
-                message.status === 'failed' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, message.errorStatusCode !== 403
-                    ? t('Message Failed · Click to try again')
-                    : t('Message Failed · Unauthorized'))),
-                unsafeHTML && message.html ? (React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: message.html } })) : (React__default["default"].createElement("div", null, messageText)))));
-    };
-    var MessageText = React__default["default"].memo(UnMemoizedMessageTextComponent);
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var notValidDateWarning = 'MessageTimestamp was called without a message, or message has invalid created_at date.';
-    var noParsingFunctionWarning = 'MessageTimestamp was called but there is no datetime parsing function available';
-    function getDateString(_a) {
-        var calendar = _a.calendar, format = _a.format, formatDate = _a.formatDate, messageCreatedAt = _a.messageCreatedAt, tDateTimeParser = _a.tDateTimeParser;
-        if (!messageCreatedAt ||
-            (typeof messageCreatedAt === 'string' && !Date.parse(messageCreatedAt))) {
-            console.warn(notValidDateWarning);
-            return null;
-        }
-        if (typeof formatDate === 'function') {
-            return formatDate(new Date(messageCreatedAt));
-        }
-        if (!tDateTimeParser) {
-            console.warn(noParsingFunctionWarning);
-            return null;
-        }
-        var parsedTime = tDateTimeParser(messageCreatedAt);
-        if (isDayOrMoment(parsedTime)) {
-            /**
-             * parsedTime.calendar is guaranteed on the type but is only
-             * available when a user calls dayjs.extend(calendar)
-             */
-            return calendar && parsedTime.calendar ? parsedTime.calendar() : parsedTime.format(format);
-        }
-        if (isDate(parsedTime)) {
-            return parsedTime.toDateString();
-        }
-        if (isNumberOrString(parsedTime)) {
-            return parsedTime;
-        }
-        return null;
-    }
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultTimestampFormat = 'h:mmA';
-    var UnMemoizedMessageTimestamp = function (props) {
-        var _a = props.calendar, calendar = _a === void 0 ? false : _a, _b = props.customClass, customClass = _b === void 0 ? '' : _b, _c = props.format, format = _c === void 0 ? defaultTimestampFormat : _c, propMessage = props.message;
-        var _d = useMessageContext('MessageTimestamp'), formatDate = _d.formatDate, contextMessage = _d.message;
-        var tDateTimeParser = useTranslationContext('MessageTimestamp').tDateTimeParser;
-        var message = propMessage || contextMessage;
-        var messageCreatedAt = message.created_at && isDate(message.created_at)
-            ? message.created_at.toISOString()
-            : message.created_at;
-        var when = React.useMemo(function () { return getDateString({ calendar: calendar, format: format, formatDate: formatDate, messageCreatedAt: messageCreatedAt, tDateTimeParser: tDateTimeParser }); }, [formatDate, calendar, tDateTimeParser, format, messageCreatedAt]);
-        if (!when)
-            return null;
-        return (React__default["default"].createElement("time", { className: customClass, dateTime: messageCreatedAt, title: messageCreatedAt }, when));
-    };
-    var MessageTimestamp = React__default["default"].memo(UnMemoizedMessageTimestamp);
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var CUSTOM_MESSAGE_TYPE = {
-        date: 'message.date',
-        intro: 'channel.intro',
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCommandTrigger = function () {
-        var themeVersion = useChatContext('useCommandTrigger').themeVersion;
-        var channelConfig = useChannelStateContext('useCommandTrigger').channelConfig;
-        var commands = channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.commands;
-        return {
-            component: CommandItem,
-            dataProvider: function (query, text, onReady) {
-                if (text.indexOf('/') !== 0 || !commands) {
-                    return [];
-                }
-                var selectedCommands = commands.filter(function (command) { var _a; return ((_a = command.name) === null || _a === void 0 ? void 0 : _a.indexOf(query)) !== -1; });
-                // sort alphabetically unless the you're matching the first char
-                selectedCommands.sort(function (a, b) {
-                    var _a, _b;
-                    var nameA = (_a = a.name) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                    var nameB = (_b = b.name) === null || _b === void 0 ? void 0 : _b.toLowerCase();
-                    if ((nameA === null || nameA === void 0 ? void 0 : nameA.indexOf(query)) === 0) {
-                        nameA = "0".concat(nameA);
-                    }
-                    if ((nameB === null || nameB === void 0 ? void 0 : nameB.indexOf(query)) === 0) {
-                        nameB = "0".concat(nameB);
-                    }
-                    // Should confirm possible null / undefined when TS is fully implemented
-                    if (nameA != null && nameB != null) {
-                        if (nameA < nameB) {
-                            return -1;
-                        }
-                        if (nameA > nameB) {
-                            return 1;
-                        }
-                    }
-                    return 0;
-                });
-                var result = selectedCommands.slice(0, themeVersion === '2' ? 5 : 10);
-                if (onReady)
-                    onReady(result.filter(function (result) {
-                        return result.name !== undefined;
-                    }), query);
-                return result;
-            },
-            output: function (entity) { return ({
-                caretPosition: 'next',
-                key: entity.name,
-                text: "/".concat(entity.name),
-            }); },
-        };
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedEmoticonItem = function (props) {
-        var entity = props.entity;
-        var hasEntity = Object.keys(entity).length;
-        var itemParts = entity === null || entity === void 0 ? void 0 : entity.itemNameParts;
-        var renderName = function () {
-            if (!hasEntity)
-                return null;
-            return (hasEntity &&
-                itemParts.parts.map(function (part, i) {
-                    return part.toLowerCase() === itemParts.match.toLowerCase() ? (React__default["default"].createElement("span", { className: 'str-chat__emoji-item--highlight', key: "part-".concat(i) }, part)) : (React__default["default"].createElement("span", { className: 'str-chat__emoji-item--part', key: "part-".concat(i) }, part));
-                }));
-        };
-        return (React__default["default"].createElement("div", { className: 'str-chat__emoji-item' },
-            React__default["default"].createElement("span", { className: 'str-chat__emoji-item--entity' }, entity.native),
-            React__default["default"].createElement("span", { className: 'str-chat__emoji-item--name' }, renderName())));
-    };
-    var EmoticonItem = React__default["default"].memo(UnMemoizedEmoticonItem);
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useEmojiTrigger = function (emojiIndex) {
-        var themeVersion = useChatContext('useEmojiTrigger').themeVersion;
-        return {
-            component: EmoticonItem,
-            dataProvider: function (query, _, onReady) {
-                if (query.length === 0 || query.charAt(0).match(/[^a-zA-Z0-9+-]/)) {
-                    return [];
-                }
-                var emojis = (emojiIndex === null || emojiIndex === void 0 ? void 0 : emojiIndex.search(query)) || [];
-                // emojiIndex.search sometimes returns undefined values, so filter those out first
-                var result = emojis.filter(Boolean).slice(0, themeVersion === '2' ? 7 : 10);
-                if (onReady)
-                    onReady(result, query);
-                return result;
-            },
-            output: function (entity) { return ({
-                caretPosition: 'next',
-                key: entity.id,
-                text: "".concat('native' in entity ? entity.native : ''),
-            }); },
-        };
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var accentsMap = {
-        a: 'á|à|ã|â|À|Á|Ã|Â',
-        c: 'ç|Ç',
-        e: 'é|è|ê|É|È|Ê',
-        i: 'í|ì|î|Í|Ì|Î',
-        n: 'ñ|Ñ',
-        o: 'ó|ò|ô|ő|õ|Ó|Ò|Ô|Õ',
-        u: 'ú|ù|û|ü|Ú|Ù|Û|Ü',
-    };
-    var removeDiacritics = function (text) {
-        if (!text)
-            return '';
-        return Object.keys(accentsMap).reduce(function (acc, current) { return acc.replace(new RegExp(accentsMap[current], 'g'), current); }, text);
-    };
-    var calculateLevenshtein = function (query, name) {
-        if (query.length === 0)
-            return name.length;
-        if (name.length === 0)
-            return query.length;
-        var matrix = [];
-        var i;
-        for (i = 0; i <= name.length; i++) {
-            matrix[i] = [i];
-        }
-        var j;
-        for (j = 0; j <= query.length; j++) {
-            matrix[0][j] = j;
-        }
-        for (i = 1; i <= name.length; i++) {
-            for (j = 1; j <= query.length; j++) {
-                if (name.charAt(i - 1) === query.charAt(j - 1)) {
-                    matrix[i][j] = matrix[i - 1][j - 1];
-                }
-                else {
-                    matrix[i][j] = Math.min(matrix[i - 1][j - 1] + 1, // substitution
-                    Math.min(matrix[i][j - 1] + 1, // insertion
-                    matrix[i - 1][j] + 1)); // deletion
-                }
-            }
-        }
-        return matrix[name.length][query.length];
-    };
-    var searchLocalUsers = function (params) {
-        var ownUserId = params.ownUserId, query = params.query, text = params.text, useMentionsTransliteration = params.useMentionsTransliteration, users = params.users;
-        var matchingUsers = users.filter(function (user) {
-            if (user.id === ownUserId)
-                return false;
-            if (!query)
-                return true;
-            var updatedId = removeDiacritics(user.id).toLowerCase();
-            var updatedName = removeDiacritics(user.name).toLowerCase();
-            var updatedQuery = removeDiacritics(query).toLowerCase();
-            if (useMentionsTransliteration) {
-                (function () { return __awaiter$3(void 0, void 0, void 0, function () {
-                    var transliterate;
-                    return __generator$3(this, function (_a) {
-                        switch (_a.label) {
-                            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return index_module; })];
-                            case 1:
-                                transliterate = (_a.sent()).default;
-                                updatedName = transliterate(user.name || '').toLowerCase();
-                                updatedQuery = transliterate(query).toLowerCase();
-                                updatedId = transliterate(user.id).toLowerCase();
-                                return [2 /*return*/];
-                        }
-                    });
-                }); })();
-            }
-            var maxDistance = 3;
-            var lastDigits = text.slice(-(maxDistance + 1)).includes('@');
-            if (updatedName) {
-                var levenshtein_1 = calculateLevenshtein(updatedQuery, updatedName);
-                if (updatedName.includes(updatedQuery) || (levenshtein_1 <= maxDistance && lastDigits)) {
-                    return true;
-                }
-            }
-            var levenshtein = calculateLevenshtein(updatedQuery, updatedId);
-            return updatedId.includes(updatedQuery) || (levenshtein <= maxDistance && lastDigits);
-        });
-        return matchingUsers;
-    };
-    var checkUploadPermissions = function (params) { return __awaiter$3(void 0, void 0, void 0, function () {
-        var addNotification, file, getAppSettings, t, uploadType, appSettings, _a, allowed_file_extensions, allowed_mime_types, blocked_file_extensions, blocked_mime_types, sendErrorNotification, allowed, blocked, allowed, blocked;
-        var _b, _c;
-        return __generator$3(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    addNotification = params.addNotification, file = params.file, getAppSettings = params.getAppSettings, t = params.t, uploadType = params.uploadType;
-                    appSettings = null;
-                    return [4 /*yield*/, getAppSettings()];
-                case 1:
-                    appSettings = _d.sent();
-                    _a = (uploadType === 'image'
-                        ? (_b = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _b === void 0 ? void 0 : _b.image_upload_config
-                        : (_c = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _c === void 0 ? void 0 : _c.file_upload_config) || {}, allowed_file_extensions = _a.allowed_file_extensions, allowed_mime_types = _a.allowed_mime_types, blocked_file_extensions = _a.blocked_file_extensions, blocked_mime_types = _a.blocked_mime_types;
-                    sendErrorNotification = function () {
-                        return addNotification(t("Upload type: \"{{ type }}\" is not allowed", { type: file.type || 'unknown type' }), 'error');
-                    };
-                    if (allowed_file_extensions === null || allowed_file_extensions === void 0 ? void 0 : allowed_file_extensions.length) {
-                        allowed = allowed_file_extensions.some(function (ext) {
-                            return file.name.toLowerCase().endsWith(ext.toLowerCase());
-                        });
-                        if (!allowed) {
-                            sendErrorNotification();
-                            return [2 /*return*/, false];
-                        }
-                    }
-                    if (blocked_file_extensions === null || blocked_file_extensions === void 0 ? void 0 : blocked_file_extensions.length) {
-                        blocked = blocked_file_extensions.some(function (ext) {
-                            return file.name.toLowerCase().endsWith(ext.toLowerCase());
-                        });
-                        if (blocked) {
-                            sendErrorNotification();
-                            return [2 /*return*/, false];
-                        }
-                    }
-                    if (allowed_mime_types === null || allowed_mime_types === void 0 ? void 0 : allowed_mime_types.length) {
-                        allowed = allowed_mime_types.some(function (type) { var _a; return type.toLowerCase() === ((_a = file.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
-                        if (!allowed) {
-                            sendErrorNotification();
-                            return [2 /*return*/, false];
-                        }
-                    }
-                    if (blocked_mime_types === null || blocked_mime_types === void 0 ? void 0 : blocked_mime_types.length) {
-                        blocked = blocked_mime_types.some(function (type) { var _a; return type.toLowerCase() === ((_a = file.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
-                        if (blocked) {
-                            sendErrorNotification();
-                            return [2 /*return*/, false];
-                        }
-                    }
-                    return [2 /*return*/, true];
-            }
-        });
-    }); };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useUserTrigger = function (params) {
-        var disableMentions = params.disableMentions, mentionAllAppUsers = params.mentionAllAppUsers, _a = params.mentionQueryParams, mentionQueryParams = _a === void 0 ? {} : _a, onSelectUser = params.onSelectUser, useMentionsTransliteration = params.useMentionsTransliteration;
-        var _b = React.useState(false), searching = _b[0], setSearching = _b[1];
-        var _c = useChatContext('useUserTrigger'), client = _c.client, mutes = _c.mutes, themeVersion = _c.themeVersion;
-        var channel = useChannelStateContext('useUserTrigger').channel;
-        var members = channel.state.members;
-        var watchers = channel.state.watchers;
-        var getMembersAndWatchers = React.useCallback(function () {
-            var memberUsers = members ? Object.values(members).map(function (_a) {
-                var user = _a.user;
-                return user;
-            }) : [];
-            var watcherUsers = watchers ? Object.values(watchers) : [];
-            var users = __spreadArray$1(__spreadArray$1([], memberUsers, true), watcherUsers, true);
-            // make sure we don't list users twice
-            var uniqueUsers = {};
-            users.forEach(function (user) {
-                if (user && !uniqueUsers[user.id]) {
-                    uniqueUsers[user.id] = user;
-                }
-            });
-            return Object.values(uniqueUsers);
-        }, [members, watchers]);
-        var queryMembersThrottled = React.useCallback(lodash_throttle(function (query, onReady) { return __awaiter$3(void 0, void 0, void 0, function () {
-            var response, users, error_1;
-            return __generator$3(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, channel.queryMembers({
-                                name: { $autocomplete: query },
-                            })];
-                    case 1:
-                        response = _a.sent();
-                        users = response.members.map(function (member) { return member.user; });
-                        if (onReady && users.length) {
-                            onReady(users);
-                        }
-                        else {
-                            onReady([]);
-                        }
-                        return [3 /*break*/, 3];
-                    case 2:
-                        error_1 = _a.sent();
-                        console.log({ error: error_1 });
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); }, 200), [channel]);
-        var queryUsers = function (query, onReady) { return __awaiter$3(void 0, void 0, void 0, function () {
-            var users, error_2;
-            return __generator$3(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!query || searching)
-                            return [2 /*return*/];
-                        setSearching(true);
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, client.queryUsers(__assign$8({ $or: [{ id: { $autocomplete: query } }, { name: { $autocomplete: query } }], id: { $ne: client.userID } }, mentionQueryParams.filters), __assign$8({ id: 1 }, mentionQueryParams.sort), __assign$8({ limit: 10 }, mentionQueryParams.options))];
-                    case 2:
-                        users = (_a.sent()).users;
-                        if (onReady && users.length) {
-                            onReady(users);
-                        }
-                        else {
-                            onReady([]);
-                        }
-                        return [3 /*break*/, 4];
-                    case 3:
-                        error_2 = _a.sent();
-                        console.log({ error: error_2 });
-                        return [3 /*break*/, 4];
-                    case 4:
-                        setSearching(false);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        var queryUsersThrottled = lodash_throttle(queryUsers, 200);
-        return {
-            callback: function (item) { return onSelectUser(item); },
-            component: UserItem,
-            dataProvider: function (query, text, onReady) {
-                var _a, _b;
-                if (disableMentions)
-                    return;
-                var filterMutes = function (data) {
-                    if (text.includes('/unmute') && !mutes.length) {
-                        return [];
-                    }
-                    if (!mutes.length)
-                        return data;
-                    if (text.includes('/unmute')) {
-                        return data.filter(function (suggestion) {
-                            return mutes.some(function (mute) { return mute.target.id === suggestion.id; });
-                        });
-                    }
-                    return data.filter(function (suggestion) { return mutes.every(function (mute) { return mute.target.id !== suggestion.id; }); });
-                };
-                if (mentionAllAppUsers) {
-                    return queryUsersThrottled(query, function (data) {
-                        if (onReady)
-                            onReady(filterMutes(data), query);
-                    });
-                }
-                /**
-                 * By default, we return maximum 100 members via queryChannels api call.
-                 * Thus it is safe to assume, that if number of members in channel.state is < 100,
-                 * then all the members are already available on client side and we don't need to
-                 * make any api call to queryMembers endpoint.
-                 */
-                if (!query || Object.values(members || {}).length < 100) {
-                    var users = getMembersAndWatchers();
-                    var params_1 = {
-                        ownUserId: client.userID,
-                        query: query,
-                        text: text,
-                        useMentionsTransliteration: useMentionsTransliteration,
-                        users: users,
-                    };
-                    var matchingUsers = searchLocalUsers(params_1);
-                    var usersToShow = (_b = (_a = mentionQueryParams.options) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : (themeVersion === '2' ? 7 : 10);
-                    var data = matchingUsers.slice(0, usersToShow);
-                    if (onReady)
-                        onReady(filterMutes(data), query);
-                    return data;
-                }
-                return queryMembersThrottled(query, function (data) {
-                    if (onReady)
-                        onReady(filterMutes(data), query);
-                });
-            },
-            output: function (entity) { return ({
-                caretPosition: 'next',
-                key: entity.id,
-                text: "@".concat(entity.name || entity.id),
-            }); },
-        };
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DefaultTriggerProvider = function (_a) {
-        var children = _a.children;
-        var currentValue = useMessageInputContext('DefaultTriggerProvider');
-        var defaultAutocompleteTriggers = {
-            '/': useCommandTrigger(),
-            ':': useEmojiTrigger(currentValue.emojiIndex),
-            '@': useUserTrigger({
-                disableMentions: currentValue.disableMentions,
-                mentionAllAppUsers: currentValue.mentionAllAppUsers,
-                mentionQueryParams: currentValue.mentionQueryParams,
-                onSelectUser: currentValue.onSelectUser,
-                useMentionsTransliteration: currentValue.useMentionsTransliteration,
-            }),
-        };
-        var newValue = __assign$8(__assign$8({}, currentValue), { autocompleteTriggers: defaultAutocompleteTriggers });
-        return React__default["default"].createElement(MessageInputContextProvider, { value: newValue }, children);
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var filterEmoji = function (emoji) {
-        return !(emoji.name === 'White Smiling Face' || emoji.name === 'White Frowning Face');
-    };
-    var EmojiPicker = function (_a) {
-        var small = _a.small;
-        var _b = useEmojiContext('EmojiPicker'), emojiConfig = _b.emojiConfig, EmojiPickerComponent = _b.EmojiPicker;
-        var t = useTranslationContext('EmojiPicker').t;
-        var _c = useMessageInputContext('EmojiPicker'), emojiPickerIsOpen = _c.emojiPickerIsOpen, emojiPickerRef = _c.emojiPickerRef, onSelectEmoji = _c.onSelectEmoji;
-        var emojiData = (emojiConfig || {}).emojiData;
-        if (!emojiPickerIsOpen || !emojiData)
-            return null;
-        return (React__default["default"].createElement("div", { className: clsx('str-chat__emoji-picker-container', {
-                'str-chat__input--emojipicker': !small,
-                'str-chat__small-message-input-emojipicker': small,
-            }), ref: emojiPickerRef },
-            React__default["default"].createElement(React.Suspense, { fallback: null },
-                React__default["default"].createElement(EmojiPickerComponent, { color: '#006CFF', data: emojiData, emoji: 'point_up', emojisToShowFilter: filterEmoji, native: true, onSelect: onSelectEmoji, set: 'facebook', showPreview: false, showSkinTones: false, title: t('Pick your emoji'), useButton: true }))));
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var EmojiIconLarge = function () {
-        var t = useTranslationContext('EmojiIconLarge').t;
-        return (React__default["default"].createElement("svg", { height: '28', width: '28', xmlns: 'http://www.w3.org/2000/svg' },
-            React__default["default"].createElement("title", null, t('Open emoji picker')),
-            React__default["default"].createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
-                React__default["default"].createElement("path", { d: 'M14 4.4C8.6 4.4 4.4 8.6 4.4 14c0 5.4 4.2 9.6 9.6 9.6c5.4 0 9.6-4.2 9.6-9.6c0-5.4-4.2-9.6-9.6-9.6zM2 14c0-6.6 5.4-12 12-12s12 5.4 12 12s-5.4 12-12 12s-12-5.4-12-12zM12.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM18.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM8.6 15.4c.6-.4 1.2-.2 1.6.2c.6.8 1.6 1.8 3 2c1.2.4 2.8.2 4.8-2c.4-.4 1.2-.6 1.6 0c.4.4.6 1.2 0 1.6c-2.2 2.6-4.8 3.4-7 3c-2-.4-3.6-1.8-4.4-3c-.4-.6-.2-1.2.4-1.8z' }))));
-    };
-    var EmojiIconSmall = function () {
-        var t = useTranslationContext('EmojiIconSmall').t;
-        return (React__default["default"].createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-            React__default["default"].createElement("title", null, t('Open emoji picker')),
-            React__default["default"].createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
-                React__default["default"].createElement("path", { d: 'M6.7 1.42C3.73 1.42 1.42 3.73 1.42 6.7c0 2.97 2.31 5.28 5.28 5.28c2.97 0 5.28-2.31 5.28-5.28c0-2.97-2.31-5.28-5.28-5.28zM.1 6.7c0-3.63 2.97-6.6 6.6-6.6s6.6 2.97 6.6 6.6s-2.97 6.6-6.6 6.6s-6.6-2.97-6.6-6.6zM6.04 5.05c0 .55-.44.99-.99.99s-.99-.44-.99-.99s.44-.99.99-.99s.99.44.99.99zM9.34 5.05c0 .55-.44.99-.99.99s-.99-.44-.99-.99s.44-.99.99-.99s.99.44.99.99zM3.73 7.47c.33-.22.66-.11.88.11c.33.44.88.99 1.65 1.1c.66.22 1.54.11 2.64-1.1c.22-.22.66-.33.88 0c.22.22.33.66 0 .88c-1.21 1.43-2.64 1.87-3.85 1.65c-1.1-.22-1.98-.99-2.42-1.65c-.22-.33-.11-.66.22-.99z' }))));
-    };
-    // ThemingV2 icon
-    var EmojiPickerIcon = function () { return (React__default["default"].createElement("svg", { preserveAspectRatio: 'xMinYMin', viewBox: '0 0 28 28', width: '100%', xmlns: 'http://www.w3.org/2000/svg' },
-        React__default["default"].createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
-            React__default["default"].createElement("path", { d: 'M14 4.4C8.6 4.4 4.4 8.6 4.4 14c0 5.4 4.2 9.6 9.6 9.6c5.4 0 9.6-4.2 9.6-9.6c0-5.4-4.2-9.6-9.6-9.6zM2 14c0-6.6 5.4-12 12-12s12 5.4 12 12s-5.4 12-12 12s-12-5.4-12-12zM12.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM18.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM8.6 15.4c.6-.4 1.2-.2 1.6.2c.6.8 1.6 1.8 3 2c1.2.4 2.8.2 4.8-2c.4-.4 1.2-.6 1.6 0c.4.4.6 1.2 0 1.6c-2.2 2.6-4.8 3.4-7 3c-2-.4-3.6-1.8-4.4-3c-.4-.6-.2-1.2.4-1.8z' })))); };
-    var FileUploadIcon = function () {
-        var t = useTranslationContext('FileUploadIcon').t;
-        return (React__default["default"].createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-            React__default["default"].createElement("title", null, t('Attach files')),
-            React__default["default"].createElement("path", { d: 'M7 .5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5S.5 10.59.5 7 3.41.5 7 .5zm0 12c3.031 0 5.5-2.469 5.5-5.5S10.031 1.5 7 1.5A5.506 5.506 0 0 0 1.5 7c0 3.034 2.469 5.5 5.5 5.5zM7.506 3v3.494H11v1.05H7.506V11h-1.05V7.544H3v-1.05h3.456V3h1.05z', fillRule: 'nonzero' })));
-    };
-    var FileUploadIconFlat = function () {
-        var t = useTranslationContext('FileUploadIconFlat').t;
-        return (React__default["default"].createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-            React__default["default"].createElement("title", null, t('Attach files')),
-            React__default["default"].createElement("path", { d: 'M1.667.333h10.666c.737 0 1.334.597 1.334 1.334v10.666c0 .737-.597 1.334-1.334 1.334H1.667a1.333 1.333 0 0 1-1.334-1.334V1.667C.333.93.93.333 1.667.333zm2 1.334a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333zm-2 9.333v1.333h10.666v-4l-2-2-4 4-2-2L1.667 11z', fillRule: 'nonzero' })));
-    };
-    var LoadingIndicatorIcon = function (_a) {
-        var _b = _a.size, size = _b === void 0 ? 20 : _b;
-        var id = React.useId();
-        return (React__default["default"].createElement("div", { className: 'str-chat__loading-indicator' },
-            React__default["default"].createElement("svg", { "data-testid": 'loading-indicator', height: size, viewBox: '0 0 30 30', width: size, xmlns: 'http://www.w3.org/2000/svg' },
-                React__default["default"].createElement("defs", null,
-                    React__default["default"].createElement("linearGradient", { id: "".concat(id, "-linear-gradient"), x1: '50%', x2: '50%', y1: '0%', y2: '100%' },
-                        React__default["default"].createElement("stop", { offset: '0%', stopColor: '#FFF', stopOpacity: '0' }),
-                        React__default["default"].createElement("stop", { "data-testid": 'stop-color', offset: '100%', stopOpacity: '1' }))),
-                React__default["default"].createElement("path", { d: 'M2.518 23.321l1.664-1.11A12.988 12.988 0 0 0 15 28c7.18 0 13-5.82 13-13S22.18 2 15 2V0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-5.206 0-9.792-2.652-12.482-6.679z', fill: "url(#".concat(id, "-linear-gradient)"), fillRule: 'evenodd' }))));
-    };
-    // ThemingV2 icon
-    var UploadIcon = function () { return (React__default["default"].createElement("svg", { "data-testid": 'attach', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-        React__default["default"].createElement("g", { clipPath: 'url(#clip0_10878_5)' },
-            React__default["default"].createElement("path", { d: 'M12.9997 6.99993L10.9997 6.99993L10.9997 10.9999L6.99972 10.9999L6.99972 12.9999L10.9997 12.9999L10.9997 16.9999L12.9997 16.9999L12.9997 12.9999L16.9997 12.9999L16.9997 10.9999L12.9997 10.9999L12.9997 6.99993ZM11.9997 1.99992C6.47972 1.99992 1.99972 6.47993 1.99972 11.9999C1.99972 17.5199 6.47972 21.9999 11.9997 21.9999C17.5197 21.9999 21.9997 17.5199 21.9997 11.9999C21.9997 6.47993 17.5197 1.99992 11.9997 1.99992ZM11.9997 19.9999C7.58972 19.9999 3.99972 16.4099 3.99972 11.9999C3.99972 7.58993 7.58972 3.99993 11.9997 3.99993C16.4097 3.99993 19.9997 7.58993 19.9997 11.9999C19.9997 16.4099 16.4097 19.9999 11.9997 19.9999Z', fill: 'black' })),
-        React__default["default"].createElement("defs", null,
-            React__default["default"].createElement("clipPath", { id: 'clip0_10878_5' },
-                React__default["default"].createElement("rect", { fill: 'white', height: '24', width: '24' }))))); };
-    var CloseIcon$1 = function () { return (React__default["default"].createElement("svg", { "data-testid": 'close-no-outline', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-        React__default["default"].createElement("path", { d: 'M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z', fill: 'black' }))); };
-    var RetryIcon = function () { return (React__default["default"].createElement("svg", { "data-testid": 'retry', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-        React__default["default"].createElement("path", { d: 'M17.6449 6.35C16.1949 4.9 14.2049 4 11.9949 4C7.57488 4 4.00488 7.58 4.00488 12C4.00488 16.42 7.57488 20 11.9949 20C15.7249 20 18.8349 17.45 19.7249 14H17.6449C16.8249 16.33 14.6049 18 11.9949 18C8.68488 18 5.99488 15.31 5.99488 12C5.99488 8.69 8.68488 6 11.9949 6C13.6549 6 15.1349 6.69 16.2149 7.78L12.9949 11H19.9949V4L17.6449 6.35Z', fill: 'black' }))); };
-    var DownloadIcon = function () { return (React__default["default"].createElement("svg", { "data-testid": 'download', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-        React__default["default"].createElement("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM19 18H6C3.79 18 2 16.21 2 14C2 11.95 3.53 10.24 5.56 10.03L6.63 9.92L7.13 8.97C8.08 7.14 9.94 6 12 6C14.62 6 16.88 7.86 17.39 10.43L17.69 11.93L19.22 12.04C20.78 12.14 22 13.45 22 15C22 16.65 20.65 18 19 18ZM13.45 10H10.55V13H8L12 17L16 13H13.45V10Z', fill: 'black' }))); };
-    var SendIconV1 = function () {
-        var t = useTranslationContext('SendButton').t;
-        return (React__default["default"].createElement("svg", { height: '17', viewBox: '0 0 18 17', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
-            React__default["default"].createElement("title", null, t('Send')),
-            React__default["default"].createElement("path", { d: 'M0 17.015l17.333-8.508L0 0v6.617l12.417 1.89L0 10.397z', fill: '#006cff', fillRule: 'evenodd' })));
-    };
-    var SendIconV2 = function () {
-        var t = useTranslationContext('SendButton').t;
-        return (React__default["default"].createElement("svg", { "data-testid": 'send', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-            React__default["default"].createElement("title", null, t('Send')),
-            React__default["default"].createElement("path", { d: 'M4.00952 22L24 12L4.00952 2L4 9.77778L18.2857 12L4 14.2222L4.00952 22Z', fill: 'black' })));
-    };
-    var SendButton = function (_a) {
-        var sendMessage = _a.sendMessage, rest = __rest$4(_a, ["sendMessage"]);
-        var themeVersion = useChatContext('SendButton').themeVersion;
-        return (React__default["default"].createElement("button", __assign$8({ "aria-label": 'Send', className: 'str-chat__send-button', "data-testid": 'send-button', onClick: sendMessage, type: 'button' }, rest), themeVersion === '2' ? React__default["default"].createElement(SendIconV2, null) : React__default["default"].createElement(SendIconV1, null)));
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * @deprecated This component has been deprecated in favor of `AttachmentPreviewList` as this component
-     * utilises outdated components from the package [`react-file-utils`](https://github.com/GetStream/react-file-utils)
-     * which will no longer receive updates for aforementioned components.
-     *
-     * **Will be removed with the complete transition to the theming V2.**
-     */
-    var UploadsPreview = function () {
-        var themeVersion = useChatContext('UploadsPreview').themeVersion;
-        var _a = useChannelStateContext('UploadsPreview'), _b = _a.maxNumberOfFiles, maxNumberOfFiles = _b === void 0 ? 0 : _b, multipleUploads = _a.multipleUploads;
-        var _c = useMessageInputContext('UploadsPreview'), fileOrder = _c.fileOrder, fileUploads = _c.fileUploads, imageOrder = _c.imageOrder, imageUploads = _c.imageUploads, _d = _c.numberOfUploads, numberOfUploads = _d === void 0 ? 0 : _d, removeFile = _c.removeFile, removeImage = _c.removeImage, uploadFile = _c.uploadFile, uploadImage = _c.uploadImage, uploadNewFiles = _c.uploadNewFiles;
-        var imagesToPreview = imageOrder
-            .map(function (id) { return imageUploads[id]; })
-            // filter OG scraped images
-            .filter(function (image) { return !image.og_scrape_url; });
-        var filesToPreview = fileOrder.map(function (id) { return fileUploads[id]; });
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            imageOrder.length > 0 && (React__default["default"].createElement(ImagePreviewer, { disabled: !multipleUploads || numberOfUploads >= maxNumberOfFiles, handleFiles: uploadNewFiles, handleRemove: removeImage, handleRetry: uploadImage, imageUploads: imagesToPreview, multiple: multipleUploads })),
-            fileOrder.length > 0 && (React__default["default"].createElement(FilePreviewer, { fileIconProps: {
-                    className: 'str-chat__file-icon',
-                    version: themeVersion,
-                }, handleFiles: uploadNewFiles, handleRemove: removeFile, handleRetry: uploadFile, uploads: filesToPreview }))));
-    };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedChatAutoComplete = function (props) {
-        var _a = useComponentContext('ChatAutoComplete'), SuggestionItem = _a.AutocompleteSuggestionItem, SuggestionList = _a.AutocompleteSuggestionList;
-        var t = useTranslationContext('ChatAutoComplete').t;
-        var messageInput = useMessageInputContext('ChatAutoComplete');
-        var cooldownRemaining = messageInput.cooldownRemaining, disabled = messageInput.disabled, emojiIndex = messageInput.emojiIndex, innerRef = messageInput.textareaRef;
-        var placeholder = props.placeholder || t('Type your message');
-        var emojiReplace = props.wordReplace
-            ? function (word) { var _a; return (_a = props.wordReplace) === null || _a === void 0 ? void 0 : _a.call(props, word, emojiIndex); }
-            : function (word) {
-                var found = (emojiIndex === null || emojiIndex === void 0 ? void 0 : emojiIndex.search(word)) || [];
-                var emoji = found
-                    .filter(Boolean)
-                    .slice(0, 10)
-                    .find(function (_a) {
-                    var emoticons = _a.emoticons;
-                    return !!(emoticons === null || emoticons === void 0 ? void 0 : emoticons.includes(word));
-                });
-                if (!emoji || !('native' in emoji))
-                    return null;
-                return emoji.native;
-            };
-        var updateInnerRef = React.useCallback(function (ref) {
-            if (innerRef) {
-                innerRef.current = ref;
-            }
-        }, [innerRef]);
-        return (React__default["default"].createElement(ReactTextareaAutocomplete, { additionalTextareaProps: messageInput.additionalTextareaProps, "aria-label": cooldownRemaining ? t('Slow Mode ON') : placeholder, className: 'str-chat__textarea__textarea str-chat__message-textarea', closeCommandsList: messageInput.closeCommandsList, closeMentionsList: messageInput.closeMentionsList, containerClassName: 'str-chat__textarea str-chat__message-textarea-react-host', disabled: disabled || !!cooldownRemaining, disableMentions: messageInput.disableMentions, dropdownClassName: 'str-chat__emojisearch', grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, itemClassName: 'str-chat__emojisearch__item', listClassName: 'str-chat__emojisearch__list', loadingComponent: LoadingIndicator, maxRows: messageInput.maxRows, minChar: 0, onBlur: props.onBlur, onChange: props.onChange || messageInput.handleChange, onFocus: props.onFocus, onPaste: props.onPaste || messageInput.onPaste, placeholder: cooldownRemaining ? t('Slow Mode ON') : placeholder, replaceWord: emojiReplace, rows: props.rows || 1, shouldSubmit: messageInput.shouldSubmit, showCommandsList: messageInput.showCommandsList, showMentionsList: messageInput.showMentionsList, SuggestionItem: SuggestionItem, SuggestionList: SuggestionList, trigger: messageInput.autocompleteTriggers || {}, value: props.value || messageInput.text }));
-    };
-    var ChatAutoComplete = React__default["default"].memo(UnMemoizedChatAutoComplete);
-
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
      * Simple ponyfill for Object.fromEntries
      */
@@ -43305,396 +42590,1125 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         isScrollParent(documentElement)) {
           scroll = getNodeScroll(offsetParent);
         }
-
-        if (isHTMLElement(offsetParent)) {
-          offsets = getBoundingClientRect(offsetParent, true);
-          offsets.x += offsetParent.clientLeft;
-          offsets.y += offsetParent.clientTop;
-        } else if (documentElement) {
-          offsets.x = getWindowScrollBarX(documentElement);
+
+        if (isHTMLElement(offsetParent)) {
+          offsets = getBoundingClientRect(offsetParent, true);
+          offsets.x += offsetParent.clientLeft;
+          offsets.y += offsetParent.clientTop;
+        } else if (documentElement) {
+          offsets.x = getWindowScrollBarX(documentElement);
+        }
+      }
+
+      return {
+        x: rect.left + scroll.scrollLeft - offsets.x,
+        y: rect.top + scroll.scrollTop - offsets.y,
+        width: rect.width,
+        height: rect.height
+      };
+    }
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
+    function order(modifiers) {
+      var map = new Map();
+      var visited = new Set();
+      var result = [];
+      modifiers.forEach(function (modifier) {
+        map.set(modifier.name, modifier);
+      }); // On visiting object, check for its dependencies and visit them recursively
+
+      function sort(modifier) {
+        visited.add(modifier.name);
+        var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+        requires.forEach(function (dep) {
+          if (!visited.has(dep)) {
+            var depModifier = map.get(dep);
+
+            if (depModifier) {
+              sort(depModifier);
+            }
+          }
+        });
+        result.push(modifier);
+      }
+
+      modifiers.forEach(function (modifier) {
+        if (!visited.has(modifier.name)) {
+          // check for visited object
+          sort(modifier);
+        }
+      });
+      return result;
+    }
+
+    function orderModifiers(modifiers) {
+      // order based on dependencies
+      var orderedModifiers = order(modifiers); // order based on phase
+
+      return modifierPhases.reduce(function (acc, phase) {
+        return acc.concat(orderedModifiers.filter(function (modifier) {
+          return modifier.phase === phase;
+        }));
+      }, []);
+    }
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function debounce(fn) {
+      var pending;
+      return function () {
+        if (!pending) {
+          pending = new Promise(function (resolve) {
+            Promise.resolve().then(function () {
+              pending = undefined;
+              resolve(fn());
+            });
+          });
+        }
+
+        return pending;
+      };
+    }
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function mergeByName(modifiers) {
+      var merged = modifiers.reduce(function (merged, current) {
+        var existing = merged[current.name];
+        merged[current.name] = existing ? Object.assign({}, existing, current, {
+          options: Object.assign({}, existing.options, current.options),
+          data: Object.assign({}, existing.data, current.data)
+        }) : current;
+        return merged;
+      }, {}); // IE11 does not support Object.values
+
+      return Object.keys(merged).map(function (key) {
+        return merged[key];
+      });
+    }
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DEFAULT_OPTIONS$1 = {
+      placement: 'bottom',
+      modifiers: [],
+      strategy: 'absolute'
+    };
+
+    function areValidElements() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return !args.some(function (element) {
+        return !(element && typeof element.getBoundingClientRect === 'function');
+      });
+    }
+
+    function popperGenerator(generatorOptions) {
+      if (generatorOptions === void 0) {
+        generatorOptions = {};
+      }
+
+      var _generatorOptions = generatorOptions,
+          _generatorOptions$def = _generatorOptions.defaultModifiers,
+          defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
+          _generatorOptions$def2 = _generatorOptions.defaultOptions,
+          defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS$1 : _generatorOptions$def2;
+      return function createPopper(reference, popper, options) {
+        if (options === void 0) {
+          options = defaultOptions;
+        }
+
+        var state = {
+          placement: 'bottom',
+          orderedModifiers: [],
+          options: Object.assign({}, DEFAULT_OPTIONS$1, defaultOptions),
+          modifiersData: {},
+          elements: {
+            reference: reference,
+            popper: popper
+          },
+          attributes: {},
+          styles: {}
+        };
+        var effectCleanupFns = [];
+        var isDestroyed = false;
+        var instance = {
+          state: state,
+          setOptions: function setOptions(setOptionsAction) {
+            var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
+            cleanupModifierEffects();
+            state.options = Object.assign({}, defaultOptions, state.options, options);
+            state.scrollParents = {
+              reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
+              popper: listScrollParents(popper)
+            }; // Orders the modifiers based on their dependencies and `phase`
+            // properties
+
+            var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
+
+            state.orderedModifiers = orderedModifiers.filter(function (m) {
+              return m.enabled;
+            }); // Validate the provided modifiers so that the consumer will get warned
+
+            runModifierEffects();
+            return instance.update();
+          },
+          // Sync update – it will always be executed, even if not necessary. This
+          // is useful for low frequency updates where sync behavior simplifies the
+          // logic.
+          // For high frequency updates (e.g. `resize` and `scroll` events), always
+          // prefer the async Popper#update method
+          forceUpdate: function forceUpdate() {
+            if (isDestroyed) {
+              return;
+            }
+
+            var _state$elements = state.elements,
+                reference = _state$elements.reference,
+                popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
+            // anymore
+
+            if (!areValidElements(reference, popper)) {
+
+              return;
+            } // Store the reference and popper rects to be read by modifiers
+
+
+            state.rects = {
+              reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),
+              popper: getLayoutRect(popper)
+            }; // Modifiers have the ability to reset the current update cycle. The
+            // most common use case for this is the `flip` modifier changing the
+            // placement, which then needs to re-run all the modifiers, because the
+            // logic was previously ran for the previous placement and is therefore
+            // stale/incorrect
+
+            state.reset = false;
+            state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
+            // is filled with the initial data specified by the modifier. This means
+            // it doesn't persist and is fresh on each update.
+            // To ensure persistent data, use `${name}#persistent`
+
+            state.orderedModifiers.forEach(function (modifier) {
+              return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+            });
+
+            for (var index = 0; index < state.orderedModifiers.length; index++) {
+
+              if (state.reset === true) {
+                state.reset = false;
+                index = -1;
+                continue;
+              }
+
+              var _state$orderedModifie = state.orderedModifiers[index],
+                  fn = _state$orderedModifie.fn,
+                  _state$orderedModifie2 = _state$orderedModifie.options,
+                  _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
+                  name = _state$orderedModifie.name;
+
+              if (typeof fn === 'function') {
+                state = fn({
+                  state: state,
+                  options: _options,
+                  name: name,
+                  instance: instance
+                }) || state;
+              }
+            }
+          },
+          // Async and optimistically optimized update – it will not be executed if
+          // not necessary (debounced to run at most once-per-tick)
+          update: debounce(function () {
+            return new Promise(function (resolve) {
+              instance.forceUpdate();
+              resolve(state);
+            });
+          }),
+          destroy: function destroy() {
+            cleanupModifierEffects();
+            isDestroyed = true;
+          }
+        };
+
+        if (!areValidElements(reference, popper)) {
+
+          return instance;
+        }
+
+        instance.setOptions(options).then(function (state) {
+          if (!isDestroyed && options.onFirstUpdate) {
+            options.onFirstUpdate(state);
+          }
+        }); // Modifiers have the ability to execute arbitrary code before the first
+        // update cycle runs. They will be executed in the same order as the update
+        // cycle. This is useful when a modifier adds some persistent data that
+        // other modifiers need to use, but the modifier is run after the dependent
+        // one.
+
+        function runModifierEffects() {
+          state.orderedModifiers.forEach(function (_ref3) {
+            var name = _ref3.name,
+                _ref3$options = _ref3.options,
+                options = _ref3$options === void 0 ? {} : _ref3$options,
+                effect = _ref3.effect;
+
+            if (typeof effect === 'function') {
+              var cleanupFn = effect({
+                state: state,
+                name: name,
+                instance: instance,
+                options: options
+              });
+
+              var noopFn = function noopFn() {};
+
+              effectCleanupFns.push(cleanupFn || noopFn);
+            }
+          });
+        }
+
+        function cleanupModifierEffects() {
+          effectCleanupFns.forEach(function (fn) {
+            return fn();
+          });
+          effectCleanupFns = [];
+        }
+
+        return instance;
+      };
+    }
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
+    var createPopper = /*#__PURE__*/popperGenerator({
+      defaultModifiers: defaultModifiers
+    }); // eslint-disable-next-line import/no-unused-modules
+
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var EMPTY_MODIFIERS = [];
+    var usePopper = function usePopper(referenceElement, popperElement, options) {
+      if (options === void 0) {
+        options = {};
+      }
+
+      var prevOptions = React__namespace.useRef(null);
+      var optionsWithDefaults = {
+        onFirstUpdate: options.onFirstUpdate,
+        placement: options.placement || 'bottom',
+        strategy: options.strategy || 'absolute',
+        modifiers: options.modifiers || EMPTY_MODIFIERS
+      };
+
+      var _React$useState = React__namespace.useState({
+        styles: {
+          popper: {
+            position: optionsWithDefaults.strategy,
+            left: '0',
+            top: '0'
+          },
+          arrow: {
+            position: 'absolute'
+          }
+        },
+        attributes: {}
+      }),
+          state = _React$useState[0],
+          setState = _React$useState[1];
+
+      var updateStateModifier = React__namespace.useMemo(function () {
+        return {
+          name: 'updateState',
+          enabled: true,
+          phase: 'write',
+          fn: function fn(_ref) {
+            var state = _ref.state;
+            var elements = Object.keys(state.elements);
+            ReactDOM__namespace.flushSync(function () {
+              setState({
+                styles: fromEntries(elements.map(function (element) {
+                  return [element, state.styles[element] || {}];
+                })),
+                attributes: fromEntries(elements.map(function (element) {
+                  return [element, state.attributes[element]];
+                }))
+              });
+            });
+          },
+          requires: ['computeStyles']
+        };
+      }, []);
+      var popperOptions = React__namespace.useMemo(function () {
+        var newOptions = {
+          onFirstUpdate: optionsWithDefaults.onFirstUpdate,
+          placement: optionsWithDefaults.placement,
+          strategy: optionsWithDefaults.strategy,
+          modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {
+            name: 'applyStyles',
+            enabled: false
+          }])
+        };
+
+        if (reactFastCompare(prevOptions.current, newOptions)) {
+          return prevOptions.current || newOptions;
+        } else {
+          prevOptions.current = newOptions;
+          return newOptions;
+        }
+      }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);
+      var popperInstanceRef = React__namespace.useRef();
+      useIsomorphicLayoutEffect$1(function () {
+        if (popperInstanceRef.current) {
+          popperInstanceRef.current.setOptions(popperOptions);
+        }
+      }, [popperOptions]);
+      useIsomorphicLayoutEffect$1(function () {
+        if (referenceElement == null || popperElement == null) {
+          return;
         }
-      }
 
+        var createPopper$1 = options.createPopper || createPopper;
+        var popperInstance = createPopper$1(referenceElement, popperElement, popperOptions);
+        popperInstanceRef.current = popperInstance;
+        return function () {
+          popperInstance.destroy();
+          popperInstanceRef.current = null;
+        };
+      }, [referenceElement, popperElement, options.createPopper]);
       return {
-        x: rect.left + scroll.scrollLeft - offsets.x,
-        y: rect.top + scroll.scrollTop - offsets.y,
-        width: rect.width,
-        height: rect.height
+        state: popperInstanceRef.current ? popperInstanceRef.current.state : null,
+        styles: state.styles,
+        attributes: state.attributes,
+        update: popperInstanceRef.current ? popperInstanceRef.current.update : null,
+        forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null
       };
-    }
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    function order(modifiers) {
-      var map = new Map();
-      var visited = new Set();
-      var result = [];
-      modifiers.forEach(function (modifier) {
-        map.set(modifier.name, modifier);
-      }); // On visiting object, check for its dependencies and visit them recursively
-
-      function sort(modifier) {
-        visited.add(modifier.name);
-        var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
-        requires.forEach(function (dep) {
-          if (!visited.has(dep)) {
-            var depModifier = map.get(dep);
-
-            if (depModifier) {
-              sort(depModifier);
-            }
-          }
-        });
-        result.push(modifier);
-      }
-
-      modifiers.forEach(function (modifier) {
-        if (!visited.has(modifier.name)) {
-          // check for visited object
-          sort(modifier);
-        }
-      });
-      return result;
-    }
+    };
 
-    function orderModifiers(modifiers) {
-      // order based on dependencies
-      var orderedModifiers = order(modifiers); // order based on phase
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};// Public components
+     // Public types
 
-      return modifierPhases.reduce(function (acc, phase) {
-        return acc.concat(orderedModifiers.filter(function (modifier) {
-          return modifier.phase === phase;
-        }));
-      }, []);
-    }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var Tooltip = function (_a) {
+        var children = _a.children, rest = __rest$4(_a, ["children"]);
+        return (React__default["default"].createElement("div", __assign$8({ className: 'str-chat__tooltip' }, rest), children));
+    };
+    var PopperTooltip = function (_a) {
+        var children = _a.children, _b = _a.offset, offset = _b === void 0 ? [0, 10] : _b, referenceElement = _a.referenceElement, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.visible, visible = _d === void 0 ? false : _d;
+        var _e = React.useState(null), popperElement = _e[0], setPopperElement = _e[1];
+        var _f = usePopper(referenceElement, popperElement, {
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: {
+                        offset: offset,
+                    },
+                },
+            ],
+            placement: placement,
+        }), attributes = _f.attributes, styles = _f.styles;
+        if (!visible)
+            return null;
+        return (React__default["default"].createElement("div", __assign$8({ className: 'str-chat__tooltip', ref: setPopperElement, style: styles.popper }, attributes.popper), children));
+    };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function debounce(fn) {
-      var pending;
-      return function () {
-        if (!pending) {
-          pending = new Promise(function (resolve) {
-            Promise.resolve().then(function () {
-              pending = undefined;
-              resolve(fn());
-            });
-          });
-        }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-        return pending;
-      };
-    }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useEnterLeaveHandlers = function (_a) {
+        var _b = _a === void 0 ? {} : _a, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
+        var _c = React.useState(false), tooltipVisible = _c[0], setTooltipVisible = _c[1];
+        var handleEnter = React.useCallback(function (e) {
+            setTooltipVisible(true);
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+        }, [onMouseEnter]);
+        var handleLeave = React.useCallback(function (e) {
+            setTooltipVisible(false);
+            onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+        }, [onMouseLeave]);
+        return { handleEnter: handleEnter, handleLeave: handleLeave, tooltipVisible: tooltipVisible };
+    };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};function mergeByName(modifiers) {
-      var merged = modifiers.reduce(function (merged, current) {
-        var existing = merged[current.name];
-        merged[current.name] = existing ? Object.assign({}, existing, current, {
-          options: Object.assign({}, existing.options, current.options),
-          data: Object.assign({}, existing.data, current.data)
-        }) : current;
-        return merged;
-      }, {}); // IE11 does not support Object.values
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-      return Object.keys(merged).map(function (key) {
-        return merged[key];
-      });
-    }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedMessageStatus = function (props) {
+        var _a;
+        var propAvatar = props.Avatar, _b = props.messageType, messageType = _b === void 0 ? 'simple' : _b, _c = props.tooltipUserNameMapper, tooltipUserNameMapper = _c === void 0 ? mapToUserNameOrId : _c;
+        var _d = useEnterLeaveHandlers(), handleEnter = _d.handleEnter, handleLeave = _d.handleLeave, tooltipVisible = _d.tooltipVisible;
+        var client = useChatContext('MessageStatus').client;
+        var contextAvatar = useComponentContext('MessageStatus').Avatar;
+        var _e = useMessageContext('MessageStatus'), isMyMessage = _e.isMyMessage, lastReceivedId = _e.lastReceivedId, message = _e.message, readBy = _e.readBy, threadList = _e.threadList;
+        var t = useTranslationContext('MessageStatus').t;
+        var themeVersion = useChatContext('MessageStatus').themeVersion;
+        var _f = React.useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
+        var Avatar$1 = propAvatar || contextAvatar || Avatar;
+        if (!isMyMessage() || message.type === 'error')
+            return null;
+        var justReadByMe = (readBy === null || readBy === void 0 ? void 0 : readBy.length) === 1 && readBy[0].id === ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id);
+        var rootClassName = "str-chat__message-".concat(messageType, "-status str-chat__message-status");
+        var sending = message.status === 'sending';
+        var delivered = message.status === 'received' && message.id === lastReceivedId && !threadList;
+        var deliveredAndRead = !!((readBy === null || readBy === void 0 ? void 0 : readBy.length) && !threadList && !justReadByMe);
+        var lastReadUser = (deliveredAndRead
+            ? readBy.filter(function (item) { var _a; return item.id !== ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id); })
+            : [])[0];
+        return (React__default["default"].createElement("span", { className: rootClassName, "data-testid": clsx({
+                'message-status-read-by': deliveredAndRead,
+                'message-status-received': delivered && !deliveredAndRead,
+                'message-status-sending': sending,
+            }), onMouseEnter: handleEnter, onMouseLeave: handleLeave, ref: setReferenceElement },
+            sending && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                themeVersion === '1' && React__default["default"].createElement(Tooltip, null, t('Sending...')),
+                themeVersion === '2' && (React__default["default"].createElement(PopperTooltip, { offset: [0, 5], referenceElement: referenceElement, visible: tooltipVisible }, t('Sending...'))),
+                React__default["default"].createElement(LoadingIndicator, null))),
+            delivered && !deliveredAndRead && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                themeVersion === '1' && React__default["default"].createElement(Tooltip, null, t('Delivered')),
+                themeVersion === '2' && (React__default["default"].createElement(PopperTooltip, { offset: [0, 5], referenceElement: referenceElement, visible: tooltipVisible }, t('Delivered'))),
+                themeVersion === '2' ? React__default["default"].createElement(MessageDeliveredIcon, null) : React__default["default"].createElement(DeliveredCheckIcon, null))),
+            deliveredAndRead && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                themeVersion === '1' && (React__default["default"].createElement(Tooltip, null, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper))),
+                themeVersion === '2' && (React__default["default"].createElement(PopperTooltip, { offset: [0, 5], referenceElement: referenceElement, visible: tooltipVisible }, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper))),
+                React__default["default"].createElement(Avatar$1, { image: lastReadUser.image, name: lastReadUser.name || lastReadUser.id, size: 15, user: lastReadUser }),
+                readBy.length > 2 && (React__default["default"].createElement("span", { className: "str-chat__message-".concat(messageType, "-status-number"), "data-testid": 'message-status-read-by-many' }, readBy.length - 1))))));
+    };
+    var MessageStatus = React__default["default"].memo(UnMemoizedMessageStatus);
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DEFAULT_OPTIONS$1 = {
-      placement: 'bottom',
-      modifiers: [],
-      strategy: 'absolute'
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var QuotedMessage = function () {
+        var _a, _b;
+        var _c = useComponentContext('QuotedMessage'), Attachment = _c.Attachment, ContextAvatar = _c.Avatar;
+        var _d = useMessageContext('QuotedMessage'), isMyMessage = _d.isMyMessage, message = _d.message;
+        var userLanguage = useTranslationContext('QuotedMessage').userLanguage;
+        var jumpToMessage = useChannelActionContext('QuotedMessage').jumpToMessage;
+        var Avatar$1 = ContextAvatar || Avatar;
+        var quoted_message = message.quoted_message;
+        if (!quoted_message)
+            return null;
+        var quotedMessageText = ((_a = quoted_message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) ||
+            quoted_message.text;
+        // @ts-expect-error
+        var quotedMessageAttachment = quoted_message.attachments.length
+            ? // @ts-expect-error
+                quoted_message.attachments[0]
+            : null;
+        if (!quotedMessageText && !quotedMessageAttachment)
+            return null;
+        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement("div", { className: clsx('str-chat__quoted-message-preview quoted-message', { mine: isMyMessage() }), onClickCapture: function (e) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    jumpToMessage(quoted_message.id);
+                } },
+                quoted_message.user && (React__default["default"].createElement(Avatar$1, { image: quoted_message.user.image, name: quoted_message.user.name || quoted_message.user.id, size: 20, user: quoted_message.user })),
+                React__default["default"].createElement("div", { className: 'quoted-message-inner str-chat__quoted-message-bubble' },
+                    quotedMessageAttachment && React__default["default"].createElement(Attachment, { attachments: [quotedMessageAttachment] }),
+                    React__default["default"].createElement("div", null, quotedMessageText))),
+            ((_b = message.attachments) === null || _b === void 0 ? void 0 : _b.length) && message.quoted_message ? (React__default["default"].createElement(Attachment, { attachments: message.attachments })) : null));
     };
 
-    function areValidElements() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedMessageTextComponent = function (props) {
+        var _a;
+        var customInnerClass = props.customInnerClass, _b = props.customWrapperClass, customWrapperClass = _b === void 0 ? '' : _b, propMessage = props.message, _c = props.theme, theme = _c === void 0 ? 'simple' : _c;
+        var _d = useComponentContext('MessageText').QuotedMessage, QuotedMessage$1 = _d === void 0 ? QuotedMessage : _d;
+        var _e = useMessageContext('MessageText'), contextMessage = _e.message, onMentionsClickMessage = _e.onMentionsClickMessage, onMentionsHoverMessage = _e.onMentionsHoverMessage, _f = _e.renderText, renderText$1 = _f === void 0 ? renderText : _f, unsafeHTML = _e.unsafeHTML;
+        var _g = useTranslationContext('MessageText'), t = _g.t, userLanguage = _g.userLanguage;
+        var message = propMessage || contextMessage;
+        var hasAttachment = messageHasAttachments(message);
+        var messageTextToRender = ((_a = message.i18n) === null || _a === void 0 ? void 0 : _a["".concat(userLanguage, "_text")]) || message.text;
+        var messageText = React.useMemo(function () { return renderText$1(messageTextToRender, message.mentioned_users); }, [
+            message.mentioned_users,
+            messageTextToRender,
+        ]);
+        var wrapperClass = customWrapperClass || 'str-chat__message-text';
+        var innerClass = customInnerClass || "str-chat__message-text-inner str-chat__message-".concat(theme, "-text-inner");
+        if (!messageTextToRender && !message.quoted_message)
+            return null;
+        return (React__default["default"].createElement("div", { className: wrapperClass, tabIndex: 0 },
+            React__default["default"].createElement("div", { className: "\n          ".concat(innerClass, "\n          ").concat(hasAttachment ? " str-chat__message-".concat(theme, "-text-inner--has-attachment") : '', "\n          ").concat(isOnlyEmojis(message.text) && !message.quoted_message
+                    ? " str-chat__message-".concat(theme, "-text-inner--is-emoji")
+                    : '', "\n        ").trim(), "data-testid": 'message-text-inner-wrapper', onClick: onMentionsClickMessage, onMouseOver: onMentionsHoverMessage },
+                message.quoted_message && React__default["default"].createElement(QuotedMessage$1, null),
+                message.type === 'error' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, t('Error · Unsent'))),
+                message.status === 'failed' && (React__default["default"].createElement("div", { className: "str-chat__".concat(theme, "-message--error-message str-chat__message--error-message") }, message.errorStatusCode !== 403
+                    ? t('Message Failed · Click to try again')
+                    : t('Message Failed · Unauthorized'))),
+                unsafeHTML && message.html ? (React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: message.html } })) : (React__default["default"].createElement("div", null, messageText)))));
+    };
+    var MessageText = React__default["default"].memo(UnMemoizedMessageTextComponent);
 
-      return !args.some(function (element) {
-        return !(element && typeof element.getBoundingClientRect === 'function');
-      });
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var notValidDateWarning = 'MessageTimestamp was called without a message, or message has invalid created_at date.';
+    var noParsingFunctionWarning = 'MessageTimestamp was called but there is no datetime parsing function available';
+    function getDateString(_a) {
+        var calendar = _a.calendar, format = _a.format, formatDate = _a.formatDate, messageCreatedAt = _a.messageCreatedAt, tDateTimeParser = _a.tDateTimeParser;
+        if (!messageCreatedAt ||
+            (typeof messageCreatedAt === 'string' && !Date.parse(messageCreatedAt))) {
+            console.warn(notValidDateWarning);
+            return null;
+        }
+        if (typeof formatDate === 'function') {
+            return formatDate(new Date(messageCreatedAt));
+        }
+        if (!tDateTimeParser) {
+            console.warn(noParsingFunctionWarning);
+            return null;
+        }
+        var parsedTime = tDateTimeParser(messageCreatedAt);
+        if (isDayOrMoment(parsedTime)) {
+            /**
+             * parsedTime.calendar is guaranteed on the type but is only
+             * available when a user calls dayjs.extend(calendar)
+             */
+            return calendar && parsedTime.calendar ? parsedTime.calendar() : parsedTime.format(format);
+        }
+        if (isDate(parsedTime)) {
+            return parsedTime.toDateString();
+        }
+        if (isNumberOrString(parsedTime)) {
+            return parsedTime;
+        }
+        return null;
     }
 
-    function popperGenerator(generatorOptions) {
-      if (generatorOptions === void 0) {
-        generatorOptions = {};
-      }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultTimestampFormat = 'h:mmA';
+    var UnMemoizedMessageTimestamp = function (props) {
+        var _a = props.calendar, calendar = _a === void 0 ? false : _a, _b = props.customClass, customClass = _b === void 0 ? '' : _b, _c = props.format, format = _c === void 0 ? defaultTimestampFormat : _c, propMessage = props.message;
+        var _d = useMessageContext('MessageTimestamp'), formatDate = _d.formatDate, contextMessage = _d.message;
+        var tDateTimeParser = useTranslationContext('MessageTimestamp').tDateTimeParser;
+        var message = propMessage || contextMessage;
+        var messageCreatedAt = message.created_at && isDate(message.created_at)
+            ? message.created_at.toISOString()
+            : message.created_at;
+        var when = React.useMemo(function () { return getDateString({ calendar: calendar, format: format, formatDate: formatDate, messageCreatedAt: messageCreatedAt, tDateTimeParser: tDateTimeParser }); }, [formatDate, calendar, tDateTimeParser, format, messageCreatedAt]);
+        if (!when)
+            return null;
+        return (React__default["default"].createElement("time", { className: customClass, dateTime: messageCreatedAt, title: messageCreatedAt }, when));
+    };
+    var MessageTimestamp = React__default["default"].memo(UnMemoizedMessageTimestamp);
 
-      var _generatorOptions = generatorOptions,
-          _generatorOptions$def = _generatorOptions.defaultModifiers,
-          defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,
-          _generatorOptions$def2 = _generatorOptions.defaultOptions,
-          defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS$1 : _generatorOptions$def2;
-      return function createPopper(reference, popper, options) {
-        if (options === void 0) {
-          options = defaultOptions;
-        }
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var CUSTOM_MESSAGE_TYPE = {
+        date: 'message.date',
+        intro: 'channel.intro',
+    };
 
-        var state = {
-          placement: 'bottom',
-          orderedModifiers: [],
-          options: Object.assign({}, DEFAULT_OPTIONS$1, defaultOptions),
-          modifiersData: {},
-          elements: {
-            reference: reference,
-            popper: popper
-          },
-          attributes: {},
-          styles: {}
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCommandTrigger = function () {
+        var themeVersion = useChatContext('useCommandTrigger').themeVersion;
+        var channelConfig = useChannelStateContext('useCommandTrigger').channelConfig;
+        var commands = channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.commands;
+        return {
+            component: CommandItem,
+            dataProvider: function (query, text, onReady) {
+                if (text.indexOf('/') !== 0 || !commands) {
+                    return [];
+                }
+                var selectedCommands = commands.filter(function (command) { var _a; return ((_a = command.name) === null || _a === void 0 ? void 0 : _a.indexOf(query)) !== -1; });
+                // sort alphabetically unless the you're matching the first char
+                selectedCommands.sort(function (a, b) {
+                    var _a, _b;
+                    var nameA = (_a = a.name) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+                    var nameB = (_b = b.name) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+                    if ((nameA === null || nameA === void 0 ? void 0 : nameA.indexOf(query)) === 0) {
+                        nameA = "0".concat(nameA);
+                    }
+                    if ((nameB === null || nameB === void 0 ? void 0 : nameB.indexOf(query)) === 0) {
+                        nameB = "0".concat(nameB);
+                    }
+                    // Should confirm possible null / undefined when TS is fully implemented
+                    if (nameA != null && nameB != null) {
+                        if (nameA < nameB) {
+                            return -1;
+                        }
+                        if (nameA > nameB) {
+                            return 1;
+                        }
+                    }
+                    return 0;
+                });
+                var result = selectedCommands.slice(0, themeVersion === '2' ? 5 : 10);
+                if (onReady)
+                    onReady(result.filter(function (result) {
+                        return result.name !== undefined;
+                    }), query);
+                return result;
+            },
+            output: function (entity) { return ({
+                caretPosition: 'next',
+                key: entity.name,
+                text: "/".concat(entity.name),
+            }); },
         };
-        var effectCleanupFns = [];
-        var isDestroyed = false;
-        var instance = {
-          state: state,
-          setOptions: function setOptions(setOptionsAction) {
-            var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;
-            cleanupModifierEffects();
-            state.options = Object.assign({}, defaultOptions, state.options, options);
-            state.scrollParents = {
-              reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
-              popper: listScrollParents(popper)
-            }; // Orders the modifiers based on their dependencies and `phase`
-            // properties
+    };
 
-            var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedEmoticonItem = function (props) {
+        var entity = props.entity;
+        var hasEntity = Object.keys(entity).length;
+        var itemParts = entity === null || entity === void 0 ? void 0 : entity.itemNameParts;
+        var renderName = function () {
+            if (!hasEntity)
+                return null;
+            return (hasEntity &&
+                itemParts.parts.map(function (part, i) {
+                    return part.toLowerCase() === itemParts.match.toLowerCase() ? (React__default["default"].createElement("span", { className: 'str-chat__emoji-item--highlight', key: "part-".concat(i) }, part)) : (React__default["default"].createElement("span", { className: 'str-chat__emoji-item--part', key: "part-".concat(i) }, part));
+                }));
+        };
+        return (React__default["default"].createElement("div", { className: 'str-chat__emoji-item' },
+            React__default["default"].createElement("span", { className: 'str-chat__emoji-item--entity' }, entity.native),
+            React__default["default"].createElement("span", { className: 'str-chat__emoji-item--name' }, renderName())));
+    };
+    var EmoticonItem = React__default["default"].memo(UnMemoizedEmoticonItem);
 
-            state.orderedModifiers = orderedModifiers.filter(function (m) {
-              return m.enabled;
-            }); // Validate the provided modifiers so that the consumer will get warned
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useEmojiTrigger = function (emojiIndex) {
+        var themeVersion = useChatContext('useEmojiTrigger').themeVersion;
+        return {
+            component: EmoticonItem,
+            dataProvider: function (query, _, onReady) {
+                if (query.length === 0 || query.charAt(0).match(/[^a-zA-Z0-9+-]/)) {
+                    return [];
+                }
+                var emojis = (emojiIndex === null || emojiIndex === void 0 ? void 0 : emojiIndex.search(query)) || [];
+                // emojiIndex.search sometimes returns undefined values, so filter those out first
+                var result = emojis.filter(Boolean).slice(0, themeVersion === '2' ? 7 : 10);
+                if (onReady)
+                    onReady(result, query);
+                return result;
+            },
+            output: function (entity) { return ({
+                caretPosition: 'next',
+                key: entity.id,
+                text: "".concat('native' in entity ? entity.native : ''),
+            }); },
+        };
+    };
 
-            runModifierEffects();
-            return instance.update();
-          },
-          // Sync update – it will always be executed, even if not necessary. This
-          // is useful for low frequency updates where sync behavior simplifies the
-          // logic.
-          // For high frequency updates (e.g. `resize` and `scroll` events), always
-          // prefer the async Popper#update method
-          forceUpdate: function forceUpdate() {
-            if (isDestroyed) {
-              return;
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var accentsMap = {
+        a: 'á|à|ã|â|À|Á|Ã|Â',
+        c: 'ç|Ç',
+        e: 'é|è|ê|É|È|Ê',
+        i: 'í|ì|î|Í|Ì|Î',
+        n: 'ñ|Ñ',
+        o: 'ó|ò|ô|ő|õ|Ó|Ò|Ô|Õ',
+        u: 'ú|ù|û|ü|Ú|Ù|Û|Ü',
+    };
+    var removeDiacritics = function (text) {
+        if (!text)
+            return '';
+        return Object.keys(accentsMap).reduce(function (acc, current) { return acc.replace(new RegExp(accentsMap[current], 'g'), current); }, text);
+    };
+    var calculateLevenshtein = function (query, name) {
+        if (query.length === 0)
+            return name.length;
+        if (name.length === 0)
+            return query.length;
+        var matrix = [];
+        var i;
+        for (i = 0; i <= name.length; i++) {
+            matrix[i] = [i];
+        }
+        var j;
+        for (j = 0; j <= query.length; j++) {
+            matrix[0][j] = j;
+        }
+        for (i = 1; i <= name.length; i++) {
+            for (j = 1; j <= query.length; j++) {
+                if (name.charAt(i - 1) === query.charAt(j - 1)) {
+                    matrix[i][j] = matrix[i - 1][j - 1];
+                }
+                else {
+                    matrix[i][j] = Math.min(matrix[i - 1][j - 1] + 1, // substitution
+                    Math.min(matrix[i][j - 1] + 1, // insertion
+                    matrix[i - 1][j] + 1)); // deletion
+                }
+            }
+        }
+        return matrix[name.length][query.length];
+    };
+    var searchLocalUsers = function (params) {
+        var ownUserId = params.ownUserId, query = params.query, text = params.text, useMentionsTransliteration = params.useMentionsTransliteration, users = params.users;
+        var matchingUsers = users.filter(function (user) {
+            if (user.id === ownUserId)
+                return false;
+            if (!query)
+                return true;
+            var updatedId = removeDiacritics(user.id).toLowerCase();
+            var updatedName = removeDiacritics(user.name).toLowerCase();
+            var updatedQuery = removeDiacritics(query).toLowerCase();
+            if (useMentionsTransliteration) {
+                (function () { return __awaiter$3(void 0, void 0, void 0, function () {
+                    var transliterate;
+                    return __generator$3(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, Promise.resolve().then(function () { return index_module; })];
+                            case 1:
+                                transliterate = (_a.sent()).default;
+                                updatedName = transliterate(user.name || '').toLowerCase();
+                                updatedQuery = transliterate(query).toLowerCase();
+                                updatedId = transliterate(user.id).toLowerCase();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); })();
+            }
+            var maxDistance = 3;
+            var lastDigits = text.slice(-(maxDistance + 1)).includes('@');
+            if (updatedName) {
+                var levenshtein_1 = calculateLevenshtein(updatedQuery, updatedName);
+                if (updatedName.includes(updatedQuery) || (levenshtein_1 <= maxDistance && lastDigits)) {
+                    return true;
+                }
+            }
+            var levenshtein = calculateLevenshtein(updatedQuery, updatedId);
+            return updatedId.includes(updatedQuery) || (levenshtein <= maxDistance && lastDigits);
+        });
+        return matchingUsers;
+    };
+    var checkUploadPermissions = function (params) { return __awaiter$3(void 0, void 0, void 0, function () {
+        var addNotification, file, getAppSettings, t, uploadType, appSettings, _a, allowed_file_extensions, allowed_mime_types, blocked_file_extensions, blocked_mime_types, sendErrorNotification, allowed, blocked, allowed, blocked;
+        var _b, _c;
+        return __generator$3(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    addNotification = params.addNotification, file = params.file, getAppSettings = params.getAppSettings, t = params.t, uploadType = params.uploadType;
+                    appSettings = null;
+                    return [4 /*yield*/, getAppSettings()];
+                case 1:
+                    appSettings = _d.sent();
+                    _a = (uploadType === 'image'
+                        ? (_b = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _b === void 0 ? void 0 : _b.image_upload_config
+                        : (_c = appSettings === null || appSettings === void 0 ? void 0 : appSettings.app) === null || _c === void 0 ? void 0 : _c.file_upload_config) || {}, allowed_file_extensions = _a.allowed_file_extensions, allowed_mime_types = _a.allowed_mime_types, blocked_file_extensions = _a.blocked_file_extensions, blocked_mime_types = _a.blocked_mime_types;
+                    sendErrorNotification = function () {
+                        return addNotification(t("Upload type: \"{{ type }}\" is not allowed", { type: file.type || 'unknown type' }), 'error');
+                    };
+                    if (allowed_file_extensions === null || allowed_file_extensions === void 0 ? void 0 : allowed_file_extensions.length) {
+                        allowed = allowed_file_extensions.some(function (ext) {
+                            return file.name.toLowerCase().endsWith(ext.toLowerCase());
+                        });
+                        if (!allowed) {
+                            sendErrorNotification();
+                            return [2 /*return*/, false];
+                        }
+                    }
+                    if (blocked_file_extensions === null || blocked_file_extensions === void 0 ? void 0 : blocked_file_extensions.length) {
+                        blocked = blocked_file_extensions.some(function (ext) {
+                            return file.name.toLowerCase().endsWith(ext.toLowerCase());
+                        });
+                        if (blocked) {
+                            sendErrorNotification();
+                            return [2 /*return*/, false];
+                        }
+                    }
+                    if (allowed_mime_types === null || allowed_mime_types === void 0 ? void 0 : allowed_mime_types.length) {
+                        allowed = allowed_mime_types.some(function (type) { var _a; return type.toLowerCase() === ((_a = file.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+                        if (!allowed) {
+                            sendErrorNotification();
+                            return [2 /*return*/, false];
+                        }
+                    }
+                    if (blocked_mime_types === null || blocked_mime_types === void 0 ? void 0 : blocked_mime_types.length) {
+                        blocked = blocked_mime_types.some(function (type) { var _a; return type.toLowerCase() === ((_a = file.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+                        if (blocked) {
+                            sendErrorNotification();
+                            return [2 /*return*/, false];
+                        }
+                    }
+                    return [2 /*return*/, true];
             }
+        });
+    }); };
 
-            var _state$elements = state.elements,
-                reference = _state$elements.reference,
-                popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
-            // anymore
-
-            if (!areValidElements(reference, popper)) {
-
-              return;
-            } // Store the reference and popper rects to be read by modifiers
-
-
-            state.rects = {
-              reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),
-              popper: getLayoutRect(popper)
-            }; // Modifiers have the ability to reset the current update cycle. The
-            // most common use case for this is the `flip` modifier changing the
-            // placement, which then needs to re-run all the modifiers, because the
-            // logic was previously ran for the previous placement and is therefore
-            // stale/incorrect
-
-            state.reset = false;
-            state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
-            // is filled with the initial data specified by the modifier. This means
-            // it doesn't persist and is fresh on each update.
-            // To ensure persistent data, use `${name}#persistent`
-
-            state.orderedModifiers.forEach(function (modifier) {
-              return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useUserTrigger = function (params) {
+        var disableMentions = params.disableMentions, mentionAllAppUsers = params.mentionAllAppUsers, _a = params.mentionQueryParams, mentionQueryParams = _a === void 0 ? {} : _a, onSelectUser = params.onSelectUser, useMentionsTransliteration = params.useMentionsTransliteration;
+        var _b = React.useState(false), searching = _b[0], setSearching = _b[1];
+        var _c = useChatContext('useUserTrigger'), client = _c.client, mutes = _c.mutes, themeVersion = _c.themeVersion;
+        var channel = useChannelStateContext('useUserTrigger').channel;
+        var members = channel.state.members;
+        var watchers = channel.state.watchers;
+        var getMembersAndWatchers = React.useCallback(function () {
+            var memberUsers = members ? Object.values(members).map(function (_a) {
+                var user = _a.user;
+                return user;
+            }) : [];
+            var watcherUsers = watchers ? Object.values(watchers) : [];
+            var users = __spreadArray$1(__spreadArray$1([], memberUsers, true), watcherUsers, true);
+            // make sure we don't list users twice
+            var uniqueUsers = {};
+            users.forEach(function (user) {
+                if (user && !uniqueUsers[user.id]) {
+                    uniqueUsers[user.id] = user;
+                }
             });
-
-            for (var index = 0; index < state.orderedModifiers.length; index++) {
-
-              if (state.reset === true) {
-                state.reset = false;
-                index = -1;
-                continue;
-              }
-
-              var _state$orderedModifie = state.orderedModifiers[index],
-                  fn = _state$orderedModifie.fn,
-                  _state$orderedModifie2 = _state$orderedModifie.options,
-                  _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,
-                  name = _state$orderedModifie.name;
-
-              if (typeof fn === 'function') {
-                state = fn({
-                  state: state,
-                  options: _options,
-                  name: name,
-                  instance: instance
-                }) || state;
-              }
-            }
-          },
-          // Async and optimistically optimized update – it will not be executed if
-          // not necessary (debounced to run at most once-per-tick)
-          update: debounce(function () {
-            return new Promise(function (resolve) {
-              instance.forceUpdate();
-              resolve(state);
+            return Object.values(uniqueUsers);
+        }, [members, watchers]);
+        var queryMembersThrottled = React.useCallback(lodash_throttle(function (query, onReady) { return __awaiter$3(void 0, void 0, void 0, function () {
+            var response, users, error_1;
+            return __generator$3(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, channel.queryMembers({
+                                name: { $autocomplete: query },
+                            })];
+                    case 1:
+                        response = _a.sent();
+                        users = response.members.map(function (member) { return member.user; });
+                        if (onReady && users.length) {
+                            onReady(users);
+                        }
+                        else {
+                            onReady([]);
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _a.sent();
+                        console.log({ error: error_1 });
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
             });
-          }),
-          destroy: function destroy() {
-            cleanupModifierEffects();
-            isDestroyed = true;
-          }
+        }); }, 200), [channel]);
+        var queryUsers = function (query, onReady) { return __awaiter$3(void 0, void 0, void 0, function () {
+            var users, error_2;
+            return __generator$3(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!query || searching)
+                            return [2 /*return*/];
+                        setSearching(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, client.queryUsers(__assign$8({ $or: [{ id: { $autocomplete: query } }, { name: { $autocomplete: query } }], id: { $ne: client.userID } }, mentionQueryParams.filters), __assign$8({ id: 1 }, mentionQueryParams.sort), __assign$8({ limit: 10 }, mentionQueryParams.options))];
+                    case 2:
+                        users = (_a.sent()).users;
+                        if (onReady && users.length) {
+                            onReady(users);
+                        }
+                        else {
+                            onReady([]);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_2 = _a.sent();
+                        console.log({ error: error_2 });
+                        return [3 /*break*/, 4];
+                    case 4:
+                        setSearching(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        var queryUsersThrottled = lodash_throttle(queryUsers, 200);
+        return {
+            callback: function (item) { return onSelectUser(item); },
+            component: UserItem,
+            dataProvider: function (query, text, onReady) {
+                var _a, _b;
+                if (disableMentions)
+                    return;
+                var filterMutes = function (data) {
+                    if (text.includes('/unmute') && !mutes.length) {
+                        return [];
+                    }
+                    if (!mutes.length)
+                        return data;
+                    if (text.includes('/unmute')) {
+                        return data.filter(function (suggestion) {
+                            return mutes.some(function (mute) { return mute.target.id === suggestion.id; });
+                        });
+                    }
+                    return data.filter(function (suggestion) { return mutes.every(function (mute) { return mute.target.id !== suggestion.id; }); });
+                };
+                if (mentionAllAppUsers) {
+                    return queryUsersThrottled(query, function (data) {
+                        if (onReady)
+                            onReady(filterMutes(data), query);
+                    });
+                }
+                /**
+                 * By default, we return maximum 100 members via queryChannels api call.
+                 * Thus it is safe to assume, that if number of members in channel.state is < 100,
+                 * then all the members are already available on client side and we don't need to
+                 * make any api call to queryMembers endpoint.
+                 */
+                if (!query || Object.values(members || {}).length < 100) {
+                    var users = getMembersAndWatchers();
+                    var params_1 = {
+                        ownUserId: client.userID,
+                        query: query,
+                        text: text,
+                        useMentionsTransliteration: useMentionsTransliteration,
+                        users: users,
+                    };
+                    var matchingUsers = searchLocalUsers(params_1);
+                    var usersToShow = (_b = (_a = mentionQueryParams.options) === null || _a === void 0 ? void 0 : _a.limit) !== null && _b !== void 0 ? _b : (themeVersion === '2' ? 7 : 10);
+                    var data = matchingUsers.slice(0, usersToShow);
+                    if (onReady)
+                        onReady(filterMutes(data), query);
+                    return data;
+                }
+                return queryMembersThrottled(query, function (data) {
+                    if (onReady)
+                        onReady(filterMutes(data), query);
+                });
+            },
+            output: function (entity) { return ({
+                caretPosition: 'next',
+                key: entity.id,
+                text: "@".concat(entity.name || entity.id),
+            }); },
         };
+    };
 
-        if (!areValidElements(reference, popper)) {
-
-          return instance;
-        }
-
-        instance.setOptions(options).then(function (state) {
-          if (!isDestroyed && options.onFirstUpdate) {
-            options.onFirstUpdate(state);
-          }
-        }); // Modifiers have the ability to execute arbitrary code before the first
-        // update cycle runs. They will be executed in the same order as the update
-        // cycle. This is useful when a modifier adds some persistent data that
-        // other modifiers need to use, but the modifier is run after the dependent
-        // one.
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var DefaultTriggerProvider = function (_a) {
+        var children = _a.children;
+        var currentValue = useMessageInputContext('DefaultTriggerProvider');
+        var defaultAutocompleteTriggers = {
+            '/': useCommandTrigger(),
+            ':': useEmojiTrigger(currentValue.emojiIndex),
+            '@': useUserTrigger({
+                disableMentions: currentValue.disableMentions,
+                mentionAllAppUsers: currentValue.mentionAllAppUsers,
+                mentionQueryParams: currentValue.mentionQueryParams,
+                onSelectUser: currentValue.onSelectUser,
+                useMentionsTransliteration: currentValue.useMentionsTransliteration,
+            }),
+        };
+        var newValue = __assign$8(__assign$8({}, currentValue), { autocompleteTriggers: defaultAutocompleteTriggers });
+        return React__default["default"].createElement(MessageInputContextProvider, { value: newValue }, children);
+    };
 
-        function runModifierEffects() {
-          state.orderedModifiers.forEach(function (_ref3) {
-            var name = _ref3.name,
-                _ref3$options = _ref3.options,
-                options = _ref3$options === void 0 ? {} : _ref3$options,
-                effect = _ref3.effect;
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var filterEmoji = function (emoji) {
+        return !(emoji.name === 'White Smiling Face' || emoji.name === 'White Frowning Face');
+    };
+    var EmojiPicker = function (_a) {
+        var small = _a.small;
+        var _b = useEmojiContext('EmojiPicker'), emojiConfig = _b.emojiConfig, EmojiPickerComponent = _b.EmojiPicker;
+        var t = useTranslationContext('EmojiPicker').t;
+        var _c = useMessageInputContext('EmojiPicker'), emojiPickerIsOpen = _c.emojiPickerIsOpen, emojiPickerRef = _c.emojiPickerRef, onSelectEmoji = _c.onSelectEmoji;
+        var emojiData = (emojiConfig || {}).emojiData;
+        if (!emojiPickerIsOpen || !emojiData)
+            return null;
+        return (React__default["default"].createElement("div", { className: clsx('str-chat__emoji-picker-container', {
+                'str-chat__input--emojipicker': !small,
+                'str-chat__small-message-input-emojipicker': small,
+            }), ref: emojiPickerRef },
+            React__default["default"].createElement(React.Suspense, { fallback: null },
+                React__default["default"].createElement(EmojiPickerComponent, { color: '#006CFF', data: emojiData, emoji: 'point_up', emojisToShowFilter: filterEmoji, native: true, onSelect: onSelectEmoji, set: 'facebook', showPreview: false, showSkinTones: false, title: t('Pick your emoji'), useButton: true }))));
+    };
 
-            if (typeof effect === 'function') {
-              var cleanupFn = effect({
-                state: state,
-                name: name,
-                instance: instance,
-                options: options
-              });
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var EmojiIconLarge = function () {
+        var t = useTranslationContext('EmojiIconLarge').t;
+        return (React__default["default"].createElement("svg", { height: '28', width: '28', xmlns: 'http://www.w3.org/2000/svg' },
+            React__default["default"].createElement("title", null, t('Open emoji picker')),
+            React__default["default"].createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
+                React__default["default"].createElement("path", { d: 'M14 4.4C8.6 4.4 4.4 8.6 4.4 14c0 5.4 4.2 9.6 9.6 9.6c5.4 0 9.6-4.2 9.6-9.6c0-5.4-4.2-9.6-9.6-9.6zM2 14c0-6.6 5.4-12 12-12s12 5.4 12 12s-5.4 12-12 12s-12-5.4-12-12zM12.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM18.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM8.6 15.4c.6-.4 1.2-.2 1.6.2c.6.8 1.6 1.8 3 2c1.2.4 2.8.2 4.8-2c.4-.4 1.2-.6 1.6 0c.4.4.6 1.2 0 1.6c-2.2 2.6-4.8 3.4-7 3c-2-.4-3.6-1.8-4.4-3c-.4-.6-.2-1.2.4-1.8z' }))));
+    };
+    var EmojiIconSmall = function () {
+        var t = useTranslationContext('EmojiIconSmall').t;
+        return (React__default["default"].createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
+            React__default["default"].createElement("title", null, t('Open emoji picker')),
+            React__default["default"].createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
+                React__default["default"].createElement("path", { d: 'M6.7 1.42C3.73 1.42 1.42 3.73 1.42 6.7c0 2.97 2.31 5.28 5.28 5.28c2.97 0 5.28-2.31 5.28-5.28c0-2.97-2.31-5.28-5.28-5.28zM.1 6.7c0-3.63 2.97-6.6 6.6-6.6s6.6 2.97 6.6 6.6s-2.97 6.6-6.6 6.6s-6.6-2.97-6.6-6.6zM6.04 5.05c0 .55-.44.99-.99.99s-.99-.44-.99-.99s.44-.99.99-.99s.99.44.99.99zM9.34 5.05c0 .55-.44.99-.99.99s-.99-.44-.99-.99s.44-.99.99-.99s.99.44.99.99zM3.73 7.47c.33-.22.66-.11.88.11c.33.44.88.99 1.65 1.1c.66.22 1.54.11 2.64-1.1c.22-.22.66-.33.88 0c.22.22.33.66 0 .88c-1.21 1.43-2.64 1.87-3.85 1.65c-1.1-.22-1.98-.99-2.42-1.65c-.22-.33-.11-.66.22-.99z' }))));
+    };
+    // ThemingV2 icon
+    var EmojiPickerIcon = function () { return (React__default["default"].createElement("svg", { preserveAspectRatio: 'xMinYMin', viewBox: '0 0 28 28', width: '100%', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default["default"].createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
+            React__default["default"].createElement("path", { d: 'M14 4.4C8.6 4.4 4.4 8.6 4.4 14c0 5.4 4.2 9.6 9.6 9.6c5.4 0 9.6-4.2 9.6-9.6c0-5.4-4.2-9.6-9.6-9.6zM2 14c0-6.6 5.4-12 12-12s12 5.4 12 12s-5.4 12-12 12s-12-5.4-12-12zM12.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM18.8 11c0 1-.8 1.8-1.8 1.8s-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8s1.8.8 1.8 1.8zM8.6 15.4c.6-.4 1.2-.2 1.6.2c.6.8 1.6 1.8 3 2c1.2.4 2.8.2 4.8-2c.4-.4 1.2-.6 1.6 0c.4.4.6 1.2 0 1.6c-2.2 2.6-4.8 3.4-7 3c-2-.4-3.6-1.8-4.4-3c-.4-.6-.2-1.2.4-1.8z' })))); };
+    var FileUploadIcon = function () {
+        var t = useTranslationContext('FileUploadIcon').t;
+        return (React__default["default"].createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
+            React__default["default"].createElement("title", null, t('Attach files')),
+            React__default["default"].createElement("path", { d: 'M7 .5c3.59 0 6.5 2.91 6.5 6.5s-2.91 6.5-6.5 6.5S.5 10.59.5 7 3.41.5 7 .5zm0 12c3.031 0 5.5-2.469 5.5-5.5S10.031 1.5 7 1.5A5.506 5.506 0 0 0 1.5 7c0 3.034 2.469 5.5 5.5 5.5zM7.506 3v3.494H11v1.05H7.506V11h-1.05V7.544H3v-1.05h3.456V3h1.05z', fillRule: 'nonzero' })));
+    };
+    var FileUploadIconFlat = function () {
+        var t = useTranslationContext('FileUploadIconFlat').t;
+        return (React__default["default"].createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
+            React__default["default"].createElement("title", null, t('Attach files')),
+            React__default["default"].createElement("path", { d: 'M1.667.333h10.666c.737 0 1.334.597 1.334 1.334v10.666c0 .737-.597 1.334-1.334 1.334H1.667a1.333 1.333 0 0 1-1.334-1.334V1.667C.333.93.93.333 1.667.333zm2 1.334a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333zm-2 9.333v1.333h10.666v-4l-2-2-4 4-2-2L1.667 11z', fillRule: 'nonzero' })));
+    };
+    var LoadingIndicatorIcon = function (_a) {
+        var _b = _a.size, size = _b === void 0 ? 20 : _b;
+        var id = React.useId();
+        return (React__default["default"].createElement("div", { className: 'str-chat__loading-indicator' },
+            React__default["default"].createElement("svg", { "data-testid": 'loading-indicator', height: size, viewBox: '0 0 30 30', width: size, xmlns: 'http://www.w3.org/2000/svg' },
+                React__default["default"].createElement("defs", null,
+                    React__default["default"].createElement("linearGradient", { id: "".concat(id, "-linear-gradient"), x1: '50%', x2: '50%', y1: '0%', y2: '100%' },
+                        React__default["default"].createElement("stop", { offset: '0%', stopColor: '#FFF', stopOpacity: '0' }),
+                        React__default["default"].createElement("stop", { "data-testid": 'stop-color', offset: '100%', stopOpacity: '1' }))),
+                React__default["default"].createElement("path", { d: 'M2.518 23.321l1.664-1.11A12.988 12.988 0 0 0 15 28c7.18 0 13-5.82 13-13S22.18 2 15 2V0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-5.206 0-9.792-2.652-12.482-6.679z', fill: "url(#".concat(id, "-linear-gradient)"), fillRule: 'evenodd' }))));
+    };
+    // ThemingV2 icon
+    var UploadIcon = function () { return (React__default["default"].createElement("svg", { "data-testid": 'attach', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default["default"].createElement("g", { clipPath: 'url(#clip0_10878_5)' },
+            React__default["default"].createElement("path", { d: 'M12.9997 6.99993L10.9997 6.99993L10.9997 10.9999L6.99972 10.9999L6.99972 12.9999L10.9997 12.9999L10.9997 16.9999L12.9997 16.9999L12.9997 12.9999L16.9997 12.9999L16.9997 10.9999L12.9997 10.9999L12.9997 6.99993ZM11.9997 1.99992C6.47972 1.99992 1.99972 6.47993 1.99972 11.9999C1.99972 17.5199 6.47972 21.9999 11.9997 21.9999C17.5197 21.9999 21.9997 17.5199 21.9997 11.9999C21.9997 6.47993 17.5197 1.99992 11.9997 1.99992ZM11.9997 19.9999C7.58972 19.9999 3.99972 16.4099 3.99972 11.9999C3.99972 7.58993 7.58972 3.99993 11.9997 3.99993C16.4097 3.99993 19.9997 7.58993 19.9997 11.9999C19.9997 16.4099 16.4097 19.9999 11.9997 19.9999Z', fill: 'black' })),
+        React__default["default"].createElement("defs", null,
+            React__default["default"].createElement("clipPath", { id: 'clip0_10878_5' },
+                React__default["default"].createElement("rect", { fill: 'white', height: '24', width: '24' }))))); };
+    var CloseIcon$1 = function () { return (React__default["default"].createElement("svg", { "data-testid": 'close-no-outline', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default["default"].createElement("path", { d: 'M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z', fill: 'black' }))); };
+    var RetryIcon = function () { return (React__default["default"].createElement("svg", { "data-testid": 'retry', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default["default"].createElement("path", { d: 'M17.6449 6.35C16.1949 4.9 14.2049 4 11.9949 4C7.57488 4 4.00488 7.58 4.00488 12C4.00488 16.42 7.57488 20 11.9949 20C15.7249 20 18.8349 17.45 19.7249 14H17.6449C16.8249 16.33 14.6049 18 11.9949 18C8.68488 18 5.99488 15.31 5.99488 12C5.99488 8.69 8.68488 6 11.9949 6C13.6549 6 15.1349 6.69 16.2149 7.78L12.9949 11H19.9949V4L17.6449 6.35Z', fill: 'black' }))); };
+    var DownloadIcon = function () { return (React__default["default"].createElement("svg", { "data-testid": 'download', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+        React__default["default"].createElement("path", { d: 'M19.35 10.04C18.67 6.59 15.64 4 12 4C9.11 4 6.6 5.64 5.35 8.04C2.34 8.36 0 10.91 0 14C0 17.31 2.69 20 6 20H19C21.76 20 24 17.76 24 15C24 12.36 21.95 10.22 19.35 10.04ZM19 18H6C3.79 18 2 16.21 2 14C2 11.95 3.53 10.24 5.56 10.03L6.63 9.92L7.13 8.97C8.08 7.14 9.94 6 12 6C14.62 6 16.88 7.86 17.39 10.43L17.69 11.93L19.22 12.04C20.78 12.14 22 13.45 22 15C22 16.65 20.65 18 19 18ZM13.45 10H10.55V13H8L12 17L16 13H13.45V10Z', fill: 'black' }))); };
+    var SendIconV1 = function () {
+        var t = useTranslationContext('SendButton').t;
+        return (React__default["default"].createElement("svg", { height: '17', viewBox: '0 0 18 17', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
+            React__default["default"].createElement("title", null, t('Send')),
+            React__default["default"].createElement("path", { d: 'M0 17.015l17.333-8.508L0 0v6.617l12.417 1.89L0 10.397z', fill: '#006cff', fillRule: 'evenodd' })));
+    };
+    var SendIconV2 = function () {
+        var t = useTranslationContext('SendButton').t;
+        return (React__default["default"].createElement("svg", { "data-testid": 'send', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+            React__default["default"].createElement("title", null, t('Send')),
+            React__default["default"].createElement("path", { d: 'M4.00952 22L24 12L4.00952 2L4 9.77778L18.2857 12L4 14.2222L4.00952 22Z', fill: 'black' })));
+    };
+    var SendButton = function (_a) {
+        var sendMessage = _a.sendMessage, rest = __rest$4(_a, ["sendMessage"]);
+        var themeVersion = useChatContext('SendButton').themeVersion;
+        return (React__default["default"].createElement("button", __assign$8({ "aria-label": 'Send', className: 'str-chat__send-button', "data-testid": 'send-button', onClick: sendMessage, type: 'button' }, rest), themeVersion === '2' ? React__default["default"].createElement(SendIconV2, null) : React__default["default"].createElement(SendIconV1, null)));
+    };
 
-              var noopFn = function noopFn() {};
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
+     * @deprecated This component has been deprecated in favor of `AttachmentPreviewList` as this component
+     * utilises outdated components from the package [`react-file-utils`](https://github.com/GetStream/react-file-utils)
+     * which will no longer receive updates for aforementioned components.
+     *
+     * **Will be removed with the complete transition to the theming V2.**
+     */
+    var UploadsPreview = function () {
+        var themeVersion = useChatContext('UploadsPreview').themeVersion;
+        var _a = useChannelStateContext('UploadsPreview'), _b = _a.maxNumberOfFiles, maxNumberOfFiles = _b === void 0 ? 0 : _b, multipleUploads = _a.multipleUploads;
+        var _c = useMessageInputContext('UploadsPreview'), fileOrder = _c.fileOrder, fileUploads = _c.fileUploads, imageOrder = _c.imageOrder, imageUploads = _c.imageUploads, _d = _c.numberOfUploads, numberOfUploads = _d === void 0 ? 0 : _d, removeFile = _c.removeFile, removeImage = _c.removeImage, uploadFile = _c.uploadFile, uploadImage = _c.uploadImage, uploadNewFiles = _c.uploadNewFiles;
+        var imagesToPreview = imageOrder
+            .map(function (id) { return imageUploads[id]; })
+            // filter OG scraped images
+            .filter(function (image) { return !image.og_scrape_url; });
+        var filesToPreview = fileOrder.map(function (id) { return fileUploads[id]; });
+        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+            imageOrder.length > 0 && (React__default["default"].createElement(ImagePreviewer, { disabled: !multipleUploads || numberOfUploads >= maxNumberOfFiles, handleFiles: uploadNewFiles, handleRemove: removeImage, handleRetry: uploadImage, imageUploads: imagesToPreview, multiple: multipleUploads })),
+            fileOrder.length > 0 && (React__default["default"].createElement(FilePreviewer, { fileIconProps: {
+                    className: 'str-chat__file-icon',
+                    version: themeVersion,
+                }, handleFiles: uploadNewFiles, handleRemove: removeFile, handleRetry: uploadFile, uploads: filesToPreview }))));
+    };
 
-              effectCleanupFns.push(cleanupFn || noopFn);
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedChatAutoComplete = function (props) {
+        var _a = useComponentContext('ChatAutoComplete'), SuggestionItem = _a.AutocompleteSuggestionItem, SuggestionList = _a.AutocompleteSuggestionList;
+        var t = useTranslationContext('ChatAutoComplete').t;
+        var messageInput = useMessageInputContext('ChatAutoComplete');
+        var cooldownRemaining = messageInput.cooldownRemaining, disabled = messageInput.disabled, emojiIndex = messageInput.emojiIndex, innerRef = messageInput.textareaRef;
+        var placeholder = props.placeholder || t('Type your message');
+        var emojiReplace = props.wordReplace
+            ? function (word) { var _a; return (_a = props.wordReplace) === null || _a === void 0 ? void 0 : _a.call(props, word, emojiIndex); }
+            : function (word) {
+                var found = (emojiIndex === null || emojiIndex === void 0 ? void 0 : emojiIndex.search(word)) || [];
+                var emoji = found
+                    .filter(Boolean)
+                    .slice(0, 10)
+                    .find(function (_a) {
+                    var emoticons = _a.emoticons;
+                    return !!(emoticons === null || emoticons === void 0 ? void 0 : emoticons.includes(word));
+                });
+                if (!emoji || !('native' in emoji))
+                    return null;
+                return emoji.native;
+            };
+        var updateInnerRef = React.useCallback(function (ref) {
+            if (innerRef) {
+                innerRef.current = ref;
             }
-          });
-        }
-
-        function cleanupModifierEffects() {
-          effectCleanupFns.forEach(function (fn) {
-            return fn();
-          });
-          effectCleanupFns = [];
-        }
-
-        return instance;
-      };
-    }
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1];
-    var createPopper = /*#__PURE__*/popperGenerator({
-      defaultModifiers: defaultModifiers
-    }); // eslint-disable-next-line import/no-unused-modules
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var EMPTY_MODIFIERS = [];
-    var usePopper = function usePopper(referenceElement, popperElement, options) {
-      if (options === void 0) {
-        options = {};
-      }
-
-      var prevOptions = React__namespace.useRef(null);
-      var optionsWithDefaults = {
-        onFirstUpdate: options.onFirstUpdate,
-        placement: options.placement || 'bottom',
-        strategy: options.strategy || 'absolute',
-        modifiers: options.modifiers || EMPTY_MODIFIERS
-      };
-
-      var _React$useState = React__namespace.useState({
-        styles: {
-          popper: {
-            position: optionsWithDefaults.strategy,
-            left: '0',
-            top: '0'
-          },
-          arrow: {
-            position: 'absolute'
-          }
-        },
-        attributes: {}
-      }),
-          state = _React$useState[0],
-          setState = _React$useState[1];
-
-      var updateStateModifier = React__namespace.useMemo(function () {
-        return {
-          name: 'updateState',
-          enabled: true,
-          phase: 'write',
-          fn: function fn(_ref) {
-            var state = _ref.state;
-            var elements = Object.keys(state.elements);
-            ReactDOM__namespace.flushSync(function () {
-              setState({
-                styles: fromEntries(elements.map(function (element) {
-                  return [element, state.styles[element] || {}];
-                })),
-                attributes: fromEntries(elements.map(function (element) {
-                  return [element, state.attributes[element]];
-                }))
-              });
-            });
-          },
-          requires: ['computeStyles']
-        };
-      }, []);
-      var popperOptions = React__namespace.useMemo(function () {
-        var newOptions = {
-          onFirstUpdate: optionsWithDefaults.onFirstUpdate,
-          placement: optionsWithDefaults.placement,
-          strategy: optionsWithDefaults.strategy,
-          modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {
-            name: 'applyStyles',
-            enabled: false
-          }])
-        };
-
-        if (reactFastCompare(prevOptions.current, newOptions)) {
-          return prevOptions.current || newOptions;
-        } else {
-          prevOptions.current = newOptions;
-          return newOptions;
-        }
-      }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);
-      var popperInstanceRef = React__namespace.useRef();
-      useIsomorphicLayoutEffect$1(function () {
-        if (popperInstanceRef.current) {
-          popperInstanceRef.current.setOptions(popperOptions);
-        }
-      }, [popperOptions]);
-      useIsomorphicLayoutEffect$1(function () {
-        if (referenceElement == null || popperElement == null) {
-          return;
-        }
-
-        var createPopper$1 = options.createPopper || createPopper;
-        var popperInstance = createPopper$1(referenceElement, popperElement, popperOptions);
-        popperInstanceRef.current = popperInstance;
-        return function () {
-          popperInstance.destroy();
-          popperInstanceRef.current = null;
-        };
-      }, [referenceElement, popperElement, options.createPopper]);
-      return {
-        state: popperInstanceRef.current ? popperInstanceRef.current.state : null,
-        styles: state.styles,
-        attributes: state.attributes,
-        update: popperInstanceRef.current ? popperInstanceRef.current.update : null,
-        forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null
-      };
+        }, [innerRef]);
+        return (React__default["default"].createElement(ReactTextareaAutocomplete, { additionalTextareaProps: messageInput.additionalTextareaProps, "aria-label": cooldownRemaining ? t('Slow Mode ON') : placeholder, className: 'str-chat__textarea__textarea str-chat__message-textarea', closeCommandsList: messageInput.closeCommandsList, closeMentionsList: messageInput.closeMentionsList, containerClassName: 'str-chat__textarea str-chat__message-textarea-react-host', disabled: disabled || !!cooldownRemaining, disableMentions: messageInput.disableMentions, dropdownClassName: 'str-chat__emojisearch', grow: messageInput.grow, handleSubmit: props.handleSubmit || messageInput.handleSubmit, innerRef: updateInnerRef, itemClassName: 'str-chat__emojisearch__item', listClassName: 'str-chat__emojisearch__list', loadingComponent: LoadingIndicator, maxRows: messageInput.maxRows, minChar: 0, onBlur: props.onBlur, onChange: props.onChange || messageInput.handleChange, onFocus: props.onFocus, onPaste: props.onPaste || messageInput.onPaste, placeholder: cooldownRemaining ? t('Slow Mode ON') : placeholder, replaceWord: emojiReplace, rows: props.rows || 1, shouldSubmit: messageInput.shouldSubmit, showCommandsList: messageInput.showCommandsList, showMentionsList: messageInput.showMentionsList, SuggestionItem: SuggestionItem, SuggestionList: SuggestionList, trigger: messageInput.autocompleteTriggers || {}, value: props.value || messageInput.text }));
     };
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};// Public components
-     // Public types
+    var ChatAutoComplete = React__default["default"].memo(UnMemoizedChatAutoComplete);
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -43917,7 +43931,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     function fromEvent(evt) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
-                if (isObject$1(evt) && isDataTransfer(evt.dataTransfer)) {
+                if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {
                     return [2 /*return*/, getDataTransferFiles(evt.dataTransfer, evt.type)];
                 }
                 else if (isChangeEvt(evt)) {
@@ -43931,12 +43945,12 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         });
     }
     function isDataTransfer(value) {
-        return isObject$1(value);
+        return isObject(value);
     }
     function isChangeEvt(value) {
-        return isObject$1(value) && isObject$1(value.target);
+        return isObject(value) && isObject(value.target);
     }
-    function isObject$1(v) {
+    function isObject(v) {
         return typeof v === 'object' && v !== null;
     }
     function getInputFiles(evt) {
@@ -44104,9 +44118,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     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) { _defineProperty$2(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$1(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 _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 _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 _slicedToArray$1(arr, i) { return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$2(arr, i) || _nonIterableRest$1(); }
 
@@ -44321,7 +44335,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
               mimeType = _ref5[0],
               ext = _ref5[1];
 
-          return _objectSpread$1(_objectSpread$1({}, agg), {}, _defineProperty$2({}, mimeType, ext));
+          return _objectSpread$1(_objectSpread$1({}, agg), {}, _defineProperty$1({}, mimeType, ext));
         }, {});
         return [{
           accept: acceptForPicker
@@ -44434,9 +44448,9 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     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) { _defineProperty$1(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 _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 _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(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(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(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; }
 
@@ -45268,7 +45282,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
               onDrop = _ref2.onDrop,
               rest = _objectWithoutProperties(_ref2, _excluded3);
 
-          return _objectSpread(_objectSpread(_defineProperty$1({
+          return _objectSpread(_objectSpread(_defineProperty({
             onKeyDown: composeKeyboardHandler(composeEventHandlers(onKeyDown, onKeyDownCb)),
             onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
             onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
@@ -45295,7 +45309,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
               onClick = _ref3.onClick,
               rest = _objectWithoutProperties(_ref3, _excluded4);
 
-          var inputProps = _defineProperty$1({
+          var inputProps = _defineProperty({
             accept: acceptAttr,
             multiple: multiple,
             type: "file",
@@ -45371,465 +45385,6 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     function noop$1() {}
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Detect free variable `global` from Node.js. */
-    var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-    var _freeGlobal = freeGlobal$1;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Detect free variable `self`. */
-    var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
-
-    /** Used as a reference to the global object. */
-    var root$1 = _freeGlobal || freeSelf$1 || Function('return this')();
-
-    var _root = root$1;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Built-in value references. */
-    var Symbol$2 = _root.Symbol;
-
-    var _Symbol = Symbol$2;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Used for built-in method references. */
-    var objectProto$4 = Object.prototype;
-
-    /** Used to check objects for own properties. */
-    var hasOwnProperty$2 = objectProto$4.hasOwnProperty;
-
-    /**
-     * Used to resolve the
-     * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-     * of values.
-     */
-    var nativeObjectToString$1 = objectProto$4.toString;
-
-    /** Built-in value references. */
-    var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
-
-    /**
-     * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
-     *
-     * @private
-     * @param {*} value The value to query.
-     * @returns {string} Returns the raw `toStringTag`.
-     */
-    function getRawTag(value) {
-      var isOwn = hasOwnProperty$2.call(value, symToStringTag$1),
-          tag = value[symToStringTag$1];
-
-      try {
-        value[symToStringTag$1] = undefined;
-        var unmasked = true;
-      } catch (e) {}
-
-      var result = nativeObjectToString$1.call(value);
-      if (unmasked) {
-        if (isOwn) {
-          value[symToStringTag$1] = tag;
-        } else {
-          delete value[symToStringTag$1];
-        }
-      }
-      return result;
-    }
-
-    var _getRawTag = getRawTag;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/** Used for built-in method references. */
-    var objectProto$3 = Object.prototype;
-
-    /**
-     * Used to resolve the
-     * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
-     * of values.
-     */
-    var nativeObjectToString = objectProto$3.toString;
-
-    /**
-     * Converts `value` to a string using `Object.prototype.toString`.
-     *
-     * @private
-     * @param {*} value The value to convert.
-     * @returns {string} Returns the converted string.
-     */
-    function objectToString$1(value) {
-      return nativeObjectToString.call(value);
-    }
-
-    var _objectToString = objectToString$1;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** `Object#toString` result references. */
-    var nullTag = '[object Null]',
-        undefinedTag = '[object Undefined]';
-
-    /** Built-in value references. */
-    var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
-
-    /**
-     * The base implementation of `getTag` without fallbacks for buggy environments.
-     *
-     * @private
-     * @param {*} value The value to query.
-     * @returns {string} Returns the `toStringTag`.
-     */
-    function baseGetTag(value) {
-      if (value == null) {
-        return value === undefined ? undefinedTag : nullTag;
-      }
-      return (symToStringTag && symToStringTag in Object(value))
-        ? _getRawTag(value)
-        : _objectToString(value);
-    }
-
-    var _baseGetTag = baseGetTag;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * Checks if `value` is the
-     * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
-     * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
-     *
-     * @static
-     * @memberOf _
-     * @since 0.1.0
-     * @category Lang
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is an object, else `false`.
-     * @example
-     *
-     * _.isObject({});
-     * // => true
-     *
-     * _.isObject([1, 2, 3]);
-     * // => true
-     *
-     * _.isObject(_.noop);
-     * // => true
-     *
-     * _.isObject(null);
-     * // => false
-     */
-    function isObject(value) {
-      var type = typeof value;
-      return value != null && (type == 'object' || type == 'function');
-    }
-
-    var isObject_1 = isObject;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** `Object#toString` result references. */
-    var asyncTag = '[object AsyncFunction]',
-        funcTag = '[object Function]',
-        genTag = '[object GeneratorFunction]',
-        proxyTag = '[object Proxy]';
-
-    /**
-     * Checks if `value` is classified as a `Function` object.
-     *
-     * @static
-     * @memberOf _
-     * @since 0.1.0
-     * @category Lang
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is a function, else `false`.
-     * @example
-     *
-     * _.isFunction(_);
-     * // => true
-     *
-     * _.isFunction(/abc/);
-     * // => false
-     */
-    function isFunction(value) {
-      if (!isObject_1(value)) {
-        return false;
-      }
-      // The use of `Object#toString` avoids issues with the `typeof` operator
-      // in Safari 9 which returns 'object' for typed arrays and other constructors.
-      var tag = _baseGetTag(value);
-      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-    }
-
-    var isFunction_1 = isFunction;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Used to detect overreaching core-js shims. */
-    var coreJsData = _root['__core-js_shared__'];
-
-    var _coreJsData = coreJsData;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Used to detect methods masquerading as native. */
-    var maskSrcKey = (function() {
-      var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
-      return uid ? ('Symbol(src)_1.' + uid) : '';
-    }());
-
-    /**
-     * Checks if `func` has its source masked.
-     *
-     * @private
-     * @param {Function} func The function to check.
-     * @returns {boolean} Returns `true` if `func` is masked, else `false`.
-     */
-    function isMasked(func) {
-      return !!maskSrcKey && (maskSrcKey in func);
-    }
-
-    var _isMasked = isMasked;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/** Used for built-in method references. */
-    var funcProto$1 = Function.prototype;
-
-    /** Used to resolve the decompiled source of functions. */
-    var funcToString$1 = funcProto$1.toString;
-
-    /**
-     * Converts `func` to its source code.
-     *
-     * @private
-     * @param {Function} func The function to convert.
-     * @returns {string} Returns the source code.
-     */
-    function toSource(func) {
-      if (func != null) {
-        try {
-          return funcToString$1.call(func);
-        } catch (e) {}
-        try {
-          return (func + '');
-        } catch (e) {}
-      }
-      return '';
-    }
-
-    var _toSource = toSource;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /**
-     * Used to match `RegExp`
-     * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
-     */
-    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-
-    /** Used to detect host constructors (Safari). */
-    var reIsHostCtor = /^\[object .+?Constructor\]$/;
-
-    /** Used for built-in method references. */
-    var funcProto = Function.prototype,
-        objectProto$2 = Object.prototype;
-
-    /** Used to resolve the decompiled source of functions. */
-    var funcToString = funcProto.toString;
-
-    /** Used to check objects for own properties. */
-    var hasOwnProperty$1 = objectProto$2.hasOwnProperty;
-
-    /** Used to detect if a method is native. */
-    var reIsNative = RegExp('^' +
-      funcToString.call(hasOwnProperty$1).replace(reRegExpChar, '\\$&')
-      .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
-    );
-
-    /**
-     * The base implementation of `_.isNative` without bad shim checks.
-     *
-     * @private
-     * @param {*} value The value to check.
-     * @returns {boolean} Returns `true` if `value` is a native function,
-     *  else `false`.
-     */
-    function baseIsNative(value) {
-      if (!isObject_1(value) || _isMasked(value)) {
-        return false;
-      }
-      var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
-      return pattern.test(_toSource(value));
-    }
-
-    var _baseIsNative = baseIsNative;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * Gets the value at `key` of `object`.
-     *
-     * @private
-     * @param {Object} [object] The object to query.
-     * @param {string} key The key of the property to get.
-     * @returns {*} Returns the property value.
-     */
-    function getValue$1(object, key) {
-      return object == null ? undefined : object[key];
-    }
-
-    var _getValue = getValue$1;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /**
-     * Gets the native function at `key` of `object`.
-     *
-     * @private
-     * @param {Object} object The object to query.
-     * @param {string} key The key of the method to get.
-     * @returns {*} Returns the function if it's native, else `undefined`.
-     */
-    function getNative(object, key) {
-      var value = _getValue(object, key);
-      return _baseIsNative(value) ? value : undefined;
-    }
-
-    var _getNative = getNative;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    var defineProperty = (function() {
-      try {
-        var func = _getNative(Object, 'defineProperty');
-        func({}, '', {});
-        return func;
-      } catch (e) {}
-    }());
-
-    var _defineProperty = defineProperty;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /**
-     * The base implementation of `assignValue` and `assignMergeValue` without
-     * value checks.
-     *
-     * @private
-     * @param {Object} object The object to modify.
-     * @param {string} key The key of the property to assign.
-     * @param {*} value The value to assign.
-     */
-    function baseAssignValue(object, key, value) {
-      if (key == '__proto__' && _defineProperty) {
-        _defineProperty(object, key, {
-          'configurable': true,
-          'enumerable': true,
-          'value': value,
-          'writable': true
-        });
-      } else {
-        object[key] = value;
-      }
-    }
-
-    var _baseAssignValue = baseAssignValue;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * Performs a
-     * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
-     * comparison between two values to determine if they are equivalent.
-     *
-     * @static
-     * @memberOf _
-     * @since 4.0.0
-     * @category Lang
-     * @param {*} value The value to compare.
-     * @param {*} other The other value to compare.
-     * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
-     * @example
-     *
-     * var object = { 'a': 1 };
-     * var other = { 'a': 1 };
-     *
-     * _.eq(object, object);
-     * // => true
-     *
-     * _.eq(object, other);
-     * // => false
-     *
-     * _.eq('a', 'a');
-     * // => true
-     *
-     * _.eq('a', Object('a'));
-     * // => false
-     *
-     * _.eq(NaN, NaN);
-     * // => true
-     */
-    function eq(value, other) {
-      return value === other || (value !== value && other !== other);
-    }
-
-    var eq_1 = eq;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /** Used for built-in method references. */
-    var objectProto$1 = Object.prototype;
-
-    /** Used to check objects for own properties. */
-    var hasOwnProperty = objectProto$1.hasOwnProperty;
-
-    /**
-     * Assigns `value` to `key` of `object` if the existing value is not equivalent
-     * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
-     * for equality comparisons.
-     *
-     * @private
-     * @param {Object} object The object to modify.
-     * @param {string} key The key of the property to assign.
-     * @param {*} value The value to assign.
-     */
-    function assignValue(object, key, value) {
-      var objValue = object[key];
-      if (!(hasOwnProperty.call(object, key) && eq_1(objValue, value)) ||
-          (value === undefined && !(key in object))) {
-        _baseAssignValue(object, key, value);
-      }
-    }
-
-    var _assignValue = assignValue;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
-     * This base implementation of `_.zipObject` which assigns values using `assignFunc`.
-     *
-     * @private
-     * @param {Array} props The property identifiers.
-     * @param {Array} values The property values.
-     * @param {Function} assignFunc The function to assign values.
-     * @returns {Object} Returns the new object.
-     */
-    function baseZipObject(props, values, assignFunc) {
-      var index = -1,
-          length = props.length,
-          valsLength = values.length,
-          result = {};
-
-      while (++index < length) {
-        var value = index < valsLength ? values[index] : undefined;
-        assignFunc(result, props[index], value);
-      }
-      return result;
-    }
-
-    var _baseZipObject = baseZipObject;
-
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
-    /**
-     * This method is like `_.fromPairs` except that it accepts two arrays,
-     * one of property identifiers and one of corresponding values.
-     *
-     * @static
-     * @memberOf _
-     * @since 0.4.0
-     * @category Array
-     * @param {Array} [props=[]] The property identifiers.
-     * @param {Array} [values=[]] The property values.
-     * @returns {Object} Returns the new object.
-     * @example
-     *
-     * _.zipObject(['a', 'b'], [1, 2]);
-     * // => { 'a': 1, 'b': 2 }
-     */
-    function zipObject(props, values) {
-      return _baseZipObject(props || [], values || [], _assignValue);
-    }
-
-    var zipObject_1 = zipObject;
-
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var CooldownTimer = function (_a) {
         var cooldownInterval = _a.cooldownInterval, setCooldownRemaining = _a.setCooldownRemaining;
         var _b = React.useState(cooldownInterval), seconds = _b[0], setSeconds = _b[1];
@@ -46038,7 +45593,11 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         }), attributes = _m.attributes, styles = _m.styles;
         var id = React.useMemo(function () { return nanoid(); }, []);
         var accept = React.useMemo(function () {
-            return zipObject_1(acceptedFiles, Array.from({ length: acceptedFiles.length }, function () { return []; }));
+            return acceptedFiles.reduce(function (mediaTypeMap, mediaType) {
+                var _a;
+                (_a = mediaTypeMap[mediaType]) !== null && _a !== void 0 ? _a : (mediaTypeMap[mediaType] = []);
+                return mediaTypeMap;
+            }, {});
         }, [acceptedFiles]);
         var _o = useDropzone({
             accept: accept,
@@ -47226,8 +46785,19 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
                 ? Object.values(reactionCounts).reduce(function (total, count) { return total + count; }, 0)
                 : 0;
         }, [reactionCounts, supportedReactionsArePresent]);
+        var aggregatedUserNamesByType = React.useMemo(function () {
+            return latestReactions.reduce(function (typeMap, _a) {
+                var _b;
+                var type = _a.type, user = _a.user;
+                (_b = typeMap[type]) !== null && _b !== void 0 ? _b : (typeMap[type] = []);
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                typeMap[type].push((user === null || user === void 0 ? void 0 : user.name) || user.id);
+                return typeMap;
+            }, {});
+        }, [latestReactions]);
         return {
             additionalEmojiProps: reactionsAreCustom ? additionalEmojiProps : emojiSetDef,
+            aggregatedUserNamesByType: aggregatedUserNamesByType,
             emojiData: emojiData,
             getEmojiByReactionType: getEmojiByReactionType,
             iHaveReactedWithReaction: iHaveReactedWithReaction,
@@ -47239,11 +46809,23 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
         };
     };
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedReactionsList = function (props) {
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var ButtonWithTooltip = function (_a) {
+        var children = _a.children, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, rest = __rest$4(_a, ["children", "onMouseEnter", "onMouseLeave"]);
+        var _b = React.useState(null), referenceElement = _b[0], setReferenceElement = _b[1];
+        var _c = useEnterLeaveHandlers({
+            onMouseEnter: onMouseEnter,
+            onMouseLeave: onMouseLeave,
+        }), handleEnter = _c.handleEnter, handleLeave = _c.handleLeave, tooltipVisible = _c.tooltipVisible;
+        var themeVersion = useChatContext('ButtonWithTooltip').themeVersion;
+        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+            themeVersion === '2' && (React__default["default"].createElement(PopperTooltip, { referenceElement: referenceElement, visible: tooltipVisible }, rest.title)),
+            React__default["default"].createElement("button", __assign$8({ onMouseEnter: handleEnter, onMouseLeave: handleLeave, ref: setReferenceElement }, rest), children)));
+    };
+    var UnMemoizedReactionsList = function (props) {
         var onClick = props.onClick, _a = props.reverse, reverse = _a === void 0 ? false : _a, rest = __rest$4(props, ["onClick", "reverse"]);
         var _b = useEmojiContext('ReactionsList'), Emoji = _b.Emoji, emojiConfig = _b.emojiConfig;
         var onReactionListClick = useMessageContext('ReactionsList').onReactionListClick;
-        var _c = useProcessReactions(__assign$8({ emojiConfig: emojiConfig }, rest)), additionalEmojiProps = _c.additionalEmojiProps, emojiData = _c.emojiData, getEmojiByReactionType = _c.getEmojiByReactionType, iHaveReactedWithReaction = _c.iHaveReactedWithReaction, latestReactions = _c.latestReactions, latestReactionTypes = _c.latestReactionTypes, reactionCounts = _c.reactionCounts, supportedReactionsArePresent = _c.supportedReactionsArePresent, totalReactionCount = _c.totalReactionCount;
+        var _c = useProcessReactions(__assign$8({ emojiConfig: emojiConfig }, rest)), additionalEmojiProps = _c.additionalEmojiProps, aggregatedUserNamesByType = _c.aggregatedUserNamesByType, emojiData = _c.emojiData, getEmojiByReactionType = _c.getEmojiByReactionType, iHaveReactedWithReaction = _c.iHaveReactedWithReaction, latestReactions = _c.latestReactions, latestReactionTypes = _c.latestReactionTypes, reactionCounts = _c.reactionCounts, supportedReactionsArePresent = _c.supportedReactionsArePresent, totalReactionCount = _c.totalReactionCount;
         if (!latestReactions.length)
             return null;
         if (!supportedReactionsArePresent)
@@ -47258,7 +46840,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
                     return emojiObject ? (React__default["default"].createElement("li", { className: clsx('str-chat__message-reaction', {
                             'str-chat__message-reaction-own': isOwnReaction,
                         }), key: emojiObject.id },
-                        React__default["default"].createElement("button", { "aria-label": "Reactions: ".concat(reactionType) },
+                        React__default["default"].createElement(ButtonWithTooltip, { "aria-label": "Reactions: ".concat(reactionType), title: aggregatedUserNamesByType[reactionType].join(', '), type: 'button' },
                             React__default["default"].createElement(React.Suspense, { fallback: null },
                                 React__default["default"].createElement("span", { className: 'str-chat__message-reaction-emoji' },
                                     React__default["default"].createElement(Emoji, __assign$8({ data: emojiData, emoji: emojiObject, size: 16 }, additionalEmojiProps)))),
@@ -47930,30 +47512,33 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
                 });
             });
         };
-        var jumpToMessage = function (messageId) { return __awaiter$3(void 0, void 0, void 0, function () {
-            var indexOfMessage, hasMoreMessages;
-            return __generator$3(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        dispatch({ loadingMore: true, type: 'setLoadingMore' });
-                        return [4 /*yield*/, channel.state.loadMessageIntoState(messageId)];
-                    case 1:
-                        _a.sent();
-                        indexOfMessage = channel.state.messages.findIndex(function (message) { return message.id === messageId; });
-                        hasMoreMessages = indexOfMessage >= Math.floor(DEFAULT_INITIAL_CHANNEL_PAGE_SIZE / 2);
-                        loadMoreFinished(hasMoreMessages, channel.state.messages);
-                        dispatch({
-                            hasMoreNewer: channel.state.messages !== channel.state.latestMessages,
-                            highlightedMessageId: messageId,
-                            type: 'jumpToMessageFinished',
-                        });
-                        setTimeout(function () {
-                            dispatch({ type: 'clearHighlightedMessage' });
-                        }, 500);
-                        return [2 /*return*/];
-                }
+        var jumpToMessage = function (messageId, messageLimit) {
+            if (messageLimit === void 0) { messageLimit = 100; }
+            return __awaiter$3(void 0, void 0, void 0, function () {
+                var indexOfMessage, hasMoreMessages;
+                return __generator$3(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            dispatch({ loadingMore: true, type: 'setLoadingMore' });
+                            return [4 /*yield*/, channel.state.loadMessageIntoState(messageId, undefined, messageLimit)];
+                        case 1:
+                            _a.sent();
+                            indexOfMessage = channel.state.messages.findIndex(function (message) { return message.id === messageId; });
+                            hasMoreMessages = indexOfMessage >= Math.floor(messageLimit / 2);
+                            loadMoreFinished(hasMoreMessages, channel.state.messages);
+                            dispatch({
+                                hasMoreNewer: channel.state.messages !== channel.state.latestMessages,
+                                highlightedMessageId: messageId,
+                                type: 'jumpToMessageFinished',
+                            });
+                            setTimeout(function () {
+                                dispatch({ type: 'clearHighlightedMessage' });
+                            }, 500);
+                            return [2 /*return*/];
+                    }
+                });
             });
-        }); };
+        };
         var jumpToLatestMessage = function () { return __awaiter$3(void 0, void 0, void 0, function () {
             var hasMoreOlder;
             return __generator$3(this, function (_a) {
@@ -49378,7 +48963,7 @@ var StreamChatReact = (function (exports, React, 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 = '10.0.0-theming-v2.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '10.0.0-theming-v2.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -52762,7 +52347,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     var _extends2 = interopRequireDefault(_extends_1);
 
-    var _defineProperty2 = interopRequireDefault(defineProperty$2);
+    var _defineProperty2 = interopRequireDefault(defineProperty$1);
 
     var _react = interopRequireDefault(React__default["default"]);
 
@@ -53006,10 +52591,11 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     var nimbleEmoji$1 = unwrapExports(nimbleEmoji);
 
-    var nimbleEmoji$2 = /*#__PURE__*/Object.freeze({
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};// @ts-expect-error
+
+    var DefaultEmoji = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        'default': nimbleEmoji$1,
-        __moduleExports: nimbleEmoji
+        'default': nimbleEmoji$1
     });
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -53463,7 +53049,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     });
     exports["default"] = void 0;
 
-    var _defineProperty2 = interopRequireDefault(defineProperty$2);
+    var _defineProperty2 = interopRequireDefault(defineProperty$1);
 
     var _classCallCheck2 = interopRequireDefault(classCallCheck);
 
@@ -53546,7 +53132,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     });
     exports["default"] = void 0;
 
-    var _defineProperty2 = interopRequireDefault(defineProperty$2);
+    var _defineProperty2 = interopRequireDefault(defineProperty$1);
 
     var _classCallCheck2 = interopRequireDefault(classCallCheck);
 
@@ -54153,7 +53739,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     });
     exports["default"] = void 0;
 
-    var _defineProperty2 = interopRequireDefault(defineProperty$2);
+    var _defineProperty2 = interopRequireDefault(defineProperty$1);
 
     var _classCallCheck2 = interopRequireDefault(classCallCheck);
 
@@ -54486,7 +54072,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     });
     exports["default"] = void 0;
 
-    var _defineProperty2 = interopRequireDefault(defineProperty$2);
+    var _defineProperty2 = interopRequireDefault(defineProperty$1);
 
     var _classCallCheck2 = interopRequireDefault(classCallCheck);
 
@@ -55191,10 +54777,11 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
 
     var nimblePicker$1 = unwrapExports(nimblePicker);
 
-    var nimblePicker$2 = /*#__PURE__*/Object.freeze({
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};// @ts-expect-error
+
+    var DefaultEmojiPicker = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        'default': nimblePicker$1,
-        __moduleExports: nimblePicker
+        'default': nimblePicker$1
     });
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
@@ -69202,6 +68789,7 @@ var StreamChatReact = (function (exports, React, streamChat, ReactDOM) {
     exports.PinIcon = PinIcon;
     exports.PinIndicator = PinIndicator;
     exports.PlayButton = PlayButton;
+    exports.PopperTooltip = PopperTooltip;
     exports.ProgressBar = ProgressBar;
     exports.QuotedMessagePreview = QuotedMessagePreview;
     exports.QuotedMessagePreviewHeader = QuotedMessagePreviewHeader;