stream-chat 8.55.0 → 8.56.0

package/dist/browser.es.js

@@ -299,11 +299,11 @@ var Campaign = /*#__PURE__*/function () {
 
 var https = null;
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function (_e) { function e(_x) { return _e.apply(this, arguments); } e.toString = function () { return _e.toString(); }; return e; }(function (e) { throw e; }), f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function (_e2) { function e(_x2) { return _e2.apply(this, arguments); } e.toString = function () { return _e2.toString(); }; return e; }(function (e) { didErr = true; err = e; }), f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function (_e) { function e(_x2) { return _e.apply(this, arguments); } e.toString = function () { return _e.toString(); }; return e; }(function (e) { throw e; }), f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function (_e2) { function e(_x3) { return _e2.apply(this, arguments); } e.toString = function () { return _e2.toString(); }; return e; }(function (e) { didErr = true; err = e; }), f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$5(o, minLen); }
 
@@ -563,7 +563,7 @@ var axiosParamsSerializer = function axiosParamsSerializer(params) {
  */
 
 function formatMessage(message) {
-  return _objectSpread$d(_objectSpread$d({}, message), {}, {
+  return _objectSpread$e(_objectSpread$e({}, message), {}, {
     /**
      * @deprecated please use `html`
      */
@@ -840,7 +840,7 @@ var messagePaginationCreatedAtAround = function messagePaginationCreatedAtAround
       returnedPage = _ref4.returnedPage,
       messagePaginationOptions = _ref4.messagePaginationOptions;
 
-  var newPagination = _objectSpread$d({}, parentSet.pagination);
+  var newPagination = _objectSpread$e({}, parentSet.pagination);
 
   if (!(messagePaginationOptions !== null && messagePaginationOptions !== void 0 && messagePaginationOptions.created_at_around)) return newPagination;
   var hasPrev;
@@ -905,7 +905,7 @@ var messagePaginationIdAround = function messagePaginationIdAround(_ref6) {
       returnedPage = _ref6.returnedPage,
       messagePaginationOptions = _ref6.messagePaginationOptions;
 
-  var newPagination = _objectSpread$d({}, parentSet.pagination);
+  var newPagination = _objectSpread$e({}, parentSet.pagination);
 
   var _ref7 = messagePaginationOptions || {},
       id_around = _ref7.id_around;
@@ -963,7 +963,7 @@ var messagePaginationLinear = function messagePaginationLinear(_ref9) {
       returnedPage = _ref9.returnedPage,
       messagePaginationOptions = _ref9.messagePaginationOptions;
 
-  var newPagination = _objectSpread$d({}, parentSet.pagination);
+  var newPagination = _objectSpread$e({}, parentSet.pagination);
 
   var hasPrev;
   var hasNext;
@@ -1009,6 +1009,294 @@ var messageSetPagination = function messageSetPagination(params) {
     return messagePaginationLinear(params);
   }
 };
+/**
+ * A utility object used to prevent duplicate invocation of channel.watch() to be triggered when
+ * 'notification.message_new' and 'notification.added_to_channel' events arrive at the same time.
+ */
+
+var WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL = {};
+
+/**
+ * Calls channel.watch() if it was not already recently called. Waits for watch promise to resolve even if it was invoked previously.
+ * If the channel is not passed as a property, it will get it either by its channel.cid or by its members list and do the same.
+ * @param client
+ * @param members
+ * @param options
+ * @param type
+ * @param id
+ * @param channel
+ */
+var getAndWatchChannel = /*#__PURE__*/function () {
+  var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref11) {
+    var channel, client, id, members, options, type, channelToWatch, originalCid, queryPromise;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            channel = _ref11.channel, client = _ref11.client, id = _ref11.id, members = _ref11.members, options = _ref11.options, type = _ref11.type;
+
+            if (!(!channel && !type)) {
+              _context.next = 3;
+              break;
+            }
+
+            throw new Error('Channel or channel type have to be provided to query a channel.');
+
+          case 3:
+            // unfortunately typescript is not able to infer that if (!channel && !type) === false, then channel or type has to be truthy
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            channelToWatch = channel || client.channel(type, id, {
+              members: members
+            }); // need to keep as with call to channel.watch the id can be changed from undefined to an actual ID generated server-side
+
+            originalCid = channelToWatch.id ? channelToWatch.cid : members && members.length ? generateChannelTempCid(channelToWatch.type, members) : undefined;
+
+            if (originalCid) {
+              _context.next = 7;
+              break;
+            }
+
+            throw new Error('Channel ID or channel members array have to be provided to query a channel.');
+
+          case 7:
+            queryPromise = WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+
+            if (!queryPromise) {
+              _context.next = 13;
+              break;
+            }
+
+            _context.next = 11;
+            return queryPromise;
+
+          case 11:
+            _context.next = 20;
+            break;
+
+          case 13:
+            _context.prev = 13;
+            WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid] = channelToWatch.watch(options);
+            _context.next = 17;
+            return WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+
+          case 17:
+            _context.prev = 17;
+            delete WATCH_QUERY_IN_PROGRESS_FOR_CHANNEL[originalCid];
+            return _context.finish(17);
+
+          case 20:
+            return _context.abrupt("return", channelToWatch);
+
+          case 21:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[13,, 17, 20]]);
+  }));
+
+  return function getAndWatchChannel(_x) {
+    return _ref12.apply(this, arguments);
+  };
+}();
+/**
+ * Generates a temporary channel.cid for channels created without ID, as they need to be referenced
+ * by an identifier until the back-end generates the final ID. The cid is generated by its member IDs
+ * which are sorted and can be recreated the same every time given the same arguments.
+ * @param channelType
+ * @param members
+ */
+
+var generateChannelTempCid = function generateChannelTempCid(channelType, members) {
+  if (!members) return;
+
+  var membersStr = _toConsumableArray(members).sort().join(',');
+
+  if (!membersStr) return;
+  return "".concat(channelType, ":!members-").concat(membersStr);
+};
+/**
+ * Checks if a channel is pinned or not. Will return true only if channel.state.membership.pinned_at exists.
+ * @param channel
+ */
+
+var isChannelPinned = function isChannelPinned(channel) {
+  if (!channel) return false;
+  var member = channel.state.membership;
+  return !!(member !== null && member !== void 0 && member.pinned_at);
+};
+/**
+ * Checks if a channel is archived or not. Will return true only if channel.state.membership.archived_at exists.
+ * @param channel
+ */
+
+var isChannelArchived = function isChannelArchived(channel) {
+  if (!channel) return false;
+  var member = channel.state.membership;
+  return !!(member !== null && member !== void 0 && member.archived_at);
+};
+/**
+ * A utility that tells us whether we should consider archived channels or not based
+ * on filters. Will return true only if filters.archived exists and is a boolean value.
+ * @param filters
+ */
+
+var shouldConsiderArchivedChannels = function shouldConsiderArchivedChannels(filters) {
+  if (!filters) return false;
+  return typeof filters.archived === 'boolean';
+};
+/**
+ * Extracts the value of the sort parameter at a given index, for a targeted key. Can
+ * handle both array and object versions of sort. Will return null if the index/key
+ * combination does not exist.
+ * @param atIndex - the index at which we'll examine the sort value, if it's an array one
+ * @param sort - the sort value - both array and object notations are accepted
+ * @param targetKey - the target key which needs to exist for the sort at a certain index
+ */
+
+var extractSortValue = function extractSortValue(_ref13) {
+  var _option$targetKey, _option;
+
+  var atIndex = _ref13.atIndex,
+      sort = _ref13.sort,
+      targetKey = _ref13.targetKey;
+  if (!sort) return null;
+  var option = null;
+
+  if (Array.isArray(sort)) {
+    var _sort$atIndex;
+
+    option = (_sort$atIndex = sort[atIndex]) !== null && _sort$atIndex !== void 0 ? _sort$atIndex : null;
+  } else {
+    var index = 0;
+
+    for (var _key3 in sort) {
+      if (index !== atIndex) {
+        index++;
+        continue;
+      }
+
+      if (_key3 !== targetKey) {
+        return null;
+      }
+
+      option = sort;
+      break;
+    }
+  }
+
+  return (_option$targetKey = (_option = option) === null || _option === void 0 ? void 0 : _option[targetKey]) !== null && _option$targetKey !== void 0 ? _option$targetKey : null;
+};
+/**
+ * Returns true only if `{ pinned_at: -1 }` or `{ pinned_at: 1 }` option is first within the `sort` array.
+ */
+
+var shouldConsiderPinnedChannels = function shouldConsiderPinnedChannels(sort) {
+  var value = findPinnedAtSortOrder({
+    sort: sort
+  });
+  if (typeof value !== 'number') return false;
+  return Math.abs(value) === 1;
+};
+/**
+ * Checks whether the sort value of type object contains a pinned_at value or if
+ * an array sort value type has the first value be an object containing pinned_at.
+ * @param sort
+ */
+
+var findPinnedAtSortOrder = function findPinnedAtSortOrder(_ref14) {
+  var sort = _ref14.sort;
+  return extractSortValue({
+    atIndex: 0,
+    sort: sort,
+    targetKey: 'pinned_at'
+  });
+};
+/**
+ * Finds the index of the last consecutively pinned channel, starting from the start of the
+ * array. Will not consider any pinned channels after the contiguous subsequence at the
+ * start of the array.
+ * @param channels
+ */
+
+var findLastPinnedChannelIndex = function findLastPinnedChannelIndex(_ref15) {
+  var channels = _ref15.channels;
+  var lastPinnedChannelIndex = null;
+
+  var _iterator2 = _createForOfIteratorHelper$5(channels),
+      _step2;
+
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var channel = _step2.value;
+      if (!isChannelPinned(channel)) break;
+
+      if (typeof lastPinnedChannelIndex === 'number') {
+        lastPinnedChannelIndex++;
+      } else {
+        lastPinnedChannelIndex = 0;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+
+  return lastPinnedChannelIndex;
+};
+/**
+ * A utility used to move a channel towards the beginning of a list of channels (promote it to a higher position). It
+ * considers pinned channels in the process if needed and makes sure to only update the list reference if the list
+ * should actually change. It will try to move the channel as high as it can within the list.
+ * @param channels - the list of channels we want to modify
+ * @param channelToMove - the channel we want to promote
+ * @param channelToMoveIndexWithinChannels - optionally, the index of the channel we want to move if we know it (will skip a manual check)
+ * @param sort - the sort value used to check for pinned channels
+ */
+
+var promoteChannel = function promoteChannel(_ref16) {
+  var channels = _ref16.channels,
+      channelToMove = _ref16.channelToMove,
+      channelToMoveIndexWithinChannels = _ref16.channelToMoveIndexWithinChannels,
+      sort = _ref16.sort;
+  // get index of channel to move up
+  var targetChannelIndex = channelToMoveIndexWithinChannels !== null && channelToMoveIndexWithinChannels !== void 0 ? channelToMoveIndexWithinChannels : channels.findIndex(function (channel) {
+    return channel.cid === channelToMove.cid;
+  });
+  var targetChannelExistsWithinList = targetChannelIndex >= 0;
+  var targetChannelAlreadyAtTheTop = targetChannelIndex === 0; // pinned channels should not move within the list based on recent activity, channels which
+  // receive messages and are not pinned should move upwards but only under the last pinned channel
+  // in the list
+
+  var considerPinnedChannels = shouldConsiderPinnedChannels(sort);
+  var isTargetChannelPinned = isChannelPinned(channelToMove);
+
+  if (targetChannelAlreadyAtTheTop || considerPinnedChannels && isTargetChannelPinned) {
+    return channels;
+  }
+
+  var newChannels = _toConsumableArray(channels); // target channel index is known, remove it from the list
+
+
+  if (targetChannelExistsWithinList) {
+    newChannels.splice(targetChannelIndex, 1);
+  } // as position of pinned channels has to stay unchanged, we need to
+  // find last pinned channel in the list to move the target channel after
+
+
+  var lastPinnedChannelIndex = null;
+
+  if (considerPinnedChannels) {
+    lastPinnedChannelIndex = findLastPinnedChannelIndex({
+      channels: newChannels
+    });
+  } // re-insert it at the new place (to specific index if pinned channels are considered)
+
+
+  newChannels.splice(typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0, 0, channelToMove);
+  return newChannels;
+};
 
 var DEFAULT_QUERY_CHANNELS_MESSAGE_LIST_PAGE_SIZE = 25;
 var DEFAULT_QUERY_CHANNEL_MESSAGE_LIST_PAGE_SIZE = 100;
@@ -1017,9 +1305,9 @@ var DEFAULT_MESSAGE_SET_PAGINATION = {
   hasPrev: false
 };
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /**
  * ChannelState - A container class for the channel state.
@@ -1100,7 +1388,7 @@ var ChannelState = /*#__PURE__*/function () {
           var m = messages[i];
 
           if (((_m$user = m.user) === null || _m$user === void 0 ? void 0 : _m$user.id) === user.id) {
-            messages[i] = _objectSpread$c(_objectSpread$c({}, m), {}, {
+            messages[i] = _objectSpread$d(_objectSpread$d({}, m), {}, {
               user: user
             });
           }
@@ -1155,7 +1443,7 @@ var ChannelState = /*#__PURE__*/function () {
               user: m.user
             };
           } else {
-            messages[i] = _objectSpread$c(_objectSpread$c({}, m), {}, {
+            messages[i] = _objectSpread$d(_objectSpread$d({}, m), {}, {
               type: 'deleted',
               deleted_at: user.deleted_at ? new Date(user.deleted_at) : null
             });
@@ -1473,7 +1761,7 @@ var ChannelState = /*#__PURE__*/function () {
       var parseMessage = function parseMessage(m) {
         var _m$pinned_at, _m$updated_at;
 
-        return _objectSpread$c(_objectSpread$c({}, m), {}, {
+        return _objectSpread$d(_objectSpread$d({}, m), {}, {
           created_at: m.created_at.toISOString(),
           pinned_at: (_m$pinned_at = m.pinned_at) === null || _m$pinned_at === void 0 ? void 0 : _m$pinned_at.toISOString(),
           updated_at: (_m$updated_at = m.updated_at) === null || _m$updated_at === void 0 ? void 0 : _m$updated_at.toISOString()
@@ -1483,8 +1771,8 @@ var ChannelState = /*#__PURE__*/function () {
       var update = function update(messages) {
         var updatedMessages = messages.reduce(function (acc, msg) {
           if (msg.quoted_message_id === message.id) {
-            acc.push(_objectSpread$c(_objectSpread$c({}, parseMessage(msg)), {}, {
-              quoted_message: remove ? _objectSpread$c(_objectSpread$c({}, message), {}, {
+            acc.push(_objectSpread$d(_objectSpread$d({}, parseMessage(msg)), {}, {
+              quoted_message: remove ? _objectSpread$d(_objectSpread$d({}, message), {}, {
                 attachments: []
               }) : message
             }));
@@ -1973,9 +2261,9 @@ function _unsupportedIterableToArray$4(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$4(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 /**
  * Channel - The Channel class manages it's own state.
  */
@@ -2050,7 +2338,7 @@ var Channel = /*#__PURE__*/function () {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                defaultOptions = _objectSpread$b(_objectSpread$b({}, options), {}, {
+                defaultOptions = _objectSpread$c(_objectSpread$c({}, options), {}, {
                   watch: false,
                   state: false,
                   presence: false
@@ -2122,7 +2410,7 @@ var Channel = /*#__PURE__*/function () {
 
     this.data = data; // this._data is used for the requests...
 
-    this._data = _objectSpread$b({}, data);
+    this._data = _objectSpread$c({}, data);
     this.cid = "".concat(type, ":").concat(id);
     this.listeners = {}; // perhaps the state variable should be private
 
@@ -2184,7 +2472,7 @@ var Channel = /*#__PURE__*/function () {
             switch (_context2.prev = _context2.next) {
               case 0:
                 _context2.next = 2;
-                return this.getClient().post(this._channelURL() + '/message', _objectSpread$b({
+                return this.getClient().post(this._channelURL() + '/message', _objectSpread$c({
                   message: message
                 }, options));
 
@@ -2300,7 +2588,7 @@ var Channel = /*#__PURE__*/function () {
 
               case 3:
                 // Return a list of channels
-                payload = _objectSpread$b(_objectSpread$b({
+                payload = _objectSpread$c(_objectSpread$c({
                   filter_conditions: {
                     cid: this.cid
                   }
@@ -2397,7 +2685,7 @@ var Channel = /*#__PURE__*/function () {
 
                 _context5.next = 6;
                 return this.getClient().get(this.getClient().baseURL + '/members', {
-                  payload: _objectSpread$b({
+                  payload: _objectSpread$c({
                     type: type,
                     id: id,
                     members: members,
@@ -2503,7 +2791,7 @@ var Channel = /*#__PURE__*/function () {
 
               case 4:
                 _context7.next = 6;
-                return this.getClient().post(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(messageID), "/reaction"), _objectSpread$b({
+                return this.getClient().post(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(messageID), "/reaction"), _objectSpread$c({
                   reaction: reaction
                 }, options));
 
@@ -2584,7 +2872,7 @@ var Channel = /*#__PURE__*/function () {
                   delete channelData[key];
                 });
                 _context8.next = 7;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   message: updateMessage,
                   data: channelData
                 }, options));
@@ -2756,7 +3044,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
                 _context12.next = 3;
-                return this.getClient().delete(this._channelURL(), _objectSpread$b({}, options));
+                return this.getClient().delete(this._channelURL(), _objectSpread$c({}, options));
 
               case 3:
                 return _context12.abrupt("return", _context12.sent);
@@ -2832,7 +3120,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : {};
                 _context14.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   accept_invite: true
                 }, options));
 
@@ -2873,7 +3161,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args15.length > 0 && _args15[0] !== undefined ? _args15[0] : {};
                 _context15.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   reject_invite: true
                 }, options));
 
@@ -2915,7 +3203,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args16.length > 2 && _args16[2] !== undefined ? _args16[2] : {};
                 _context16.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   add_members: members,
                   message: message
                 }, options));
@@ -2958,7 +3246,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args17.length > 2 && _args17[2] !== undefined ? _args17[2] : {};
                 _context17.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   add_moderators: members,
                   message: message
                 }, options));
@@ -3001,7 +3289,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args18.length > 2 && _args18[2] !== undefined ? _args18[2] : {};
                 _context18.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   assign_roles: roles,
                   message: message
                 }, options));
@@ -3044,7 +3332,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args19.length > 2 && _args19[2] !== undefined ? _args19[2] : {};
                 _context19.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   invites: members,
                   message: message
                 }, options));
@@ -3087,7 +3375,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args20.length > 2 && _args20[2] !== undefined ? _args20[2] : {};
                 _context20.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   remove_members: members,
                   message: message
                 }, options));
@@ -3130,7 +3418,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args21.length > 2 && _args21[2] !== undefined ? _args21[2] : {};
                 _context21.next = 3;
-                return this._update(_objectSpread$b({
+                return this._update(_objectSpread$c({
                   demote_moderators: members,
                   message: message
                 }, options));
@@ -3215,7 +3503,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 opts = _args23.length > 0 && _args23[0] !== undefined ? _args23[0] : {};
                 _context23.next = 3;
-                return this.getClient().post(this.getClient().baseURL + '/moderation/mute/channel', _objectSpread$b({
+                return this.getClient().post(this.getClient().baseURL + '/moderation/mute/channel', _objectSpread$c({
                   channel_cid: this.cid
                 }, opts));
 
@@ -3257,7 +3545,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 opts = _args24.length > 0 && _args24[0] !== undefined ? _args24[0] : {};
                 _context24.next = 3;
-                return this.getClient().post(this.getClient().baseURL + '/moderation/unmute/channel', _objectSpread$b({
+                return this.getClient().post(this.getClient().baseURL + '/moderation/unmute/channel', _objectSpread$c({
                   channel_cid: this.cid
                 }, opts));
 
@@ -3594,7 +3882,7 @@ var Channel = /*#__PURE__*/function () {
 
                 this.lastTypingEvent = new Date();
                 _context29.next = 10;
-                return this.sendEvent(_objectSpread$b({
+                return this.sendEvent(_objectSpread$c({
                   type: 'typing.start',
                   parent_id: parent_id
                 }, options || {}));
@@ -3634,7 +3922,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 options = _args30.length > 2 && _args30[2] !== undefined ? _args30[2] : {};
                 _context30.next = 3;
-                return this.sendEvent(_objectSpread$b(_objectSpread$b({}, options), {}, {
+                return this.sendEvent(_objectSpread$c(_objectSpread$c({}, options), {}, {
                   type: 'ai_indicator.update',
                   message_id: messageId,
                   ai_state: state
@@ -3743,7 +4031,7 @@ var Channel = /*#__PURE__*/function () {
                 this.lastTypingEvent = null;
                 this.isTyping = false;
                 _context33.next = 6;
-                return this.sendEvent(_objectSpread$b({
+                return this.sendEvent(_objectSpread$c({
                   type: 'typing.stop',
                   parent_id: parent_id
                 }, options || {}));
@@ -3830,7 +4118,7 @@ var Channel = /*#__PURE__*/function () {
 
               case 4:
                 _context34.next = 6;
-                return this.getClient().post(this._channelURL() + '/read', _objectSpread$b({}, data));
+                return this.getClient().post(this._channelURL() + '/read', _objectSpread$c({}, data));
 
               case 6:
                 return _context34.abrupt("return", _context34.sent);
@@ -3877,7 +4165,7 @@ var Channel = /*#__PURE__*/function () {
 
               case 3:
                 _context35.next = 5;
-                return this.getClient().post(this._channelURL() + '/unread', _objectSpread$b({}, data));
+                return this.getClient().post(this._channelURL() + '/unread', _objectSpread$c({}, data));
 
               case 5:
                 return _context35.abrupt("return", _context35.sent);
@@ -3945,7 +4233,7 @@ var Channel = /*#__PURE__*/function () {
                   defaultOptions.watch = false;
                 }
 
-                combined = _objectSpread$b(_objectSpread$b({}, defaultOptions), options);
+                combined = _objectSpread$c(_objectSpread$c({}, defaultOptions), options);
                 _context36.next = 7;
                 return this.query(combined, 'latest');
 
@@ -4039,7 +4327,7 @@ var Channel = /*#__PURE__*/function () {
               case 0:
                 normalizedSort = sort ? normalizeQuerySort(sort) : undefined;
                 _context38.next = 3;
-                return this.getClient().get(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(parent_id), "/replies"), _objectSpread$b({
+                return this.getClient().get(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(parent_id), "/replies"), _objectSpread$c({
                   sort: normalizedSort
                 }, options));
 
@@ -4089,7 +4377,7 @@ var Channel = /*#__PURE__*/function () {
                 sort = _args39.length > 1 && _args39[1] !== undefined ? _args39[1] : [];
                 _context39.next = 3;
                 return this.getClient().get(this._channelURL() + '/pinned_messages', {
-                  payload: _objectSpread$b(_objectSpread$b({}, options), {}, {
+                  payload: _objectSpread$c(_objectSpread$c({}, options), {}, {
                     sort: normalizeQuerySort(sort)
                   })
                 });
@@ -4123,7 +4411,7 @@ var Channel = /*#__PURE__*/function () {
   }, {
     key: "getReactions",
     value: function getReactions(message_id, options) {
-      return this.getClient().get(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(message_id), "/reactions"), _objectSpread$b({}, options));
+      return this.getClient().get(this.getClient().baseURL + "/messages/".concat(encodeURIComponent(message_id), "/reactions"), _objectSpread$c({}, options));
     }
     /**
      * getMessagesById - Retrieves a list of messages by ID
@@ -4247,7 +4535,6 @@ var Channel = /*#__PURE__*/function () {
         var messageSetToAddToIfDoesNotExist,
             queryURL,
             state,
-            membersStr,
             tempChannelCid,
             _this$_initializeStat,
             messageSet,
@@ -4270,7 +4557,7 @@ var Channel = /*#__PURE__*/function () {
                 }
 
                 _context40.next = 7;
-                return this.getClient().post(queryURL + '/query', _objectSpread$b({
+                return this.getClient().post(queryURL + '/query', _objectSpread$c({
                   data: this._data,
                   state: true
                 }, options));
@@ -4283,14 +4570,13 @@ var Channel = /*#__PURE__*/function () {
                   this.id = state.channel.id;
                   this.cid = state.channel.cid; // set the channel as active...
 
-                  membersStr = state.members.map(function (member) {
+                  tempChannelCid = generateChannelTempCid(this.type, state.members.map(function (member) {
                     var _member$user;
 
-                    return member.user_id || ((_member$user = member.user) === null || _member$user === void 0 ? void 0 : _member$user.id);
-                  }).sort().join(',');
-                  tempChannelCid = "".concat(this.type, ":!members-").concat(membersStr);
+                    return member.user_id || ((_member$user = member.user) === null || _member$user === void 0 ? void 0 : _member$user.id) || '';
+                  }));
 
-                  if (tempChannelCid in this.getClient().activeChannels) {
+                  if (tempChannelCid && tempChannelCid in this.getClient().activeChannels) {
                     // This gets set in `client.channel()` function, when channel is created
                     // using members, not id.
                     delete this.getClient().activeChannels[tempChannelCid];
@@ -4305,7 +4591,7 @@ var Channel = /*#__PURE__*/function () {
 
 
                 _this$_initializeStat = this._initializeState(state, messageSetToAddToIfDoesNotExist), messageSet = _this$_initializeStat.messageSet;
-                messageSet.pagination = _objectSpread$b(_objectSpread$b({}, messageSet.pagination), messageSetPagination({
+                messageSet.pagination = _objectSpread$c(_objectSpread$c({}, messageSet.pagination), messageSetPagination({
                   parentSet: messageSet,
                   messagePaginationOptions: options === null || options === void 0 ? void 0 : options.messages,
                   requestedPageSize: (_options$messages$lim = options === null || options === void 0 ? void 0 : (_options$messages = options.messages) === null || _options$messages === void 0 ? void 0 : _options$messages.limit) !== null && _options$messages$lim !== void 0 ? _options$messages$lim : DEFAULT_QUERY_CHANNEL_MESSAGE_LIST_PAGE_SIZE,
@@ -4367,7 +4653,7 @@ var Channel = /*#__PURE__*/function () {
                 this._checkInitialized();
 
                 _context41.next = 3;
-                return this.getClient().banUser(targetUserID, _objectSpread$b(_objectSpread$b({}, options), {}, {
+                return this.getClient().banUser(targetUserID, _objectSpread$c(_objectSpread$c({}, options), {}, {
                   type: this.type,
                   id: this.id
                 }));
@@ -4539,7 +4825,7 @@ var Channel = /*#__PURE__*/function () {
                 this._checkInitialized();
 
                 _context45.next = 3;
-                return this.getClient().shadowBan(targetUserID, _objectSpread$b(_objectSpread$b({}, options), {}, {
+                return this.getClient().shadowBan(targetUserID, _objectSpread$c(_objectSpread$c({}, options), {}, {
                   type: this.type,
                   id: this.id
                 }));
@@ -4944,7 +5230,7 @@ var Channel = /*#__PURE__*/function () {
         case 'member.added':
         case 'member.updated':
           if ((_event$member = event.member) !== null && _event$member !== void 0 && _event$member.user) {
-            channelState.members = _objectSpread$b(_objectSpread$b({}, channelState.members), {}, _defineProperty({}, event.member.user.id, event.member));
+            channelState.members = _objectSpread$c(_objectSpread$c({}, 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) {
@@ -4955,7 +5241,7 @@ var Channel = /*#__PURE__*/function () {
 
         case 'member.removed':
           if ((_event$user9 = event.user) !== null && _event$user9 !== void 0 && _event$user9.id) {
-            var newMembers = _objectSpread$b({}, channelState.members);
+            var newMembers = _objectSpread$c({}, channelState.members);
 
             delete newMembers[event.user.id];
             channelState.members = newMembers; // TODO?: unset membership
@@ -5000,7 +5286,7 @@ var Channel = /*#__PURE__*/function () {
               });
             }
 
-            channel.data = _objectSpread$b(_objectSpread$b({}, event.channel), {}, {
+            channel.data = _objectSpread$c(_objectSpread$c({}, event.channel), {}, {
               hidden: (_event$channel$hidden = (_event$channel3 = event.channel) === null || _event$channel3 === void 0 ? void 0 : _event$channel3.hidden) !== null && _event$channel$hidden !== void 0 ? _event$channel$hidden : (_channel$data2 = channel.data) === null || _channel$data2 === void 0 ? void 0 : _channel$data2.hidden,
               own_capabilities: (_event$channel$own_ca = (_event$channel4 = event.channel) === null || _event$channel4 === void 0 ? void 0 : _event$channel4.own_capabilities) !== null && _event$channel$own_ca !== void 0 ? _event$channel$own_ca : (_channel$data3 = channel.data) === null || _channel$data3 === void 0 ? void 0 : _channel$data3.own_capabilities
             });
@@ -5031,7 +5317,7 @@ var Channel = /*#__PURE__*/function () {
           break;
 
         case 'channel.hidden':
-          channel.data = _objectSpread$b(_objectSpread$b({}, channel.data), {}, {
+          channel.data = _objectSpread$c(_objectSpread$c({}, channel.data), {}, {
             hidden: true
           });
 
@@ -5042,26 +5328,26 @@ var Channel = /*#__PURE__*/function () {
           break;
 
         case 'channel.visible':
-          channel.data = _objectSpread$b(_objectSpread$b({}, channel.data), {}, {
+          channel.data = _objectSpread$c(_objectSpread$c({}, channel.data), {}, {
             hidden: false
           });
           break;
 
         case 'user.banned':
           if (!((_event$user11 = event.user) !== null && _event$user11 !== void 0 && _event$user11.id)) break;
-          channelState.members[event.user.id] = _objectSpread$b(_objectSpread$b({}, channelState.members[event.user.id] || {}), {}, {
+          channelState.members[event.user.id] = _objectSpread$c(_objectSpread$c({}, channelState.members[event.user.id] || {}), {}, {
             shadow_banned: !!event.shadow,
             banned: !event.shadow,
-            user: _objectSpread$b(_objectSpread$b({}, ((_channelState$members2 = channelState.members[event.user.id]) === null || _channelState$members2 === void 0 ? void 0 : _channelState$members2.user) || {}), event.user)
+            user: _objectSpread$c(_objectSpread$c({}, ((_channelState$members2 = channelState.members[event.user.id]) === null || _channelState$members2 === void 0 ? void 0 : _channelState$members2.user) || {}), event.user)
           });
           break;
 
         case 'user.unbanned':
           if (!((_event$user12 = event.user) !== null && _event$user12 !== void 0 && _event$user12.id)) break;
-          channelState.members[event.user.id] = _objectSpread$b(_objectSpread$b({}, channelState.members[event.user.id] || {}), {}, {
+          channelState.members[event.user.id] = _objectSpread$c(_objectSpread$c({}, channelState.members[event.user.id] || {}), {}, {
             shadow_banned: false,
             banned: false,
-            user: _objectSpread$b(_objectSpread$b({}, ((_channelState$members3 = channelState.members[event.user.id]) === null || _channelState$members3 === void 0 ? void 0 : _channelState$members3.user) || {}), event.user)
+            user: _objectSpread$c(_objectSpread$c({}, ((_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
@@ -5235,7 +5521,7 @@ var Channel = /*#__PURE__*/function () {
       if (overrideCurrentState) {
         this.state.members = newMembersById;
       } else if (!overrideCurrentState && members.length) {
-        this.state.members = _objectSpread$b(_objectSpread$b({}, this.state.members), newMembersById);
+        this.state.members = _objectSpread$c(_objectSpread$c({}, this.state.members), newMembersById);
       }
     }
   }, {
@@ -5334,9 +5620,9 @@ var ClientState = /*#__PURE__*/function () {
   return ClientState;
 }();
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var InsightMetrics = function InsightMetrics() {
   _classCallCheck(this, InsightMetrics);
 
@@ -5415,7 +5701,7 @@ var postInsights = /*#__PURE__*/function () {
   };
 }();
 function buildWsFatalInsight(connection, event) {
-  return _objectSpread$a(_objectSpread$a({}, event), buildWsBaseInsight(connection));
+  return _objectSpread$b(_objectSpread$b({}, event), buildWsBaseInsight(connection));
 }
 
 function buildWsBaseInsight(connection) {
@@ -5448,9 +5734,9 @@ function buildWsSuccessAfterFailureInsight(connection) {
   return buildWsBaseInsight(connection);
 }
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 // Type guards to check WebSocket error type
 var isCloseEvent = function isCloseEvent(res) {
@@ -5814,7 +6100,7 @@ var StableWSConnection = /*#__PURE__*/function () {
     value: function _log(msg) {
       var extra = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'info';
-      this.client.logger(level, 'connection:' + msg, _objectSpread$9({
+      this.client.logger(level, 'connection:' + msg, _objectSpread$a({
         tags: ['connection']
       }, extra));
     }
@@ -6409,9 +6695,9 @@ var jwt = null;
 
 var crypto$1 = null;
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /**
  * Creates the JWT token that can be used for a UserSession
@@ -6432,7 +6718,7 @@ function JWTUserToken(apiSecret, userId) {
     throw new TypeError('userId should be a string');
   }
 
-  var payload = _objectSpread$8({
+  var payload = _objectSpread$9({
     user_id: userId
   }, extraData); // make sure we return a clear error when jwt is shimmed (ie. browser build)
 
@@ -6838,9 +7124,9 @@ function isErrorResponse(res) {
   return !res.status || res.status < 200 || 300 <= res.status;
 }
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var ConnectionState;
 
 (function (ConnectionState) {
@@ -6903,7 +7189,7 @@ var WSConnectionFallback = /*#__PURE__*/function () {
                 _context.next = 4;
                 return _this.client.doAxiosRequest('get', _this.client.baseURL.replace(':3030', ':8900') + '/longpoll', // replace port if present for testing with local API
                 undefined, {
-                  config: _objectSpread$7(_objectSpread$7({}, config), {}, {
+                  config: _objectSpread$8(_objectSpread$8({}, config), {}, {
                     cancelToken: (_this$cancelToken2 = _this.cancelToken) === null || _this$cancelToken2 === void 0 ? void 0 : _this$cancelToken2.token
                   }),
                   params: params
@@ -7181,7 +7467,7 @@ var WSConnectionFallback = /*#__PURE__*/function () {
     value: function _log(msg) {
       var extra = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'info';
-      this.client.logger(level, 'WSConnectionFallback:' + msg, _objectSpread$7({
+      this.client.logger(level, 'WSConnectionFallback:' + msg, _objectSpread$8({
         tags: ['connection_fallback', 'connection']
       }, extra));
     }
@@ -7558,14 +7844,13 @@ var VotingVisibility;
   VotingVisibility["public"] = "public";
 })(VotingVisibility || (VotingVisibility = {}));
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function isPatch(value) {
+var isPatch = function isPatch(value) {
   return typeof value === 'function';
-}
-
+};
 var StateStore = function StateStore(value) {
   var _this = this;
 
@@ -7590,7 +7875,7 @@ var StateStore = function StateStore(value) {
 
   _defineProperty(this, "partialNext", function (partial) {
     return _this.next(function (current) {
-      return _objectSpread$6(_objectSpread$6({}, current), partial);
+      return _objectSpread$7(_objectSpread$7({}, current), partial);
     });
   });
 
@@ -7642,9 +7927,9 @@ _defineProperty(StateStore, "logCount", 5);
 
 var _excluded$3 = ["limit", "sort"];
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var DEFAULT_PAGE_LIMIT = 50;
 var DEFAULT_SORT = [{
   created_at: -1
@@ -7929,14 +8214,14 @@ var Thread = /*#__PURE__*/function () {
             if (userId === ((_event$user2 = event.user) === null || _event$user2 === void 0 ? void 0 : _event$user2.id)) {
               // The user who just sent a message to the thread has no unread messages
               // in that thread
-              nextUserRead = _objectSpread$5(_objectSpread$5({}, nextUserRead), {}, {
+              nextUserRead = _objectSpread$6(_objectSpread$6({}, nextUserRead), {}, {
                 lastReadAt: event.created_at ? new Date(event.created_at) : new Date(),
                 user: event.user,
                 unreadMessageCount: 0
               });
             } else if (active && userId === _this.client.userID) ; else {
               // Increment unread count for all users except the author of the new message
-              nextUserRead = _objectSpread$5(_objectSpread$5({}, nextUserRead), {}, {
+              nextUserRead = _objectSpread$6(_objectSpread$6({}, nextUserRead), {}, {
                 unreadMessageCount: userRead.unreadMessageCount + 1
               });
             }
@@ -7960,8 +8245,8 @@ var Thread = /*#__PURE__*/function () {
         var user = event.user;
 
         _this.state.next(function (current) {
-          return _objectSpread$5(_objectSpread$5({}, current), {}, {
-            read: _objectSpread$5(_objectSpread$5({}, current.read), {}, _defineProperty({}, userId, {
+          return _objectSpread$6(_objectSpread$6({}, current), {}, {
+            read: _objectSpread$6(_objectSpread$6({}, current.read), {}, _defineProperty({}, userId, {
               lastReadAt: new Date(createdAt),
               user: user,
               lastReadMessageId: event.last_read_message_id,
@@ -8074,7 +8359,7 @@ var Thread = /*#__PURE__*/function () {
       }
 
       _this.state.next(function (current) {
-        return _objectSpread$5(_objectSpread$5({}, current), {}, {
+        return _objectSpread$6(_objectSpread$6({}, current), {}, {
           replies: addToMessageList(current.replies, formattedMessage, timestampChanged)
         });
       });
@@ -8091,7 +8376,7 @@ var Thread = /*#__PURE__*/function () {
         var _message$reply_count;
 
         var formattedMessage = formatMessage(message);
-        return _objectSpread$5(_objectSpread$5({}, current), {}, {
+        return _objectSpread$6(_objectSpread$6({}, current), {}, {
           deletedAt: formattedMessage.deleted_at,
           parentMessage: formattedMessage,
           replyCount: (_message$reply_count = message.reply_count) !== null && _message$reply_count !== void 0 ? _message$reply_count : current.replyCount
@@ -8164,7 +8449,7 @@ var Thread = /*#__PURE__*/function () {
           sort = _ref10$sort === void 0 ? DEFAULT_SORT : _ref10$sort,
           otherOptions = _objectWithoutProperties(_ref10, _excluded$3);
 
-      return _this.channel.getReplies(_this.id, _objectSpread$5({
+      return _this.channel.getReplies(_this.id, _objectSpread$6({
         limit: limit
       }, otherOptions), sort);
     });
@@ -8208,12 +8493,12 @@ var Thread = /*#__PURE__*/function () {
                 limit = Math.abs(count);
 
                 _this.state.partialNext({
-                  pagination: _objectSpread$5(_objectSpread$5({}, pagination), {}, _defineProperty({}, loadingKey, true))
+                  pagination: _objectSpread$6(_objectSpread$6({}, pagination), {}, _defineProperty({}, loadingKey, true))
                 });
 
                 _context3.prev = 7;
                 _context3.next = 10;
-                return _this.queryReplies(_objectSpread$5(_objectSpread$5({}, queryOptions), {}, {
+                return _this.queryReplies(_objectSpread$6(_objectSpread$6({}, queryOptions), {}, {
                   limit: limit
                 }));
 
@@ -8235,9 +8520,9 @@ var Thread = /*#__PURE__*/function () {
                     (_nextReplies = nextReplies)[insertionMethodKey].apply(_nextReplies, _toConsumableArray(replies));
                   }
 
-                  return _objectSpread$5(_objectSpread$5({}, current), {}, {
+                  return _objectSpread$6(_objectSpread$6({}, current), {}, {
                     replies: nextReplies,
-                    pagination: _objectSpread$5(_objectSpread$5({}, current.pagination), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, cursorKey, data.messages.length < limit ? null : maybeNextCursor), _defineProperty(_objectSpread4, loadingKey, false), _objectSpread4))
+                    pagination: _objectSpread$6(_objectSpread$6({}, current.pagination), {}, (_objectSpread4 = {}, _defineProperty(_objectSpread4, cursorKey, data.messages.length < limit ? null : maybeNextCursor), _defineProperty(_objectSpread4, loadingKey, false), _objectSpread4))
                   });
                 });
 
@@ -8251,8 +8536,8 @@ var Thread = /*#__PURE__*/function () {
                 _this.client.logger('error', _context3.t0.message);
 
                 _this.state.next(function (current) {
-                  return _objectSpread$5(_objectSpread$5({}, current), {}, {
-                    pagination: _objectSpread$5(_objectSpread$5({}, current.pagination), {}, _defineProperty({}, loadingKey, false))
+                  return _objectSpread$6(_objectSpread$6({}, current), {}, {
+                    pagination: _objectSpread$6(_objectSpread$6({}, current.pagination), {}, _defineProperty({}, loadingKey, false))
                   });
                 });
 
@@ -8365,9 +8650,9 @@ var ownUnreadCountSelector = function ownUnreadCountSelector(currentUserId) {
   };
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var MODERATION_ENTITY_TYPES = {
   user: 'stream:user',
   message: 'stream:chat:v1:message'
@@ -8484,7 +8769,7 @@ var Moderation = /*#__PURE__*/function () {
               case 0:
                 options = _args3.length > 4 && _args3[4] !== undefined ? _args3[4] : {};
                 _context3.next = 3;
-                return this.client.post(this.client.baseURL + '/api/v2/moderation/flag', _objectSpread$4({
+                return this.client.post(this.client.baseURL + '/api/v2/moderation/flag', _objectSpread$5({
                   entity_type: entityType,
                   entity_id: entityId,
                   entity_creator_id: entityCreatorID,
@@ -8529,7 +8814,7 @@ var Moderation = /*#__PURE__*/function () {
               case 0:
                 options = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : {};
                 _context4.next = 3;
-                return this.client.post(this.client.baseURL + '/api/v2/moderation/mute', _objectSpread$4({
+                return this.client.post(this.client.baseURL + '/api/v2/moderation/mute', _objectSpread$5({
                   target_ids: [targetID]
                 }, options));
 
@@ -8567,7 +8852,7 @@ var Moderation = /*#__PURE__*/function () {
             switch (_context5.prev = _context5.next) {
               case 0:
                 _context5.next = 2;
-                return this.client.post(this.client.baseURL + '/api/v2/moderation/unmute', _objectSpread$4({
+                return this.client.post(this.client.baseURL + '/api/v2/moderation/unmute', _objectSpread$5({
                   target_ids: [targetID]
                 }, options));
 
@@ -8609,7 +8894,7 @@ var Moderation = /*#__PURE__*/function () {
               case 0:
                 options = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : {};
                 _context6.next = 3;
-                return this.client.get(this.client.baseURL + "/api/v2/moderation/user_report", _objectSpread$4({
+                return this.client.get(this.client.baseURL + "/api/v2/moderation/user_report", _objectSpread$5({
                   user_id: userID
                 }, options));
 
@@ -8653,7 +8938,7 @@ var Moderation = /*#__PURE__*/function () {
                 sort = _args7.length > 1 && _args7[1] !== undefined ? _args7[1] : [];
                 options = _args7.length > 2 && _args7[2] !== undefined ? _args7[2] : {};
                 _context7.next = 5;
-                return this.client.post(this.client.baseURL + '/api/v2/moderation/review_queue', _objectSpread$4({
+                return this.client.post(this.client.baseURL + '/api/v2/moderation/review_queue', _objectSpread$5({
                   filter: filterConditions,
                   sort: normalizeQuerySort(sort)
                 }, options));
@@ -8788,7 +9073,7 @@ var Moderation = /*#__PURE__*/function () {
               case 0:
                 options = _args11.length > 2 && _args11[2] !== undefined ? _args11[2] : {};
                 _context11.next = 3;
-                return this.client.post(this.client.baseURL + '/api/v2/moderation/configs', _objectSpread$4({
+                return this.client.post(this.client.baseURL + '/api/v2/moderation/configs', _objectSpread$5({
                   filter: filterConditions,
                   sort: sort
                 }, options));
@@ -8822,7 +9107,7 @@ var Moderation = /*#__PURE__*/function () {
               case 0:
                 options = _args12.length > 2 && _args12[2] !== undefined ? _args12[2] : {};
                 _context12.next = 3;
-                return this.client.post(this.client.baseURL + '/api/v2/moderation/submit_action', _objectSpread$4({
+                return this.client.post(this.client.baseURL + '/api/v2/moderation/submit_action', _objectSpread$5({
                   action_type: actionType,
                   item_id: itemID
                 }, options));
@@ -8986,9 +9271,9 @@ function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var DEFAULT_CONNECTION_RECOVERY_THROTTLE_DURATION = 1000;
 var MAX_QUERY_THREADS_LIMIT = 25;
 var THREAD_MANAGER_INITIAL_STATE = {
@@ -9169,7 +9454,7 @@ var ThreadManager = /*#__PURE__*/function () {
       var unsubscribeConnectionDropped = _this.client.on('connection.changed', function (event) {
         if (event.online === false) {
           _this.state.next(function (current) {
-            return current.lastConnectionDropAt ? current : _objectSpread$3(_objectSpread$3({}, current), {}, {
+            return current.lastConnectionDropAt ? current : _objectSpread$4(_objectSpread$4({}, current), {}, {
               lastConnectionDropAt: new Date()
             });
           });
@@ -9256,8 +9541,8 @@ var ThreadManager = /*#__PURE__*/function () {
               _context.prev = 7;
 
               _this.state.next(function (current) {
-                return _objectSpread$3(_objectSpread$3({}, current), {}, {
-                  pagination: _objectSpread$3(_objectSpread$3({}, current.pagination), {}, {
+                return _objectSpread$4(_objectSpread$4({}, current), {}, {
+                  pagination: _objectSpread$4(_objectSpread$4({}, current.pagination), {}, {
                     isLoading: true
                   })
                 });
@@ -9299,11 +9584,11 @@ var ThreadManager = /*#__PURE__*/function () {
               _this.state.next(function (current) {
                 var _response$next;
 
-                return _objectSpread$3(_objectSpread$3({}, current), {}, {
+                return _objectSpread$4(_objectSpread$4({}, current), {}, {
                   threads: nextThreads,
                   unseenThreadIds: [],
                   isThreadOrderStale: false,
-                  pagination: _objectSpread$3(_objectSpread$3({}, current.pagination), {}, {
+                  pagination: _objectSpread$4(_objectSpread$4({}, current.pagination), {}, {
                     isLoading: false,
                     nextCursor: (_response$next = response.next) !== null && _response$next !== void 0 ? _response$next : null
                   }),
@@ -9321,8 +9606,8 @@ var ThreadManager = /*#__PURE__*/function () {
               _this.client.logger('error', _context.t0.message);
 
               _this.state.next(function (current) {
-                return _objectSpread$3(_objectSpread$3({}, current), {}, {
-                  pagination: _objectSpread$3(_objectSpread$3({}, current.pagination), {}, {
+                return _objectSpread$4(_objectSpread$4({}, current), {}, {
+                  pagination: _objectSpread$4(_objectSpread$4({}, current.pagination), {}, {
                     isLoading: false
                   })
                 });
@@ -9338,7 +9623,7 @@ var ThreadManager = /*#__PURE__*/function () {
 
     _defineProperty(this, "queryThreads", function () {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return _this.client.queryThreads(_objectSpread$3({
+      return _this.client.queryThreads(_objectSpread$4({
         limit: 25,
         participant_limit: 10,
         reply_limit: 10,
@@ -9371,13 +9656,13 @@ var ThreadManager = /*#__PURE__*/function () {
               _context2.prev = 4;
 
               _this.state.partialNext({
-                pagination: _objectSpread$3(_objectSpread$3({}, pagination), {}, {
+                pagination: _objectSpread$4(_objectSpread$4({}, pagination), {}, {
                   isLoadingNext: true
                 })
               });
 
               _context2.next = 8;
-              return _this.queryThreads(_objectSpread$3(_objectSpread$3({}, options), {}, {
+              return _this.queryThreads(_objectSpread$4(_objectSpread$4({}, options), {}, {
                 next: pagination.nextCursor
               }));
 
@@ -9387,9 +9672,9 @@ var ThreadManager = /*#__PURE__*/function () {
               _this.state.next(function (current) {
                 var _response$next2;
 
-                return _objectSpread$3(_objectSpread$3({}, current), {}, {
+                return _objectSpread$4(_objectSpread$4({}, current), {}, {
                   threads: response.threads.length ? current.threads.concat(response.threads) : current.threads,
-                  pagination: _objectSpread$3(_objectSpread$3({}, current.pagination), {}, {
+                  pagination: _objectSpread$4(_objectSpread$4({}, current.pagination), {}, {
                     nextCursor: (_response$next2 = response.next) !== null && _response$next2 !== void 0 ? _response$next2 : null,
                     isLoadingNext: false
                   })
@@ -9406,8 +9691,8 @@ var ThreadManager = /*#__PURE__*/function () {
               _this.client.logger('error', _context2.t0.message);
 
               _this.state.next(function (current) {
-                return _objectSpread$3(_objectSpread$3({}, current), {}, {
-                  pagination: _objectSpread$3(_objectSpread$3({}, current.pagination), {}, {
+                return _objectSpread$4(_objectSpread$4({}, current), {}, {
+                  pagination: _objectSpread$4(_objectSpread$4({}, current.pagination), {}, {
                     isLoadingNext: false
                   })
                 });
@@ -9455,9 +9740,9 @@ var ThreadManager = /*#__PURE__*/function () {
 var _excluded$2 = ["own_votes", "id"],
     _excluded2$1 = ["id"];
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var isPollUpdatedEvent = function isPollUpdatedEvent(e) {
   return e.type === 'poll.updated';
@@ -9523,7 +9808,7 @@ var Poll = /*#__PURE__*/function () {
           ownAnswer = _ref2.ownAnswer,
           ownVotes = _ref2.ownVotes;
 
-      return _objectSpread$2(_objectSpread$2({}, pollResponseForState), {}, {
+      return _objectSpread$3(_objectSpread$3({}, pollResponseForState), {}, {
         lastActivityAt: new Date(),
         maxVotedOptionIds: getMaxVotedOptionIds(pollResponseForState.vote_counts_by_option),
         ownAnswer: ownAnswer,
@@ -9545,7 +9830,7 @@ var Poll = /*#__PURE__*/function () {
           pollData = _objectWithoutProperties(_extractPollData, _excluded2$1); // @ts-ignore
 
 
-      _this.state.partialNext(_objectSpread$2(_objectSpread$2({}, pollData), {}, {
+      _this.state.partialNext(_objectSpread$3(_objectSpread$3({}, pollData), {}, {
         lastActivityAt: new Date(event.created_at)
       }));
     });
@@ -9592,7 +9877,7 @@ var Poll = /*#__PURE__*/function () {
 
       var pollEnrichData = extractPollEnrichedData(event.poll); // @ts-ignore
 
-      _this.state.partialNext(_objectSpread$2(_objectSpread$2({}, pollEnrichData), {}, {
+      _this.state.partialNext(_objectSpread$3(_objectSpread$3({}, pollEnrichData), {}, {
         latest_answers: latestAnswers,
         lastActivityAt: new Date(event.created_at),
         ownAnswer: ownAnswer,
@@ -9657,7 +9942,7 @@ var Poll = /*#__PURE__*/function () {
 
       var pollEnrichData = extractPollEnrichedData(event.poll); // @ts-ignore
 
-      _this.state.partialNext(_objectSpread$2(_objectSpread$2({}, pollEnrichData), {}, {
+      _this.state.partialNext(_objectSpread$3(_objectSpread$3({}, pollEnrichData), {}, {
         latest_answers: latestAnswers,
         lastActivityAt: new Date(event.created_at),
         ownAnswer: ownAnswer,
@@ -9678,7 +9963,7 @@ var Poll = /*#__PURE__*/function () {
 
       var ownAnswer = currentState.ownAnswer;
 
-      var ownVotesByOptionId = _objectSpread$2({}, currentState.ownVotesByOptionId);
+      var ownVotesByOptionId = _objectSpread$3({}, currentState.ownVotesByOptionId);
 
       var maxVotedOptionIds = currentState.maxVotedOptionIds;
 
@@ -9700,7 +9985,7 @@ var Poll = /*#__PURE__*/function () {
 
       var pollEnrichData = extractPollEnrichedData(event.poll); // @ts-ignore
 
-      _this.state.partialNext(_objectSpread$2(_objectSpread$2({}, pollEnrichData), {}, {
+      _this.state.partialNext(_objectSpread$3(_objectSpread$3({}, pollEnrichData), {}, {
         latest_answers: latestAnswers,
         lastActivityAt: new Date(event.created_at),
         ownAnswer: ownAnswer,
@@ -9725,7 +10010,7 @@ var Poll = /*#__PURE__*/function () {
                 poll = _yield$_this$client$g.poll;
 
                 // @ts-ignore
-                _this.state.partialNext(_objectSpread$2(_objectSpread$2({}, poll), {}, {
+                _this.state.partialNext(_objectSpread$3(_objectSpread$3({}, poll), {}, {
                   lastActivityAt: new Date()
                 }));
 
@@ -9751,7 +10036,7 @@ var Poll = /*#__PURE__*/function () {
             switch (_context2.prev = _context2.next) {
               case 0:
                 _context2.next = 2;
-                return _this.client.updatePoll(_objectSpread$2(_objectSpread$2({}, data), {}, {
+                return _this.client.updatePoll(_objectSpread$3(_objectSpread$3({}, data), {}, {
                   id: _this.id
                 }));
 
@@ -10462,6 +10747,689 @@ var PollManager = /*#__PURE__*/function () {
   return PollManager;
 }();
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var channelManagerEventToHandlerMapping = {
+  'channel.deleted': 'channelDeletedHandler',
+  'channel.hidden': 'channelHiddenHandler',
+  'channel.truncated': 'channelTruncatedHandler',
+  'channel.visible': 'channelVisibleHandler',
+  'message.new': 'newMessageHandler',
+  'member.updated': 'memberUpdatedHandler',
+  'notification.added_to_channel': 'notificationAddedToChannelHandler',
+  'notification.message_new': 'notificationNewMessageHandler',
+  'notification.removed_from_channel': 'notificationRemovedFromChannelHandler'
+};
+var DEFAULT_CHANNEL_MANAGER_OPTIONS = {
+  abortInFlightQuery: false,
+  allowNotLoadedChannelPromotionForEvent: {
+    'channel.visible': true,
+    'message.new': true,
+    'notification.added_to_channel': true,
+    'notification.message_new': true
+  },
+  lockChannelOrder: false
+};
+var DEFAULT_CHANNEL_MANAGER_PAGINATION_OPTIONS = {
+  limit: 10,
+  offset: 0
+};
+/**
+ * A class that manages a list of channels and changes it based on configuration and WS events. The
+ * list of channels is reactive as well as the pagination and it can be subscribed to for state updates.
+ *
+ * @internal
+ */
+
+var ChannelManager = function ChannelManager(_ref) {
+  var _this = this;
+
+  var client = _ref.client,
+      _ref$eventHandlerOver = _ref.eventHandlerOverrides,
+      _eventHandlerOverrides = _ref$eventHandlerOver === void 0 ? {} : _ref$eventHandlerOver,
+      _ref$options = _ref.options,
+      _options = _ref$options === void 0 ? {} : _ref$options;
+
+  _classCallCheck(this, ChannelManager);
+
+  _defineProperty(this, "state", void 0);
+
+  _defineProperty(this, "client", void 0);
+
+  _defineProperty(this, "unsubscribeFunctions", new Set());
+
+  _defineProperty(this, "eventHandlers", new Map());
+
+  _defineProperty(this, "eventHandlerOverrides", new Map());
+
+  _defineProperty(this, "options", {});
+
+  _defineProperty(this, "stateOptions", {});
+
+  _defineProperty(this, "setChannels", function (valueOrFactory) {
+    _this.state.next(function (current) {
+      var currentChannels = current.channels;
+      var newChannels = isPatch(valueOrFactory) ? valueOrFactory(currentChannels) : valueOrFactory; // If the references between the two values are the same, just return the
+      // current state; otherwise trigger a state change.
+
+      if (currentChannels === newChannels) {
+        return current;
+      }
+
+      return _objectSpread$2(_objectSpread$2({}, current), {}, {
+        channels: newChannels
+      });
+    });
+  });
+
+  _defineProperty(this, "setEventHandlerOverrides", function () {
+    var eventHandlerOverrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var truthyEventHandlerOverrides = Object.entries(eventHandlerOverrides).reduce(function (acc, _ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+
+      if (value) {
+        acc[key] = value;
+      }
+
+      return acc;
+    }, {});
+    _this.eventHandlerOverrides = new Map(Object.entries(truthyEventHandlerOverrides));
+  });
+
+  _defineProperty(this, "setOptions", function () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _this.options = _objectSpread$2(_objectSpread$2({}, DEFAULT_CHANNEL_MANAGER_OPTIONS), options);
+  });
+
+  _defineProperty(this, "queryChannels", /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(filters) {
+      var sort,
+          options,
+          stateOptions,
+          _DEFAULT_CHANNEL_MANA,
+          offset,
+          limit,
+          _this$state$getLatest,
+          isLoading,
+          _channels$length,
+          _channels$length2,
+          channels,
+          newOffset,
+          newOptions,
+          _this$state$getLatest2,
+          pagination,
+          _args = arguments;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              sort = _args.length > 1 && _args[1] !== undefined ? _args[1] : [];
+              options = _args.length > 2 && _args[2] !== undefined ? _args[2] : {};
+              stateOptions = _args.length > 3 && _args[3] !== undefined ? _args[3] : {};
+              _DEFAULT_CHANNEL_MANA = _objectSpread$2(_objectSpread$2({}, DEFAULT_CHANNEL_MANAGER_PAGINATION_OPTIONS), options), offset = _DEFAULT_CHANNEL_MANA.offset, limit = _DEFAULT_CHANNEL_MANA.limit;
+              _this$state$getLatest = _this.state.getLatestValue(), isLoading = _this$state$getLatest.pagination.isLoading;
+
+              if (!(isLoading && !_this.options.abortInFlightQuery)) {
+                _context.next = 7;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 7:
+              _context.prev = 7;
+              _this.stateOptions = stateOptions;
+
+              _this.state.next(function (currentState) {
+                return _objectSpread$2(_objectSpread$2({}, currentState), {}, {
+                  pagination: _objectSpread$2(_objectSpread$2({}, currentState.pagination), {}, {
+                    isLoading: true,
+                    isLoadingNext: false,
+                    filters: filters,
+                    sort: sort,
+                    options: options
+                  })
+                });
+              });
+
+              _context.next = 12;
+              return _this.client.queryChannels(filters, sort, options, stateOptions);
+
+            case 12:
+              channels = _context.sent;
+              newOffset = offset + ((_channels$length = channels === null || channels === void 0 ? void 0 : channels.length) !== null && _channels$length !== void 0 ? _channels$length : 0);
+              newOptions = _objectSpread$2(_objectSpread$2({}, options), {}, {
+                offset: newOffset
+              });
+              _this$state$getLatest2 = _this.state.getLatestValue(), pagination = _this$state$getLatest2.pagination;
+
+              _this.state.partialNext({
+                channels: channels,
+                pagination: _objectSpread$2(_objectSpread$2({}, pagination), {}, {
+                  hasNext: ((_channels$length2 = channels === null || channels === void 0 ? void 0 : channels.length) !== null && _channels$length2 !== void 0 ? _channels$length2 : 0) >= limit,
+                  isLoading: false,
+                  options: newOptions
+                }),
+                initialized: true
+              });
+
+              _context.next = 24;
+              break;
+
+            case 19:
+              _context.prev = 19;
+              _context.t0 = _context["catch"](7);
+
+              _this.client.logger('error', _context.t0.message);
+
+              _this.state.next(function (currentState) {
+                return _objectSpread$2(_objectSpread$2({}, currentState), {}, {
+                  pagination: _objectSpread$2(_objectSpread$2({}, currentState.pagination), {}, {
+                    isLoading: false
+                  })
+                });
+              });
+
+              throw _context.t0;
+
+            case 24:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[7, 19]]);
+    }));
+
+    return function (_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
+
+  _defineProperty(this, "loadNext", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _this$state$getLatest3, pagination, channels, initialized, filters, sort, options, isLoadingNext, hasNext, _nextChannels$length, _nextChannels$length2, _DEFAULT_CHANNEL_MANA2, offset, limit, nextChannels, newOffset, newOptions;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _this$state$getLatest3 = _this.state.getLatestValue(), pagination = _this$state$getLatest3.pagination, channels = _this$state$getLatest3.channels, initialized = _this$state$getLatest3.initialized;
+            filters = pagination.filters, sort = pagination.sort, options = pagination.options, isLoadingNext = pagination.isLoadingNext, hasNext = pagination.hasNext;
+
+            if (!(!initialized || isLoadingNext || !hasNext)) {
+              _context2.next = 4;
+              break;
+            }
+
+            return _context2.abrupt("return");
+
+          case 4:
+            _context2.prev = 4;
+            _DEFAULT_CHANNEL_MANA2 = _objectSpread$2(_objectSpread$2({}, DEFAULT_CHANNEL_MANAGER_PAGINATION_OPTIONS), options), offset = _DEFAULT_CHANNEL_MANA2.offset, limit = _DEFAULT_CHANNEL_MANA2.limit;
+
+            _this.state.partialNext({
+              pagination: _objectSpread$2(_objectSpread$2({}, pagination), {}, {
+                isLoading: false,
+                isLoadingNext: true
+              })
+            });
+
+            _context2.next = 9;
+            return _this.client.queryChannels(filters, sort, options, _this.stateOptions);
+
+          case 9:
+            nextChannels = _context2.sent;
+            newOffset = offset + ((_nextChannels$length = nextChannels === null || nextChannels === void 0 ? void 0 : nextChannels.length) !== null && _nextChannels$length !== void 0 ? _nextChannels$length : 0);
+            newOptions = _objectSpread$2(_objectSpread$2({}, options), {}, {
+              offset: newOffset
+            });
+
+            _this.state.partialNext({
+              channels: [].concat(_toConsumableArray(channels || []), _toConsumableArray(nextChannels)),
+              pagination: _objectSpread$2(_objectSpread$2({}, pagination), {}, {
+                hasNext: ((_nextChannels$length2 = nextChannels === null || nextChannels === void 0 ? void 0 : nextChannels.length) !== null && _nextChannels$length2 !== void 0 ? _nextChannels$length2 : 0) >= limit,
+                isLoading: false,
+                isLoadingNext: false,
+                options: newOptions
+              })
+            });
+
+            _context2.next = 20;
+            break;
+
+          case 15:
+            _context2.prev = 15;
+            _context2.t0 = _context2["catch"](4);
+
+            _this.client.logger('error', _context2.t0.message);
+
+            _this.state.next(function (currentState) {
+              return _objectSpread$2(_objectSpread$2({}, currentState), {}, {
+                pagination: _objectSpread$2(_objectSpread$2({}, currentState.pagination), {}, {
+                  isLoadingNext: false
+                })
+              });
+            });
+
+            throw _context2.t0;
+
+          case 20:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[4, 15]]);
+  })));
+
+  _defineProperty(this, "notificationAddedToChannelHandler", /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(event) {
+      var _event$channel, _this$options$allowNo;
+
+      var _ref7, id, type, members, channel, _this$state$getLatest4, pagination, channels, _ref9, sort;
+
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _ref7 = (_event$channel = event === null || event === void 0 ? void 0 : event.channel) !== null && _event$channel !== void 0 ? _event$channel : {}, id = _ref7.id, type = _ref7.type, members = _ref7.members;
+
+              if (!(!type || !((_this$options$allowNo = _this.options.allowNotLoadedChannelPromotionForEvent) !== null && _this$options$allowNo !== void 0 && _this$options$allowNo['notification.added_to_channel']))) {
+                _context3.next = 3;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 3:
+              _context3.next = 5;
+              return getAndWatchChannel({
+                client: _this.client,
+                id: id,
+                members: members === null || members === void 0 ? void 0 : members.reduce(function (acc, _ref8) {
+                  var user = _ref8.user,
+                      user_id = _ref8.user_id;
+                  var userId = user_id || (user === null || user === void 0 ? void 0 : user.id);
+
+                  if (userId) {
+                    acc.push(userId);
+                  }
+
+                  return acc;
+                }, []),
+                type: type
+              });
+
+            case 5:
+              channel = _context3.sent;
+              _this$state$getLatest4 = _this.state.getLatestValue(), pagination = _this$state$getLatest4.pagination, channels = _this$state$getLatest4.channels;
+
+              if (channels) {
+                _context3.next = 9;
+                break;
+              }
+
+              return _context3.abrupt("return");
+
+            case 9:
+              _ref9 = pagination !== null && pagination !== void 0 ? pagination : {}, sort = _ref9.sort;
+
+              _this.setChannels(promoteChannel({
+                channels: channels,
+                channelToMove: channel,
+                sort: sort
+              }));
+
+            case 11:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function (_x2) {
+      return _ref6.apply(this, arguments);
+    };
+  }());
+
+  _defineProperty(this, "channelDeletedHandler", function (event) {
+    var _this$state$getLatest5 = _this.state.getLatestValue(),
+        channels = _this$state$getLatest5.channels;
+
+    if (!channels) {
+      return;
+    }
+
+    var newChannels = _toConsumableArray(channels);
+
+    var channelIndex = newChannels.findIndex(function (channel) {
+      var _event$channel2;
+
+      return channel.cid === (event.cid || ((_event$channel2 = event.channel) === null || _event$channel2 === void 0 ? void 0 : _event$channel2.cid));
+    });
+
+    if (channelIndex < 0) {
+      return;
+    }
+
+    newChannels.splice(channelIndex, 1);
+
+    _this.setChannels(newChannels);
+  });
+
+  _defineProperty(this, "channelHiddenHandler", this.channelDeletedHandler);
+
+  _defineProperty(this, "newMessageHandler", function (event) {
+    var _this$options$allowNo2;
+
+    var _this$state$getLatest6 = _this.state.getLatestValue(),
+        pagination = _this$state$getLatest6.pagination,
+        channels = _this$state$getLatest6.channels;
+
+    if (!channels) {
+      return;
+    }
+
+    var _ref10 = pagination !== null && pagination !== void 0 ? pagination : {},
+        filters = _ref10.filters,
+        sort = _ref10.sort;
+
+    var channelType = event.channel_type;
+    var channelId = event.channel_id;
+
+    if (!channelType || !channelId) {
+      return;
+    }
+
+    var targetChannel = _this.client.channel(channelType, channelId);
+
+    var targetChannelIndex = channels.indexOf(targetChannel);
+    var targetChannelExistsWithinList = targetChannelIndex >= 0;
+    var isTargetChannelPinned = isChannelPinned(targetChannel);
+    var isTargetChannelArchived = isChannelArchived(targetChannel);
+    var considerArchivedChannels = shouldConsiderArchivedChannels(filters);
+    var considerPinnedChannels = shouldConsiderPinnedChannels(sort);
+
+    if ( // filter is defined, target channel is archived and filter option is set to false
+    considerArchivedChannels && isTargetChannelArchived && !filters.archived || // filter is defined, target channel isn't archived and filter option is set to true
+    considerArchivedChannels && !isTargetChannelArchived && filters.archived || // sort option is defined, target channel is pinned
+    considerPinnedChannels && isTargetChannelPinned || // list order is locked
+    _this.options.lockChannelOrder || // target channel is not within the loaded list and loading from cache is disallowed
+    !targetChannelExistsWithinList && !((_this$options$allowNo2 = _this.options.allowNotLoadedChannelPromotionForEvent) !== null && _this$options$allowNo2 !== void 0 && _this$options$allowNo2['message.new'])) {
+      return;
+    }
+
+    _this.setChannels(promoteChannel({
+      channels: channels,
+      channelToMove: targetChannel,
+      channelToMoveIndexWithinChannels: targetChannelIndex,
+      sort: sort
+    }));
+  });
+
+  _defineProperty(this, "notificationNewMessageHandler", /*#__PURE__*/function () {
+    var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(event) {
+      var _event$channel3, _this$options$allowNo3;
+
+      var _ref12, id, type, _this$state$getLatest7, channels, pagination, _ref13, filters, sort, channel, considerArchivedChannels, isTargetChannelArchived;
+
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _ref12 = (_event$channel3 = event === null || event === void 0 ? void 0 : event.channel) !== null && _event$channel3 !== void 0 ? _event$channel3 : {}, id = _ref12.id, type = _ref12.type;
+              _this$state$getLatest7 = _this.state.getLatestValue(), channels = _this$state$getLatest7.channels, pagination = _this$state$getLatest7.pagination;
+              _ref13 = pagination !== null && pagination !== void 0 ? pagination : {}, filters = _ref13.filters, sort = _ref13.sort;
+
+              if (!(!channels || !id || !type)) {
+                _context4.next = 5;
+                break;
+              }
+
+              return _context4.abrupt("return");
+
+            case 5:
+              _context4.next = 7;
+              return getAndWatchChannel({
+                client: _this.client,
+                id: id,
+                type: type
+              });
+
+            case 7:
+              channel = _context4.sent;
+              considerArchivedChannels = shouldConsiderArchivedChannels(filters);
+              isTargetChannelArchived = isChannelArchived(channel);
+
+              if (!(considerArchivedChannels && isTargetChannelArchived && !filters.archived || considerArchivedChannels && !isTargetChannelArchived && filters.archived || !((_this$options$allowNo3 = _this.options.allowNotLoadedChannelPromotionForEvent) !== null && _this$options$allowNo3 !== void 0 && _this$options$allowNo3['notification.message_new']))) {
+                _context4.next = 12;
+                break;
+              }
+
+              return _context4.abrupt("return");
+
+            case 12:
+              _this.setChannels(promoteChannel({
+                channels: channels,
+                channelToMove: channel,
+                sort: sort
+              }));
+
+            case 13:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }));
+
+    return function (_x3) {
+      return _ref11.apply(this, arguments);
+    };
+  }());
+
+  _defineProperty(this, "channelVisibleHandler", /*#__PURE__*/function () {
+    var _ref14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(event) {
+      var _this$options$allowNo4;
+
+      var _this$state$getLatest8, channels, pagination, _ref15, sort, filters, channelType, channelId, channel, considerArchivedChannels, isTargetChannelArchived;
+
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _this$state$getLatest8 = _this.state.getLatestValue(), channels = _this$state$getLatest8.channels, pagination = _this$state$getLatest8.pagination;
+              _ref15 = pagination !== null && pagination !== void 0 ? pagination : {}, sort = _ref15.sort, filters = _ref15.filters;
+              channelType = event.channel_type, channelId = event.channel_id;
+
+              if (!(!channels || !channelType || !channelId)) {
+                _context5.next = 5;
+                break;
+              }
+
+              return _context5.abrupt("return");
+
+            case 5:
+              _context5.next = 7;
+              return getAndWatchChannel({
+                client: _this.client,
+                id: event.channel_id,
+                type: event.channel_type
+              });
+
+            case 7:
+              channel = _context5.sent;
+              considerArchivedChannels = shouldConsiderArchivedChannels(filters);
+              isTargetChannelArchived = isChannelArchived(channel);
+
+              if (!(considerArchivedChannels && isTargetChannelArchived && !filters.archived || considerArchivedChannels && !isTargetChannelArchived && filters.archived || !((_this$options$allowNo4 = _this.options.allowNotLoadedChannelPromotionForEvent) !== null && _this$options$allowNo4 !== void 0 && _this$options$allowNo4['channel.visible']))) {
+                _context5.next = 12;
+                break;
+              }
+
+              return _context5.abrupt("return");
+
+            case 12:
+              _this.setChannels(promoteChannel({
+                channels: channels,
+                channelToMove: channel,
+                sort: sort
+              }));
+
+            case 13:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }));
+
+    return function (_x4) {
+      return _ref14.apply(this, arguments);
+    };
+  }());
+
+  _defineProperty(this, "notificationRemovedFromChannelHandler", this.channelDeletedHandler);
+
+  _defineProperty(this, "memberUpdatedHandler", function (event) {
+    var _event$member;
+
+    var _this$state$getLatest9 = _this.state.getLatestValue(),
+        pagination = _this$state$getLatest9.pagination,
+        channels = _this$state$getLatest9.channels;
+
+    var filters = pagination.filters,
+        sort = pagination.sort;
+
+    if (!((_event$member = event.member) !== null && _event$member !== void 0 && _event$member.user) || event.member.user.id !== _this.client.userID || !event.channel_type || !event.channel_id) {
+      return;
+    }
+
+    var channelType = event.channel_type;
+    var channelId = event.channel_id;
+    var considerPinnedChannels = shouldConsiderPinnedChannels(sort);
+    var considerArchivedChannels = shouldConsiderArchivedChannels(filters);
+    var pinnedAtSort = extractSortValue({
+      atIndex: 0,
+      sort: sort,
+      targetKey: 'pinned_at'
+    });
+
+    if (!channels || !considerPinnedChannels && !considerArchivedChannels || _this.options.lockChannelOrder) {
+      return;
+    }
+
+    var targetChannel = _this.client.channel(channelType, channelId); // assumes that channel instances are not changing
+
+
+    var targetChannelIndex = channels.indexOf(targetChannel);
+    var targetChannelExistsWithinList = targetChannelIndex >= 0;
+    var isTargetChannelPinned = isChannelPinned(targetChannel);
+    var isTargetChannelArchived = isChannelArchived(targetChannel);
+
+    var newChannels = _toConsumableArray(channels);
+
+    if (targetChannelExistsWithinList) {
+      newChannels.splice(targetChannelIndex, 1);
+    } // handle archiving (remove channel)
+
+
+    if ( // When archived filter true, and channel is unarchived
+    considerArchivedChannels && !isTargetChannelArchived && filters !== null && filters !== void 0 && filters.archived || // When archived filter false, and channel is archived
+    considerArchivedChannels && isTargetChannelArchived && !(filters !== null && filters !== void 0 && filters.archived)) {
+      _this.setChannels(newChannels);
+
+      return;
+    } // handle pinning
+
+
+    var lastPinnedChannelIndex = null;
+
+    if (pinnedAtSort === 1 || pinnedAtSort === -1 && !isTargetChannelPinned) {
+      lastPinnedChannelIndex = findLastPinnedChannelIndex({
+        channels: newChannels
+      });
+    }
+
+    var newTargetChannelIndex = typeof lastPinnedChannelIndex === 'number' ? lastPinnedChannelIndex + 1 : 0; // skip state update if the position of the channel does not change
+
+    if (channels[newTargetChannelIndex] === targetChannel) {
+      return;
+    }
+
+    newChannels.splice(newTargetChannelIndex, 0, targetChannel);
+
+    _this.setChannels(newChannels);
+  });
+
+  _defineProperty(this, "subscriptionOrOverride", function (event) {
+    var handlerName = channelManagerEventToHandlerMapping[event.type];
+
+    var defaultEventHandler = _this.eventHandlers.get(handlerName);
+
+    var eventHandlerOverride = _this.eventHandlerOverrides.get(handlerName);
+
+    if (eventHandlerOverride && typeof eventHandlerOverride === 'function') {
+      eventHandlerOverride(_this.setChannels, event);
+      return;
+    }
+
+    if (defaultEventHandler && typeof defaultEventHandler === 'function') {
+      defaultEventHandler(event);
+    }
+  });
+
+  _defineProperty(this, "registerSubscriptions", function () {
+    if (_this.unsubscribeFunctions.size) {
+      // Already listening for events and changes
+      return;
+    }
+
+    for (var _i = 0, _Object$keys = Object.keys(channelManagerEventToHandlerMapping); _i < _Object$keys.length; _i++) {
+      var eventType = _Object$keys[_i];
+
+      _this.unsubscribeFunctions.add(_this.client.on(eventType, _this.subscriptionOrOverride).unsubscribe);
+    }
+  });
+
+  _defineProperty(this, "unregisterSubscriptions", function () {
+    _this.unsubscribeFunctions.forEach(function (cleanupFunction) {
+      return cleanupFunction();
+    });
+
+    _this.unsubscribeFunctions.clear();
+  });
+
+  this.client = client;
+  this.state = new StateStore({
+    channels: [],
+    pagination: {
+      isLoading: false,
+      isLoadingNext: false,
+      hasNext: false,
+      filters: {},
+      sort: {},
+      options: DEFAULT_CHANNEL_MANAGER_PAGINATION_OPTIONS
+    },
+    initialized: false
+  });
+  this.setEventHandlerOverrides(_eventHandlerOverrides);
+  this.setOptions(_options);
+  this.eventHandlers = new Map(Object.entries({
+    channelDeletedHandler: this.channelDeletedHandler,
+    channelHiddenHandler: this.channelHiddenHandler,
+    channelVisibleHandler: this.channelVisibleHandler,
+    memberUpdatedHandler: this.memberUpdatedHandler,
+    newMessageHandler: this.newMessageHandler,
+    notificationAddedToChannelHandler: this.notificationAddedToChannelHandler,
+    notificationNewMessageHandler: this.notificationNewMessageHandler,
+    notificationRemovedFromChannelHandler: this.notificationRemovedFromChannelHandler
+  }));
+};
+
 var _excluded$1 = ["created_at", "updated_at", "last_active", "online"],
     _excluded2 = ["params", "headers"];
 
@@ -10689,6 +11657,18 @@ var StreamChat = /*#__PURE__*/function () {
       };
     }());
 
+    _defineProperty(this, "createChannelManager", function (_ref3) {
+      var _ref3$eventHandlerOve = _ref3.eventHandlerOverrides,
+          eventHandlerOverrides = _ref3$eventHandlerOve === void 0 ? {} : _ref3$eventHandlerOve,
+          _ref3$options = _ref3.options,
+          options = _ref3$options === void 0 ? {} : _ref3$options;
+      return new ChannelManager({
+        client: _this,
+        eventHandlerOverrides: eventHandlerOverrides,
+        options: options
+      });
+    });
+
     _defineProperty(this, "openConnection", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _this$wsConnection3, _this$wsConnection4, _this$wsFallback3;
 
@@ -10758,7 +11738,7 @@ var StreamChat = /*#__PURE__*/function () {
     });
 
     _defineProperty(this, "disconnectUser", /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(timeout) {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(timeout) {
         var closePromise, _i, _Object$values, _channel;
 
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -10806,7 +11786,7 @@ var StreamChat = /*#__PURE__*/function () {
       }));
 
       return function (_x4) {
-        return _ref4.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }());
 
@@ -10834,7 +11814,7 @@ var StreamChat = /*#__PURE__*/function () {
     _defineProperty(this, "setAnonymousUser", this.connectAnonymousUser);
 
     _defineProperty(this, "doAxiosRequest", /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(type, url, data) {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(type, url, data) {
         var options,
             requestConfig,
             response,
@@ -10975,7 +11955,7 @@ var StreamChat = /*#__PURE__*/function () {
       }));
 
       return function (_x5, _x6, _x7) {
-        return _ref5.apply(this, arguments);
+        return _ref6.apply(this, arguments);
       };
     }());
 
@@ -11196,13 +12176,19 @@ var StreamChat = /*#__PURE__*/function () {
     })));
 
     _defineProperty(this, "getChannelByMembers", function (channelType, custom) {
+      var _custom$members;
+
       // Check if the channel already exists.
       // Only allow 1 channel object per cid
-      var membersStr = _toConsumableArray(custom.members || []).sort().join(',');
+      var memberIds = ((_custom$members = custom.members) !== null && _custom$members !== void 0 ? _custom$members : []).map(function (member) {
+        var _member$user_id;
 
-      var tempCid = "".concat(channelType, ":!members-").concat(membersStr);
+        return typeof member === 'string' ? member : (_member$user_id = member.user_id) !== null && _member$user_id !== void 0 ? _member$user_id : '';
+      });
+      var membersStr = memberIds.sort().join(',');
+      var tempCid = generateChannelTempCid(channelType, memberIds);
 
-      if (!membersStr) {
+      if (!tempCid) {
         throw Error('Please specify atleast one member when creating unique conversation');
       } // channel could exist in `activeChannels` list with either one of the following two keys:
       // 1. cid - Which gets set on channel only after calling channel.query or channel.watch or channel.create
@@ -13052,13 +14038,13 @@ var StreamChat = /*#__PURE__*/function () {
     key: "getRateLimits",
     value: function () {
       var _getRateLimits = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee29(params) {
-        var _ref7, serverSide, web, android, ios, endpoints;
+        var _ref8, serverSide, web, android, ios, endpoints;
 
         return _regeneratorRuntime.wrap(function _callee29$(_context29) {
           while (1) {
             switch (_context29.prev = _context29.next) {
               case 0:
-                _ref7 = params || {}, serverSide = _ref7.serverSide, web = _ref7.web, android = _ref7.android, ios = _ref7.ios, endpoints = _ref7.endpoints;
+                _ref8 = params || {}, serverSide = _ref8.serverSide, web = _ref8.web, android = _ref8.android, ios = _ref8.ios, endpoints = _ref8.endpoints;
                 return _context29.abrupt("return", this.get(this.baseURL + '/rate_limits', {
                   server_side: serverSide,
                   web: web,
@@ -13083,9 +14069,9 @@ var StreamChat = /*#__PURE__*/function () {
     }()
   }, {
     key: "_addChannelConfig",
-    value: function _addChannelConfig(_ref8) {
-      var cid = _ref8.cid,
-          config = _ref8.config;
+    value: function _addChannelConfig(_ref9) {
+      var cid = _ref9.cid,
+          config = _ref9.config;
 
       if (this._cacheEnabled()) {
         this.configs[cid] = config;
@@ -13109,7 +14095,7 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "channel",
     value: function channel(channelType, channelIDOrCustom) {
-      var _custom$members;
+      var _custom$members2;
 
       var custom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
 
@@ -13127,7 +14113,7 @@ var StreamChat = /*#__PURE__*/function () {
       } // // support channel("messaging", undefined, {options})
 
 
-      if (!channelIDOrCustom && _typeof(custom) === 'object' && (_custom$members = custom.members) !== null && _custom$members !== void 0 && _custom$members.length) {
+      if (!channelIDOrCustom && _typeof(custom) === 'object' && (_custom$members2 = custom.members) !== null && _custom$members2 !== void 0 && _custom$members2.length) {
         return this.getChannelByMembers(channelType, custom);
       } // support channel("messaging", null, {options})
       // support channel("messaging", undefined, {options})
@@ -15073,7 +16059,7 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "getUserAgent",
     value: function getUserAgent() {
-      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.55.0");
+      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.56.0");
     }
   }, {
     key: "setUserAgent",
@@ -15113,10 +16099,10 @@ var StreamChat = /*#__PURE__*/function () {
         });
       }
 
-      var _ref9 = this.options.axiosRequestConfig || {},
-          axiosRequestConfigParams = _ref9.params,
-          axiosRequestConfigHeaders = _ref9.headers,
-          axiosRequestConfigRest = _objectWithoutProperties(_ref9, _excluded2);
+      var _ref10 = this.options.axiosRequestConfig || {},
+          axiosRequestConfigParams = _ref10.params,
+          axiosRequestConfigHeaders = _ref10.headers,
+          axiosRequestConfigRest = _objectWithoutProperties(_ref10, _excluded2);
 
       return _objectSpread$1(_objectSpread$1(_objectSpread$1({
         params: _objectSpread$1(_objectSpread$1({
@@ -16459,13 +17445,13 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "deletePushProvider",
     value: function () {
-      var _deletePushProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee97(_ref10) {
+      var _deletePushProvider = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee97(_ref11) {
         var type, name;
         return _regeneratorRuntime.wrap(function _callee97$(_context97) {
           while (1) {
             switch (_context97.prev = _context97.next) {
               case 0:
-                type = _ref10.type, name = _ref10.name;
+                type = _ref11.type, name = _ref11.name;
                 _context97.next = 3;
                 return this.delete(this.baseURL + "/push_providers/".concat(encodeURIComponent(type), "/").concat(encodeURIComponent(name)));
 
@@ -18204,5 +19190,5 @@ var SearchController = /*#__PURE__*/function () {
   return SearchController;
 }();
 
-export { Allow, AllowAll, AnyResource, AnyRole, BaseSearchSource, BuiltinPermissions, BuiltinRoles, Campaign, Channel, ChannelSearchSource, ChannelState, CheckSignature, ClientState, Deny, DenyAll, DevToken, EVENT_MAP, ErrorFromResponse, InsightMetrics, JWTServerToken, JWTUserToken, MODERATION_ENTITY_TYPES, MaxPriority, MessageSearchSource, MinPriority, Moderation, Permission, Poll, PollManager, SearchController, Segment, StableWSConnection, StateStore, StreamChat, THREAD_MANAGER_INITIAL_STATE, Thread, ThreadManager, TokenManager, UserFromToken, UserSearchSource, VotingVisibility, buildWsFatalInsight, buildWsSuccessAfterFailureInsight, chatCodes, decodeBase64, encodeBase64, extractPollData, extractPollEnrichedData, formatMessage, isOwnUser, isVoteAnswer, logChatPromiseExecution, postInsights };
+export { Allow, AllowAll, AnyResource, AnyRole, BaseSearchSource, BuiltinPermissions, BuiltinRoles, Campaign, Channel, ChannelManager, ChannelSearchSource, ChannelState, CheckSignature, ClientState, DEFAULT_CHANNEL_MANAGER_OPTIONS, DEFAULT_CHANNEL_MANAGER_PAGINATION_OPTIONS, Deny, DenyAll, DevToken, EVENT_MAP, ErrorFromResponse, InsightMetrics, JWTServerToken, JWTUserToken, MODERATION_ENTITY_TYPES, MaxPriority, MessageSearchSource, MinPriority, Moderation, Permission, Poll, PollManager, SearchController, Segment, StableWSConnection, StateStore, StreamChat, THREAD_MANAGER_INITIAL_STATE, Thread, ThreadManager, TokenManager, UserFromToken, UserSearchSource, VotingVisibility, buildWsFatalInsight, buildWsSuccessAfterFailureInsight, channelManagerEventToHandlerMapping, chatCodes, decodeBase64, encodeBase64, extractPollData, extractPollEnrichedData, formatMessage, isOwnUser, isPatch, isVoteAnswer, logChatPromiseExecution, postInsights };
 //# sourceMappingURL=browser.es.js.map