stream-chat 8.45.3 → 8.46.1

package/dist/browser.es.js

@@ -3537,6 +3537,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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30(messageId, state) {
+        var options,
+            _args30 = arguments;
+        return _regeneratorRuntime.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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+        return _regeneratorRuntime.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( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32() {
+        return _regeneratorRuntime.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}
@@ -3546,22 +3651,22 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "stopTyping",
     value: function () {
-      var _stopTyping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30(parent_id, options) {
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
+      var _stopTyping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33(parent_id, options) {
+        return _regeneratorRuntime.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
@@ -3569,13 +3674,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);
       }
 
@@ -3627,39 +3732,39 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "markRead",
     value: function () {
-      var _markRead = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31() {
+      var _markRead = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
         var _this$getConfig2;
 
         var data,
-            _args31 = arguments;
-        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
+            _args34 = arguments;
+        return _regeneratorRuntime.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() {
@@ -3678,38 +3783,38 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "markUnread",
     value: function () {
-      var _markUnread = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32(data) {
+      var _markUnread = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35(data) {
         var _this$getConfig3;
 
-        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
+        return _regeneratorRuntime.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);
       }
 
@@ -3744,11 +3849,11 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "watch",
     value: function () {
-      var _watch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33(options) {
+      var _watch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee36(options) {
         var defaultOptions, combined, state;
-        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
+        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
           while (1) {
-            switch (_context33.prev = _context33.next) {
+            switch (_context36.prev = _context36.next) {
               case 0:
                 defaultOptions = {
                   state: true,
@@ -3756,7 +3861,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:
@@ -3765,11 +3870,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;
 
@@ -3778,17 +3883,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);
       }
 
@@ -3803,31 +3908,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "stopWatching",
     value: function () {
-      var _stopWatching = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
+      var _stopWatching = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee37() {
         var response;
-        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
+        return _regeneratorRuntime.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() {
@@ -3850,37 +3955,37 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getReplies",
     value: function () {
-      var _getReplies = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35(parent_id, options, sort) {
+      var _getReplies = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee38(parent_id, options, sort) {
         var normalizedSort, data;
-        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
+        return _regeneratorRuntime.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);
       }
 
@@ -3898,15 +4003,15 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getPinnedMessages",
     value: function () {
-      var _getPinnedMessages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee36(options) {
+      var _getPinnedMessages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee39(options) {
         var sort,
-            _args36 = arguments;
-        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
+            _args39 = arguments;
+        return _regeneratorRuntime.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)
@@ -3914,17 +4019,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);
       }
 
@@ -4060,7 +4165,7 @@ var Channel = /*#__PURE__*/function () {
      * @return {Promise<QueryChannelAPIResponse<StreamChatGenerics>>} Returns a query response
      */
     function () {
-      var _query = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee37(options) {
+      var _query = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee40(options) {
         var _options$messages$lim, _options$messages, _this$data6, _this$data7;
 
         var messageSetToAddToIfDoesNotExist,
@@ -4071,14 +4176,14 @@ var Channel = /*#__PURE__*/function () {
             _this$_initializeStat,
             messageSet,
             areCapabilitiesChanged,
-            _args37 = arguments;
+            _args40 = arguments;
 
-        return _regeneratorRuntime.wrap(function _callee37$(_context37) {
+        return _regeneratorRuntime.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:
@@ -4088,14 +4193,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) {
@@ -4151,17 +4256,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);
       }
 
@@ -4178,31 +4283,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "banUser",
     value: function () {
-      var _banUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee38(targetUserID, options) {
-        return _regeneratorRuntime.wrap(function _callee38$(_context38) {
+      var _banUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee41(targetUserID, options) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4220,34 +4325,34 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "hide",
     value: function () {
-      var _hide = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee39() {
+      var _hide = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee42() {
         var userId,
             clearHistory,
-            _args39 = arguments;
-        return _regeneratorRuntime.wrap(function _callee39$(_context39) {
+            _args42 = arguments;
+        return _regeneratorRuntime.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() {
@@ -4266,31 +4371,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "show",
     value: function () {
-      var _show = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee40() {
+      var _show = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee43() {
         var userId,
-            _args40 = arguments;
-        return _regeneratorRuntime.wrap(function _callee40$(_context40) {
+            _args43 = arguments;
+        return _regeneratorRuntime.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() {
@@ -4309,31 +4414,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "unbanUser",
     value: function () {
-      var _unbanUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee41(targetUserID) {
-        return _regeneratorRuntime.wrap(function _callee41$(_context41) {
+      var _unbanUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee44(targetUserID) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4350,31 +4455,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "shadowBan",
     value: function () {
-      var _shadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee42(targetUserID, options) {
-        return _regeneratorRuntime.wrap(function _callee42$(_context42) {
+      var _shadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee45(targetUserID, options) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4390,31 +4495,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeShadowBan",
     value: function () {
-      var _removeShadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee43(targetUserID) {
-        return _regeneratorRuntime.wrap(function _callee43$(_context43) {
+      var _removeShadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee46(targetUserID) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4430,26 +4535,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "createCall",
     value: function () {
-      var _createCall = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee44(options) {
-        return _regeneratorRuntime.wrap(function _callee44$(_context44) {
+      var _createCall = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee47(options) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4465,26 +4570,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "vote",
     value: function () {
-      var _vote2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee45(messageId, pollId, _vote) {
-        return _regeneratorRuntime.wrap(function _callee45$(_context45) {
+      var _vote2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee48(messageId, pollId, _vote) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4493,26 +4598,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeVote",
     value: function () {
-      var _removeVote = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee46(messageId, pollId, voteId) {
-        return _regeneratorRuntime.wrap(function _callee46$(_context46) {
+      var _removeVote = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee49(messageId, pollId, voteId) {
+        return _regeneratorRuntime.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);
       }
 
@@ -4588,7 +4693,7 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "_handleChannelEvent",
     value: function _handleChannelEvent(event) {
-      var _event$user, _event$user2, _event$user3, _event$user5, _event$user6, _event$channel, _event$member, _event$user9, _event$user11, _channelState$members, _event$user12, _channelState$members2;
+      var _event$user, _event$user2, _event$user3, _event$user5, _event$user6, _event$channel, _event$member, _channelState$members, _event$member2, _event$member2$user, _event$user9, _event$user11, _channelState$members2, _event$user12, _channelState$members3;
 
       var channel = this;
 
@@ -4762,8 +4867,12 @@ var Channel = /*#__PURE__*/function () {
 
         case 'member.added':
         case 'member.updated':
-          if ((_event$member = event.member) !== null && _event$member !== void 0 && _event$member.user_id) {
-            channelState.members = _objectSpread$a(_objectSpread$a({}, channelState.members), {}, _defineProperty({}, event.member.user_id, event.member));
+          if ((_event$member = event.member) !== null && _event$member !== void 0 && _event$member.user) {
+            channelState.members = _objectSpread$a(_objectSpread$a({}, channelState.members), {}, _defineProperty({}, event.member.user.id, event.member));
+          }
+
+          if (typeof ((_channelState$members = channelState.membership.user) === null || _channelState$members === void 0 ? void 0 : _channelState$members.id) === 'string' && typeof ((_event$member2 = event.member) === null || _event$member2 === void 0 ? void 0 : (_event$member2$user = _event$member2.user) === null || _event$member2$user === void 0 ? void 0 : _event$member2$user.id) === 'string' && event.member.user.id === channelState.membership.user.id) {
+            channelState.membership = event.member;
           }
 
           break;
@@ -4773,7 +4882,7 @@ var Channel = /*#__PURE__*/function () {
             var newMembers = _objectSpread$a({}, channelState.members);
 
             delete newMembers[event.user.id];
-            channelState.members = newMembers;
+            channelState.members = newMembers; // TODO?: unset membership
           }
 
           break;
@@ -4867,7 +4976,7 @@ var Channel = /*#__PURE__*/function () {
           channelState.members[event.user.id] = _objectSpread$a(_objectSpread$a({}, channelState.members[event.user.id] || {}), {}, {
             shadow_banned: !!event.shadow,
             banned: !event.shadow,
-            user: _objectSpread$a(_objectSpread$a({}, ((_channelState$members = channelState.members[event.user.id]) === null || _channelState$members === void 0 ? void 0 : _channelState$members.user) || {}), event.user)
+            user: _objectSpread$a(_objectSpread$a({}, ((_channelState$members2 = channelState.members[event.user.id]) === null || _channelState$members2 === void 0 ? void 0 : _channelState$members2.user) || {}), event.user)
           });
           break;
 
@@ -4876,7 +4985,7 @@ var Channel = /*#__PURE__*/function () {
           channelState.members[event.user.id] = _objectSpread$a(_objectSpread$a({}, channelState.members[event.user.id] || {}), {}, {
             shadow_banned: false,
             banned: false,
-            user: _objectSpread$a(_objectSpread$a({}, ((_channelState$members2 = channelState.members[event.user.id]) === null || _channelState$members2 === void 0 ? void 0 : _channelState$members2.user) || {}), event.user)
+            user: _objectSpread$a(_objectSpread$a({}, ((_channelState$members3 = channelState.members[event.user.id]) === null || _channelState$members3 === void 0 ? void 0 : _channelState$members3.user) || {}), event.user)
           });
           break;
       } // any event can send over the online count
@@ -4928,7 +5037,7 @@ var Channel = /*#__PURE__*/function () {
         }
       }
 
-      this.state.membership = state.membership || {};
+      this.state.membership = _objectSpread$a(_objectSpread$a({}, this.state.membership), state.membership);
       var messages = state.messages || [];
 
       if (!this.state.messages) {
@@ -14629,7 +14738,7 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "getUserAgent",
     value: function getUserAgent() {
-      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.45.3");
+      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.46.1");
     }
   }, {
     key: "setUserAgent",
@@ -16866,6 +16975,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,