stream-chat 8.40.2 → 8.40.4

package/dist/browser.es.js

@@ -421,8 +421,10 @@ function addToMessageList(messages, newMessage) {
   } // for empty list just concat and return unless it's an update or deletion
 
 
-  if (!newMessages.length && addMessageToList) {
+  if (newMessages.length === 0 && addMessageToList) {
     return newMessages.concat(newMessage);
+  } else if (newMessages.length === 0) {
+    return newMessages;
   } // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
 
@@ -432,6 +434,8 @@ function addToMessageList(messages, newMessage) {
 
   if (messageIsNewest && addMessageToList) {
     return newMessages.concat(newMessage);
+  } else if (newMessages.length === 0) {
+    return newMessages;
   } // find the closest index to push the new message
 
 
@@ -2250,6 +2254,51 @@ var Channel = /*#__PURE__*/function () {
 
       return queryMembers;
     }()
+    /**
+     * partialUpdateMember - Partial update a member
+     *
+     * @param {string} user_id member user id
+     * @param {PartialUpdateMember<StreamChatGenerics>}  updates
+     *
+     * @return {Promise<ChannelMemberResponse<StreamChatGenerics>>} Updated member
+     */
+
+  }, {
+    key: "partialUpdateMember",
+    value: function () {
+      var _partialUpdateMember = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(user_id, updates) {
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                if (user_id) {
+                  _context6.next = 2;
+                  break;
+                }
+
+                throw Error('Please specify the user id');
+
+              case 2:
+                _context6.next = 4;
+                return this.getClient().patch(this._channelURL() + "/member/".concat(encodeURIComponent(user_id)), updates);
+
+              case 4:
+                return _context6.abrupt("return", _context6.sent);
+
+              case 5:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+
+      function partialUpdateMember(_x7, _x8) {
+        return _partialUpdateMember.apply(this, arguments);
+      }
+
+      return partialUpdateMember;
+    }()
     /**
      * sendReaction - Send a reaction about a message
      *
@@ -2263,13 +2312,13 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "sendReaction",
     value: function () {
-      var _sendReaction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(messageID, reaction, options) {
-        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+      var _sendReaction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(messageID, reaction, options) {
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
           while (1) {
-            switch (_context6.prev = _context6.next) {
+            switch (_context7.prev = _context7.next) {
               case 0:
                 if (messageID) {
-                  _context6.next = 2;
+                  _context7.next = 2;
                   break;
                 }
 
@@ -2277,30 +2326,30 @@ var Channel = /*#__PURE__*/function () {
 
               case 2:
                 if (!(!reaction || Object.keys(reaction).length === 0)) {
-                  _context6.next = 4;
+                  _context7.next = 4;
                   break;
                 }
 
                 throw Error("Reaction object is missing");
 
               case 4:
-                _context6.next = 6;
+                _context7.next = 6;
                 return this.getClient().post(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(messageID), "/reaction"), _objectSpread$9({
                   reaction: reaction
                 }, options));
 
               case 6:
-                return _context6.abrupt("return", _context6.sent);
+                return _context7.abrupt("return", _context7.sent);
 
               case 7:
               case "end":
-                return _context6.stop();
+                return _context7.stop();
             }
           }
-        }, _callee6, this);
+        }, _callee7, this);
       }));
 
-      function sendReaction(_x7, _x8, _x9) {
+      function sendReaction(_x9, _x10, _x11) {
         return _sendReaction.apply(this, arguments);
       }
 
@@ -2347,39 +2396,39 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "update",
     value: function () {
-      var _update2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var _update2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
         var channelData,
             updateMessage,
             options,
             reserved,
-            _args7 = arguments;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+            _args8 = arguments;
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
           while (1) {
-            switch (_context7.prev = _context7.next) {
+            switch (_context8.prev = _context8.next) {
               case 0:
-                channelData = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : {};
-                updateMessage = _args7.length > 1 ? _args7[1] : undefined;
-                options = _args7.length > 2 ? _args7[2] : undefined;
+                channelData = _args8.length > 0 && _args8[0] !== undefined ? _args8[0] : {};
+                updateMessage = _args8.length > 1 ? _args8[1] : undefined;
+                options = _args8.length > 2 ? _args8[2] : undefined;
                 // Strip out reserved names that will result in API errors.
                 reserved = ['config', 'cid', 'created_by', 'id', 'member_count', 'type', 'created_at', 'updated_at', 'last_message_at', 'own_capabilities'];
                 reserved.forEach(function (key) {
                   delete channelData[key];
                 });
-                _context7.next = 7;
+                _context8.next = 7;
                 return this._update(_objectSpread$9({
                   message: updateMessage,
                   data: channelData
                 }, options));
 
               case 7:
-                return _context7.abrupt("return", _context7.sent);
+                return _context8.abrupt("return", _context8.sent);
 
               case 8:
               case "end":
-                return _context7.stop();
+                return _context8.stop();
             }
           }
-        }, _callee7, this);
+        }, _callee8, this);
       }));
 
       function update() {
@@ -2399,19 +2448,19 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "updatePartial",
     value: function () {
-      var _updatePartial = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(update) {
+      var _updatePartial = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(update) {
         var _this$data2, _this$data3;
 
         var data, areCapabilitiesChanged;
-        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
           while (1) {
-            switch (_context8.prev = _context8.next) {
+            switch (_context9.prev = _context9.next) {
               case 0:
-                _context8.next = 2;
+                _context9.next = 2;
                 return this.getClient().patch(this._channelURL(), update);
 
               case 2:
-                data = _context8.sent;
+                data = _context9.sent;
                 areCapabilitiesChanged = _toConsumableArray(data.channel.own_capabilities || []).sort().join() !== _toConsumableArray(Array.isArray((_this$data2 = this.data) === null || _this$data2 === void 0 ? void 0 : _this$data2.own_capabilities) ? (_this$data3 = this.data) === null || _this$data3 === void 0 ? void 0 : _this$data3.own_capabilities : []).sort().join();
                 this.data = data.channel; // If the capabiltities are changed, we trigger the `capabilities.changed` event.
 
@@ -2423,17 +2472,17 @@ var Channel = /*#__PURE__*/function () {
                   });
                 }
 
-                return _context8.abrupt("return", data);
+                return _context9.abrupt("return", data);
 
               case 7:
               case "end":
-                return _context8.stop();
+                return _context9.stop();
             }
           }
-        }, _callee8, this);
+        }, _callee9, this);
       }));
 
-      function updatePartial(_x10) {
+      function updatePartial(_x12) {
         return _updatePartial.apply(this, arguments);
       }
 
@@ -2449,31 +2498,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "enableSlowMode",
     value: function () {
-      var _enableSlowMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9(coolDownInterval) {
+      var _enableSlowMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(coolDownInterval) {
         var data;
-        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
           while (1) {
-            switch (_context9.prev = _context9.next) {
+            switch (_context10.prev = _context10.next) {
               case 0:
-                _context9.next = 2;
+                _context10.next = 2;
                 return this.getClient().post(this._channelURL(), {
                   cooldown: coolDownInterval
                 });
 
               case 2:
-                data = _context9.sent;
+                data = _context10.sent;
                 this.data = data.channel;
-                return _context9.abrupt("return", data);
+                return _context10.abrupt("return", data);
 
               case 5:
               case "end":
-                return _context9.stop();
+                return _context10.stop();
             }
           }
-        }, _callee9, this);
+        }, _callee10, this);
       }));
 
-      function enableSlowMode(_x11) {
+      function enableSlowMode(_x13) {
         return _enableSlowMode.apply(this, arguments);
       }
 
@@ -2488,28 +2537,28 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "disableSlowMode",
     value: function () {
-      var _disableSlowMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+      var _disableSlowMode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
         var data;
-        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) {
-            switch (_context10.prev = _context10.next) {
+            switch (_context11.prev = _context11.next) {
               case 0:
-                _context10.next = 2;
+                _context11.next = 2;
                 return this.getClient().post(this._channelURL(), {
                   cooldown: 0
                 });
 
               case 2:
-                data = _context10.sent;
+                data = _context11.sent;
                 this.data = data.channel;
-                return _context10.abrupt("return", data);
+                return _context11.abrupt("return", data);
 
               case 5:
               case "end":
-                return _context10.stop();
+                return _context11.stop();
             }
           }
-        }, _callee10, this);
+        }, _callee11, this);
       }));
 
       function disableSlowMode() {
@@ -2529,26 +2578,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "delete",
     value: function () {
-      var _delete2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+      var _delete2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
         var options,
-            _args11 = arguments;
-        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+            _args12 = arguments;
+        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
           while (1) {
-            switch (_context11.prev = _context11.next) {
+            switch (_context12.prev = _context12.next) {
               case 0:
-                options = _args11.length > 0 && _args11[0] !== undefined ? _args11[0] : {};
-                _context11.next = 3;
+                options = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
+                _context12.next = 3;
                 return this.getClient().delete(this._channelURL(), _objectSpread$9({}, options));
 
               case 3:
-                return _context11.abrupt("return", _context11.sent);
+                return _context12.abrupt("return", _context12.sent);
 
               case 4:
               case "end":
-                return _context11.stop();
+                return _context12.stop();
             }
           }
-        }, _callee11, this);
+        }, _callee12, this);
       }));
 
       function _delete() {
@@ -2566,26 +2615,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "truncate",
     value: function () {
-      var _truncate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+      var _truncate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
         var options,
-            _args12 = arguments;
-        return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+            _args13 = arguments;
+        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
           while (1) {
-            switch (_context12.prev = _context12.next) {
+            switch (_context13.prev = _context13.next) {
               case 0:
-                options = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
-                _context12.next = 3;
+                options = _args13.length > 0 && _args13[0] !== undefined ? _args13[0] : {};
+                _context13.next = 3;
                 return this.getClient().post(this._channelURL() + '/truncate', options);
 
               case 3:
-                return _context12.abrupt("return", _context12.sent);
+                return _context13.abrupt("return", _context13.sent);
 
               case 4:
               case "end":
-                return _context12.stop();
+                return _context13.stop();
             }
           }
-        }, _callee12, this);
+        }, _callee13, this);
       }));
 
       function truncate() {
@@ -2605,28 +2654,28 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "acceptInvite",
     value: function () {
-      var _acceptInvite = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      var _acceptInvite = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
         var options,
-            _args13 = arguments;
-        return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+            _args14 = arguments;
+        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
           while (1) {
-            switch (_context13.prev = _context13.next) {
+            switch (_context14.prev = _context14.next) {
               case 0:
-                options = _args13.length > 0 && _args13[0] !== undefined ? _args13[0] : {};
-                _context13.next = 3;
+                options = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : {};
+                _context14.next = 3;
                 return this._update(_objectSpread$9({
                   accept_invite: true
                 }, options));
 
               case 3:
-                return _context13.abrupt("return", _context13.sent);
+                return _context14.abrupt("return", _context14.sent);
 
               case 4:
               case "end":
-                return _context13.stop();
+                return _context14.stop();
             }
           }
-        }, _callee13, this);
+        }, _callee14, this);
       }));
 
       function acceptInvite() {
@@ -2646,28 +2695,28 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "rejectInvite",
     value: function () {
-      var _rejectInvite = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+      var _rejectInvite = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
         var options,
-            _args14 = arguments;
-        return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+            _args15 = arguments;
+        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
           while (1) {
-            switch (_context14.prev = _context14.next) {
+            switch (_context15.prev = _context15.next) {
               case 0:
-                options = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : {};
-                _context14.next = 3;
+                options = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : {};
+                _context15.next = 3;
                 return this._update(_objectSpread$9({
                   reject_invite: true
                 }, options));
 
               case 3:
-                return _context14.abrupt("return", _context14.sent);
+                return _context15.abrupt("return", _context15.sent);
 
               case 4:
               case "end":
-                return _context14.stop();
+                return _context15.stop();
             }
           }
-        }, _callee14, this);
+        }, _callee15, this);
       }));
 
       function rejectInvite() {
@@ -2688,32 +2737,32 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "addMembers",
     value: function () {
-      var _addMembers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15(members, message) {
+      var _addMembers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(members, message) {
         var options,
-            _args15 = arguments;
-        return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+            _args16 = arguments;
+        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
           while (1) {
-            switch (_context15.prev = _context15.next) {
+            switch (_context16.prev = _context16.next) {
               case 0:
-                options = _args15.length > 2 && _args15[2] !== undefined ? _args15[2] : {};
-                _context15.next = 3;
+                options = _args16.length > 2 && _args16[2] !== undefined ? _args16[2] : {};
+                _context16.next = 3;
                 return this._update(_objectSpread$9({
                   add_members: members,
                   message: message
                 }, options));
 
               case 3:
-                return _context15.abrupt("return", _context15.sent);
+                return _context16.abrupt("return", _context16.sent);
 
               case 4:
               case "end":
-                return _context15.stop();
+                return _context16.stop();
             }
           }
-        }, _callee15, this);
+        }, _callee16, this);
       }));
 
-      function addMembers(_x12, _x13) {
+      function addMembers(_x14, _x15) {
         return _addMembers.apply(this, arguments);
       }
 
@@ -2731,32 +2780,32 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "addModerators",
     value: function () {
-      var _addModerators = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16(members, message) {
+      var _addModerators = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17(members, message) {
         var options,
-            _args16 = arguments;
-        return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+            _args17 = arguments;
+        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
           while (1) {
-            switch (_context16.prev = _context16.next) {
+            switch (_context17.prev = _context17.next) {
               case 0:
-                options = _args16.length > 2 && _args16[2] !== undefined ? _args16[2] : {};
-                _context16.next = 3;
+                options = _args17.length > 2 && _args17[2] !== undefined ? _args17[2] : {};
+                _context17.next = 3;
                 return this._update(_objectSpread$9({
                   add_moderators: members,
                   message: message
                 }, options));
 
               case 3:
-                return _context16.abrupt("return", _context16.sent);
+                return _context17.abrupt("return", _context17.sent);
 
               case 4:
               case "end":
-                return _context16.stop();
+                return _context17.stop();
             }
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
 
-      function addModerators(_x14, _x15) {
+      function addModerators(_x16, _x17) {
         return _addModerators.apply(this, arguments);
       }
 
@@ -2774,32 +2823,32 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "assignRoles",
     value: function () {
-      var _assignRoles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee17(roles, message) {
+      var _assignRoles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18(roles, message) {
         var options,
-            _args17 = arguments;
-        return _regeneratorRuntime.wrap(function _callee17$(_context17) {
+            _args18 = arguments;
+        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
           while (1) {
-            switch (_context17.prev = _context17.next) {
+            switch (_context18.prev = _context18.next) {
               case 0:
-                options = _args17.length > 2 && _args17[2] !== undefined ? _args17[2] : {};
-                _context17.next = 3;
+                options = _args18.length > 2 && _args18[2] !== undefined ? _args18[2] : {};
+                _context18.next = 3;
                 return this._update(_objectSpread$9({
                   assign_roles: roles,
                   message: message
                 }, options));
 
               case 3:
-                return _context17.abrupt("return", _context17.sent);
+                return _context18.abrupt("return", _context18.sent);
 
               case 4:
               case "end":
-                return _context17.stop();
+                return _context18.stop();
             }
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
 
-      function assignRoles(_x16, _x17) {
+      function assignRoles(_x18, _x19) {
         return _assignRoles.apply(this, arguments);
       }
 
@@ -2817,32 +2866,32 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "inviteMembers",
     value: function () {
-      var _inviteMembers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee18(members, message) {
+      var _inviteMembers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19(members, message) {
         var options,
-            _args18 = arguments;
-        return _regeneratorRuntime.wrap(function _callee18$(_context18) {
+            _args19 = arguments;
+        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
           while (1) {
-            switch (_context18.prev = _context18.next) {
+            switch (_context19.prev = _context19.next) {
               case 0:
-                options = _args18.length > 2 && _args18[2] !== undefined ? _args18[2] : {};
-                _context18.next = 3;
+                options = _args19.length > 2 && _args19[2] !== undefined ? _args19[2] : {};
+                _context19.next = 3;
                 return this._update(_objectSpread$9({
                   invites: members,
                   message: message
                 }, options));
 
               case 3:
-                return _context18.abrupt("return", _context18.sent);
+                return _context19.abrupt("return", _context19.sent);
 
               case 4:
               case "end":
-                return _context18.stop();
+                return _context19.stop();
             }
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
 
-      function inviteMembers(_x18, _x19) {
+      function inviteMembers(_x20, _x21) {
         return _inviteMembers.apply(this, arguments);
       }
 
@@ -2860,32 +2909,32 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeMembers",
     value: function () {
-      var _removeMembers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee19(members, message) {
+      var _removeMembers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20(members, message) {
         var options,
-            _args19 = arguments;
-        return _regeneratorRuntime.wrap(function _callee19$(_context19) {
+            _args20 = arguments;
+        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
           while (1) {
-            switch (_context19.prev = _context19.next) {
+            switch (_context20.prev = _context20.next) {
               case 0:
-                options = _args19.length > 2 && _args19[2] !== undefined ? _args19[2] : {};
-                _context19.next = 3;
+                options = _args20.length > 2 && _args20[2] !== undefined ? _args20[2] : {};
+                _context20.next = 3;
                 return this._update(_objectSpread$9({
                   remove_members: members,
                   message: message
                 }, options));
 
               case 3:
-                return _context19.abrupt("return", _context19.sent);
+                return _context20.abrupt("return", _context20.sent);
 
               case 4:
               case "end":
-                return _context19.stop();
+                return _context20.stop();
             }
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
 
-      function removeMembers(_x20, _x21) {
+      function removeMembers(_x22, _x23) {
         return _removeMembers.apply(this, arguments);
       }
 
@@ -2903,32 +2952,32 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "demoteModerators",
     value: function () {
-      var _demoteModerators = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee20(members, message) {
+      var _demoteModerators = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21(members, message) {
         var options,
-            _args20 = arguments;
-        return _regeneratorRuntime.wrap(function _callee20$(_context20) {
+            _args21 = arguments;
+        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
           while (1) {
-            switch (_context20.prev = _context20.next) {
+            switch (_context21.prev = _context21.next) {
               case 0:
-                options = _args20.length > 2 && _args20[2] !== undefined ? _args20[2] : {};
-                _context20.next = 3;
+                options = _args21.length > 2 && _args21[2] !== undefined ? _args21[2] : {};
+                _context21.next = 3;
                 return this._update(_objectSpread$9({
                   demote_moderators: members,
                   message: message
                 }, options));
 
               case 3:
-                return _context20.abrupt("return", _context20.sent);
+                return _context21.abrupt("return", _context21.sent);
 
               case 4:
               case "end":
-                return _context20.stop();
+                return _context21.stop();
             }
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
 
-      function demoteModerators(_x22, _x23) {
+      function demoteModerators(_x24, _x25) {
         return _demoteModerators.apply(this, arguments);
       }
 
@@ -2944,29 +2993,29 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "_update",
     value: function () {
-      var _update3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee21(payload) {
+      var _update3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22(payload) {
         var data;
-        return _regeneratorRuntime.wrap(function _callee21$(_context21) {
+        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
           while (1) {
-            switch (_context21.prev = _context21.next) {
+            switch (_context22.prev = _context22.next) {
               case 0:
-                _context21.next = 2;
+                _context22.next = 2;
                 return this.getClient().post(this._channelURL(), payload);
 
               case 2:
-                data = _context21.sent;
+                data = _context22.sent;
                 this.data = data.channel;
-                return _context21.abrupt("return", data);
+                return _context22.abrupt("return", data);
 
               case 5:
               case "end":
-                return _context21.stop();
+                return _context22.stop();
             }
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
 
-      function _update(_x24) {
+      function _update(_x26) {
         return _update3.apply(this, arguments);
       }
 
@@ -2988,28 +3037,28 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "mute",
     value: function () {
-      var _mute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee22() {
+      var _mute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23() {
         var opts,
-            _args22 = arguments;
-        return _regeneratorRuntime.wrap(function _callee22$(_context22) {
+            _args23 = arguments;
+        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
           while (1) {
-            switch (_context22.prev = _context22.next) {
+            switch (_context23.prev = _context23.next) {
               case 0:
-                opts = _args22.length > 0 && _args22[0] !== undefined ? _args22[0] : {};
-                _context22.next = 3;
+                opts = _args23.length > 0 && _args23[0] !== undefined ? _args23[0] : {};
+                _context23.next = 3;
                 return this.getClient().post(this.getClient().baseURL + '/moderation/mute/channel', _objectSpread$9({
                   channel_cid: this.cid
                 }, opts));
 
               case 3:
-                return _context22.abrupt("return", _context22.sent);
+                return _context23.abrupt("return", _context23.sent);
 
               case 4:
               case "end":
-                return _context22.stop();
+                return _context23.stop();
             }
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
 
       function mute() {
@@ -3030,28 +3079,28 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "unmute",
     value: function () {
-      var _unmute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee23() {
+      var _unmute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24() {
         var opts,
-            _args23 = arguments;
-        return _regeneratorRuntime.wrap(function _callee23$(_context23) {
+            _args24 = arguments;
+        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
           while (1) {
-            switch (_context23.prev = _context23.next) {
+            switch (_context24.prev = _context24.next) {
               case 0:
-                opts = _args23.length > 0 && _args23[0] !== undefined ? _args23[0] : {};
-                _context23.next = 3;
+                opts = _args24.length > 0 && _args24[0] !== undefined ? _args24[0] : {};
+                _context24.next = 3;
                 return this.getClient().post(this.getClient().baseURL + '/moderation/unmute/channel', _objectSpread$9({
                   channel_cid: this.cid
                 }, opts));
 
               case 3:
-                return _context23.abrupt("return", _context23.sent);
+                return _context24.abrupt("return", _context24.sent);
 
               case 4:
               case "end":
-                return _context23.stop();
+                return _context24.stop();
             }
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
 
       function unmute() {
@@ -3098,18 +3147,18 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "keystroke",
     value: function () {
-      var _keystroke = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee24(parent_id, options) {
+      var _keystroke = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25(parent_id, options) {
         var now, diff;
-        return _regeneratorRuntime.wrap(function _callee24$(_context24) {
+        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
           while (1) {
-            switch (_context24.prev = _context24.next) {
+            switch (_context25.prev = _context25.next) {
               case 0:
                 if (this._isTypingIndicatorsEnabled()) {
-                  _context24.next = 2;
+                  _context25.next = 2;
                   break;
                 }
 
-                return _context24.abrupt("return");
+                return _context25.abrupt("return");
 
               case 2:
                 now = new Date();
@@ -3118,12 +3167,12 @@ var Channel = /*#__PURE__*/function () {
                 this.isTyping = true; // send a typing.start every 2 seconds
 
                 if (!(diff === null || diff > 2000)) {
-                  _context24.next = 10;
+                  _context25.next = 10;
                   break;
                 }
 
                 this.lastTypingEvent = new Date();
-                _context24.next = 10;
+                _context25.next = 10;
                 return this.sendEvent(_objectSpread$9({
                   type: 'typing.start',
                   parent_id: parent_id
@@ -3131,13 +3180,13 @@ var Channel = /*#__PURE__*/function () {
 
               case 10:
               case "end":
-                return _context24.stop();
+                return _context25.stop();
             }
           }
-        }, _callee24, this);
+        }, _callee25, this);
       }));
 
-      function keystroke(_x25, _x26) {
+      function keystroke(_x27, _x28) {
         return _keystroke.apply(this, arguments);
       }
 
@@ -3152,22 +3201,22 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "stopTyping",
     value: function () {
-      var _stopTyping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee25(parent_id, options) {
-        return _regeneratorRuntime.wrap(function _callee25$(_context25) {
+      var _stopTyping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26(parent_id, options) {
+        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
           while (1) {
-            switch (_context25.prev = _context25.next) {
+            switch (_context26.prev = _context26.next) {
               case 0:
                 if (this._isTypingIndicatorsEnabled()) {
-                  _context25.next = 2;
+                  _context26.next = 2;
                   break;
                 }
 
-                return _context25.abrupt("return");
+                return _context26.abrupt("return");
 
               case 2:
                 this.lastTypingEvent = null;
                 this.isTyping = false;
-                _context25.next = 6;
+                _context26.next = 6;
                 return this.sendEvent(_objectSpread$9({
                   type: 'typing.stop',
                   parent_id: parent_id
@@ -3175,13 +3224,13 @@ var Channel = /*#__PURE__*/function () {
 
               case 6:
               case "end":
-                return _context25.stop();
+                return _context26.stop();
             }
           }
-        }, _callee25, this);
+        }, _callee26, this);
       }));
 
-      function stopTyping(_x27, _x28) {
+      function stopTyping(_x29, _x30) {
         return _stopTyping.apply(this, arguments);
       }
 
@@ -3233,39 +3282,39 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "markRead",
     value: function () {
-      var _markRead = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee26() {
+      var _markRead = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27() {
         var _this$getConfig2;
 
         var data,
-            _args26 = arguments;
-        return _regeneratorRuntime.wrap(function _callee26$(_context26) {
+            _args27 = arguments;
+        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
           while (1) {
-            switch (_context26.prev = _context26.next) {
+            switch (_context27.prev = _context27.next) {
               case 0:
-                data = _args26.length > 0 && _args26[0] !== undefined ? _args26[0] : {};
+                data = _args27.length > 0 && _args27[0] !== undefined ? _args27[0] : {};
 
                 this._checkInitialized();
 
                 if (!(!((_this$getConfig2 = this.getConfig()) !== null && _this$getConfig2 !== void 0 && _this$getConfig2.read_events) && !this.getClient()._isUsingServerAuth())) {
-                  _context26.next = 4;
+                  _context27.next = 4;
                   break;
                 }
 
-                return _context26.abrupt("return", Promise.resolve(null));
+                return _context27.abrupt("return", Promise.resolve(null));
 
               case 4:
-                _context26.next = 6;
+                _context27.next = 6;
                 return this.getClient().post(this._channelURL() + '/read', _objectSpread$9({}, data));
 
               case 6:
-                return _context26.abrupt("return", _context26.sent);
+                return _context27.abrupt("return", _context27.sent);
 
               case 7:
               case "end":
-                return _context26.stop();
+                return _context27.stop();
             }
           }
-        }, _callee26, this);
+        }, _callee27, this);
       }));
 
       function markRead() {
@@ -3284,38 +3333,38 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "markUnread",
     value: function () {
-      var _markUnread = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee27(data) {
+      var _markUnread = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28(data) {
         var _this$getConfig3;
 
-        return _regeneratorRuntime.wrap(function _callee27$(_context27) {
+        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
           while (1) {
-            switch (_context27.prev = _context27.next) {
+            switch (_context28.prev = _context28.next) {
               case 0:
                 this._checkInitialized();
 
                 if (!(!((_this$getConfig3 = this.getConfig()) !== null && _this$getConfig3 !== void 0 && _this$getConfig3.read_events) && !this.getClient()._isUsingServerAuth())) {
-                  _context27.next = 3;
+                  _context28.next = 3;
                   break;
                 }
 
-                return _context27.abrupt("return", Promise.resolve(null));
+                return _context28.abrupt("return", Promise.resolve(null));
 
               case 3:
-                _context27.next = 5;
+                _context28.next = 5;
                 return this.getClient().post(this._channelURL() + '/unread', _objectSpread$9({}, data));
 
               case 5:
-                return _context27.abrupt("return", _context27.sent);
+                return _context28.abrupt("return", _context28.sent);
 
               case 6:
               case "end":
-                return _context27.stop();
+                return _context28.stop();
             }
           }
-        }, _callee27, this);
+        }, _callee28, this);
       }));
 
-      function markUnread(_x29) {
+      function markUnread(_x31) {
         return _markUnread.apply(this, arguments);
       }
 
@@ -3350,11 +3399,11 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "watch",
     value: function () {
-      var _watch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee28(options) {
+      var _watch = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29(options) {
         var defaultOptions, combined, state;
-        return _regeneratorRuntime.wrap(function _callee28$(_context28) {
+        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
           while (1) {
-            switch (_context28.prev = _context28.next) {
+            switch (_context29.prev = _context29.next) {
               case 0:
                 defaultOptions = {
                   state: true,
@@ -3362,7 +3411,7 @@ var Channel = /*#__PURE__*/function () {
                   presence: false
                 }; // Make sure we wait for the connect promise if there is a pending one
 
-                _context28.next = 3;
+                _context29.next = 3;
                 return this.getClient().wsPromise;
 
               case 3:
@@ -3371,11 +3420,11 @@ var Channel = /*#__PURE__*/function () {
                 }
 
                 combined = _objectSpread$9(_objectSpread$9({}, defaultOptions), options);
-                _context28.next = 7;
+                _context29.next = 7;
                 return this.query(combined, 'latest');
 
               case 7:
-                state = _context28.sent;
+                state = _context29.sent;
                 this.initialized = true;
                 this.data = state.channel;
 
@@ -3384,17 +3433,17 @@ var Channel = /*#__PURE__*/function () {
                   channel: this
                 });
 
-                return _context28.abrupt("return", state);
+                return _context29.abrupt("return", state);
 
               case 12:
               case "end":
-                return _context28.stop();
+                return _context29.stop();
             }
           }
-        }, _callee28, this);
+        }, _callee29, this);
       }));
 
-      function watch(_x30) {
+      function watch(_x32) {
         return _watch.apply(this, arguments);
       }
 
@@ -3409,31 +3458,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "stopWatching",
     value: function () {
-      var _stopWatching = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29() {
+      var _stopWatching = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30() {
         var response;
-        return _regeneratorRuntime.wrap(function _callee29$(_context29) {
+        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
           while (1) {
-            switch (_context29.prev = _context29.next) {
+            switch (_context30.prev = _context30.next) {
               case 0:
-                _context29.next = 2;
+                _context30.next = 2;
                 return this.getClient().post(this._channelURL() + '/stop-watching', {});
 
               case 2:
-                response = _context29.sent;
+                response = _context30.sent;
 
                 this._client.logger('info', "channel:watch() - stopped watching channel ".concat(this.cid), {
                   tags: ['channel'],
                   channel: this
                 });
 
-                return _context29.abrupt("return", response);
+                return _context30.abrupt("return", response);
 
               case 5:
               case "end":
-                return _context29.stop();
+                return _context30.stop();
             }
           }
-        }, _callee29, this);
+        }, _callee30, this);
       }));
 
       function stopWatching() {
@@ -3456,37 +3505,37 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getReplies",
     value: function () {
-      var _getReplies = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee30(parent_id, options, sort) {
+      var _getReplies = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31(parent_id, options, sort) {
         var normalizedSort, data;
-        return _regeneratorRuntime.wrap(function _callee30$(_context30) {
+        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
           while (1) {
-            switch (_context30.prev = _context30.next) {
+            switch (_context31.prev = _context31.next) {
               case 0:
                 normalizedSort = sort ? normalizeQuerySort(sort) : undefined;
-                _context30.next = 3;
+                _context31.next = 3;
                 return this.getClient().get(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(parent_id), "/replies"), _objectSpread$9({
                   sort: normalizedSort
                 }, options));
 
               case 3:
-                data = _context30.sent;
+                data = _context31.sent;
 
                 // add any messages to our thread state
                 if (data.messages) {
                   this.state.addMessagesSorted(data.messages);
                 }
 
-                return _context30.abrupt("return", data);
+                return _context31.abrupt("return", data);
 
               case 6:
               case "end":
-                return _context30.stop();
+                return _context31.stop();
             }
           }
-        }, _callee30, this);
+        }, _callee31, this);
       }));
 
-      function getReplies(_x31, _x32, _x33) {
+      function getReplies(_x33, _x34, _x35) {
         return _getReplies.apply(this, arguments);
       }
 
@@ -3504,15 +3553,15 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getPinnedMessages",
     value: function () {
-      var _getPinnedMessages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee31(options) {
+      var _getPinnedMessages = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32(options) {
         var sort,
-            _args31 = arguments;
-        return _regeneratorRuntime.wrap(function _callee31$(_context31) {
+            _args32 = arguments;
+        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
           while (1) {
-            switch (_context31.prev = _context31.next) {
+            switch (_context32.prev = _context32.next) {
               case 0:
-                sort = _args31.length > 1 && _args31[1] !== undefined ? _args31[1] : [];
-                _context31.next = 3;
+                sort = _args32.length > 1 && _args32[1] !== undefined ? _args32[1] : [];
+                _context32.next = 3;
                 return this.getClient().get(this._channelURL() + '/pinned_messages', {
                   payload: _objectSpread$9(_objectSpread$9({}, options), {}, {
                     sort: normalizeQuerySort(sort)
@@ -3520,17 +3569,17 @@ var Channel = /*#__PURE__*/function () {
                 });
 
               case 3:
-                return _context31.abrupt("return", _context31.sent);
+                return _context32.abrupt("return", _context32.sent);
 
               case 4:
               case "end":
-                return _context31.stop();
+                return _context32.stop();
             }
           }
-        }, _callee31, this);
+        }, _callee32, this);
       }));
 
-      function getPinnedMessages(_x34) {
+      function getPinnedMessages(_x36) {
         return _getPinnedMessages.apply(this, arguments);
       }
 
@@ -3666,7 +3715,7 @@ var Channel = /*#__PURE__*/function () {
      * @return {Promise<QueryChannelAPIResponse<StreamChatGenerics>>} Returns a query response
      */
     function () {
-      var _query = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee32(options) {
+      var _query = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33(options) {
         var _options$messages$lim, _options$messages, _this$data6, _this$data7;
 
         var messageSetToAddToIfDoesNotExist,
@@ -3677,14 +3726,14 @@ var Channel = /*#__PURE__*/function () {
             _this$_initializeStat,
             messageSet,
             areCapabilitiesChanged,
-            _args32 = arguments;
+            _args33 = arguments;
 
-        return _regeneratorRuntime.wrap(function _callee32$(_context32) {
+        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
           while (1) {
-            switch (_context32.prev = _context32.next) {
+            switch (_context33.prev = _context33.next) {
               case 0:
-                messageSetToAddToIfDoesNotExist = _args32.length > 1 && _args32[1] !== undefined ? _args32[1] : 'current';
-                _context32.next = 3;
+                messageSetToAddToIfDoesNotExist = _args33.length > 1 && _args33[1] !== undefined ? _args33[1] : 'current';
+                _context33.next = 3;
                 return this.getClient().wsPromise;
 
               case 3:
@@ -3694,14 +3743,14 @@ var Channel = /*#__PURE__*/function () {
                   queryURL += "/".concat(encodeURIComponent(this.id));
                 }
 
-                _context32.next = 7;
+                _context33.next = 7;
                 return this.getClient().post(queryURL + '/query', _objectSpread$9({
                   data: this._data,
                   state: true
                 }, options));
 
               case 7:
-                state = _context32.sent;
+                state = _context33.sent;
 
                 // update the channel id if it was missing
                 if (!this.id) {
@@ -3756,17 +3805,17 @@ var Channel = /*#__PURE__*/function () {
                     isLatestMessageSet: messageSet.isLatest
                   }
                 });
-                return _context32.abrupt("return", state);
+                return _context33.abrupt("return", state);
 
               case 18:
               case "end":
-                return _context32.stop();
+                return _context33.stop();
             }
           }
-        }, _callee32, this);
+        }, _callee33, this);
       }));
 
-      function query(_x35) {
+      function query(_x37) {
         return _query.apply(this, arguments);
       }
 
@@ -3783,31 +3832,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "banUser",
     value: function () {
-      var _banUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee33(targetUserID, options) {
-        return _regeneratorRuntime.wrap(function _callee33$(_context33) {
+      var _banUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34(targetUserID, options) {
+        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
           while (1) {
-            switch (_context33.prev = _context33.next) {
+            switch (_context34.prev = _context34.next) {
               case 0:
                 this._checkInitialized();
 
-                _context33.next = 3;
+                _context34.next = 3;
                 return this.getClient().banUser(targetUserID, _objectSpread$9(_objectSpread$9({}, options), {}, {
                   type: this.type,
                   id: this.id
                 }));
 
               case 3:
-                return _context33.abrupt("return", _context33.sent);
+                return _context34.abrupt("return", _context34.sent);
 
               case 4:
               case "end":
-                return _context33.stop();
+                return _context34.stop();
             }
           }
-        }, _callee33, this);
+        }, _callee34, this);
       }));
 
-      function banUser(_x36, _x37) {
+      function banUser(_x38, _x39) {
         return _banUser.apply(this, arguments);
       }
 
@@ -3825,34 +3874,34 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "hide",
     value: function () {
-      var _hide = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee34() {
+      var _hide = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35() {
         var userId,
             clearHistory,
-            _args34 = arguments;
-        return _regeneratorRuntime.wrap(function _callee34$(_context34) {
+            _args35 = arguments;
+        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
           while (1) {
-            switch (_context34.prev = _context34.next) {
+            switch (_context35.prev = _context35.next) {
               case 0:
-                userId = _args34.length > 0 && _args34[0] !== undefined ? _args34[0] : null;
-                clearHistory = _args34.length > 1 && _args34[1] !== undefined ? _args34[1] : false;
+                userId = _args35.length > 0 && _args35[0] !== undefined ? _args35[0] : null;
+                clearHistory = _args35.length > 1 && _args35[1] !== undefined ? _args35[1] : false;
 
                 this._checkInitialized();
 
-                _context34.next = 5;
+                _context35.next = 5;
                 return this.getClient().post("".concat(this._channelURL(), "/hide"), {
                   user_id: userId,
                   clear_history: clearHistory
                 });
 
               case 5:
-                return _context34.abrupt("return", _context34.sent);
+                return _context35.abrupt("return", _context35.sent);
 
               case 6:
               case "end":
-                return _context34.stop();
+                return _context35.stop();
             }
           }
-        }, _callee34, this);
+        }, _callee35, this);
       }));
 
       function hide() {
@@ -3871,31 +3920,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "show",
     value: function () {
-      var _show = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee35() {
+      var _show = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee36() {
         var userId,
-            _args35 = arguments;
-        return _regeneratorRuntime.wrap(function _callee35$(_context35) {
+            _args36 = arguments;
+        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
           while (1) {
-            switch (_context35.prev = _context35.next) {
+            switch (_context36.prev = _context36.next) {
               case 0:
-                userId = _args35.length > 0 && _args35[0] !== undefined ? _args35[0] : null;
+                userId = _args36.length > 0 && _args36[0] !== undefined ? _args36[0] : null;
 
                 this._checkInitialized();
 
-                _context35.next = 4;
+                _context36.next = 4;
                 return this.getClient().post("".concat(this._channelURL(), "/show"), {
                   user_id: userId
                 });
 
               case 4:
-                return _context35.abrupt("return", _context35.sent);
+                return _context36.abrupt("return", _context36.sent);
 
               case 5:
               case "end":
-                return _context35.stop();
+                return _context36.stop();
             }
           }
-        }, _callee35, this);
+        }, _callee36, this);
       }));
 
       function show() {
@@ -3914,31 +3963,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "unbanUser",
     value: function () {
-      var _unbanUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee36(targetUserID) {
-        return _regeneratorRuntime.wrap(function _callee36$(_context36) {
+      var _unbanUser = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee37(targetUserID) {
+        return _regeneratorRuntime.wrap(function _callee37$(_context37) {
           while (1) {
-            switch (_context36.prev = _context36.next) {
+            switch (_context37.prev = _context37.next) {
               case 0:
                 this._checkInitialized();
 
-                _context36.next = 3;
+                _context37.next = 3;
                 return this.getClient().unbanUser(targetUserID, {
                   type: this.type,
                   id: this.id
                 });
 
               case 3:
-                return _context36.abrupt("return", _context36.sent);
+                return _context37.abrupt("return", _context37.sent);
 
               case 4:
               case "end":
-                return _context36.stop();
+                return _context37.stop();
             }
           }
-        }, _callee36, this);
+        }, _callee37, this);
       }));
 
-      function unbanUser(_x38) {
+      function unbanUser(_x40) {
         return _unbanUser.apply(this, arguments);
       }
 
@@ -3955,31 +4004,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "shadowBan",
     value: function () {
-      var _shadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee37(targetUserID, options) {
-        return _regeneratorRuntime.wrap(function _callee37$(_context37) {
+      var _shadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee38(targetUserID, options) {
+        return _regeneratorRuntime.wrap(function _callee38$(_context38) {
           while (1) {
-            switch (_context37.prev = _context37.next) {
+            switch (_context38.prev = _context38.next) {
               case 0:
                 this._checkInitialized();
 
-                _context37.next = 3;
+                _context38.next = 3;
                 return this.getClient().shadowBan(targetUserID, _objectSpread$9(_objectSpread$9({}, options), {}, {
                   type: this.type,
                   id: this.id
                 }));
 
               case 3:
-                return _context37.abrupt("return", _context37.sent);
+                return _context38.abrupt("return", _context38.sent);
 
               case 4:
               case "end":
-                return _context37.stop();
+                return _context38.stop();
             }
           }
-        }, _callee37, this);
+        }, _callee38, this);
       }));
 
-      function shadowBan(_x39, _x40) {
+      function shadowBan(_x41, _x42) {
         return _shadowBan.apply(this, arguments);
       }
 
@@ -3995,31 +4044,31 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeShadowBan",
     value: function () {
-      var _removeShadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee38(targetUserID) {
-        return _regeneratorRuntime.wrap(function _callee38$(_context38) {
+      var _removeShadowBan = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee39(targetUserID) {
+        return _regeneratorRuntime.wrap(function _callee39$(_context39) {
           while (1) {
-            switch (_context38.prev = _context38.next) {
+            switch (_context39.prev = _context39.next) {
               case 0:
                 this._checkInitialized();
 
-                _context38.next = 3;
+                _context39.next = 3;
                 return this.getClient().removeShadowBan(targetUserID, {
                   type: this.type,
                   id: this.id
                 });
 
               case 3:
-                return _context38.abrupt("return", _context38.sent);
+                return _context39.abrupt("return", _context39.sent);
 
               case 4:
               case "end":
-                return _context38.stop();
+                return _context39.stop();
             }
           }
-        }, _callee38, this);
+        }, _callee39, this);
       }));
 
-      function removeShadowBan(_x41) {
+      function removeShadowBan(_x43) {
         return _removeShadowBan.apply(this, arguments);
       }
 
@@ -4035,26 +4084,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "createCall",
     value: function () {
-      var _createCall = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee39(options) {
-        return _regeneratorRuntime.wrap(function _callee39$(_context39) {
+      var _createCall = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee40(options) {
+        return _regeneratorRuntime.wrap(function _callee40$(_context40) {
           while (1) {
-            switch (_context39.prev = _context39.next) {
+            switch (_context40.prev = _context40.next) {
               case 0:
-                _context39.next = 2;
+                _context40.next = 2;
                 return this.getClient().post(this._channelURL() + '/call', options);
 
               case 2:
-                return _context39.abrupt("return", _context39.sent);
+                return _context40.abrupt("return", _context40.sent);
 
               case 3:
               case "end":
-                return _context39.stop();
+                return _context40.stop();
             }
           }
-        }, _callee39, this);
+        }, _callee40, this);
       }));
 
-      function createCall(_x42) {
+      function createCall(_x44) {
         return _createCall.apply(this, arguments);
       }
 
@@ -4070,26 +4119,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "vote",
     value: function () {
-      var _vote2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee40(messageId, pollId, _vote) {
-        return _regeneratorRuntime.wrap(function _callee40$(_context40) {
+      var _vote2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee41(messageId, pollId, _vote) {
+        return _regeneratorRuntime.wrap(function _callee41$(_context41) {
           while (1) {
-            switch (_context40.prev = _context40.next) {
+            switch (_context41.prev = _context41.next) {
               case 0:
-                _context40.next = 2;
+                _context41.next = 2;
                 return this.getClient().castPollVote(messageId, pollId, _vote);
 
               case 2:
-                return _context40.abrupt("return", _context40.sent);
+                return _context41.abrupt("return", _context41.sent);
 
               case 3:
               case "end":
-                return _context40.stop();
+                return _context41.stop();
             }
           }
-        }, _callee40, this);
+        }, _callee41, this);
       }));
 
-      function vote(_x43, _x44, _x45) {
+      function vote(_x45, _x46, _x47) {
         return _vote2.apply(this, arguments);
       }
 
@@ -4098,26 +4147,26 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "removeVote",
     value: function () {
-      var _removeVote = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee41(messageId, pollId, voteId) {
-        return _regeneratorRuntime.wrap(function _callee41$(_context41) {
+      var _removeVote = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee42(messageId, pollId, voteId) {
+        return _regeneratorRuntime.wrap(function _callee42$(_context42) {
           while (1) {
-            switch (_context41.prev = _context41.next) {
+            switch (_context42.prev = _context42.next) {
               case 0:
-                _context41.next = 2;
+                _context42.next = 2;
                 return this.getClient().removePollVote(messageId, pollId, voteId);
 
               case 2:
-                return _context41.abrupt("return", _context41.sent);
+                return _context42.abrupt("return", _context42.sent);
 
               case 3:
               case "end":
-                return _context41.stop();
+                return _context42.stop();
             }
           }
-        }, _callee41, this);
+        }, _callee42, this);
       }));
 
-      function removeVote(_x46, _x47, _x48) {
+      function removeVote(_x48, _x49, _x50) {
         return _removeVote.apply(this, arguments);
       }
 
@@ -4658,13 +4707,7 @@ var Channel = /*#__PURE__*/function () {
       }
 
       if (state.members) {
-        this.state.members = state.members.reduce(function (acc, member) {
-          if (member.user) {
-            acc[member.user.id] = member;
-          }
-
-          return acc;
-        }, {});
+        this._hydrateMembers(state.members);
       }
 
       return {
@@ -4684,6 +4727,17 @@ var Channel = /*#__PURE__*/function () {
         event.message.own_reactions = message.own_reactions;
       }
     }
+  }, {
+    key: "_hydrateMembers",
+    value: function _hydrateMembers(members) {
+      this.state.members = members.reduce(function (acc, member) {
+        if (member.user) {
+          acc[member.user.id] = member;
+        }
+
+        return acc;
+      }, {});
+    }
   }, {
     key: "_disconnect",
     value: function _disconnect() {
@@ -7835,9 +7889,17 @@ var Thread = /*#__PURE__*/function () {
       };
     }());
 
+    var _channel = client.channel(threadData.channel.type, threadData.channel.id, {
+      name: threadData.channel.name
+    });
+
+    if (threadData.channel.members) {
+      _channel._hydrateMembers(threadData.channel.members);
+    }
+
     this.state = new StateStore({
       active: false,
-      channel: client.channel(threadData.channel.type, threadData.channel.id),
+      channel: _channel,
       createdAt: new Date(threadData.created_at),
       deletedAt: threadData.deleted_at ? new Date(threadData.deleted_at) : null,
       isLoading: false,
@@ -13269,7 +13331,7 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "getUserAgent",
     value: function getUserAgent() {
-      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.40.2");
+      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.40.4");
     }
   }, {
     key: "setUserAgent",