stream-chat-react 10.7.6 → 10.8.1

package/dist/components/AutoCompleteTextarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAkBA;IACE;;;;;;;MAOE;IA2WF;;OAEG;IACH;;;aAMC;IAlXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAGH;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF;;;;;;OAMG;IACH,8CAC6E;IAE7E,qCAUE;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCAiBE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,uCAEE;IADA,iBAA0B;IAG5B,oDA2CC;IAED,sBA4CC;IATS,oDAAsB;CAUjC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/AutoCompleteTextarea/Textarea.jsx"],"names":[],"mappings":"AAmBA;IACE;;;;;;;MAOE;IA2WF;;OAEG;IACH;;;aAMC;IAlXD,wBA4BC;IAZC;;;;;;;;;;;MAWC;IAGH;;;aAOE;IAEF,2BAOE;IAEF,8CAKE;IAEF,+BAIE;IAEF;;;;;;OAMG;IACH,8CAC6E;IAE7E,qCAUE;IAEF,+BAcE;IAEF,qBAQE;IAEF,yBA6BE;IAEF,mCAqEE;IAEF,qEAuBE;IAEF,sEA2DE;IAEF,uDAQE;IAEF,mCA0CE;IAEF,6CAQE;IAYF;;OAEG;IACH,+BAQE;IAEF;;MA6CE;IAEF,mCAME;IAEF,iCA+EE;IAEF,iCASE;IAGF,yCA0BE;IAEF,6BAAmD;IAEnD,qCAiBE;IAEF;;;;;;;;MAoCE;IAEF,uCAEE;IADA,iBAA0B;IAG5B,oDA2CC;IAED,sBA2EC;IATS,oDAAsB;CAUjC"}

package/dist/components/AutoCompleteTextarea/Textarea.js

@@ -24,6 +24,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import PropTypes from 'prop-types';
 import Textarea from 'react-textarea-autosize';
@@ -32,8 +43,9 @@ import { isValidElementType } from 'react-is';
 import clsx from 'clsx';
 import { List as DefaultSuggestionList } from './List';
 import { DEFAULT_CARET_POSITION, defaultScrollToItem, errorMessage, triggerPropsCheck, } from './utils';
-import { CommandItem } from '../CommandItem/CommandItem';
-import { UserItem } from '../UserItem/UserItem';
+import { CommandItem } from '../CommandItem';
+import { UserItem } from '../UserItem';
+import { isSafari } from '../../utils/browsers';
 var ReactTextareaAutocomplete = /** @class */ (function (_super) {
     __extends(ReactTextareaAutocomplete, _super);
     function ReactTextareaAutocomplete(props) {
@@ -434,7 +446,14 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
             // that was actually clicked. If we clicked inside the auto-select dropdown, then
             // that's not a blur, from the auto-select point of view, so then do nothing.
             var el = e.relatedTarget;
-            if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) {
+            // If this is a blur event in Safari, then relatedTarget is never a dropdown item, but a common parent
+            // of textarea and dropdown container. That means that dropdownRef will not contain its parent and the
+            // autocomplete will be closed before onclick handler can be invoked selecting an item.
+            // It seems that Safari has different implementation determining the relatedTarget node than Chrome and Firefox.
+            // Therefore, if focused away in Safari, the dropdown will be kept rendered until pressing Esc or selecting and item from it.
+            var focusedAwayInSafari = isSafari() && e.type === 'blur';
+            if ((_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) ||
+                focusedAwayInSafari) {
                 return;
             }
             if (closeOnClickOutside)
@@ -540,8 +559,9 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
     ReactTextareaAutocomplete.prototype.render = function () {
         var _this = this;
         var _a = this.props, className = _a.className, containerClassName = _a.containerClassName, containerStyle = _a.containerStyle, style = _a.style;
+        var _b = this.props.additionalTextareaProps || {}, onBlur = _b.onBlur, onChange = _b.onChange, onClick = _b.onClick, onFocus = _b.onFocus, onKeyDown = _b.onKeyDown, onScroll = _b.onScroll, onSelect = _b.onSelect, restAdditionalTextareaProps = __rest(_b, ["onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onScroll", "onSelect"]);
         var maxRows = this.props.maxRows;
-        var _b = this.state, dataLoading = _b.dataLoading, value = _b.value;
+        var _c = this.state, dataLoading = _c.dataLoading, value = _c.value;
         if (!this.props.grow)
             maxRows = 1;
         // By setting defaultValue to undefined, avoid error:
@@ -551,11 +571,33 @@ var ReactTextareaAutocomplete = /** @class */ (function (_super) {
                 'rta--loading': dataLoading,
             }), style: containerStyle },
             this.renderSuggestionListContainer(),
-            React.createElement(Textarea, __assign({ "data-testid": 'message-input' }, this._cleanUpProps(), { className: clsx('rta__textarea', className), maxRows: maxRows, onBlur: this._onClickAndBlurHandler, onChange: this._changeHandler, onClick: this._onClickAndBlurHandler, onFocus: this.props.onFocus, onKeyDown: this._handleKeyDown, onScroll: this._onScrollHandler, onSelect: this._selectHandler, ref: function (ref) {
+            React.createElement(Textarea, __assign({ "data-testid": 'message-input' }, this._cleanUpProps(), { className: clsx('rta__textarea', className), maxRows: maxRows, onBlur: function (e) {
+                    _this._onClickAndBlurHandler(e);
+                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                }, onChange: function (e) {
+                    _this._changeHandler(e);
+                    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+                }, onClick: function (e) {
+                    _this._onClickAndBlurHandler(e);
+                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                }, onFocus: function (e) {
+                    var _a, _b;
+                    (_b = (_a = _this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                }, onKeyDown: function (e) {
+                    _this._handleKeyDown(e);
+                    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+                }, onScroll: function (e) {
+                    _this._onScrollHandler(e);
+                    onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+                }, onSelect: function (e) {
+                    _this._selectHandler(e);
+                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(e);
+                }, ref: function (ref) {
                     var _a;
                     (_a = _this.props) === null || _a === void 0 ? void 0 : _a.innerRef(ref);
                     _this.textareaRef = ref;
-                }, style: style, value: value }, this.props.additionalTextareaProps, { defaultValue: undefined }))));
+                }, style: style, value: value }, restAdditionalTextareaProps, { defaultValue: undefined }))));
     };
     ReactTextareaAutocomplete.defaultProps = {
         closeOnClickOutside: true,

package/dist/components/ChannelList/utils.d.ts

@@ -1,5 +1,11 @@
 import type { Channel, StreamChat } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
+/**
+ * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+ * @param client
+ * @param type
+ * @param id
+ */
 export declare const getChannel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(client: StreamChat<StreamChatGenerics>, type: string, id: string) => Promise<Channel<StreamChatGenerics>>;
 export declare const MAX_QUERY_CHANNELS_LIMIT = 30;
 declare type MoveChannelUpParams<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {

package/dist/components/ChannelList/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,UAAU,mIAIf,MAAM,MACR,MAAM,yCAKX,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,aAAK,mBAAmB,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,iMAgBzB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAA2B,UAAU,EAAE,MAAM,aAAa,CAAC;AAGhF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAWnE;;;;;GAKG;AACH,eAAO,MAAM,UAAU,mIAIf,MAAM,MACR,MAAM,yCAaX,CAAC;AAEF,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,aAAK,mBAAmB,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,aAAa,iMAgBzB,CAAC"}

package/dist/components/ChannelList/utils.js

@@ -44,16 +44,37 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import uniqBy from 'lodash.uniqby';
+/**
+ * prevent from duplicate invocation of channel.watch()
+ * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+ */
+var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+/**
+ * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+ * @param client
+ * @param type
+ * @param id
+ */
 export var getChannel = function (client, type, id) { return __awaiter(void 0, void 0, void 0, function () {
-    var channel;
+    var channel, queryPromise;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 channel = client.channel(type, id);
-                return [4 /*yield*/, channel.watch()];
+                queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid];
+                if (!queryPromise) return [3 /*break*/, 2];
+                return [4 /*yield*/, queryPromise];
             case 1:
                 _a.sent();
-                return [2 /*return*/, channel];
+                return [3 /*break*/, 4];
+            case 2:
+                WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = channel.watch();
+                return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid]];
+            case 3:
+                _a.sent();
+                WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = undefined;
+                _a.label = 4;
+            case 4: return [2 /*return*/, channel];
         }
     });
 }); };

package/dist/components/MessageInput/MessageInput.d.ts

@@ -27,6 +27,8 @@ export declare type MessageInputProps<StreamChatGenerics extends DefaultStreamCh
     }) => void;
     /** If true, focuses the text input on component mount */
     focus?: boolean;
+    /** Generates the default value for the underlying textarea element. The function's return value takes precedence before additionalTextareaProps.defaultValue. */
+    getDefaultValue?: () => string | string[];
     /** If true, expands the text input vertically for new lines */
     grow?: boolean;
     /** Custom UI component handling how the message input is rendered, defaults to and accepts the same props as [MessageInputFlat](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/MessageInputFlat.tsx) */

package/dist/components/MessageInput/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/MessageInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/MessageInput/hooks/useMessageInputState.js

@@ -151,9 +151,9 @@ var messageInputReducer = function (state, action) {
  * hook for MessageInput state
  */
 export var useMessageInputState = function (props) {
-    var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, message = props.message;
+    var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, getDefaultValue = props.getDefaultValue, message = props.message;
     var _a = useChannelStateContext('useMessageInputState'), _b = _a.channelCapabilities, channelCapabilities = _b === void 0 ? {} : _b, channelConfig = _a.channelConfig;
-    var defaultValue = additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue;
+    var defaultValue = (getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue()) || (additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue);
     var initialStateValue = message ||
         (Array.isArray(defaultValue)
             ? { text: defaultValue.join('') }

package/dist/index.cjs.js

@@ -37,6 +37,7 @@ var uniqBy = require('lodash.uniqby');
 var PropTypes = require('prop-types');
 var ReactIs = require('react-is');
 var path$1 = require('path');
+var _objectWithoutProperties$1 = require('@babel/runtime/helpers/objectWithoutProperties');
 var _extends = require('@babel/runtime/helpers/extends');
 var _typeof = require('@babel/runtime/helpers/typeof');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
@@ -97,6 +98,7 @@ var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path$1);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties$1);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
@@ -24209,6 +24211,13 @@ var UnMemoizedUserItem = function (_a) {
 };
 var UserItem = React__default["default"].memo(UnMemoizedUserItem);
 
+var isSafari = function () {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /^((?!chrome|android).)*safari/i.test(navigator.userAgent || '');
+};
+
+var _excluded$1 = ["onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onScroll", "onSelect"];
 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__default["default"](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__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
@@ -24585,7 +24594,13 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
       // that was actually clicked. If we clicked inside the auto-select dropdown, then
       // that's not a blur, from the auto-select point of view, so then do nothing.
       var el = e.relatedTarget;
-      if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el)) {
+      // If this is a blur event in Safari, then relatedTarget is never a dropdown item, but a common parent
+      // of textarea and dropdown container. That means that dropdownRef will not contain its parent and the
+      // autocomplete will be closed before onclick handler can be invoked selecting an item.
+      // It seems that Safari has different implementation determining the relatedTarget node than Chrome and Firefox.
+      // Therefore, if focused away in Safari, the dropdown will be kept rendered until pressing Esc or selecting and item from it.
+      var focusedAwayInSafari = isSafari() && e.type === 'blur';
+      if (_this.dropdownRef && el instanceof Node && _this.dropdownRef.contains(el) || focusedAwayInSafari) {
         return;
       }
       if (closeOnClickOutside) _this._closeAutocomplete();
@@ -24717,6 +24732,15 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
         containerClassName = _this$props8.containerClassName,
         containerStyle = _this$props8.containerStyle,
         style = _this$props8.style;
+      var _ref = this.props.additionalTextareaProps || {},
+        _onBlur = _ref.onBlur,
+        _onChange = _ref.onChange,
+        _onClick = _ref.onClick,
+        _onFocus = _ref.onFocus,
+        _onKeyDown = _ref.onKeyDown,
+        _onScroll = _ref.onScroll,
+        _onSelect = _ref.onSelect,
+        restAdditionalTextareaProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
       var maxRows = this.props.maxRows;
       var _this$state7 = this.state,
         dataLoading = _this$state7.dataLoading,
@@ -24737,21 +24761,43 @@ var ReactTextareaAutocomplete = /*#__PURE__*/function (_React$Component) {
       }, this._cleanUpProps(), {
         className: clsx('rta__textarea', className),
         maxRows: maxRows,
-        onBlur: this._onClickAndBlurHandler,
-        onChange: this._changeHandler,
-        onClick: this._onClickAndBlurHandler,
-        onFocus: this.props.onFocus,
-        onKeyDown: this._handleKeyDown,
-        onScroll: this._onScrollHandler,
-        onSelect: this._selectHandler,
-        ref: function ref(_ref) {
-          var _this2$props;
-          (_this2$props = _this2.props) === null || _this2$props === void 0 ? void 0 : _this2$props.innerRef(_ref);
-          _this2.textareaRef = _ref;
+        onBlur: function onBlur(e) {
+          _this2._onClickAndBlurHandler(e);
+          _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+        },
+        onChange: function onChange(e) {
+          _this2._changeHandler(e);
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
+        },
+        onClick: function onClick(e) {
+          _this2._onClickAndBlurHandler(e);
+          _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
+        },
+        onFocus: function onFocus(e) {
+          var _this2$props$onFocus, _this2$props;
+          (_this2$props$onFocus = (_this2$props = _this2.props).onFocus) === null || _this2$props$onFocus === void 0 ? void 0 : _this2$props$onFocus.call(_this2$props, e);
+          _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+        },
+        onKeyDown: function onKeyDown(e) {
+          _this2._handleKeyDown(e);
+          _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+        },
+        onScroll: function onScroll(e) {
+          _this2._onScrollHandler(e);
+          _onScroll === null || _onScroll === void 0 ? void 0 : _onScroll(e);
+        },
+        onSelect: function onSelect(e) {
+          _this2._selectHandler(e);
+          _onSelect === null || _onSelect === void 0 ? void 0 : _onSelect(e);
+        },
+        ref: function ref(_ref2) {
+          var _this2$props2;
+          (_this2$props2 = _this2.props) === null || _this2$props2 === void 0 ? void 0 : _this2$props2.innerRef(_ref2);
+          _this2.textareaRef = _ref2;
         },
         style: style,
         value: value
-      }, this.props.additionalTextareaProps, {
+      }, restAdditionalTextareaProps, {
         defaultValue: undefined
       })));
     }
@@ -30990,9 +31036,9 @@ var messageInputReducer = function (state, action) {
  * hook for MessageInput state
  */
 var useMessageInputState = function (props) {
-    var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, message = props.message;
+    var additionalTextareaProps = props.additionalTextareaProps, closeEmojiPickerOnClick = props.closeEmojiPickerOnClick, getDefaultValue = props.getDefaultValue, message = props.message;
     var _a = useChannelStateContext('useMessageInputState'), _b = _a.channelCapabilities, channelCapabilities = _b === void 0 ? {} : _b, channelConfig = _a.channelConfig;
-    var defaultValue = additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue;
+    var defaultValue = (getDefaultValue === null || getDefaultValue === void 0 ? void 0 : getDefaultValue()) || (additionalTextareaProps === null || additionalTextareaProps === void 0 ? void 0 : additionalTextareaProps.defaultValue);
     var initialStateValue = message ||
         (Array.isArray(defaultValue)
             ? { text: defaultValue.join('') }
@@ -32798,16 +32844,37 @@ var useChannelUpdatedListener = function (setChannels, customHandler, forceUpdat
     }, [customHandler]);
 };
 
+/**
+ * prevent from duplicate invocation of channel.watch()
+ * when events 'notification.message_new' and 'notification.added_to_channel' arrive at the same time
+ */
+var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+/**
+ * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+ * @param client
+ * @param type
+ * @param id
+ */
 var getChannel = function (client, type, id) { return __awaiter(void 0, void 0, void 0, function () {
-    var channel;
+    var channel, queryPromise;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
                 channel = client.channel(type, id);
-                return [4 /*yield*/, channel.watch()];
+                queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid];
+                if (!queryPromise) return [3 /*break*/, 2];
+                return [4 /*yield*/, queryPromise];
             case 1:
                 _a.sent();
-                return [2 /*return*/, channel];
+                return [3 /*break*/, 4];
+            case 2:
+                WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = channel.watch();
+                return [4 /*yield*/, WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid]];
+            case 3:
+                _a.sent();
+                WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[channel.cid] = undefined;
+                _a.label = 4;
+            case 4: return [2 /*return*/, channel];
         }
     });
 }); };
@@ -33709,7 +33776,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.7.6';
+var version = '10.8.1';
 
 var useChat = function (_a) {
     var _b, _c;