stream-chat 8.45.2 → 8.46.0

package/dist/browser.js

@@ -3562,6 +3562,111 @@ var Channel = /*#__PURE__*/function () {
 
       return keystroke;
     }()
+    /**
+     * Sends an event to update the AI state for a specific message.
+     * Typically used by the server connected to the AI service to notify clients of state changes.
+     *
+     * @param messageId - The ID of the message associated with the AI state.
+     * @param state - The new state of the AI process (e.g., thinking, generating).
+     * @param options - Optional parameters, such as `ai_message`, to include additional details in the event.
+     */
+
+  }, {
+    key: "updateAIState",
+    value: function () {
+      var _updateAIState = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee30(messageId, state) {
+        var options,
+            _args30 = arguments;
+        return _regeneratorRuntime__default['default'].wrap(function _callee30$(_context30) {
+          while (1) {
+            switch (_context30.prev = _context30.next) {
+              case 0:
+                options = _args30.length > 2 && _args30[2] !== undefined ? _args30[2] : {};
+                _context30.next = 3;
+                return this.sendEvent(_objectSpread$a(_objectSpread$a({}, options), {}, {
+                  type: 'ai_indicator.update',
+                  message_id: messageId,
+                  ai_state: state
+                }));
+
+              case 3:
+              case "end":
+                return _context30.stop();
+            }
+          }
+        }, _callee30, this);
+      }));
+
+      function updateAIState(_x29, _x30) {
+        return _updateAIState.apply(this, arguments);
+      }
+
+      return updateAIState;
+    }()
+    /**
+     * Sends an event to notify watchers to clear the typing/thinking UI when the AI response starts streaming.
+     * Typically used by the server connected to the AI service to inform clients that the AI response has started.
+     */
+
+  }, {
+    key: "clearAIIndicator",
+    value: function () {
+      var _clearAIIndicator = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee31() {
+        return _regeneratorRuntime__default['default'].wrap(function _callee31$(_context31) {
+          while (1) {
+            switch (_context31.prev = _context31.next) {
+              case 0:
+                _context31.next = 2;
+                return this.sendEvent({
+                  type: 'ai_indicator.clear'
+                });
+
+              case 2:
+              case "end":
+                return _context31.stop();
+            }
+          }
+        }, _callee31, this);
+      }));
+
+      function clearAIIndicator() {
+        return _clearAIIndicator.apply(this, arguments);
+      }
+
+      return clearAIIndicator;
+    }()
+    /**
+     * Sends an event to stop AI response generation, leaving the message in its current state.
+     * Triggered by the user to halt the AI response process.
+     */
+
+  }, {
+    key: "stopAIResponse",
+    value: function () {
+      var _stopAIResponse = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee32() {
+        return _regeneratorRuntime__default['default'].wrap(function _callee32$(_context32) {
+          while (1) {
+            switch (_context32.prev = _context32.next) {
+              case 0:
+                _context32.next = 2;
+                return this.sendEvent({
+                  type: 'ai_indicator.stop'
+                });
+
+              case 2:
+              case "end":
+                return _context32.stop();
+            }
+          }
+        }, _callee32, this);
+      }));
+
+      function stopAIResponse() {
+        return _stopAIResponse.apply(this, arguments);
+      }
+
+      return stopAIResponse;
+    }()
     /**
      * stopTyping - Sets last typing to null and sends the typing.stop event
      * @see {@link https://getstream.io/chat/docs/typing_indicators/?language=js|Docs}
@@ -3571,22 +3676,22 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "stopTyping",
     value: function () {
-      var _stopTyping = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee30(parent_id, options) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee30$(_context30) {
+      var _stopTyping = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee33(parent_id, options) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee33$(_context33) {
           while (1) {
-            switch (_context30.prev = _context30.next) {
+            switch (_context33.prev = _context33.next) {
               case 0:
                 if (this._isTypingIndicatorsEnabled()) {
-                  _context30.next = 2;
+                  _context33.next = 2;
                   break;
                 }
 
-                return _context30.abrupt("return");
+                return _context33.abrupt("return");
 
               case 2:
                 this.lastTypingEvent = null;
                 this.isTyping = false;
-                _context30.next = 6;
+                _context33.next = 6;
                 return this.sendEvent(_objectSpread$a({
                   type: 'typing.stop',
                   parent_id: parent_id
@@ -3594,13 +3699,13 @@ var Channel = /*#__PURE__*/function () {
 
               case 6:
               case "end":
-                return _context30.stop();
+                return _context33.stop();
             }
           }
-        }, _callee30, this);
+        }, _callee33, this);
       }));
 
-      function stopTyping(_x29, _x30) {
+      function stopTyping(_x31, _x32) {
         return _stopTyping.apply(this, arguments);
       }
 
@@ -3652,39 +3757,39 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "markRead",
     value: function () {
-      var _markRead = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee31() {
+      var _markRead = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee34() {
         var _this$getConfig2;
 
         var data,
-            _args31 = arguments;
-        return _regeneratorRuntime__default['default'].wrap(function _callee31$(_context31) {
+            _args34 = arguments;
+        return _regeneratorRuntime__default['default'].wrap(function _callee34$(_context34) {
           while (1) {
-            switch (_context31.prev = _context31.next) {
+            switch (_context34.prev = _context34.next) {
               case 0:
-                data = _args31.length > 0 && _args31[0] !== undefined ? _args31[0] : {};
+                data = _args34.length > 0 && _args34[0] !== undefined ? _args34[0] : {};
 
                 this._checkInitialized();
 
                 if (!(!((_this$getConfig2 = this.getConfig()) !== null && _this$getConfig2 !== void 0 && _this$getConfig2.read_events) && !this.getClient()._isUsingServerAuth())) {
-                  _context31.next = 4;
+                  _context34.next = 4;
                   break;
                 }
 
-                return _context31.abrupt("return", Promise.resolve(null));
+                return _context34.abrupt("return", Promise.resolve(null));
 
               case 4:
-                _context31.next = 6;
+                _context34.next = 6;
                 return this.getClient().post(this._channelURL() + '/read', _objectSpread$a({}, data));
 
               case 6:
-                return _context31.abrupt("return", _context31.sent);
+                return _context34.abrupt("return", _context34.sent);
 
               case 7:
               case "end":
-                return _context31.stop();
+                return _context34.stop();
             }
           }
-        }, _callee31, this);
+        }, _callee34, this);
       }));
 
       function markRead() {
@@ -3703,38 +3808,38 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "markUnread",
     value: function () {
-      var _markUnread = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee32(data) {
+      var _markUnread = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee35(data) {
         var _this$getConfig3;
 
-        return _regeneratorRuntime__default['default'].wrap(function _callee32$(_context32) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee35$(_context35) {
           while (1) {
-            switch (_context32.prev = _context32.next) {
+            switch (_context35.prev = _context35.next) {
               case 0:
                 this._checkInitialized();
 
                 if (!(!((_this$getConfig3 = this.getConfig()) !== null && _this$getConfig3 !== void 0 && _this$getConfig3.read_events) && !this.getClient()._isUsingServerAuth())) {
-                  _context32.next = 3;
+                  _context35.next = 3;
                   break;
                 }
 
-                return _context32.abrupt("return", Promise.resolve(null));
+                return _context35.abrupt("return", Promise.resolve(null));
 
               case 3:
-                _context32.next = 5;
+                _context35.next = 5;
                 return this.getClient().post(this._channelURL() + '/unread', _objectSpread$a({}, data));
 
               case 5:
-                return _context32.abrupt("return", _context32.sent);
+                return _context35.abrupt("return", _context35.sent);
 
               case 6:
               case "end":
-                return _context32.stop();
+                return _context35.stop();
             }
           }
-        }, _callee32, this);
+        }, _callee35, this);
       }));
 
-      function markUnread(_x31) {
+      function markUnread(_x33) {
         return _markUnread.apply(this, arguments);
       }
 
@@ -3769,11 +3874,11 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "watch",
     value: function () {
-      var _watch = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee33(options) {
+      var _watch = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee36(options) {
         var defaultOptions, combined, state;
-        return _regeneratorRuntime__default['default'].wrap(function _callee33$(_context33) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee36$(_context36) {
           while (1) {
-            switch (_context33.prev = _context33.next) {
+            switch (_context36.prev = _context36.next) {
               case 0:
                 defaultOptions = {
                   state: true,
@@ -3781,7 +3886,7 @@ var Channel = /*#__PURE__*/function () {
                   presence: false
                 }; // Make sure we wait for the connect promise if there is a pending one
 
-                _context33.next = 3;
+                _context36.next = 3;
                 return this.getClient().wsPromise;
 
               case 3:
@@ -3790,11 +3895,11 @@ var Channel = /*#__PURE__*/function () {
                 }
 
                 combined = _objectSpread$a(_objectSpread$a({}, defaultOptions), options);
-                _context33.next = 7;
+                _context36.next = 7;
                 return this.query(combined, 'latest');
 
               case 7:
-                state = _context33.sent;
+                state = _context36.sent;
                 this.initialized = true;
                 this.data = state.channel;
 
@@ -3803,17 +3908,17 @@ var Channel = /*#__PURE__*/function () {
                   channel: this
                 });
 
-                return _context33.abrupt("return", state);
+                return _context36.abrupt("return", state);
 
               case 12:
               case "end":
-                return _context33.stop();
+                return _context36.stop();
             }
           }
-        }, _callee33, this);
+        }, _callee36, this);
       }));
 
-      function watch(_x32) {
+      function watch(_x34) {
         return _watch.apply(this, arguments);
       }
 
@@ -3828,31 +3933,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "stopWatching",
     value: function () {
-      var _stopWatching = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee34() {
+      var _stopWatching = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee37() {
         var response;
-        return _regeneratorRuntime__default['default'].wrap(function _callee34$(_context34) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee37$(_context37) {
           while (1) {
-            switch (_context34.prev = _context34.next) {
+            switch (_context37.prev = _context37.next) {
               case 0:
-                _context34.next = 2;
+                _context37.next = 2;
                 return this.getClient().post(this._channelURL() + '/stop-watching', {});
 
               case 2:
-                response = _context34.sent;
+                response = _context37.sent;
 
                 this._client.logger('info', "channel:watch() - stopped watching channel ".concat(this.cid), {
                   tags: ['channel'],
                   channel: this
                 });
 
-                return _context34.abrupt("return", response);
+                return _context37.abrupt("return", response);
 
               case 5:
               case "end":
-                return _context34.stop();
+                return _context37.stop();
             }
           }
-        }, _callee34, this);
+        }, _callee37, this);
       }));
 
       function stopWatching() {
@@ -3875,37 +3980,37 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getReplies",
     value: function () {
-      var _getReplies = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee35(parent_id, options, sort) {
+      var _getReplies = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee38(parent_id, options, sort) {
         var normalizedSort, data;
-        return _regeneratorRuntime__default['default'].wrap(function _callee35$(_context35) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee38$(_context38) {
           while (1) {
-            switch (_context35.prev = _context35.next) {
+            switch (_context38.prev = _context38.next) {
               case 0:
                 normalizedSort = sort ? normalizeQuerySort(sort) : undefined;
-                _context35.next = 3;
+                _context38.next = 3;
                 return this.getClient().get(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(parent_id), "/replies"), _objectSpread$a({
                   sort: normalizedSort
                 }, options));
 
               case 3:
-                data = _context35.sent;
+                data = _context38.sent;
 
                 // add any messages to our thread state
                 if (data.messages) {
                   this.state.addMessagesSorted(data.messages);
                 }
 
-                return _context35.abrupt("return", data);
+                return _context38.abrupt("return", data);
 
               case 6:
               case "end":
-                return _context35.stop();
+                return _context38.stop();
             }
           }
-        }, _callee35, this);
+        }, _callee38, this);
       }));
 
-      function getReplies(_x33, _x34, _x35) {
+      function getReplies(_x35, _x36, _x37) {
         return _getReplies.apply(this, arguments);
       }
 
@@ -3923,15 +4028,15 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getPinnedMessages",
     value: function () {
-      var _getPinnedMessages = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee36(options) {
+      var _getPinnedMessages = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee39(options) {
         var sort,
-            _args36 = arguments;
-        return _regeneratorRuntime__default['default'].wrap(function _callee36$(_context36) {
+            _args39 = arguments;
+        return _regeneratorRuntime__default['default'].wrap(function _callee39$(_context39) {
           while (1) {
-            switch (_context36.prev = _context36.next) {
+            switch (_context39.prev = _context39.next) {
               case 0:
-                sort = _args36.length > 1 && _args36[1] !== undefined ? _args36[1] : [];
-                _context36.next = 3;
+                sort = _args39.length > 1 && _args39[1] !== undefined ? _args39[1] : [];
+                _context39.next = 3;
                 return this.getClient().get(this._channelURL() + '/pinned_messages', {
                   payload: _objectSpread$a(_objectSpread$a({}, options), {}, {
                     sort: normalizeQuerySort(sort)
@@ -3939,17 +4044,17 @@ var Channel = /*#__PURE__*/function () {
                 });
 
               case 3:
-                return _context36.abrupt("return", _context36.sent);
+                return _context39.abrupt("return", _context39.sent);
 
               case 4:
               case "end":
-                return _context36.stop();
+                return _context39.stop();
             }
           }
-        }, _callee36, this);
+        }, _callee39, this);
       }));
 
-      function getPinnedMessages(_x36) {
+      function getPinnedMessages(_x38) {
         return _getPinnedMessages.apply(this, arguments);
       }
 
@@ -4085,7 +4190,7 @@ var Channel = /*#__PURE__*/function () {
      * @return {Promise<QueryChannelAPIResponse<StreamChatGenerics>>} Returns a query response
      */
     function () {
-      var _query = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee37(options) {
+      var _query = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee40(options) {
         var _options$messages$lim, _options$messages, _this$data6, _this$data7;
 
         var messageSetToAddToIfDoesNotExist,
@@ -4096,14 +4201,14 @@ var Channel = /*#__PURE__*/function () {
             _this$_initializeStat,
             messageSet,
             areCapabilitiesChanged,
-            _args37 = arguments;
+            _args40 = arguments;
 
-        return _regeneratorRuntime__default['default'].wrap(function _callee37$(_context37) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee40$(_context40) {
           while (1) {
-            switch (_context37.prev = _context37.next) {
+            switch (_context40.prev = _context40.next) {
               case 0:
-                messageSetToAddToIfDoesNotExist = _args37.length > 1 && _args37[1] !== undefined ? _args37[1] : 'current';
-                _context37.next = 3;
+                messageSetToAddToIfDoesNotExist = _args40.length > 1 && _args40[1] !== undefined ? _args40[1] : 'current';
+                _context40.next = 3;
                 return this.getClient().wsPromise;
 
               case 3:
@@ -4113,14 +4218,14 @@ var Channel = /*#__PURE__*/function () {
                   queryURL += "/".concat(encodeURIComponent(this.id));
                 }
 
-                _context37.next = 7;
+                _context40.next = 7;
                 return this.getClient().post(queryURL + '/query', _objectSpread$a({
                   data: this._data,
                   state: true
                 }, options));
 
               case 7:
-                state = _context37.sent;
+                state = _context40.sent;
 
                 // update the channel id if it was missing
                 if (!this.id) {
@@ -4176,17 +4281,17 @@ var Channel = /*#__PURE__*/function () {
                     isLatestMessageSet: messageSet.isLatest
                   }
                 });
-                return _context37.abrupt("return", state);
+                return _context40.abrupt("return", state);
 
               case 19:
               case "end":
-                return _context37.stop();
+                return _context40.stop();
             }
           }
-        }, _callee37, this);
+        }, _callee40, this);
       }));
 
-      function query(_x37) {
+      function query(_x39) {
         return _query.apply(this, arguments);
       }
 
@@ -4203,31 +4308,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "banUser",
     value: function () {
-      var _banUser = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee38(targetUserID, options) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee38$(_context38) {
+      var _banUser = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee41(targetUserID, options) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee41$(_context41) {
           while (1) {
-            switch (_context38.prev = _context38.next) {
+            switch (_context41.prev = _context41.next) {
               case 0:
                 this._checkInitialized();
 
-                _context38.next = 3;
+                _context41.next = 3;
                 return this.getClient().banUser(targetUserID, _objectSpread$a(_objectSpread$a({}, options), {}, {
                   type: this.type,
                   id: this.id
                 }));
 
               case 3:
-                return _context38.abrupt("return", _context38.sent);
+                return _context41.abrupt("return", _context41.sent);
 
               case 4:
               case "end":
-                return _context38.stop();
+                return _context41.stop();
             }
           }
-        }, _callee38, this);
+        }, _callee41, this);
       }));
 
-      function banUser(_x38, _x39) {
+      function banUser(_x40, _x41) {
         return _banUser.apply(this, arguments);
       }
 
@@ -4245,34 +4350,34 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "hide",
     value: function () {
-      var _hide = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee39() {
+      var _hide = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee42() {
         var userId,
             clearHistory,
-            _args39 = arguments;
-        return _regeneratorRuntime__default['default'].wrap(function _callee39$(_context39) {
+            _args42 = arguments;
+        return _regeneratorRuntime__default['default'].wrap(function _callee42$(_context42) {
           while (1) {
-            switch (_context39.prev = _context39.next) {
+            switch (_context42.prev = _context42.next) {
               case 0:
-                userId = _args39.length > 0 && _args39[0] !== undefined ? _args39[0] : null;
-                clearHistory = _args39.length > 1 && _args39[1] !== undefined ? _args39[1] : false;
+                userId = _args42.length > 0 && _args42[0] !== undefined ? _args42[0] : null;
+                clearHistory = _args42.length > 1 && _args42[1] !== undefined ? _args42[1] : false;
 
                 this._checkInitialized();
 
-                _context39.next = 5;
+                _context42.next = 5;
                 return this.getClient().post("".concat(this._channelURL(), "/hide"), {
                   user_id: userId,
                   clear_history: clearHistory
                 });
 
               case 5:
-                return _context39.abrupt("return", _context39.sent);
+                return _context42.abrupt("return", _context42.sent);
 
               case 6:
               case "end":
-                return _context39.stop();
+                return _context42.stop();
             }
           }
-        }, _callee39, this);
+        }, _callee42, this);
       }));
 
       function hide() {
@@ -4291,31 +4396,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "show",
     value: function () {
-      var _show = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee40() {
+      var _show = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee43() {
         var userId,
-            _args40 = arguments;
-        return _regeneratorRuntime__default['default'].wrap(function _callee40$(_context40) {
+            _args43 = arguments;
+        return _regeneratorRuntime__default['default'].wrap(function _callee43$(_context43) {
           while (1) {
-            switch (_context40.prev = _context40.next) {
+            switch (_context43.prev = _context43.next) {
               case 0:
-                userId = _args40.length > 0 && _args40[0] !== undefined ? _args40[0] : null;
+                userId = _args43.length > 0 && _args43[0] !== undefined ? _args43[0] : null;
 
                 this._checkInitialized();
 
-                _context40.next = 4;
+                _context43.next = 4;
                 return this.getClient().post("".concat(this._channelURL(), "/show"), {
                   user_id: userId
                 });
 
               case 4:
-                return _context40.abrupt("return", _context40.sent);
+                return _context43.abrupt("return", _context43.sent);
 
               case 5:
               case "end":
-                return _context40.stop();
+                return _context43.stop();
             }
           }
-        }, _callee40, this);
+        }, _callee43, this);
       }));
 
       function show() {
@@ -4334,31 +4439,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "unbanUser",
     value: function () {
-      var _unbanUser = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee41(targetUserID) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee41$(_context41) {
+      var _unbanUser = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee44(targetUserID) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee44$(_context44) {
           while (1) {
-            switch (_context41.prev = _context41.next) {
+            switch (_context44.prev = _context44.next) {
               case 0:
                 this._checkInitialized();
 
-                _context41.next = 3;
+                _context44.next = 3;
                 return this.getClient().unbanUser(targetUserID, {
                   type: this.type,
                   id: this.id
                 });
 
               case 3:
-                return _context41.abrupt("return", _context41.sent);
+                return _context44.abrupt("return", _context44.sent);
 
               case 4:
               case "end":
-                return _context41.stop();
+                return _context44.stop();
             }
           }
-        }, _callee41, this);
+        }, _callee44, this);
       }));
 
-      function unbanUser(_x40) {
+      function unbanUser(_x42) {
         return _unbanUser.apply(this, arguments);
       }
 
@@ -4375,31 +4480,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "shadowBan",
     value: function () {
-      var _shadowBan = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee42(targetUserID, options) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee42$(_context42) {
+      var _shadowBan = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee45(targetUserID, options) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee45$(_context45) {
           while (1) {
-            switch (_context42.prev = _context42.next) {
+            switch (_context45.prev = _context45.next) {
               case 0:
                 this._checkInitialized();
 
-                _context42.next = 3;
+                _context45.next = 3;
                 return this.getClient().shadowBan(targetUserID, _objectSpread$a(_objectSpread$a({}, options), {}, {
                   type: this.type,
                   id: this.id
                 }));
 
               case 3:
-                return _context42.abrupt("return", _context42.sent);
+                return _context45.abrupt("return", _context45.sent);
 
               case 4:
               case "end":
-                return _context42.stop();
+                return _context45.stop();
             }
           }
-        }, _callee42, this);
+        }, _callee45, this);
       }));
 
-      function shadowBan(_x41, _x42) {
+      function shadowBan(_x43, _x44) {
         return _shadowBan.apply(this, arguments);
       }
 
@@ -4415,31 +4520,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeShadowBan",
     value: function () {
-      var _removeShadowBan = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee43(targetUserID) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee43$(_context43) {
+      var _removeShadowBan = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee46(targetUserID) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee46$(_context46) {
           while (1) {
-            switch (_context43.prev = _context43.next) {
+            switch (_context46.prev = _context46.next) {
               case 0:
                 this._checkInitialized();
 
-                _context43.next = 3;
+                _context46.next = 3;
                 return this.getClient().removeShadowBan(targetUserID, {
                   type: this.type,
                   id: this.id
                 });
 
               case 3:
-                return _context43.abrupt("return", _context43.sent);
+                return _context46.abrupt("return", _context46.sent);
 
               case 4:
               case "end":
-                return _context43.stop();
+                return _context46.stop();
             }
           }
-        }, _callee43, this);
+        }, _callee46, this);
       }));
 
-      function removeShadowBan(_x43) {
+      function removeShadowBan(_x45) {
         return _removeShadowBan.apply(this, arguments);
       }
 
@@ -4455,26 +4560,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "createCall",
     value: function () {
-      var _createCall = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee44(options) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee44$(_context44) {
+      var _createCall = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee47(options) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee47$(_context47) {
           while (1) {
-            switch (_context44.prev = _context44.next) {
+            switch (_context47.prev = _context47.next) {
               case 0:
-                _context44.next = 2;
+                _context47.next = 2;
                 return this.getClient().post(this._channelURL() + '/call', options);
 
               case 2:
-                return _context44.abrupt("return", _context44.sent);
+                return _context47.abrupt("return", _context47.sent);
 
               case 3:
               case "end":
-                return _context44.stop();
+                return _context47.stop();
             }
           }
-        }, _callee44, this);
+        }, _callee47, this);
       }));
 
-      function createCall(_x44) {
+      function createCall(_x46) {
         return _createCall.apply(this, arguments);
       }
 
@@ -4490,26 +4595,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "vote",
     value: function () {
-      var _vote2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee45(messageId, pollId, _vote) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee45$(_context45) {
+      var _vote2 = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee48(messageId, pollId, _vote) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee48$(_context48) {
           while (1) {
-            switch (_context45.prev = _context45.next) {
+            switch (_context48.prev = _context48.next) {
               case 0:
-                _context45.next = 2;
+                _context48.next = 2;
                 return this.getClient().castPollVote(messageId, pollId, _vote);
 
               case 2:
-                return _context45.abrupt("return", _context45.sent);
+                return _context48.abrupt("return", _context48.sent);
 
               case 3:
               case "end":
-                return _context45.stop();
+                return _context48.stop();
             }
           }
-        }, _callee45, this);
+        }, _callee48, this);
       }));
 
-      function vote(_x45, _x46, _x47) {
+      function vote(_x47, _x48, _x49) {
         return _vote2.apply(this, arguments);
       }
 
@@ -4518,26 +4623,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeVote",
     value: function () {
-      var _removeVote = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee46(messageId, pollId, voteId) {
-        return _regeneratorRuntime__default['default'].wrap(function _callee46$(_context46) {
+      var _removeVote = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee49(messageId, pollId, voteId) {
+        return _regeneratorRuntime__default['default'].wrap(function _callee49$(_context49) {
           while (1) {
-            switch (_context46.prev = _context46.next) {
+            switch (_context49.prev = _context49.next) {
               case 0:
-                _context46.next = 2;
+                _context49.next = 2;
                 return this.getClient().removePollVote(messageId, pollId, voteId);
 
               case 2:
-                return _context46.abrupt("return", _context46.sent);
+                return _context49.abrupt("return", _context49.sent);
 
               case 3:
               case "end":
-                return _context46.stop();
+                return _context49.stop();
             }
           }
-        }, _callee46, this);
+        }, _callee49, this);
       }));
 
-      function removeVote(_x48, _x49, _x50) {
+      function removeVote(_x50, _x51, _x52) {
         return _removeVote.apply(this, arguments);
       }
 
@@ -4927,10 +5032,14 @@ var Channel = /*#__PURE__*/function () {
       var _this$getClient2 = this.getClient(),
           clientState = _this$getClient2.state,
           user = _this$getClient2.user,
-          userID = _this$getClient2.userID; // add the Users
+          userID = _this$getClient2.userID; // add the members and users
 
 
       if (state.members) {
+        this._hydrateMembers({
+          members: state.members
+        });
+
         var _iterator = _createForOfIteratorHelper$4(state.members),
             _step;
 
@@ -5037,10 +5146,6 @@ var Channel = /*#__PURE__*/function () {
         }
       }
 
-      if (state.members) {
-        this._hydrateMembers(state.members);
-      }
-
       return {
         messageSet: messageSet
       };
@@ -5060,14 +5165,23 @@ var Channel = /*#__PURE__*/function () {
     }
   }, {
     key: "_hydrateMembers",
-    value: function _hydrateMembers(members) {
-      this.state.members = members.reduce(function (acc, member) {
+    value: function _hydrateMembers(_ref4) {
+      var members = _ref4.members,
+          _ref4$overrideCurrent = _ref4.overrideCurrentState,
+          overrideCurrentState = _ref4$overrideCurrent === void 0 ? true : _ref4$overrideCurrent;
+      var newMembersById = members.reduce(function (membersById, member) {
         if (member.user) {
-          acc[member.user.id] = member;
+          membersById[member.user.id] = member;
         }
 
-        return acc;
+        return membersById;
       }, {});
+
+      if (overrideCurrentState) {
+        this.state.members = newMembersById;
+      } else if (!overrideCurrentState && members.length) {
+        this.state.members = _objectSpread$a(_objectSpread$a({}, this.state.members), newMembersById);
+      }
     }
   }, {
     key: "_disconnect",
@@ -8040,7 +8154,10 @@ var Thread = /*#__PURE__*/function () {
       name: threadData.channel.name
     });
 
-    _channel._hydrateMembers((_threadData$channel$m = threadData.channel.members) !== null && _threadData$channel$m !== void 0 ? _threadData$channel$m : []); // For when read object is undefined and due to that unreadMessageCount for
+    _channel._hydrateMembers({
+      members: (_threadData$channel$m = threadData.channel.members) !== null && _threadData$channel$m !== void 0 ? _threadData$channel$m : [],
+      overrideCurrentState: false
+    }); // For when read object is undefined and due to that unreadMessageCount for
     // the current user isn't being incremented on message.new
 
 
@@ -14642,7 +14759,7 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "getUserAgent",
     value: function getUserAgent() {
-      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.45.2");
+      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.46.0");
     }
   }, {
     key: "setUserAgent",
@@ -16879,6 +16996,10 @@ var EVENT_MAP = {
   'user.updated': true,
   'user.watching.start': true,
   'user.watching.stop': true,
+  // AI events
+  'ai_indicator.update': true,
+  'ai_indicator.stop': true,
+  'ai_indicator.clear': true,
   // local events
   'channels.queried': true,
   'connection.changed': true,