stream-chat-react 10.22.2 → 10.22.3

package/dist/browser.full-bundle.js

@@ -38641,6 +38641,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
           currentTrigger: null,
           data: null,
           dataLoading: false,
+          isComposing: false,
           left: null,
           selectionEnd: 0,
           selectionStart: 0,
@@ -38664,22 +38665,21 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             SuggestionItem = _this$props7.SuggestionItem,
             _this$props7$Suggesti = _this$props7.SuggestionList,
             SuggestionList = _this$props7$Suggesti === void 0 ? List$1 : _this$props7$Suggesti;
+          var isComposing = this.state.isComposing;
           var triggerProps = this.getTriggerProps();
-          if (triggerProps.values && triggerProps.currentTrigger && !(disableMentions && triggerProps.currentTrigger === '@')) {
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
-              ref: this.setDropdownRef,
-              style: dropdownStyle
-            }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extendsExports({
-              className: clsx('str-chat__suggestion-list', listClassName),
-              dropdownScroll: this._dropdownScroll,
-              itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
-              itemStyle: itemStyle,
-              onSelect: this._onSelect,
-              SuggestionItem: SuggestionItem
-            }, triggerProps)));
-          }
-          return null;
+          if (isComposing || !triggerProps.values || !triggerProps.currentTrigger || disableMentions && triggerProps.currentTrigger === '@') return null;
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: clsx('rta__autocomplete', 'str-chat__suggestion-list-container', dropdownClassName),
+            ref: this.setDropdownRef,
+            style: dropdownStyle
+          }, /*#__PURE__*/React__default["default"].createElement(SuggestionList, _extendsExports({
+            className: clsx('str-chat__suggestion-list', listClassName),
+            dropdownScroll: this._dropdownScroll,
+            itemClassName: clsx('str-chat__suggestion-list-item', itemClassName),
+            itemStyle: itemStyle,
+            onSelect: this._onSelect,
+            SuggestionItem: SuggestionItem
+          }, triggerProps)));
         }
       }, {
         key: "render",
@@ -38731,6 +38731,20 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
               _this2._onClickAndBlurHandler(e);
               _onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
             },
+            onCompositionEnd: function onCompositionEnd() {
+              return _this2.setState(function (pv) {
+                return _objectSpread(_objectSpread({}, pv), {}, {
+                  isComposing: false
+                });
+              });
+            },
+            onCompositionStart: function onCompositionStart() {
+              return _this2.setState(function (pv) {
+                return _objectSpread(_objectSpread({}, pv), {}, {
+                  isComposing: true
+                });
+              });
+            },
             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);
@@ -47790,7 +47804,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.22.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.22.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;