qiscus-sdk-core 2.15.0 → 2.16.0

package/lib/index.js

@@ -13,7 +13,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _superagent = _interopRequireDefault(require("superagent"));
 var _mitt = _interopRequireDefault(require("mitt"));
-var _is_js = _interopRequireDefault(require("is_js"));
+var _is = _interopRequireDefault(require("./lib/is"));
 var _format = _interopRequireDefault(require("date-fns/format"));
 var _distance_in_words_to_now = _interopRequireDefault(require("date-fns/distance_in_words_to_now"));
 var _Comment = _interopRequireDefault(require("./lib/Comment"));
@@ -158,15 +158,15 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "init",
     value: (function () {
-      var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(config) {
+      var _init = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(config) {
         var _this2 = this,
           _config$withConfig;
         var isDifferentBaseUrl, isDifferentMqttUrl, isDifferentBrokerLbUrl, setterHelper, mqttWssCheck;
-        return _regenerator["default"].wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regenerator["default"].wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               if (config.AppId) {
-                _context.next = 1;
+                _context3.next = 1;
                 break;
               }
               throw new Error('Please provide valid AppId');
@@ -258,10 +258,10 @@ var QiscusSDK = /*#__PURE__*/function () {
               };
               this.withConfig = (_config$withConfig = config.withConfig) !== null && _config$withConfig !== void 0 ? _config$withConfig : true;
               if (!(this.withConfig === true)) {
-                _context.next = 3;
+                _context3.next = 3;
                 break;
               }
-              _context.next = 2;
+              _context3.next = 2;
               return this.HTTPAdapter.get_request('api/v2/sdk/config').then(function (resp) {
                 resp.status == 200 ? _this2.isConfigLoaded = true : _this2.isConfigLoaded = false;
                 return resp.body.results;
@@ -294,240 +294,203 @@ var QiscusSDK = /*#__PURE__*/function () {
                 _this2.isConfigLoaded = true;
               });
             case 2:
-              _context.next = 4;
+              _context3.next = 4;
               break;
             case 3:
               this.isConfigLoaded = true;
             case 4:
               // set Event Listeners
-              this.setEventListeners();
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function init(_x) {
-        return _init.apply(this, arguments);
-      }
-      return init;
-    }())
-  }, {
-    key: "_setupCustomEventAdapter",
-    value: function _setupCustomEventAdapter() {
-      this.customEventAdapter = (0, _customEvent["default"])(this.realtimeAdapter, this.user_id);
-    }
-  }, {
-    key: "_setupSyncAdapter",
-    value: function _setupSyncAdapter() {
-      var _this3 = this;
-      this.syncAdapter = (0, _sync["default"])(function () {
-        return _this3.HTTPAdapter;
-      }, {
-        getToken: function getToken() {
-          return _this3.userData.token;
-        },
-        syncInterval: function syncInterval() {
-          return _this3.syncInterval;
-        },
-        getShouldSync: function getShouldSync() {
-          return _this3._forceEnableSync && _this3.isLogin && !_this3.realtimeAdapter.connected;
-        },
-        syncOnConnect: function syncOnConnect() {
-          return _this3.syncOnConnect;
-        },
-        lastCommentId: function lastCommentId() {
-          return _this3.last_received_comment_id;
-        },
-        statusLogin: function statusLogin() {
-          return _this3.isLogin;
-        },
-        enableSync: function enableSync() {
-          return _this3.enableSync;
-        },
-        enableSyncEvent: function enableSyncEvent() {
-          return _this3.enableSyncEvent;
-        }
-      });
-      this.syncAdapter.on('message.new', /*#__PURE__*/function () {
-        var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(message) {
-          var index, _message;
-          return _regenerator["default"].wrap(function (_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 1;
-                return _this3._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, message);
-              case 1:
-                message = _context2.sent;
-                if (_this3.selected != null) {
-                  index = _this3.selected.comments.findIndex(function (it) {
-                    return it.id === message.id || it.unique_id === message.unique_temp_id;
-                  });
-                  if (index === -1) {
-                    _message = new _Comment["default"](message);
-                    if (_message.room_id === _this3.selected.id) {
-                      _this3.selected.comments.push(_message);
-                      _this3.sortComments();
-                    }
-                    _this3.events.emit('newmessages', [message]);
-                  }
-                } else {
-                  _this3.events.emit('newmessages', [message]);
-                }
-              case 2:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function (_x2) {
-          return _ref.apply(this, arguments);
-        };
-      }());
-      this.syncAdapter.on('message.delivered', function (message) {
-        _this3._setDelivered(message.comment_id, message.comment_unique_id, message.email);
-      });
-      this.syncAdapter.on('message.read', function (message) {
-        _this3._setRead(message.comment_id, message.comment_unique_id, message.email);
-      });
-      this.syncAdapter.on('message.deleted', function (data) {
-        data.deleted_messages.forEach(function (it) {
-          _this3.events.emit('comment-deleted', {
-            roomId: it.room_id,
-            commentUniqueIds: it.message_unique_ids,
-            isForEveryone: true,
-            isHard: true
-          });
-        });
-      });
-      this.syncAdapter.on('room.cleared', function (data) {
-        data.deleted_rooms.forEach(function (room) {
-          _this3.events.emit('room-cleared', room);
-        });
-      });
-      this.syncAdapter.on('synchronize', function () {
-        _this3._pendingComments.forEach(function (m) {
-          return _this3._retrySendComment(m);
-        });
-      });
-      this.syncAdapter.on('last-message-id.new', function (id) {
-        _this3.last_received_comment_id = id;
-      });
-    }
-  }, {
-    key: "_setupRealtimeAdapter",
-    value: function () {
-      var _setupRealtimeAdapter2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-        var _this4 = this;
-        var res, mqttUsername, mqttPassword, mqttURL;
-        return _regenerator["default"].wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
+
               this._getMqttClientId = function () {
-                return "".concat(_this4.AppId, "_").concat(_this4.user_id, "_").concat(Date.now());
+                return "".concat(_this2.AppId, "_").concat(_this2.user_id, "_").concat(Date.now());
               };
-              _context4.next = 1;
-              return this.HTTPAdapter.get('api/v2/sdk/mqtt_config');
-            case 1:
-              res = _context4.sent;
-              mqttUsername = res.body.results.username;
-              mqttPassword = res.body.results.password;
-              mqttURL = "wss://".concat(res.body.results.url, ":1886/mqtt");
-              this.realtimeAdapter = new _mqtt["default"](mqttURL, this, this.isLogin, {
+              this.realtimeAdapter = new _mqtt["default"](this.mqttURL, this, this.isLogin, {
                 brokerLbUrl: this.brokerLbUrl,
                 enableLb: this.enableLb,
                 shouldConnect: this.enableRealtime,
-                getClientId: this._getMqttClientId,
-                mqttUsername: mqttUsername,
-                mqttPassword: mqttPassword
+                getClientId: this._getMqttClientId
               });
               this.realtimeAdapter.on('connected', function () {
-                if (_this4.isLogin || !_this4.realtimeAdapter.connected) {
-                  _this4.last_received_comment_id = _this4.userData.last_comment_id;
-                  _this4.updateLastReceivedComment(_this4.last_received_comment_id);
+                if (_this2.isLogin || !_this2.realtimeAdapter.connected) {
+                  _this2.last_received_comment_id = _this2.userData.last_comment_id;
+                  _this2.updateLastReceivedComment(_this2.last_received_comment_id);
                 }
               });
               this.realtimeAdapter.on('close', function () {});
               this.realtimeAdapter.on('reconnect', function () {
-                var _this4$options$onReco, _this4$options;
-                (_this4$options$onReco = (_this4$options = _this4.options).onReconnectCallback) === null || _this4$options$onReco === void 0 || _this4$options$onReco.call(_this4$options);
+                var _this2$options$onReco, _this2$options;
+                (_this2$options$onReco = (_this2$options = _this2.options).onReconnectCallback) === null || _this2$options$onReco === void 0 || _this2$options$onReco.call(_this2$options);
+              });
+              this.realtimeAdapter.on('message-delivered', function (_ref) {
+                var commentId = _ref.commentId,
+                  commentUniqueId = _ref.commentUniqueId,
+                  userId = _ref.userId;
+                return _this2._setDelivered(commentId, commentUniqueId, userId);
               });
-              this.realtimeAdapter.on('message-delivered', function (_ref2) {
+              this.realtimeAdapter.on('message-read', function (_ref2) {
                 var commentId = _ref2.commentId,
                   commentUniqueId = _ref2.commentUniqueId,
                   userId = _ref2.userId;
-                return _this4._setDelivered(commentId, commentUniqueId, userId);
-              });
-              this.realtimeAdapter.on('message-read', function (_ref3) {
-                var commentId = _ref3.commentId,
-                  commentUniqueId = _ref3.commentUniqueId,
-                  userId = _ref3.userId;
-                return _this4._setRead(commentId, commentUniqueId, userId);
+                return _this2._setRead(commentId, commentUniqueId, userId);
               });
               this.realtimeAdapter.on('new-message', /*#__PURE__*/function () {
-                var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(message) {
-                  return _regenerator["default"].wrap(function (_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
+                var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(message) {
+                  return _regenerator["default"].wrap(function (_context) {
+                    while (1) switch (_context.prev = _context.next) {
                       case 0:
-                        _context3.next = 1;
-                        return _this4._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, message);
+                        _context.next = 1;
+                        return _this2._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, message);
                       case 1:
-                        message = _context3.sent;
-                        _this4.events.emit('newmessages', [message]);
+                        message = _context.sent;
+                        _this2.events.emit('newmessages', [message]);
                       case 2:
                       case "end":
-                        return _context3.stop();
+                        return _context.stop();
                     }
-                  }, _callee3);
+                  }, _callee);
                 }));
-                return function (_x3) {
-                  return _ref4.apply(this, arguments);
+                return function (_x2) {
+                  return _ref3.apply(this, arguments);
                 };
               }());
               this.realtimeAdapter.on('presence', function (data) {
-                return _this4.events.emit('presence', data);
+                return _this2.events.emit('presence', data);
               });
               this.realtimeAdapter.on('comment-deleted', function (data) {
-                return _this4.events.emit('comment-deleted', data);
+                return _this2.events.emit('comment-deleted', data);
               });
               this.realtimeAdapter.on('room-cleared', function (data) {
-                return _this4.events.emit('room-cleared', data);
+                return _this2.events.emit('room-cleared', data);
               });
               this.realtimeAdapter.on('typing', function (data) {
-                return _this4.events.emit('typing', {
+                return _this2.events.emit('typing', {
                   message: data.message,
                   username: data.userId,
                   room_id: data.roomId
                 });
               });
               this.realtimeAdapter.on('message:updated', function (message) {
-                if (_this4.options.messageUpdatedCallback != null) {
-                  _this4.options.messageUpdatedCallback(message);
+                if (_this2.options.messageUpdatedCallback != null) {
+                  _this2.options.messageUpdatedCallback(message);
                 }
               });
               this.realtimeAdapter.on('room-typing', function (data) {
-                _this4.events.emit('typing', {
+                _this2.events.emit('typing', {
                   message: data.text,
                   username: data.sender_name,
                   email: data.sender_id,
                   room_id: data.room_id
                 });
-                if (_this4.options.onRoomTypingCallback != null) {
-                  _this4.events.emit('room-typing', data);
-                  _this4.options.onRoomTypingCallback(data);
+                if (_this2.options.onRoomTypingCallback != null) {
+                  _this2.events.emit('room-typing', data);
+                  _this2.options.onRoomTypingCallback(data);
                 }
               });
-            case 2:
+              this.syncAdapter = (0, _sync["default"])(function () {
+                return _this2.HTTPAdapter;
+              }, {
+                getToken: function getToken() {
+                  return _this2.userData.token;
+                },
+                syncInterval: function syncInterval() {
+                  return _this2.syncInterval;
+                },
+                getShouldSync: function getShouldSync() {
+                  return _this2._forceEnableSync && _this2.isLogin && !_this2.realtimeAdapter.connected;
+                },
+                syncOnConnect: function syncOnConnect() {
+                  return _this2.syncOnConnect;
+                },
+                lastCommentId: function lastCommentId() {
+                  return _this2.last_received_comment_id;
+                },
+                statusLogin: function statusLogin() {
+                  return _this2.isLogin;
+                },
+                enableSync: function enableSync() {
+                  return _this2.enableSync;
+                },
+                enableSyncEvent: function enableSyncEvent() {
+                  return _this2.enableSyncEvent;
+                }
+              });
+              this.syncAdapter.on('message.new', /*#__PURE__*/function () {
+                var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(message) {
+                  var index, _message;
+                  return _regenerator["default"].wrap(function (_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 1;
+                        return _this2._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, message);
+                      case 1:
+                        message = _context2.sent;
+                        if (_this2.selected != null) {
+                          index = _this2.selected.comments.findIndex(function (it) {
+                            return it.id === message.id || it.unique_id === message.unique_temp_id;
+                          });
+                          if (index === -1) {
+                            _message = new _Comment["default"](message);
+                            if (_message.room_id === _this2.selected.id) {
+                              _this2.selected.comments.push(_message);
+                              _this2.sortComments();
+                            }
+                            _this2.events.emit('newmessages', [message]);
+                          }
+                        } else {
+                          _this2.events.emit('newmessages', [message]);
+                        }
+                      case 2:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2);
+                }));
+                return function (_x3) {
+                  return _ref4.apply(this, arguments);
+                };
+              }());
+              this.syncAdapter.on('message.delivered', function (message) {
+                _this2._setDelivered(message.comment_id, message.comment_unique_id, message.email);
+              });
+              this.syncAdapter.on('message.read', function (message) {
+                _this2._setRead(message.comment_id, message.comment_unique_id, message.email);
+              });
+              this.syncAdapter.on('message.deleted', function (data) {
+                data.deleted_messages.forEach(function (it) {
+                  _this2.events.emit('comment-deleted', {
+                    roomId: it.room_id,
+                    commentUniqueIds: it.message_unique_ids,
+                    isForEveryone: true,
+                    isHard: true
+                  });
+                });
+              });
+              this.syncAdapter.on('room.cleared', function (data) {
+                data.deleted_rooms.forEach(function (room) {
+                  _this2.events.emit('room-cleared', room);
+                });
+              });
+              this.syncAdapter.on('synchronize', function () {
+                _this2._pendingComments.forEach(function (m) {
+                  return _this2._retrySendComment(m);
+                });
+              });
+              this.syncAdapter.on('last-message-id.new', function (id) {
+                _this2.last_received_comment_id = id;
+              });
+              this.customEventAdapter = (0, _customEvent["default"])(this.realtimeAdapter, this.user_id);
+              this.setEventListeners();
+            case 5:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, this);
+        }, _callee3, this);
       }));
-      function _setupRealtimeAdapter() {
-        return _setupRealtimeAdapter2.apply(this, arguments);
+      function init(_x) {
+        return _init.apply(this, arguments);
       }
-      return _setupRealtimeAdapter;
-    }()
+      return init;
+    }())
   }, {
     key: "_setRead",
     value: function _setRead(messageId, messageUniqueId, userId) {
@@ -585,7 +548,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "setEventListeners",
     value: function setEventListeners() {
-      var _this5 = this;
+      var _this3 = this;
       var self = this;
       this.authAdapter = new _auth["default"](self.HTTPAdapter);
       if (this.userData.email != null) {
@@ -598,13 +561,13 @@ var QiscusSDK = /*#__PURE__*/function () {
           userId: self.user_id,
           version: self.version,
           getCustomHeader: function getCustomHeader() {
-            return _this5._customHeader;
+            return _this3._customHeader;
           }
         });
         self.HTTPAdapter.setToken(self.userData.token);
       });
       self.events.on('room-changed', function (room) {
-        _this5.logging('room changed', room);
+        _this3.logging('room changed', room);
         if (self.options.roomChangedCallback) {
           self.options.roomChangedCallback(room);
         }
@@ -630,13 +593,13 @@ var QiscusSDK = /*#__PURE__*/function () {
       self.events.on('newmessages', function (comments) {
         // let's convert the data into something we can use
         // first we need to make sure we sort this data out based on room_id
-        _this5.logging('newmessages', comments);
-        var lastReceivedMessageNotEmpty = _this5.lastReceiveMessages.length > 0;
-        if (lastReceivedMessageNotEmpty && _this5.lastReceiveMessages[0].unique_temp_id === comments[0].unique_temp_id) {
-          _this5.logging('lastReceiveMessages double', comments);
+        _this3.logging('newmessages', comments);
+        var lastReceivedMessageNotEmpty = _this3.lastReceiveMessages.length > 0;
+        if (lastReceivedMessageNotEmpty && _this3.lastReceiveMessages[0].unique_temp_id === comments[0].unique_temp_id) {
+          _this3.logging('lastReceiveMessages double', comments);
           return;
         }
-        _this5.lastReceiveMessages = comments;
+        _this3.lastReceiveMessages = comments;
         self._callNewMessagesCallback(comments);
         comments.forEach(function (comment) {
           // we have this comment, so means it's already delivered, update it's delivered status
@@ -658,7 +621,7 @@ var QiscusSDK = /*#__PURE__*/function () {
               return c.id === lastComment.comment_before_id;
             });
             if (!lastComment.isPending && !commentBeforeThis) {
-              _this5.logging('comment before id not found! ', comment.comment_before_id);
+              _this3.logging('comment before id not found! ', comment.comment_before_id);
               // need to fix, these method does not work
               self.synchronize(roomLastCommentId);
             }
@@ -672,7 +635,7 @@ var QiscusSDK = /*#__PURE__*/function () {
 
           // let's update last_received_comment_id
           self.updateLastReceivedComment(comment.id);
-          _this5.sortComments();
+          _this3.sortComments();
         });
       });
 
@@ -680,96 +643,72 @@ var QiscusSDK = /*#__PURE__*/function () {
        * This event will be called when login is sucess
        * Basically, it sets up necessary properties for qiscusSDK
        */
-      this.events.on('login-success', /*#__PURE__*/function () {
-        var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(response) {
-          var user;
-          return _regenerator["default"].wrap(function (_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                _this5.isLogin = true;
-                _this5.userData = response.user;
-                _this5.last_received_comment_id = _this5.userData.last_comment_id;
+      this.events.on('login-success', function (response) {
+        _this3.isLogin = true;
+        _this3.userData = response.user;
+        _this3.last_received_comment_id = _this3.userData.last_comment_id;
+        if (!_this3.realtimeAdapter.connected) _this3.updateLastReceivedComment(_this3.last_received_comment_id);
 
-                // now that we have the token, etc, we need to set all our adapters
-                _this5.HTTPAdapter = new _http["default"]({
-                  baseURL: _this5.baseURL,
-                  AppId: _this5.AppId,
-                  userId: _this5.user_id,
-                  version: _this5.version,
-                  getCustomHeader: function getCustomHeader() {
-                    return _this5._customHeader;
-                  },
-                  expiredTokenAdapterGetter: function expiredTokenAdapterGetter() {
-                    return _this5.expiredTokenAdapter;
-                  }
-                });
-                _this5.HTTPAdapter.setToken(_this5.userData.token);
-                _context5.next = 1;
-                return _this5._setupRealtimeAdapter();
-              case 1:
-                _this5._setupSyncAdapter();
-                _this5._setupCustomEventAdapter();
-                _this5.realtimeAdapter.connect();
-                // this.setEventListeners()
-
-                if (!_this5.realtimeAdapter.connected) {
-                  _this5.updateLastReceivedComment(_this5.last_received_comment_id);
-                }
-                user = response.user;
-                _this5._delayedSync = (0, _utils.delayed)(function () {
-                  _this5.synchronize();
-                  _this5.synchronizeEvent();
-                }, 500);
-                _this5.expiredTokenAdapter = new _expiredToken.ExpiredTokenAdapter({
-                  httpAdapter: _this5.HTTPAdapter,
-                  refreshToken: user.refresh_token,
-                  expiredAt: user.token_expires_at,
-                  userId: _this5.user_id,
-                  onTokenRefreshed: function onTokenRefreshed(token, refreshToken, expiredAt, oldToken) {
-                    _this5.userData.token = token;
-                    _this5.userData.refresh_token = refreshToken;
-                    _this5.userData.token_expires_at = expiredAt === null || expiredAt === void 0 ? void 0 : expiredAt.toJSON();
-                    _this5.events.emit('token-refreshed', {
-                      token: token,
-                      refreshToken: refreshToken,
-                      expiredAt: expiredAt,
-                      oldToken: oldToken
-                    });
-                    _this5.realtimeAdapter.unsusbcribeUserChannelByToken(oldToken);
-                    _this5.realtimeAdapter.subscribeUserChannelByToken(token);
-                    _this5._delayedSync();
-                  },
-                  getAuthenticationStatus: function getAuthenticationStatus() {
-                    return _this5.user_id != null && _this5.isLogin;
-                  }
-                });
-                _this5.userAdapter = new _user["default"](_this5.HTTPAdapter);
-                _this5.roomAdapter = new _room["default"](_this5.HTTPAdapter);
-                _this5.realtimeAdapter.subscribeUserChannel();
-                if (_this5.presensePublisherId != null && _this5.presensePublisherId !== -1) {
-                  clearInterval(_this5.presensePublisherId);
-                }
-                _this5.presensePublisherId = setInterval(function () {
-                  _this5.realtimeAdapter.publishPresence(_this5.user_id, true);
-                }, 3500);
+        // now that we have the token, etc, we need to set all our adapters
+        _this3.HTTPAdapter = new _http["default"]({
+          baseURL: _this3.baseURL,
+          AppId: _this3.AppId,
+          userId: _this3.user_id,
+          version: _this3.version,
+          getCustomHeader: function getCustomHeader() {
+            return _this3._customHeader;
+          },
+          expiredTokenAdapterGetter: function expiredTokenAdapterGetter() {
+            return _this3.expiredTokenAdapter;
+          }
+        });
+        _this3.HTTPAdapter.setToken(_this3.userData.token);
+        var user = response.user;
+        _this3._delayedSync = (0, _utils.delayed)(function () {
+          _this3.synchronize();
+          _this3.synchronizeEvent();
+        }, 500);
+        _this3.expiredTokenAdapter = new _expiredToken.ExpiredTokenAdapter({
+          httpAdapter: _this3.HTTPAdapter,
+          refreshToken: user.refresh_token,
+          expiredAt: user.token_expires_at,
+          userId: _this3.user_id,
+          onTokenRefreshed: function onTokenRefreshed(token, refreshToken, expiredAt, oldToken) {
+            _this3.userData.token = token;
+            _this3.userData.refresh_token = refreshToken;
+            _this3.userData.token_expires_at = expiredAt === null || expiredAt === void 0 ? void 0 : expiredAt.toJSON();
+            _this3.events.emit('token-refreshed', {
+              token: token,
+              refreshToken: refreshToken,
+              expiredAt: expiredAt,
+              oldToken: oldToken
+            });
+            _this3.realtimeAdapter.unsusbcribeUserChannelByToken(oldToken);
+            _this3.realtimeAdapter.subscribeUserChannelByToken(token);
+            _this3._delayedSync();
+          },
+          getAuthenticationStatus: function getAuthenticationStatus() {
+            return _this3.user_id != null && _this3.isLogin;
+          }
+        });
+        _this3.userAdapter = new _user["default"](_this3.HTTPAdapter);
+        _this3.roomAdapter = new _room["default"](_this3.HTTPAdapter);
+        _this3.realtimeAdapter.subscribeUserChannel();
+        if (_this3.presensePublisherId != null && _this3.presensePublisherId !== -1) {
+          clearInterval(_this3.presensePublisherId);
+        }
+        _this3.presensePublisherId = setInterval(function () {
+          _this3.realtimeAdapter.publishPresence(_this3.user_id, true);
+        }, 3500);
 
-                // if (this.sync === "http" || this.sync === "both") this.activateSync();
-                if (_this5.options.loginSuccessCallback) {
-                  _this5.options.loginSuccessCallback(response);
-                }
-                _this5.authAdapter.userId = _this5.userData.email;
-                _this5.authAdapter.refreshToken = _this5.userData.refresh_token;
-                _this5.authAdapter.autoRefreshToken = _this5._autoRefreshToken;
-              case 2:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5);
-        }));
-        return function (_x4) {
-          return _ref5.apply(this, arguments);
-        };
-      }());
+        // if (this.sync === "http" || this.sync === "both") this.activateSync();
+        if (_this3.options.loginSuccessCallback) {
+          _this3.options.loginSuccessCallback(response);
+        }
+        _this3.authAdapter.userId = _this3.userData.email;
+        _this3.authAdapter.refreshToken = _this3.userData.refresh_token;
+        _this3.authAdapter.autoRefreshToken = _this3._autoRefreshToken;
+      });
 
       /**
        * Called when there's something wrong when connecting to qiscus SDK
@@ -780,8 +719,8 @@ var QiscusSDK = /*#__PURE__*/function () {
         }
       });
       self.events.on('token-refreshed', function (param) {
-        var _this5$options$authTo, _this5$options;
-        (_this5$options$authTo = (_this5$options = _this5.options).authTokenRefreshedCallback) === null || _this5$options$authTo === void 0 || _this5$options$authTo.call(_this5$options, param);
+        var _this3$options$authTo, _this3$options;
+        (_this3$options$authTo = (_this3$options = _this3.options).authTokenRefreshedCallback) === null || _this3$options$authTo === void 0 || _this3$options$authTo.call(_this3$options, param);
       });
       self.events.on('room-cleared', function (room) {
         // find room
@@ -884,12 +823,12 @@ var QiscusSDK = /*#__PURE__*/function () {
        * Called when there's new presence data of currently subscribed target user (last seen timestamp)
        * @param {string} data MQTT Payload with format of "x:xxxxxxxxxxxxx"
        */
-      self.events.on('presence', function (_ref6) {
-        var message = _ref6.message,
-          userId = _ref6.userId;
+      self.events.on('presence', function (_ref5) {
+        var message = _ref5.message,
+          userId = _ref5.userId;
         var payload = message.split(':');
-        if (_this5.chatmateStatus !== payload[0]) {
-          _this5.chatmateStatus = payload[0] === 1 ? 'Online' : "Last seen ".concat((0, _distance_in_words_to_now["default"])(Number(payload[1].substring(0, 13))));
+        if (_this3.chatmateStatus !== payload[0]) {
+          _this3.chatmateStatus = payload[0] === 1 ? 'Online' : "Last seen ".concat((0, _distance_in_words_to_now["default"])(Number(payload[1].substring(0, 13))));
         }
         if (self.options.presenceCallback) self.options.presenceCallback(message, userId);
       });
@@ -910,20 +849,20 @@ var QiscusSDK = /*#__PURE__*/function () {
        * Called when new particant was added into a group
        */
       self.events.on('participants-added', function (response) {
-        var _this5$selected$parti;
-        if (response == null || _this5.selected == null) return;
-        (_this5$selected$parti = _this5.selected.participants).push.apply(_this5$selected$parti, (0, _toConsumableArray2["default"])(response));
+        var _this3$selected$parti;
+        if (response == null || _this3.selected == null) return;
+        (_this3$selected$parti = _this3.selected.participants).push.apply(_this3$selected$parti, (0, _toConsumableArray2["default"])(response));
       });
 
       /**
        * Called when particant was removed from a group
        */
       self.events.on('participants-removed', function (response) {
-        if (response == null || _this5.selected == null) return;
-        var participants = _this5.selected.participants.filter(function (participant) {
+        if (response == null || _this3.selected == null) return;
+        var participants = _this3.selected.participants.filter(function (participant) {
           return response.indexOf(participant.email) <= -1;
         });
-        _this5.selected.participants = participants;
+        _this3.selected.participants = participants;
       });
 
       /**
@@ -978,7 +917,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "setUser",
     value: function setUser(userId, key, username, avatarURL, extras) {
-      var _this6 = this;
+      var _this4 = this;
       var self = this;
       self.user_id = userId;
       self.key = key;
@@ -993,18 +932,19 @@ var QiscusSDK = /*#__PURE__*/function () {
       if (this.avatar_url) params.avatar_url = this.avatar_url;
       return new Promise(function (resolve, reject) {
         var waitingConfig = setInterval(function () {
-          if (!_this6.isConfigLoaded) {
-            if (_this6.debugMode) {
-              _this6.logger('Waiting for init config...');
+          if (!_this4.isConfigLoaded) {
+            if (_this4.debugMode) {
+              _this4.logger('Waiting for init config...');
             }
           } else {
             clearInterval(waitingConfig);
-            _this6.logger('Config Success!');
+            _this4.logger('Config Success!');
             self.events.emit('start-init');
             var login$ = self.authAdapter.loginOrRegister(params).then(function (response) {
               self.isInit = true;
               self.refresh_token = response.user.refresh_token;
               self.events.emit('login-success', response);
+              _this4.realtimeAdapter.connect();
               resolve(response);
             }, function (error) {
               self.events.emit('login-error', error);
@@ -1018,7 +958,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "setUserWithIdentityToken",
     value: function setUserWithIdentityToken(data) {
-      var _this7 = this;
+      var _this5 = this;
       if (!data || !('user' in data)) return this.events.emit('login-error', data);
       this.email = data.user.email;
       this.user_id = data.user.email;
@@ -1027,14 +967,14 @@ var QiscusSDK = /*#__PURE__*/function () {
       this.avatar_url = data.user.avatar_url;
       this.isInit = true;
       var waitingConfig = setInterval(function () {
-        if (!_this7.isConfigLoaded) {
-          if (_this7.debugMode) {
-            _this7.logger('Waiting for init config...');
+        if (!_this5.isConfigLoaded) {
+          if (_this5.debugMode) {
+            _this5.logger('Waiting for init config...');
           }
         } else {
           clearInterval(waitingConfig);
-          _this7.logger('Config Success!');
-          _this7.events.emit('login-success', data);
+          _this5.logger('Config Success!');
+          _this5.events.emit('login-success', data);
         }
       }, 300);
     }
@@ -1046,16 +986,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "publishOnlinePresence",
     value: function publishOnlinePresence(val) {
-      var _this8 = this;
+      var _this6 = this;
       if (val === true) {
         setBackToOnline = setInterval(function () {
-          _this8.realtimeAdapter.publishPresence(_this8.user_id, true);
+          _this6.realtimeAdapter.publishPresence(_this6.user_id, true);
         }, 3500);
       } else {
         clearInterval(this.presensePublisherId);
         clearInterval(setBackToOnline);
         setTimeout(function () {
-          _this8.realtimeAdapter.publishPresence(_this8.user_id, false);
+          _this6.realtimeAdapter.publishPresence(_this6.user_id, false);
         }, 3500);
       }
     }
@@ -1072,13 +1012,11 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "logout",
     value: function () {
-      var _logout = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-        var _t;
-        return _regenerator["default"].wrap(function (_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _logout = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        return _regenerator["default"].wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context6.prev = 0;
-              _context6.next = 1;
+              _context4.next = 1;
               return this.expiredTokenAdapter.logout();
             case 1:
               clearInterval(this.presensePublisherId);
@@ -1088,16 +1026,11 @@ var QiscusSDK = /*#__PURE__*/function () {
               this.isLogin = false;
               this.realtimeAdapter.disconnect();
               this.userData = {};
-              _context6.next = 3;
-              break;
             case 2:
-              _context6.prev = 2;
-              _t = _context6["catch"](0);
-            case 3:
             case "end":
-              return _context6.stop();
+              return _context4.stop();
           }
-        }, _callee6, this, [[0, 2]]);
+        }, _callee4, this);
       }));
       function logout() {
         return _logout.apply(this, arguments);
@@ -1122,7 +1055,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "setActiveRoom",
     value: function setActiveRoom(room) {
-      var _this9 = this;
+      var _this7 = this;
       // when we activate a room
       // we need to unsubscribe from typing event
       if (this.selected) {
@@ -1131,7 +1064,7 @@ var QiscusSDK = /*#__PURE__*/function () {
         // and only unsubscribe if the previous room is having a type of 'single'
         if (this.selected.room_type === 'single') {
           var unsubscribedUserId = this.selected.participants.filter(function (p) {
-            return p.email !== _this9.user_id;
+            return p.email !== _this7.user_id;
           });
           if (unsubscribedUserId.length > 0) {
             this.realtimeAdapter.unsubscribeRoomPresence(unsubscribedUserId[0].email);
@@ -1140,7 +1073,7 @@ var QiscusSDK = /*#__PURE__*/function () {
       }
       if (room.participants == null) room.participants = [];
       var targetUserId = room.participants.find(function (p) {
-        return p.email !== _this9.user_id;
+        return p.email !== _this7.user_id;
       });
       this.chatmateStatus = null;
       this.isTypingStatus = null;
@@ -1150,31 +1083,31 @@ var QiscusSDK = /*#__PURE__*/function () {
       var initialSubscribe = setInterval(function () {
         // Clear Interval when realtimeAdapter has been Populated
 
-        if (_this9.debugMode) {
-          _this9.logger('Trying Initial Subscribe');
+        if (_this7.debugMode) {
+          _this7.logger('Trying Initial Subscribe');
         }
-        if (_this9.realtimeAdapter != null) {
-          if (_this9.debugMode) {
-            _this9.logger('MQTT Connected');
+        if (_this7.realtimeAdapter != null) {
+          if (_this7.debugMode) {
+            _this7.logger('MQTT Connected');
           }
           clearInterval(initialSubscribe);
 
           // before we unsubscribe, we need to get the userId first
           // and only unsubscribe if the previous room is having a type of 'single'
           if (room.room_type === 'single' && targetUserId != null) {
-            _this9.realtimeAdapter.subscribeRoomPresence(targetUserId.email);
+            _this7.realtimeAdapter.subscribeRoomPresence(targetUserId.email);
           }
           // we need to subscribe to new room typing event now
-          if (_this9.selected != null && !_this9.selected.isChannel) {
-            _this9.realtimeAdapter.subscribeTyping(room.id);
-            _this9.events.emit('room-changed', _this9.selected);
+          if (_this7.selected != null && !_this7.selected.isChannel) {
+            _this7.realtimeAdapter.subscribeTyping(room.id);
+            _this7.events.emit('room-changed', _this7.selected);
           }
-          if (_this9.debugMode && _this9.realtimeAdapter == null) {
-            _this9.logger('Retry');
+          if (_this7.debugMode && _this7.realtimeAdapter == null) {
+            _this7.logger('Retry');
           }
         } else {
-          if (_this9.debugMode) {
-            _this9.logger('MQTT Not Connected, yet');
+          if (_this7.debugMode) {
+            _this7.logger('MQTT Not Connected, yet');
           }
         }
       }, 3000);
@@ -1189,7 +1122,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "chatTarget",
     value: function chatTarget(userId) {
-      var _this0 = this;
+      var _this8 = this;
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       // make sure data already loaded first (user already logged in)
       if (this.userData.length != null) return false;
@@ -1200,70 +1133,70 @@ var QiscusSDK = /*#__PURE__*/function () {
 
       // Create room
       return this.roomAdapter.getOrCreateRoom(userId, options, distinctId).then(/*#__PURE__*/function () {
-        var _ref7 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(resp) {
+        var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(resp) {
           var room, mapIntercept, lastComment, topicId;
-          return _regenerator["default"].wrap(function (_context8) {
-            while (1) switch (_context8.prev = _context8.next) {
+          return _regenerator["default"].wrap(function (_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
               case 0:
                 room = new _Room["default"](resp);
-                _this0.updateLastReceivedComment(room.last_comment_id);
-                _this0.isLoading = false;
+                _this8.updateLastReceivedComment(room.last_comment_id);
+                _this8.isLoading = false;
                 mapIntercept = /*#__PURE__*/function () {
-                  var _ref8 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(it) {
-                    return _regenerator["default"].wrap(function (_context7) {
-                      while (1) switch (_context7.prev = _context7.next) {
+                  var _ref7 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(it) {
+                    return _regenerator["default"].wrap(function (_context5) {
+                      while (1) switch (_context5.prev = _context5.next) {
                         case 0:
-                          _context7.next = 1;
-                          return _this0._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, it);
+                          _context5.next = 1;
+                          return _this8._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, it);
                         case 1:
-                          return _context7.abrupt("return", _context7.sent);
+                          return _context5.abrupt("return", _context5.sent);
                         case 2:
                         case "end":
-                          return _context7.stop();
+                          return _context5.stop();
                       }
-                    }, _callee7);
+                    }, _callee5);
                   }));
-                  return function mapIntercept(_x6) {
-                    return _ref8.apply(this, arguments);
+                  return function mapIntercept(_x5) {
+                    return _ref7.apply(this, arguments);
                   };
                 }();
-                _context8.next = 1;
+                _context6.next = 1;
                 return Promise.all(room.comments.map(function (comment) {
                   return mapIntercept(comment);
                 }));
               case 1:
-                room.comments = _context8.sent;
-                _this0.setActiveRoom(room);
+                room.comments = _context6.sent;
+                _this8.setActiveRoom(room);
                 // id of last comment on this room
                 lastComment = room.comments[room.comments.length - 1];
-                if (lastComment) _this0.readComment(room.id, lastComment.id);
-                _this0.events.emit('chat-room-created', {
+                if (lastComment) _this8.readComment(room.id, lastComment.id);
+                _this8.events.emit('chat-room-created', {
                   room: room
                 });
                 if (initialMessage) {
-                  _context8.next = 2;
+                  _context6.next = 2;
                   break;
                 }
-                return _context8.abrupt("return", room);
+                return _context6.abrupt("return", room);
               case 2:
                 topicId = room.id;
-                return _context8.abrupt("return", _this0.sendComment(topicId, initialMessage).then(function () {
+                return _context6.abrupt("return", _this8.sendComment(topicId, initialMessage).then(function () {
                   return Promise.resolve(room);
                 })["catch"](function (err) {
                   console.error('Error when submit comment', err);
                 }));
               case 3:
               case "end":
-                return _context8.stop();
+                return _context6.stop();
             }
-          }, _callee8);
+          }, _callee6);
         }));
-        return function (_x5) {
-          return _ref7.apply(this, arguments);
+        return function (_x4) {
+          return _ref6.apply(this, arguments);
         };
       }())["catch"](function (err) {
         console.error('Error when creating room', err);
-        _this0.isLoading = false;
+        _this8.isLoading = false;
         return Promise.reject(err);
       });
     }
@@ -1295,47 +1228,47 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "getRoomById",
     value: function getRoomById(id) {
-      var _this1 = this;
+      var _this9 = this;
       if (!this.isInit) return;
       var self = this;
       self.isLoading = true;
       self.isTypingStatus = '';
       return self.roomAdapter.getRoomById(id).then(/*#__PURE__*/function () {
-        var _ref9 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(resp) {
-          var roomData, comments, _iterator, _step, comment, c, room, lastComment, _t2;
-          return _regenerator["default"].wrap(function (_context9) {
-            while (1) switch (_context9.prev = _context9.next) {
+        var _ref8 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(resp) {
+          var roomData, comments, _iterator, _step, comment, c, room, lastComment, _t;
+          return _regenerator["default"].wrap(function (_context7) {
+            while (1) switch (_context7.prev = _context7.next) {
               case 0:
                 roomData = resp.results.room;
                 comments = [];
                 _iterator = _createForOfIteratorHelper(resp.results.comments.reverse());
-                _context9.prev = 1;
+                _context7.prev = 1;
                 _iterator.s();
               case 2:
                 if ((_step = _iterator.n()).done) {
-                  _context9.next = 5;
+                  _context7.next = 5;
                   break;
                 }
                 comment = _step.value;
-                _context9.next = 3;
-                return _this1._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, comment);
+                _context7.next = 3;
+                return _this9._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, comment);
               case 3:
-                c = _context9.sent;
+                c = _context7.sent;
                 comments.push(c);
               case 4:
-                _context9.next = 2;
+                _context7.next = 2;
                 break;
               case 5:
-                _context9.next = 7;
+                _context7.next = 7;
                 break;
               case 6:
-                _context9.prev = 6;
-                _t2 = _context9["catch"](1);
-                _iterator.e(_t2);
+                _context7.prev = 6;
+                _t = _context7["catch"](1);
+                _iterator.e(_t);
               case 7:
-                _context9.prev = 7;
+                _context7.prev = 7;
                 _iterator.f();
-                return _context9.finish(7);
+                return _context7.finish(7);
               case 8:
                 // .map((it) =>
                 //   this._hookAdapter.trigger(Hooks.MESSAGE_BEFORE_RECEIVED, it)
@@ -1351,17 +1284,17 @@ var QiscusSDK = /*#__PURE__*/function () {
                 lastComment = room.comments[room.comments.length - 1];
                 if (lastComment) self.readComment(room.id, lastComment.id);
                 if (room.isChannel) {
-                  _this1.realtimeAdapter.subscribeChannel(_this1.AppId, room.unique_id);
+                  _this9.realtimeAdapter.subscribeChannel(_this9.AppId, room.unique_id);
                 }
-                return _context9.abrupt("return", room);
+                return _context7.abrupt("return", room);
               case 9:
               case "end":
-                return _context9.stop();
+                return _context7.stop();
             }
-          }, _callee9, null, [[1, 6, 7, 8]]);
+          }, _callee7, null, [[1, 6, 7, 8]]);
         }));
-        return function (_x7) {
-          return _ref9.apply(this, arguments);
+        return function (_x6) {
+          return _ref8.apply(this, arguments);
         };
       }())["catch"](function (error) {
         console.error('Error getting room by id', error);
@@ -1378,58 +1311,58 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "getOrCreateRoomByUniqueId",
     value: function getOrCreateRoomByUniqueId(id, roomName, avatarURL) {
-      var _this10 = this;
+      var _this0 = this;
       var self = this;
       self.isLoading = true;
       self.isTypingStatus = '';
       return self.roomAdapter.getOrCreateRoomByUniqueId(id, roomName, avatarURL).then(/*#__PURE__*/function () {
-        var _ref0 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee1(response) {
+        var _ref9 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(response) {
           var room, mapIntercept, lastComment;
-          return _regenerator["default"].wrap(function (_context1) {
-            while (1) switch (_context1.prev = _context1.next) {
+          return _regenerator["default"].wrap(function (_context9) {
+            while (1) switch (_context9.prev = _context9.next) {
               case 0:
                 // make sure the room hasn't been pushed yet
                 room = new _Room["default"](response);
                 self.updateLastReceivedComment(room.last_comment_id);
                 mapIntercept = /*#__PURE__*/function () {
-                  var _ref1 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0(item) {
-                    return _regenerator["default"].wrap(function (_context0) {
-                      while (1) switch (_context0.prev = _context0.next) {
+                  var _ref0 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8(item) {
+                    return _regenerator["default"].wrap(function (_context8) {
+                      while (1) switch (_context8.prev = _context8.next) {
                         case 0:
-                          _context0.next = 1;
-                          return _this10._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, item);
+                          _context8.next = 1;
+                          return _this0._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, item);
                         case 1:
-                          return _context0.abrupt("return", _context0.sent);
+                          return _context8.abrupt("return", _context8.sent);
                         case 2:
                         case "end":
-                          return _context0.stop();
+                          return _context8.stop();
                       }
-                    }, _callee0);
+                    }, _callee8);
                   }));
-                  return function mapIntercept(_x9) {
-                    return _ref1.apply(this, arguments);
+                  return function mapIntercept(_x8) {
+                    return _ref0.apply(this, arguments);
                   };
                 }();
-                _context1.next = 1;
+                _context9.next = 1;
                 return Promise.all(room.comments.map(function (it) {
                   return mapIntercept(it);
                 }));
               case 1:
-                room.comments = _context1.sent;
+                room.comments = _context9.sent;
                 self.setActiveRoom(room);
                 self.isLoading = false;
                 lastComment = room.comments[room.comments.length - 1];
                 if (lastComment) self.readComment(room.id, lastComment.id);
-                _this10.realtimeAdapter.subscribeChannel(_this10.AppId, room.unique_id);
-                return _context1.abrupt("return", Promise.resolve(room));
+                _this0.realtimeAdapter.subscribeChannel(_this0.AppId, room.unique_id);
+                return _context9.abrupt("return", Promise.resolve(room));
               case 2:
               case "end":
-                return _context1.stop();
+                return _context9.stop();
             }
-          }, _callee1);
+          }, _callee9);
         }));
-        return function (_x8) {
-          return _ref0.apply(this, arguments);
+        return function (_x7) {
+          return _ref9.apply(this, arguments);
         };
       }())["catch"](function (error) {
         // console.error('Error getting room by id', error)
@@ -1451,19 +1384,19 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "loadRoomList",
     value: function () {
-      var _loadRoomList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
+      var _loadRoomList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0() {
         var params,
           rooms,
-          _args10 = arguments;
-        return _regenerator["default"].wrap(function (_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+          _args0 = arguments;
+        return _regenerator["default"].wrap(function (_context0) {
+          while (1) switch (_context0.prev = _context0.next) {
             case 0:
-              params = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : {};
-              _context10.next = 1;
+              params = _args0.length > 0 && _args0[0] !== undefined ? _args0[0] : {};
+              _context0.next = 1;
               return this.userAdapter.loadRoomList(params);
             case 1:
-              rooms = _context10.sent;
-              return _context10.abrupt("return", rooms.map(function (room) {
+              rooms = _context0.sent;
+              return _context0.abrupt("return", rooms.map(function (room) {
                 room.last_comment_id = room.last_comment.id;
                 room.last_comment_message = room.last_comment.message;
                 room.last_comment_message_created_at = room.last_comment.timestamp;
@@ -1473,9 +1406,9 @@ var QiscusSDK = /*#__PURE__*/function () {
               }));
             case 2:
             case "end":
-              return _context10.stop();
+              return _context0.stop();
           }
-        }, _callee10, this);
+        }, _callee0, this);
       }));
       function loadRoomList() {
         return _loadRoomList.apply(this, arguments);
@@ -1485,57 +1418,57 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "loadComments",
     value: function loadComments(roomId) {
-      var _this11 = this;
+      var _this1 = this;
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       return this.userAdapter.loadComments(roomId, options).then(/*#__PURE__*/function () {
-        var _ref10 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11(comments_) {
-          var comments, _iterator2, _step2, comment, _t3, _t4;
-          return _regenerator["default"].wrap(function (_context11) {
-            while (1) switch (_context11.prev = _context11.next) {
+        var _ref1 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee1(comments_) {
+          var comments, _iterator2, _step2, comment, _t2, _t3;
+          return _regenerator["default"].wrap(function (_context1) {
+            while (1) switch (_context1.prev = _context1.next) {
               case 0:
                 comments = [];
                 _iterator2 = _createForOfIteratorHelper(comments_);
-                _context11.prev = 1;
+                _context1.prev = 1;
                 _iterator2.s();
               case 2:
                 if ((_step2 = _iterator2.n()).done) {
-                  _context11.next = 5;
+                  _context1.next = 5;
                   break;
                 }
                 comment = _step2.value;
-                _t3 = comments;
-                _context11.next = 3;
-                return _this11._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, comment);
+                _t2 = comments;
+                _context1.next = 3;
+                return _this1._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, comment);
               case 3:
-                _t3.push.call(_t3, _context11.sent);
+                _t2.push.call(_t2, _context1.sent);
               case 4:
-                _context11.next = 2;
+                _context1.next = 2;
                 break;
               case 5:
-                _context11.next = 7;
+                _context1.next = 7;
                 break;
               case 6:
-                _context11.prev = 6;
-                _t4 = _context11["catch"](1);
-                _iterator2.e(_t4);
+                _context1.prev = 6;
+                _t3 = _context1["catch"](1);
+                _iterator2.e(_t3);
               case 7:
-                _context11.prev = 7;
+                _context1.prev = 7;
                 _iterator2.f();
-                return _context11.finish(7);
+                return _context1.finish(7);
               case 8:
-                if (_this11.selected != null) {
-                  _this11.selected.receiveComments(comments.reverse());
-                  _this11.sortComments();
+                if (_this1.selected != null) {
+                  _this1.selected.receiveComments(comments.reverse());
+                  _this1.sortComments();
                 }
-                return _context11.abrupt("return", comments);
+                return _context1.abrupt("return", comments);
               case 9:
               case "end":
-                return _context11.stop();
+                return _context1.stop();
             }
-          }, _callee11, null, [[1, 6, 7, 8]]);
+          }, _callee1, null, [[1, 6, 7, 8]]);
         }));
-        return function (_x0) {
-          return _ref10.apply(this, arguments);
+        return function (_x9) {
+          return _ref1.apply(this, arguments);
         };
       }());
     }
@@ -1551,30 +1484,30 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "registerDeviceToken",
     value: function () {
-      var _registerDeviceToken = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12(token) {
+      var _registerDeviceToken = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(token) {
         var isDevelopment,
           res,
-          _args12 = arguments;
-        return _regenerator["default"].wrap(function (_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
+          _args10 = arguments;
+        return _regenerator["default"].wrap(function (_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              isDevelopment = _args12.length > 1 && _args12[1] !== undefined ? _args12[1] : false;
-              _context12.next = 1;
+              isDevelopment = _args10.length > 1 && _args10[1] !== undefined ? _args10[1] : false;
+              _context10.next = 1;
               return this.HTTPAdapter.post('api/v2/sdk/set_user_device_token', {
                 device_token: token,
                 device_platform: 'rn',
                 is_development: isDevelopment
               });
             case 1:
-              res = _context12.sent;
-              return _context12.abrupt("return", res.body.results);
+              res = _context10.sent;
+              return _context10.abrupt("return", res.body.results);
             case 2:
             case "end":
-              return _context12.stop();
+              return _context10.stop();
           }
-        }, _callee12, this);
+        }, _callee10, this);
       }));
-      function registerDeviceToken(_x1) {
+      function registerDeviceToken(_x0) {
         return _registerDeviceToken.apply(this, arguments);
       }
       return registerDeviceToken;
@@ -1582,30 +1515,30 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "removeDeviceToken",
     value: function () {
-      var _removeDeviceToken = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13(token) {
+      var _removeDeviceToken = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11(token) {
         var isDevelopment,
           res,
-          _args13 = arguments;
-        return _regenerator["default"].wrap(function (_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
+          _args11 = arguments;
+        return _regenerator["default"].wrap(function (_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              isDevelopment = _args13.length > 1 && _args13[1] !== undefined ? _args13[1] : false;
-              _context13.next = 1;
+              isDevelopment = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : false;
+              _context11.next = 1;
               return this.HTTPAdapter.post('api/v2/sdk/remove_user_device_token', {
                 device_token: token,
                 device_platform: 'rn',
                 is_development: isDevelopment
               });
             case 1:
-              res = _context13.sent;
-              return _context13.abrupt("return", res.body.results);
+              res = _context11.sent;
+              return _context11.abrupt("return", res.body.results);
             case 2:
             case "end":
-              return _context13.stop();
+              return _context11.stop();
           }
-        }, _callee13, this);
+        }, _callee11, this);
       }));
-      function removeDeviceToken(_x10) {
+      function removeDeviceToken(_x1) {
         return _removeDeviceToken.apply(this, arguments);
       }
       return removeDeviceToken;
@@ -1620,27 +1553,27 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "searchMessages",
     value: (function () {
-      var _searchMessages = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14() {
+      var _searchMessages = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
         var params,
           messages,
-          _args14 = arguments;
-        return _regenerator["default"].wrap(function (_context14) {
-          while (1) switch (_context14.prev = _context14.next) {
+          _args12 = arguments;
+        return _regenerator["default"].wrap(function (_context12) {
+          while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              params = _args14.length > 0 && _args14[0] !== undefined ? _args14[0] : {};
+              params = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
               console.warn('Deprecated: search message will be removed on next release');
-              _context14.next = 1;
+              _context12.next = 1;
               return this.userAdapter.searchMessages(params);
             case 1:
-              messages = _context14.sent;
-              return _context14.abrupt("return", messages.map(function (message) {
+              messages = _context12.sent;
+              return _context12.abrupt("return", messages.map(function (message) {
                 return new _Comment["default"](message);
               }));
             case 2:
             case "end":
-              return _context14.stop();
+              return _context12.stop();
           }
-        }, _callee14, this);
+        }, _callee12, this);
       }));
       function searchMessages() {
         return _searchMessages.apply(this, arguments);
@@ -1650,13 +1583,13 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "updateProfile",
     value: function updateProfile(user) {
-      var _this12 = this;
+      var _this10 = this;
       return this.userAdapter.updateProfile(user).then(function (res) {
-        _this12.events.emit('profile-updated', user);
-        _this12.userData = res;
+        _this10.events.emit('profile-updated', user);
+        _this10.userData = res;
         return Promise.resolve(res);
       }, function (err) {
-        return _this12.logger(err);
+        return _this10.logger(err);
       });
     }
   }, {
@@ -1698,8 +1631,8 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "sendComment",
     value: (function () {
-      var _sendComment = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15(topicId, commentMessage, uniqueId) {
-        var _this13 = this;
+      var _sendComment = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13(topicId, commentMessage, uniqueId) {
+        var _this11 = this;
         var type,
           payload,
           extras,
@@ -1720,14 +1653,14 @@ var QiscusSDK = /*#__PURE__*/function () {
           whitelistedErrorStatus,
           message,
           isOffline,
-          _args15 = arguments,
-          _t5;
-        return _regenerator["default"].wrap(function (_context15) {
-          while (1) switch (_context15.prev = _context15.next) {
+          _args13 = arguments,
+          _t4;
+        return _regenerator["default"].wrap(function (_context13) {
+          while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              type = _args15.length > 3 && _args15[3] !== undefined ? _args15[3] : 'text';
-              payload = _args15.length > 4 ? _args15[4] : undefined;
-              extras = _args15.length > 5 ? _args15[5] : undefined;
+              type = _args13.length > 3 && _args13[3] !== undefined ? _args13[3] : 'text';
+              payload = _args13.length > 4 ? _args13[4] : undefined;
+              extras = _args13.length > 5 ? _args13[5] : undefined;
               self = this; // set extra data, etc
               if (self.options.prePostCommentCallback) {
                 self.options.prePostCommentCallback(commentMessage);
@@ -1756,7 +1689,7 @@ var QiscusSDK = /*#__PURE__*/function () {
                 payload: (0, _util.tryCatch)(function () {
                   return JSON.parse(payload);
                 }, payload, function (error) {
-                  return _this13.logger('Error when parsing payload', error.message);
+                  return _this11.logger('Error when parsing payload', error.message);
                 })
               };
               pendingComment = self.prepareCommentToBeSubmitted(commentData); // push this comment unto active room
@@ -1772,32 +1705,32 @@ var QiscusSDK = /*#__PURE__*/function () {
                 pendingComment.payload = parsedPayload;
               }
               extrasToBeSubmitted = extras || self.extras;
-              _context15.next = 1;
+              _context13.next = 1;
               return this._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_SENT, _objectSpread(_objectSpread({}, pendingComment), {}, {
                 extras: extrasToBeSubmitted
               }));
             case 1:
-              messageData = _context15.sent;
+              messageData = _context13.sent;
               messageData = self.prepareCommentToBeSubmitted(messageData);
               if (self.selected) self.selected.comments.push(messageData);
               sendComment = function sendComment() {
-                return _this13.userAdapter.postComment('' + topicId, messageData.message, messageData.unique_id, messageData.type, messageData.payload, messageData.extras);
+                return _this11.userAdapter.postComment('' + topicId, messageData.message, messageData.unique_id, messageData.type, messageData.payload, messageData.extras);
               };
-              _context15.prev = 2;
-              _context15.next = 3;
+              _context13.prev = 2;
+              _context13.next = 3;
               return sendComment();
             case 3:
-              res = _context15.sent;
-              _context15.next = 4;
+              res = _context13.sent;
+              _context13.next = 4;
               return this._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, res);
             case 4:
-              res = _context15.sent;
+              res = _context13.sent;
               Object.assign(messageData, res);
               if (self.selected) {
-                _context15.next = 5;
+                _context13.next = 5;
                 break;
               }
-              return _context15.abrupt("return", Promise.resolve(messageData));
+              return _context13.abrupt("return", Promise.resolve(messageData));
             case 5:
               // When the posting succeeded, we mark the Comment as sent,
               // so all the interested party can be notified.
@@ -1817,27 +1750,27 @@ var QiscusSDK = /*#__PURE__*/function () {
               if (commentIndex > -1) {
                 self._pendingComments.splice(commentIndex, 1);
               }
-              return _context15.abrupt("return", messageData);
+              return _context13.abrupt("return", messageData);
             case 6:
-              _context15.prev = 6;
-              _t5 = _context15["catch"](2);
+              _context13.prev = 6;
+              _t4 = _context13["catch"](2);
               messageData.markAsFailed();
               // From superagent: `https://forwardemail.github.io/superagent/#retrying-requests`
               whitelistedErrorStatus = [undefined, 408, 413, 429, 500, 502, 503, 504, 521, 522, 524];
-              message = (_error$message$toLowe = (_error$message = _t5.message) === null || _error$message === void 0 ? void 0 : _error$message.toLowerCase()) !== null && _error$message$toLowe !== void 0 ? _error$message$toLowe : '';
+              message = (_error$message$toLowe = (_error$message = _t4.message) === null || _error$message === void 0 ? void 0 : _error$message.toLowerCase()) !== null && _error$message$toLowe !== void 0 ? _error$message$toLowe : '';
               isOffline = message.includes('offline');
-              if (whitelistedErrorStatus.includes(_t5.status) || isOffline) {
+              if (whitelistedErrorStatus.includes(_t4.status) || isOffline) {
                 this._pendingComments.push(messageData);
-                this.logger('Failed sending comment', _t5);
+                this.logger('Failed sending comment', _t4);
               }
-              return _context15.abrupt("return", Promise.reject(_t5));
+              return _context13.abrupt("return", Promise.reject(_t4));
             case 7:
             case "end":
-              return _context15.stop();
+              return _context13.stop();
           }
-        }, _callee15, this, [[2, 6]]);
+        }, _callee13, this, [[2, 6]]);
       }));
-      function sendComment(_x11, _x12, _x13) {
+      function sendComment(_x10, _x11, _x12) {
         return _sendComment.apply(this, arguments);
       }
       return sendComment;
@@ -1845,19 +1778,19 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "_retrySendComment",
     value: function () {
-      var _retrySendComment2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17(comment) {
+      var _retrySendComment2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15(comment) {
         var _this$_pendingComment,
-          _this14 = this;
+          _this12 = this;
         var _this$options$comment2, _this$options2, index;
-        return _regenerator["default"].wrap(function (_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+        return _regenerator["default"].wrap(function (_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
               this.logger('Retrying send comment', comment);
               this._pendingCommentsCount[comment.unique_id] = ((_this$_pendingComment = this._pendingCommentsCount[comment.unique_id]) !== null && _this$_pendingComment !== void 0 ? _this$_pendingComment : 0) + 1;
 
               // If it is exceeding the maximum retry count (which is 10), we will not retry anymore
               if (!(this._pendingCommentsCount[comment.unique_id] > 10)) {
-                _context17.next = 1;
+                _context15.next = 1;
                 break;
               }
               this.logger("Exceeding maximum retry count for comment ".concat(comment.unique_id, ", not retrying anymore"));
@@ -1873,52 +1806,52 @@ var QiscusSDK = /*#__PURE__*/function () {
               comment.markAsFailed();
               // Emit the event
               this.events.emit('comment-retry-exceed', comment);
-              return _context17.abrupt("return", Promise.reject(new Error('Exceeding maximum retry count')));
+              return _context15.abrupt("return", Promise.reject(new Error('Exceeding maximum retry count')));
             case 1:
-              return _context17.abrupt("return", this.userAdapter.postComment('' + comment.room_id, comment.message, comment.unique_id, comment.type, comment.payload, comment.extras).then(/*#__PURE__*/function () {
-                var _ref11 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16(res) {
-                  var _this14$selected, _this14$selected2, _this14$options$comme, _this14$options;
+              return _context15.abrupt("return", this.userAdapter.postComment('' + comment.room_id, comment.message, comment.unique_id, comment.type, comment.payload, comment.extras).then(/*#__PURE__*/function () {
+                var _ref10 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee14(res) {
+                  var _this12$selected, _this12$selected2, _this12$options$comme, _this12$options;
                   var index, commentIndex;
-                  return _regenerator["default"].wrap(function (_context16) {
-                    while (1) switch (_context16.prev = _context16.next) {
+                  return _regenerator["default"].wrap(function (_context14) {
+                    while (1) switch (_context14.prev = _context14.next) {
                       case 0:
-                        if (!(((_this14$selected = _this14.selected) === null || _this14$selected === void 0 ? void 0 : _this14$selected.id) !== comment.room_id)) {
-                          _context16.next = 1;
+                        if (!(((_this12$selected = _this12.selected) === null || _this12$selected === void 0 ? void 0 : _this12$selected.id) !== comment.room_id)) {
+                          _context14.next = 1;
                           break;
                         }
-                        return _context16.abrupt("return", res);
+                        return _context14.abrupt("return", res);
                       case 1:
                         Object.assign(comment, res);
                         comment.markAsSent();
                         comment.id = res.id;
                         comment.before_id = res.comment_before_id;
                         comment.unix_timestamp = res.unix_timestamp;
-                        index = (_this14$selected2 = _this14.selected) === null || _this14$selected2 === void 0 ? void 0 : _this14$selected2.comments.findIndex(function (c) {
+                        index = (_this12$selected2 = _this12.selected) === null || _this12$selected2 === void 0 ? void 0 : _this12$selected2.comments.findIndex(function (c) {
                           return c.unique_id === comment.unique_id;
                         });
                         if (index > -1) {
-                          _this14.selected.comments[index] = comment;
+                          _this12.selected.comments[index] = comment;
                         }
-                        _this14.sortComments();
-                        (_this14$options$comme = (_this14$options = _this14.options).commentSentCallback) === null || _this14$options$comme === void 0 || _this14$options$comme.call(_this14$options, {
+                        _this12.sortComments();
+                        (_this12$options$comme = (_this12$options = _this12.options).commentSentCallback) === null || _this12$options$comme === void 0 || _this12$options$comme.call(_this12$options, {
                           comment: comment
                         });
-                        _this14.events.emit('comment-sent', comment);
-                        commentIndex = _this14._pendingComments.findIndex(function (c) {
+                        _this12.events.emit('comment-sent', comment);
+                        commentIndex = _this12._pendingComments.findIndex(function (c) {
                           return c.unique_id === comment.unique_id;
                         });
                         if (commentIndex > -1) {
-                          _this14._pendingComments.splice(commentIndex, 1);
+                          _this12._pendingComments.splice(commentIndex, 1);
                         }
-                        return _context16.abrupt("return", comment);
+                        return _context14.abrupt("return", comment);
                       case 2:
                       case "end":
-                        return _context16.stop();
+                        return _context14.stop();
                     }
-                  }, _callee16);
+                  }, _callee14);
                 }));
-                return function (_x15) {
-                  return _ref11.apply(this, arguments);
+                return function (_x14) {
+                  return _ref10.apply(this, arguments);
                 };
               }())["catch"](function (err) {
                 comment.markAsFailed();
@@ -1926,11 +1859,11 @@ var QiscusSDK = /*#__PURE__*/function () {
               }));
             case 2:
             case "end":
-              return _context17.stop();
+              return _context15.stop();
           }
-        }, _callee17, this);
+        }, _callee15, this);
       }));
-      function _retrySendComment(_x14) {
+      function _retrySendComment(_x13) {
         return _retrySendComment2.apply(this, arguments);
       }
       return _retrySendComment;
@@ -2033,7 +1966,7 @@ var QiscusSDK = /*#__PURE__*/function () {
     value: function removeSelectedRoomParticipants() {
       var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
-      if (_is_js["default"].not.array(values)) {
+      if (_is["default"].not.array(values)) {
         return Promise.reject(new Error('`values` must have type of array'));
       }
       var participants = this.selected.participants;
@@ -2112,12 +2045,12 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "removeParticipantsFromGroup",
     value: function removeParticipantsFromGroup(roomId, emails) {
-      var _this15 = this;
-      if (_is_js["default"].not.array(emails)) {
+      var _this13 = this;
+      if (_is["default"].not.array(emails)) {
         return Promise.reject(new Error('`emails` must have type of array'));
       }
       return this.roomAdapter.removeParticipantsFromGroup(roomId, emails).then(function (res) {
-        _this15.events.emit('participants-removed', emails);
+        _this13.events.emit('participants-removed', emails);
         return Promise.resolve(res);
       });
     }
@@ -2184,7 +2117,7 @@ var QiscusSDK = /*#__PURE__*/function () {
     key: "getUserPresences",
     value: function getUserPresences() {
       var email = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      if (_is_js["default"].not.array(email)) {
+      if (_is["default"].not.array(email)) {
         return Promise.reject(new Error('`email` must have type of array'));
       }
       var self = this;
@@ -2280,12 +2213,12 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "deleteComment",
     value: function deleteComment(roomId, commentUniqueIds, isForEveryone, isHard) {
-      var _this16 = this;
+      var _this14 = this;
       if (!Array.isArray(commentUniqueIds)) {
         throw new Error("unique ids' must be type of Array");
       }
       return this.userAdapter.deleteComment(roomId, commentUniqueIds, isForEveryone, isHard).then(function (res) {
-        _this16.events.emit('comment-deleted', {
+        _this14.events.emit('comment-deleted', {
           roomId: roomId,
           commentUniqueIds: commentUniqueIds,
           isForEveryone: isForEveryone,
@@ -2299,7 +2232,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "clearRoomsCache",
     value: function clearRoomsCache() {
-      var _this17 = this;
+      var _this15 = this;
       // remove all room except currently selected
       if (this.selected) {
         // clear the map
@@ -2307,14 +2240,14 @@ var QiscusSDK = /*#__PURE__*/function () {
         // get current index and array length
         var roomLength = this.rooms.length;
         var curIndex = this.rooms.findIndex(function (room) {
-          return room.id === _this17.selected.id;
+          return room.id === _this15.selected.id;
         });
         if (!(curIndex + 1 === roomLength)) {
           this.rooms.splice(curIndex + 1, roomLength - (curIndex + 1));
         }
         // ambil ulang cur index nya, klo udah di awal ga perlu lagi kode dibawah ini
         curIndex = this.rooms.findIndex(function (room) {
-          return room.id === _this17.selected.id;
+          return room.id === _this15.selected.id;
         });
         if (curIndex > 0 && this.rooms.length > 1) {
           this.rooms.splice(1, this.rooms.length - 1);
@@ -2324,18 +2257,18 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "exitChatRoom",
     value: function exitChatRoom() {
-      var _this18 = this;
+      var _this16 = this;
       // remove all subscriber
       this.realtimeAdapter.unsubscribeTyping();
       (0, _util.tryCatch)(function () {
-        return _this18.selected.participants.filter(function (it) {
-          return it.email !== _this18.user_id;
+        return _this16.selected.participants.filter(function (it) {
+          return it.email !== _this16.user_id;
         }).map(function (it) {
           return it.email;
         });
       }, null, this.noop, function (userIds) {
         return userIds.forEach(function (userId) {
-          return _this18.realtimeAdapter.unsubscribeRoomPresence(userId);
+          return _this16.realtimeAdapter.unsubscribeRoomPresence(userId);
         });
       });
       this.selected = null;
@@ -2391,7 +2324,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "setCustomHeader",
     value: function setCustomHeader(headers) {
-      if (_is_js["default"].not.json(headers)) {
+      if (_is["default"].not.json(headers)) {
         throw new TypeError('`headers` must have type of object');
       }
       this._customHeader = headers;
@@ -2533,10 +2466,10 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "searchMessage",
     value: (function () {
-      var _searchMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
-        var _ref12,
+      var _searchMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+        var _ref11,
           query,
-          _ref12$roomIds,
+          _ref11$roomIds,
           roomIds,
           userId,
           type,
@@ -2546,20 +2479,20 @@ var QiscusSDK = /*#__PURE__*/function () {
           url,
           isValidRoomType,
           room,
-          _args18 = arguments;
-        return _regenerator["default"].wrap(function (_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+          _args16 = arguments;
+        return _regenerator["default"].wrap(function (_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
             case 0:
-              _ref12 = _args18.length > 0 && _args18[0] !== undefined ? _args18[0] : {}, query = _ref12.query, _ref12$roomIds = _ref12.roomIds, roomIds = _ref12$roomIds === void 0 ? [] : _ref12$roomIds, userId = _ref12.userId, type = _ref12.type, roomType = _ref12.roomType, page = _ref12.page, limit = _ref12.limit;
+              _ref11 = _args16.length > 0 && _args16[0] !== undefined ? _args16[0] : {}, query = _ref11.query, _ref11$roomIds = _ref11.roomIds, roomIds = _ref11$roomIds === void 0 ? [] : _ref11$roomIds, userId = _ref11.userId, type = _ref11.type, roomType = _ref11.roomType, page = _ref11.page, limit = _ref11.limit;
               url = 'api/v2/sdk/search';
               isValidRoomType = ['group', 'single', 'channel'].some(function (it) {
                 return it === roomType;
               });
               if (!(roomType != null && !isValidRoomType)) {
-                _context18.next = 1;
+                _context16.next = 1;
                 break;
               }
-              return _context18.abrupt("return", Promise.reject('Invalid room type, valid room type are: `group`, `single`, and `channel`'));
+              return _context16.abrupt("return", Promise.reject('Invalid room type, valid room type are: `group`, `single`, and `channel`'));
             case 1:
               room = function (roomType) {
                 var rType = roomType == null ? undefined : roomType === 'single' ? 'single' : 'group';
@@ -2569,7 +2502,7 @@ var QiscusSDK = /*#__PURE__*/function () {
                   isPublic: isPublic
                 };
               }(roomType);
-              return _context18.abrupt("return", this.HTTPAdapter.post_json(url, {
+              return _context16.abrupt("return", this.HTTPAdapter.post_json(url, {
                 token: this.token,
                 query: query,
                 sender: userId,
@@ -2586,9 +2519,9 @@ var QiscusSDK = /*#__PURE__*/function () {
               }));
             case 2:
             case "end":
-              return _context18.stop();
+              return _context16.stop();
           }
-        }, _callee18, this);
+        }, _callee16, this);
       }));
       function searchMessage() {
         return _searchMessage.apply(this, arguments);
@@ -2612,9 +2545,9 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "getFileList",
     value: (function () {
-      var _getFileList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
-        var _ref13,
-          _ref13$roomIds,
+      var _getFileList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+        var _ref12,
+          _ref12$roomIds,
           roomIds,
           fileType,
           page,
@@ -2625,17 +2558,17 @@ var QiscusSDK = /*#__PURE__*/function () {
           excludeExtensions,
           url,
           opts,
-          _args19 = arguments;
-        return _regenerator["default"].wrap(function (_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+          _args17 = arguments;
+        return _regenerator["default"].wrap(function (_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
             case 0:
-              _ref13 = _args19.length > 0 && _args19[0] !== undefined ? _args19[0] : {}, _ref13$roomIds = _ref13.roomIds, roomIds = _ref13$roomIds === void 0 ? [] : _ref13$roomIds, fileType = _ref13.fileType, page = _ref13.page, limit = _ref13.limit, sender = _ref13.sender, userId = _ref13.userId, includeExtensions = _ref13.includeExtensions, excludeExtensions = _ref13.excludeExtensions;
+              _ref12 = _args17.length > 0 && _args17[0] !== undefined ? _args17[0] : {}, _ref12$roomIds = _ref12.roomIds, roomIds = _ref12$roomIds === void 0 ? [] : _ref12$roomIds, fileType = _ref12.fileType, page = _ref12.page, limit = _ref12.limit, sender = _ref12.sender, userId = _ref12.userId, includeExtensions = _ref12.includeExtensions, excludeExtensions = _ref12.excludeExtensions;
               url = 'api/v2/sdk/file_list';
               if (this.isLogin) {
-                _context19.next = 1;
+                _context17.next = 1;
                 break;
               }
-              return _context19.abrupt("return", Promise.reject('You need to login to use this method'));
+              return _context17.abrupt("return", Promise.reject('You need to login to use this method'));
             case 1:
               // intended to check for undefined, so user can provide user
               // with null. If null, backend can determine that we want to
@@ -2657,14 +2590,14 @@ var QiscusSDK = /*#__PURE__*/function () {
                 exclude_extensions: excludeExtensions
               };
               if (sender != null) opts['sender'] = sender;
-              return _context19.abrupt("return", this.HTTPAdapter.post_json(url, opts).then(function (res) {
+              return _context17.abrupt("return", this.HTTPAdapter.post_json(url, opts).then(function (res) {
                 return res.body;
               }));
             case 2:
             case "end":
-              return _context19.stop();
+              return _context17.stop();
           }
-        }, _callee19, this);
+        }, _callee17, this);
       }));
       function getFileList() {
         return _getFileList.apply(this, arguments);
@@ -2678,10 +2611,10 @@ var QiscusSDK = /*#__PURE__*/function () {
     }
   }, {
     key: "generateMessage",
-    value: function generateMessage(_ref14) {
-      var roomId = _ref14.roomId,
-        text = _ref14.text,
-        extras = _ref14.extras;
+    value: function generateMessage(_ref13) {
+      var roomId = _ref13.roomId,
+        text = _ref13.text,
+        extras = _ref13.extras;
       var id = Date.now();
       var comment = new _Comment["default"]({
         id: id,
@@ -2700,15 +2633,15 @@ var QiscusSDK = /*#__PURE__*/function () {
     }
   }, {
     key: "generateFileAttachmentMessage",
-    value: function generateFileAttachmentMessage(_ref15) {
-      var roomId = _ref15.roomId,
-        caption = _ref15.caption,
-        url = _ref15.url,
-        _ref15$text = _ref15.text,
-        text = _ref15$text === void 0 ? 'File attachment' : _ref15$text,
-        extras = _ref15.extras,
-        filename = _ref15.filename,
-        size = _ref15.size;
+    value: function generateFileAttachmentMessage(_ref14) {
+      var roomId = _ref14.roomId,
+        caption = _ref14.caption,
+        url = _ref14.url,
+        _ref14$text = _ref14.text,
+        text = _ref14$text === void 0 ? 'File attachment' : _ref14$text,
+        extras = _ref14.extras,
+        filename = _ref14.filename,
+        size = _ref14.size;
       var id = Date.now();
       var comment = new _Comment["default"]({
         id: id,
@@ -2733,12 +2666,12 @@ var QiscusSDK = /*#__PURE__*/function () {
     }
   }, {
     key: "generateCustomMessage",
-    value: function generateCustomMessage(_ref16) {
-      var roomId = _ref16.roomId,
-        text = _ref16.text,
-        type = _ref16.type,
-        payload = _ref16.payload,
-        extras = _ref16.extras;
+    value: function generateCustomMessage(_ref15) {
+      var roomId = _ref15.roomId,
+        text = _ref15.text,
+        type = _ref15.type,
+        payload = _ref15.payload,
+        extras = _ref15.extras;
       var id = Date.now();
       var comment = new _Comment["default"]({
         id: id,
@@ -2761,11 +2694,11 @@ var QiscusSDK = /*#__PURE__*/function () {
     }
   }, {
     key: "generateReplyMessage",
-    value: function generateReplyMessage(_ref17) {
-      var roomId = _ref17.roomId,
-        text = _ref17.text,
-        repliedMessage = _ref17.repliedMessage,
-        extras = _ref17.extras;
+    value: function generateReplyMessage(_ref16) {
+      var roomId = _ref16.roomId,
+        text = _ref16.text,
+        repliedMessage = _ref16.repliedMessage,
+        extras = _ref16.extras;
       var id = Date.now();
       var comment = new _Comment["default"]({
         id: id,
@@ -2794,18 +2727,18 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "updateMessage",
     value: function () {
-      var _updateMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20(message) {
-        return _regenerator["default"].wrap(function (_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+      var _updateMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18(message) {
+        return _regenerator["default"].wrap(function (_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              return _context20.abrupt("return", this.userAdapter.updateMessage(message));
+              return _context18.abrupt("return", this.userAdapter.updateMessage(message));
             case 1:
             case "end":
-              return _context20.stop();
+              return _context18.stop();
           }
-        }, _callee20, this);
+        }, _callee18, this);
       }));
-      function updateMessage(_x16) {
+      function updateMessage(_x15) {
         return _updateMessage.apply(this, arguments);
       }
       return updateMessage;
@@ -2813,10 +2746,10 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "onMessageUpdated",
     value: function onMessageUpdated(handler) {
-      var _this19 = this;
+      var _this17 = this;
       this.realtimeAdapter.on('message:updated', handler);
       return function () {
-        return _this19.realtimeAdapter.off('message:updated', handler);
+        return _this17.realtimeAdapter.off('message:updated', handler);
       };
     }
 
@@ -2827,16 +2760,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "closeRealtimeConnection",
     value: (function () {
-      var _closeRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
-        return _regenerator["default"].wrap(function (_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+      var _closeRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
+        return _regenerator["default"].wrap(function (_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              return _context21.abrupt("return", this.realtimeAdapter.closeConnection());
+              return _context19.abrupt("return", this.realtimeAdapter.closeConnection());
             case 1:
             case "end":
-              return _context21.stop();
+              return _context19.stop();
           }
-        }, _callee21, this);
+        }, _callee19, this);
       }));
       function closeRealtimeConnection() {
         return _closeRealtimeConnection.apply(this, arguments);
@@ -2851,16 +2784,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "openRealtimeConnection",
     value: (function () {
-      var _openRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee22() {
-        return _regenerator["default"].wrap(function (_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+      var _openRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20() {
+        return _regenerator["default"].wrap(function (_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
-              return _context22.abrupt("return", this.realtimeAdapter.openConnection());
+              return _context20.abrupt("return", this.realtimeAdapter.openConnection());
             case 1:
             case "end":
-              return _context22.stop();
+              return _context20.stop();
           }
-        }, _callee22, this);
+        }, _callee20, this);
       }));
       function openRealtimeConnection() {
         return _openRealtimeConnection.apply(this, arguments);
@@ -2870,16 +2803,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "startSync",
     value: function () {
-      var _startSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee23() {
-        return _regenerator["default"].wrap(function (_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+      var _startSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
+        return _regenerator["default"].wrap(function (_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
               this._forceEnableSync = true;
             case 1:
             case "end":
-              return _context23.stop();
+              return _context21.stop();
           }
-        }, _callee23, this);
+        }, _callee21, this);
       }));
       function startSync() {
         return _startSync.apply(this, arguments);
@@ -2889,16 +2822,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "stopSync",
     value: function () {
-      var _stopSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee24() {
-        return _regenerator["default"].wrap(function (_context24) {
-          while (1) switch (_context24.prev = _context24.next) {
+      var _stopSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee22() {
+        return _regenerator["default"].wrap(function (_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
               this._forceEnableSync = false;
             case 1:
             case "end":
-              return _context24.stop();
+              return _context22.stop();
           }
-        }, _callee24, this);
+        }, _callee22, this);
       }));
       function stopSync() {
         return _stopSync.apply(this, arguments);