stream-chat 8.12.1 → 8.12.3

package/dist/index.js

@@ -1340,6 +1340,19 @@ function removeConnectionEventListeners(cb) {
     window.removeEventListener('online', cb);
   }
 }
+var axiosParamsSerializer = function axiosParamsSerializer(params) {
+  var newParams = [];
+
+  for (var k in params) {
+    if (Array.isArray(params[k]) || _typeof__default['default'](params[k]) === 'object') {
+      newParams.push("".concat(k, "=").concat(encodeURIComponent(JSON.stringify(params[k]))));
+    } else {
+      newParams.push("".concat(k, "=").concat(encodeURIComponent(params[k])));
+    }
+  }
+
+  return newParams.join('&');
+};
 
 function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(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(_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 e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
@@ -1372,6 +1385,12 @@ var Channel = /*#__PURE__*/function () {
    * Static state indicates that channel exists on backend, but is not being watched yet.
    */
 
+  /**
+   * Collects the incoming WS events before the channel is marked as initialized.
+   * This prevents executing procedures that depend on channel being initialized.
+   * Once the channel is marked as initialized the queue is flushed.
+   */
+
   /**
    * constructor - Create a channel
    *
@@ -1415,6 +1434,8 @@ var Channel = /*#__PURE__*/function () {
 
     _defineProperty__default['default'](this, "disconnected", void 0);
 
+    _defineProperty__default['default'](this, "wsEventQueue", void 0);
+
     _defineProperty__default['default'](this, "create", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(options) {
         var defaultOptions;
@@ -1504,6 +1525,7 @@ var Channel = /*#__PURE__*/function () {
     this.lastTypingEvent = null;
     this.isTyping = false;
     this.disconnected = false;
+    this.wsEventQueue = [];
   }
   /**
    * getClient - Get the chat client for this channel. If client.disconnect() was called, this function will error
@@ -2907,6 +2929,9 @@ var Channel = /*#__PURE__*/function () {
               case 7:
                 state = _context28.sent;
                 this.initialized = true;
+
+                this._flushWsEventQueue();
+
                 this.data = state.channel;
 
                 this._client.logger('info', "channel:watch() - started watching channel ".concat(this.cid), {
@@ -2916,7 +2941,7 @@ var Channel = /*#__PURE__*/function () {
 
                 return _context28.abrupt("return", state);
 
-              case 12:
+              case 13:
               case "end":
                 return _context28.stop();
             }
@@ -3641,6 +3666,11 @@ var Channel = /*#__PURE__*/function () {
 
       var channel = this;
 
+      if (!this._isInitialized()) {
+        this.wsEventQueue.push(event);
+        return;
+      }
+
       this._client.logger('info', "channel:_handleChannelEvent - Received event of type { ".concat(event.type, " } on ").concat(this.cid), {
         tags: ['event', 'channel'],
         channel: this
@@ -3891,6 +3921,11 @@ var Channel = /*#__PURE__*/function () {
         channel.state.watcher_count = event.watcher_count;
       }
     }
+  }, {
+    key: "_isInitialized",
+    value: function _isInitialized() {
+      return this.initialized || this.offlineMode || this.getClient()._isUsingServerAuth();
+    }
   }, {
     key: "_checkInitialized",
     value: function _checkInitialized() {
@@ -4052,6 +4087,14 @@ var Channel = /*#__PURE__*/function () {
       this.disconnected = true;
       this.state.setIsUpToDate(false);
     }
+  }, {
+    key: "_flushWsEventQueue",
+    value: function _flushWsEventQueue() {
+      while (this.wsEventQueue.length) {
+        var event = this.wsEventQueue.shift();
+        if (event) this.getClient().dispatchEvent(event);
+      }
+    }
   }]);
 
   return Channel;
@@ -6944,6 +6987,7 @@ var StreamChat = /*#__PURE__*/function () {
     this.insightMetrics = new InsightMetrics();
     this.defaultWSTimeoutWithFallback = 6000;
     this.defaultWSTimeout = 15000;
+    this.axiosInstance.defaults.paramsSerializer = axiosParamsSerializer;
     /**
      * logger function should accept 3 parameters:
      * @param logLevel string
@@ -10104,7 +10148,7 @@ var StreamChat = /*#__PURE__*/function () {
   }, {
     key: "getUserAgent",
     value: function getUserAgent() {
-      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.12.1");
+      return this.userAgent || "stream-chat-javascript-client-".concat(this.node ? 'node' : 'browser', "-", "8.12.3");
     }
   }, {
     key: "setUserAgent",
@@ -11498,6 +11542,30 @@ var EVENT_MAP = {
   'connection.changed': true,
   'connection.recovered': true,
   'transport.changed': true
+}; // events handled by channel._handleChannelEvent
+
+var CHANNEL_HANDLED_EVENTS = {
+  'typing.start': true,
+  'typing.stop': true,
+  'message.read': true,
+  'user.watching.start': true,
+  'user.updated': true,
+  'user.watching.stop': true,
+  'message.deleted': true,
+  'message.new': true,
+  'message.updated': true,
+  'channel.truncated': true,
+  'member.added': true,
+  'member.updated': true,
+  'member.removed': true,
+  'channel.updated': true,
+  'reaction.new': true,
+  'reaction.deleted': true,
+  'reaction.updated': true,
+  'channel.hidden': true,
+  'channel.visible': true,
+  'user.banned': true,
+  'user.unbanned': true
 };
 
 var Allow = 'Allow';
@@ -11580,6 +11648,7 @@ exports.AnyResource = AnyResource;
 exports.AnyRole = AnyRole;
 exports.BuiltinPermissions = BuiltinPermissions;
 exports.BuiltinRoles = BuiltinRoles;
+exports.CHANNEL_HANDLED_EVENTS = CHANNEL_HANDLED_EVENTS;
 exports.Channel = Channel;
 exports.ChannelState = ChannelState;
 exports.CheckSignature = CheckSignature;