qiscus-sdk-core 2.16.0 → 2.16.2

package/lib/index.js

@@ -1,95 +1,106 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _superagent = _interopRequireDefault(require("superagent"));
-var _mitt = _interopRequireDefault(require("mitt"));
-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"));
-var _Room = _interopRequireDefault(require("./lib/Room"));
-var _http = _interopRequireDefault(require("./lib/adapters/http"));
-var _auth = _interopRequireDefault(require("./lib/adapters/auth"));
-var _user = _interopRequireDefault(require("./lib/adapters/user"));
-var _room = _interopRequireDefault(require("./lib/adapters/room"));
-var _mqtt = _interopRequireDefault(require("./lib/adapters/mqtt"));
-var _customEvent = _interopRequireDefault(require("./lib/adapters/custom-event"));
-var _sync = _interopRequireDefault(require("./lib/adapters/sync"));
-var _utils = require("./lib/utils");
-var _util = require("./lib/util");
-var _package = _interopRequireDefault(require("../package.json"));
-var _hook = require("./lib/adapters/hook");
-var _expiredToken = require("./lib/adapters/expired-token");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-// helper for setup publishOnlinePresence status
-var setBackToOnline;
-var UpdateCommentStatusMode = Object.freeze({
-  disabled: 'UpdateCommentStatusMode.disabled',
-  throttled: 'UpdateCommentStatusMode.throttled',
-  enabled: 'UpdateCommentStatusMode.enabled'
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+const nanoid = require("nanoid");
+const request = require("superagent");
+const mitt = require("mitt");
+const is = require("./lib/is.js");
+const format = require("date-fns/format");
+const distanceInWordsToNow = require("date-fns/distance_in_words_to_now");
+const Comment = require("./lib/Comment.js");
+const Room = require("./lib/Room.js");
+const http = require("./lib/adapters/http.js");
+const auth = require("./lib/adapters/auth.js");
+const user = require("./lib/adapters/user.js");
+const room = require("./lib/adapters/room.js");
+const mqtt = require("./lib/adapters/mqtt.js");
+const customEvent = require("./lib/adapters/custom-event.js");
+const sync = require("./lib/adapters/sync.js");
+const utils = require("./lib/utils.js");
+const util = require("./lib/util.js");
+const Package = require("../package.json");
+const hook = require("./lib/adapters/hook.js");
+const expiredToken = require("./lib/adapters/expired-token.js");
+let setBackToOnline;
+const UpdateCommentStatusMode = Object.freeze({
+  disabled: "UpdateCommentStatusMode.disabled",
+  throttled: "UpdateCommentStatusMode.throttled",
+  enabled: "UpdateCommentStatusMode.enabled"
 });
-
-/**
- * Qiscus Web SDK Core Class
- *
- * @export
- * @class QiscusSDK
- */
-var QiscusSDK = /*#__PURE__*/function () {
+const _QiscusSDK = class _QiscusSDK {
   /**
    * Creates an instance of QiscusSDK.
    */
-  function QiscusSDK() {
-    var _this = this;
-    (0, _classCallCheck2["default"])(this, QiscusSDK);
-    (0, _defineProperty2["default"])(this, "_pendingComments", []);
+  constructor() {
+    __publicField(this, "_pendingComments", []);
     // count of how much does a comment has been retried
-    (0, _defineProperty2["default"])(this, "_pendingCommentsCount", {});
-    (0, _defineProperty2["default"])(this, "_readComment", function (roomId, commentId) {
-      return _this._updateStatus(roomId, commentId);
-    });
-    (0, _defineProperty2["default"])(this, "_readCommentT", this._throttle(function (roomId, commentId) {
-      _this._updateStatus(roomId, commentId);
-    }, function () {
-      return _this._throttleDelay;
-    }));
-    (0, _defineProperty2["default"])(this, "_deliverComment", function (roomId, commentId) {
-      return _this._updateStatus(roomId, undefined, commentId);
-    });
-    (0, _defineProperty2["default"])(this, "_deliverCommentT", this._throttle(function (roomId, commentId) {
-      _this._updateStatus(roomId, undefined, commentId);
-    }, function () {
-      return _this._throttleDelay;
-    }));
-    this.events = (0, _mitt["default"])();
+    __publicField(this, "_pendingCommentsCount", {});
+    __publicField(this, "_readComment", (roomId, commentId) => this._updateStatus(roomId, commentId));
+    __publicField(this, "_readCommentT", this._throttle(
+      (roomId, commentId) => {
+        this._updateStatus(roomId, commentId);
+      },
+      () => this._throttleDelay
+    ));
+    __publicField(this, "_deliverComment", (roomId, commentId) => this._updateStatus(roomId, void 0, commentId));
+    __publicField(this, "_deliverCommentT", this._throttle(
+      (roomId, commentId) => {
+        this._updateStatus(roomId, void 0, commentId);
+      },
+      () => this._throttleDelay
+    ));
+    this.events = mitt();
     this.rooms = [];
     this.selected = null;
     this.room_name_id_map = {};
     this.pendingCommentId = 0;
     this.uploadedFiles = [];
     this.chatmateStatus = null;
-    this.version = "WEB_".concat(_package["default"].version);
+    this.version = `WEB_${Package.version}`;
     this.userData = {};
-    // SDK Configuration
     this.AppId = null;
-    this.baseURL = 'https://api.qiscus.com';
-    this.mqttURL = 'wss://realtime-jogja.qiscus.com:1886/mqtt';
-    this.brokerLbUrl = 'https://realtime-lb.qiscus.com';
-    this.syncOnConnect = 10000;
+    this.baseURL = "https://api.qiscus.com";
+    this.mqttURL = "wss://realtime-jogja.qiscus.com:1886/mqtt";
+    this.brokerLbUrl = "https://realtime-lb.qiscus.com";
+    this.syncOnConnect = 1e4;
     this.enableEventReport = false;
     this.enableRealtime = true;
     this.enableRealtimeCheck = true;
@@ -101,2752 +112,1911 @@ var QiscusSDK = /*#__PURE__*/function () {
     this.customEventAdapter = null;
     this.isInit = false;
     this.isSynced = false;
-    this.syncInterval = 5000;
-    this.sync = 'socket'; // possible values 'socket', 'http', 'both'
+    this.syncInterval = 5e3;
+    this.sync = "socket";
     this.enableLb = true;
     this.httpsync = null;
     this.eventsync = null;
     this.extras = null;
     this.last_received_comment_id = 0;
-    this.googleMapKey = '';
+    this.googleMapKey = "";
     this.options = {
       avatar: true
     };
     this.isConfigLoaded = false;
-    this.updateCommentStatusMode = QiscusSDK.UpdateCommentStatusMode.enabled;
+    this.updateCommentStatusMode = _QiscusSDK.UpdateCommentStatusMode.enabled;
     this.updateCommentStatusThrottleDelay = 300;
-
-    // UI related Properties
     this.UI = {};
-    this.mode = 'widget';
+    this.mode = "widget";
     this.avatar = true;
     this.plugins = [];
     this.isLogin = false;
     this.isLoading = false;
     this.isInit = false;
     this.emoji = false;
-    this.isTypingStatus = '';
+    this.isTypingStatus = "";
     this.customTemplate = false;
     this.templateFunction = null;
     this.debugMode = false;
     this.debugMQTTMode = false;
     this._customHeader = {};
     this._forceEnableSync = true;
-
-    // to prevent double receive newmessages callback
     this.lastReceiveMessages = [];
-    this._hookAdapter = (0, _hook.hookAdapterFactory)();
+    this._hookAdapter = hook.hookAdapterFactory();
     this._uploadURL = null;
     this._autoRefreshToken = false;
   }
-
   // this.uploadURL = `${this.baseURL}/api/v2/sdk/upload`
-  return (0, _createClass2["default"])(QiscusSDK, [{
-    key: "uploadURL",
-    get: function get() {
-      return this._uploadURL || "".concat(this.baseURL, "/api/v2/sdk/upload");
-    },
-    set: function set(uploadURL) {
-      this._uploadURL = uploadURL;
-    }
-
-    /**
-     * Initializing the SDK, set Event Listeners (callbacks)
-     * @param {any} config - Qiscus SDK Configurations
-     * @return {Promise<void>}
-     */
-  }, {
-    key: "init",
-    value: (function () {
-      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 (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              if (config.AppId) {
-                _context3.next = 1;
-                break;
-              }
-              throw new Error('Please provide valid AppId');
-            case 1:
-              this.AppId = config.AppId;
-
-              // We need to disable realtime load balancing if user are using custom server
-              // and did not provide a brokerLbUrl
-              isDifferentBaseUrl = config.baseURL != null && this.baseURL !== config.baseURL;
-              isDifferentMqttUrl = config.mqttURL != null && this.mqttURL !== config.mqttURL;
-              isDifferentBrokerLbUrl = config.brokerLbURL != null && this.brokerLbUrl !== config.brokerLbURL; // disable realtime lb if user change baseUrl or mqttUrl but did not change
-              // broker lb url
-              if ((isDifferentBaseUrl || isDifferentMqttUrl) && !isDifferentBrokerLbUrl) {
-                this.logger('' + 'force disable load balancing for realtime server, because ' + '`baseURL` or `mqttURL` get changed but ' + 'did not provide `brokerLbURL`');
-                this.enableLb = false;
-              } else if (config.enableRealtimeLB != null) {
-                this.enableLb = config.enableRealtimeLB;
-              }
-              if (config.updateCommentStatusMode != null) this.updateCommentStatusMode = config.updateCommentStatusMode;
-              if (config.updateCommentStatusThrottleDelay != null) this.updateCommentStatusThrottleDelay = config.updateCommentStatusThrottleDelay;
-              if (config.baseURL) this.baseURL = config.baseURL;
-              if (config.mqttURL) this.mqttURL = config.brokerUrl || config.mqttURL;
-              if (config.mqttURL) this.brokerUrl = config.brokerUrl || config.mqttURL;
-              if (config.brokerLbURL) this.brokerLbUrl = config.brokerLbURL;
-              if (config.uploadURL) this.uploadURL = config.uploadURL;
-              if (config.sync) this.sync = config.sync;
-              if (config.mode) this.mode = config.mode;
-              if (config.syncInterval) this.syncInterval = config.syncInterval || 5000;
-              if (config.googleMapKey) this.googleMapKey = config.googleMapKey;
-              if (config.allowedFileTypes) {
-                this.allowedFileTypes = config.allowedFileTypes;
-              }
-              // Let's initialize the app based on options
-              if (config.options) {
-                this.options = Object.assign({}, this.options, config.options);
-              }
-              if (config.customTemplate) this.customTemplate = config.customTemplate;
-              if (config.templateFunction) {
-                this.templateFunction = config.templateFunction;
-              }
-              if (config.syncInterval != null) this.syncInterval = config.syncInterval;
-              // this._customHeader = {}
-
-              // set appConfig
-              this.HTTPAdapter = new _http["default"]({
-                baseURL: this.baseURL,
-                AppId: this.AppId,
-                userId: this.user_id,
-                version: this.version,
-                getCustomHeader: function getCustomHeader() {
-                  return _this2._customHeader;
-                }
-              });
-
-              /**
-               * @callback SetterCallback
-               * @param {string | number} value
-               * @return void
-               */
-              /**
-               * @typedef {string | number | boolean | null} Parameter
-               */
-              /**
-               *
-               * @param {Parameter} fromUser
-               * @param {Parameter} fromServer
-               * @param {Parameter} defaultValue
-               * @return {Parameter}
-               */
-              setterHelper = function setterHelper(fromUser, fromServer, defaultValue) {
-                if (fromServer === '') {
-                  if (fromUser != null) {
-                    if (typeof fromUser !== 'string') return fromUser;
-                    if (fromUser.length > 0) return fromUser;
-                  }
-                }
-                if (fromServer != null) {
-                  if (fromServer.length > 0) return fromServer;
-                  if (typeof fromServer !== 'string') return fromServer;
-                }
-                return defaultValue;
-              };
-              mqttWssCheck = function mqttWssCheck(mqttResult) {
-                if (mqttResult.includes('wss://')) {
-                  return mqttResult;
-                } else {
-                  return "wss://".concat(mqttResult, ":1886/mqtt");
-                }
-              };
-              this.withConfig = (_config$withConfig = config.withConfig) !== null && _config$withConfig !== void 0 ? _config$withConfig : true;
-              if (!(this.withConfig === true)) {
-                _context3.next = 3;
-                break;
-              }
-              _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;
-              }).then(function (cfg) {
-                var baseUrl = _this2.baseURL; // default value for baseUrl
-                var brokerLbUrl = _this2.brokerLbUrl; // default value for brokerLbUrl
-                var mqttUrl = _this2.mqttURL; // default value for brokerUrl
-                var enableRealtime = _this2.enableRealtime; // default value for enableRealtime
-                var enableRealtimeCheck = _this2.enableRealtimeCheck; // default value for enableRealtimeCheck
-                var syncInterval = _this2.syncInterval; // default value for syncInterval
-                var syncIntervalWhenConnected = _this2.syncOnConnect; // default value for syncIntervalWhenConnected
-                var enableEventReport = _this2.enableEventReport; // default value for enableEventReport
-                var configExtras = {}; // default value for extras
-
-                _this2.baseURL = setterHelper(config.baseURL, cfg.base_url, baseUrl);
-                _this2.brokerLbUrl = setterHelper(config.brokerLbURL, cfg.broker_lb_url, brokerLbUrl);
-                _this2.mqttURL = mqttWssCheck(setterHelper(config.mqttURL, cfg.broker_url, mqttUrl));
-                _this2.enableRealtime = setterHelper(config.enableRealtime, cfg.enable_realtime, enableRealtime);
-                _this2.syncInterval = setterHelper(config.syncInterval, cfg.sync_interval, syncInterval);
-                _this2.syncOnConnect = setterHelper(config.syncOnConnect, cfg.sync_on_connect, syncIntervalWhenConnected);
-                // since user never provide this value
-                _this2.enableRealtimeCheck = setterHelper(null, cfg.enable_realtime_check, enableRealtimeCheck);
-                _this2.enableEventReport = setterHelper(null, cfg.enable_event_report, enableEventReport);
-                _this2.extras = setterHelper(null, cfg.extras, configExtras);
-                _this2.enableSync = setterHelper(null, cfg.enable_sync, _this2.enableSync);
-                _this2.enableSyncEvent = setterHelper(null, cfg.enable_sync_event, _this2.enableSyncEvent);
-                _this2._autoRefreshToken = setterHelper(null, cfg.auto_refresh_token, false);
-              })["catch"](function (err) {
-                _this2.logger('got error when trying to get app config', err);
-                _this2.isConfigLoaded = true;
-              });
-            case 2:
-              _context3.next = 4;
-              break;
-            case 3:
-              this.isConfigLoaded = true;
-            case 4:
-              // set Event Listeners
-
-              this._getMqttClientId = function () {
-                return "".concat(_this2.AppId, "_").concat(_this2.user_id, "_").concat(Date.now());
-              };
-              this.realtimeAdapter = new _mqtt["default"](this.mqttURL, this, this.isLogin, {
-                brokerLbUrl: this.brokerLbUrl,
-                enableLb: this.enableLb,
-                shouldConnect: this.enableRealtime,
-                getClientId: this._getMqttClientId
-              });
-              this.realtimeAdapter.on('connected', function () {
-                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 _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-read', function (_ref2) {
-                var commentId = _ref2.commentId,
-                  commentUniqueId = _ref2.commentUniqueId,
-                  userId = _ref2.userId;
-                return _this2._setRead(commentId, commentUniqueId, userId);
-              });
-              this.realtimeAdapter.on('new-message', /*#__PURE__*/function () {
-                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:
-                        _context.next = 1;
-                        return _this2._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, message);
-                      case 1:
-                        message = _context.sent;
-                        _this2.events.emit('newmessages', [message]);
-                      case 2:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }));
-                return function (_x2) {
-                  return _ref3.apply(this, arguments);
-                };
-              }());
-              this.realtimeAdapter.on('presence', function (data) {
-                return _this2.events.emit('presence', data);
-              });
-              this.realtimeAdapter.on('comment-deleted', function (data) {
-                return _this2.events.emit('comment-deleted', data);
-              });
-              this.realtimeAdapter.on('room-cleared', function (data) {
-                return _this2.events.emit('room-cleared', data);
-              });
-              this.realtimeAdapter.on('typing', function (data) {
-                return _this2.events.emit('typing', {
-                  message: data.message,
-                  username: data.userId,
-                  room_id: data.roomId
-                });
-              });
-              this.realtimeAdapter.on('message:updated', function (message) {
-                if (_this2.options.messageUpdatedCallback != null) {
-                  _this2.options.messageUpdatedCallback(message);
-                }
-              });
-              this.realtimeAdapter.on('room-typing', function (data) {
-                _this2.events.emit('typing', {
-                  message: data.text,
-                  username: data.sender_name,
-                  email: data.sender_id,
-                  room_id: data.room_id
-                });
-                if (_this2.options.onRoomTypingCallback != null) {
-                  _this2.events.emit('room-typing', data);
-                  _this2.options.onRoomTypingCallback(data);
-                }
-              });
-              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 _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function init(_x) {
-        return _init.apply(this, arguments);
+  get uploadURL() {
+    return this._uploadURL || `${this.baseURL}/api/v2/sdk/upload`;
+  }
+  set uploadURL(uploadURL) {
+    this._uploadURL = uploadURL;
+  }
+  /**
+   * Initializing the SDK, set Event Listeners (callbacks)
+   * @param {any} config - Qiscus SDK Configurations
+   * @return {Promise<void>}
+   */
+  init(config) {
+    return __async(this, null, function* () {
+      var _a;
+      if (!config.AppId) throw new Error("Please provide valid AppId");
+      this.AppId = config.AppId;
+      const isDifferentBaseUrl = config.baseURL != null && this.baseURL !== config.baseURL;
+      const isDifferentMqttUrl = config.mqttURL != null && this.mqttURL !== config.mqttURL;
+      const isDifferentBrokerLbUrl = config.brokerLbURL != null && this.brokerLbUrl !== config.brokerLbURL;
+      if ((isDifferentBaseUrl || isDifferentMqttUrl) && !isDifferentBrokerLbUrl) {
+        this.logger(
+          "force disable load balancing for realtime server, because `baseURL` or `mqttURL` get changed but did not provide `brokerLbURL`"
+        );
+        this.enableLb = false;
+      } else if (config.enableRealtimeLB != null) {
+        this.enableLb = config.enableRealtimeLB;
       }
-      return init;
-    }())
-  }, {
-    key: "_setRead",
-    value: function _setRead(messageId, messageUniqueId, userId) {
-      if (this.selected == null) return;
-      var room = this.selected;
-      var message = room.comments.find(function (it) {
-        return it.id === messageId || it.unique_id === messageUniqueId;
+      if (config.updateCommentStatusMode != null)
+        this.updateCommentStatusMode = config.updateCommentStatusMode;
+      if (config.updateCommentStatusThrottleDelay != null)
+        this.updateCommentStatusThrottleDelay = config.updateCommentStatusThrottleDelay;
+      if (config.baseURL) this.baseURL = config.baseURL;
+      if (config.mqttURL) this.mqttURL = config.brokerUrl || config.mqttURL;
+      if (config.mqttURL) this.brokerUrl = config.brokerUrl || config.mqttURL;
+      if (config.brokerLbURL) this.brokerLbUrl = config.brokerLbURL;
+      if (config.uploadURL) this.uploadURL = config.uploadURL;
+      if (config.sync) this.sync = config.sync;
+      if (config.mode) this.mode = config.mode;
+      if (config.syncInterval) this.syncInterval = config.syncInterval || 5e3;
+      if (config.googleMapKey) this.googleMapKey = config.googleMapKey;
+      if (config.allowedFileTypes) {
+        this.allowedFileTypes = config.allowedFileTypes;
+      }
+      if (config.options) {
+        this.options = Object.assign({}, this.options, config.options);
+      }
+      if (config.customTemplate) this.customTemplate = config.customTemplate;
+      if (config.templateFunction) {
+        this.templateFunction = config.templateFunction;
+      }
+      if (config.syncInterval != null) this.syncInterval = config.syncInterval;
+      this.HTTPAdapter = new http({
+        baseURL: this.baseURL,
+        AppId: this.AppId,
+        userId: this.user_id,
+        version: this.version,
+        getCustomHeader: () => this._customHeader
       });
-      if (message == null) return;
-      if (message.status === 'read') return;
-      var options = {
-        participants: room.participants,
-        actor: userId,
-        comment_id: messageId,
-        activeActorId: this.user_id
-      };
-      room.comments.forEach(function (it) {
-        if (it.id <= message.id) {
-          it.markAsRead(options);
+      const setterHelper = (fromUser, fromServer, defaultValue) => {
+        if (fromServer === "") {
+          if (fromUser != null) {
+            if (typeof fromUser !== "string") return fromUser;
+            if (fromUser.length > 0) return fromUser;
+          }
         }
-      });
-      if (!message.isRead) return;
-      this.events.emit('comment-read', {
-        comment: message,
-        userId: userId
-      });
-    }
-  }, {
-    key: "_setDelivered",
-    value: function _setDelivered(messageId, messageUniqueId, userId) {
-      if (this.selected == null) return;
-      var room = this.selected;
-      var message = room.comments.find(function (it) {
-        return it.id === messageId || it.unique_id === messageUniqueId;
-      });
-      if (message == null) return;
-      if (message.status === 'read') return;
-      var options = {
-        participants: room.participants,
-        actor: userId,
-        comment_id: messageId,
-        activeActorId: this.user_id
+        if (fromServer != null) {
+          if (fromServer.length > 0) return fromServer;
+          if (typeof fromServer !== "string") return fromServer;
+        }
+        return defaultValue;
       };
-      room.comments.forEach(function (it) {
-        if (it.id <= message.id) {
-          it.markAsDelivered(options);
+      const mqttWssCheck = (mqttResult) => {
+        if (mqttResult.includes("wss://")) {
+          return mqttResult;
+        } else {
+          return `wss://${mqttResult}:1886/mqtt`;
         }
-      });
-      if (!message.isDelivered) return;
-      this.events.emit('comment-delivered', {
-        comment: message,
-        userId: userId
-      });
-    }
-  }, {
-    key: "setEventListeners",
-    value: function setEventListeners() {
-      var _this3 = this;
-      var self = this;
-      this.authAdapter = new _auth["default"](self.HTTPAdapter);
-      if (this.userData.email != null) {
-        this.authAdapter.userId = this.userData.email;
-      }
-      self.events.on('start-init', function () {
-        self.HTTPAdapter = new _http["default"]({
-          baseURL: self.baseURL,
-          AppId: self.AppId,
-          userId: self.user_id,
-          version: self.version,
-          getCustomHeader: function getCustomHeader() {
-            return _this3._customHeader;
-          }
+      };
+      this.withConfig = (_a = config.withConfig) != null ? _a : true;
+      if (this.withConfig === true) {
+        yield this.HTTPAdapter.get_request("api/v2/sdk/config").then((resp) => {
+          resp.status == 200 ? this.isConfigLoaded = true : this.isConfigLoaded = false;
+          return resp.body.results;
+        }).then((cfg) => {
+          const baseUrl = this.baseURL;
+          const brokerLbUrl = this.brokerLbUrl;
+          const mqttUrl = this.mqttURL;
+          const enableRealtime = this.enableRealtime;
+          const enableRealtimeCheck = this.enableRealtimeCheck;
+          const syncInterval = this.syncInterval;
+          const syncIntervalWhenConnected = this.syncOnConnect;
+          const enableEventReport = this.enableEventReport;
+          const configExtras = {};
+          this.baseURL = setterHelper(config.baseURL, cfg.base_url, baseUrl);
+          this.brokerLbUrl = setterHelper(
+            config.brokerLbURL,
+            cfg.broker_lb_url,
+            brokerLbUrl
+          );
+          this.mqttURL = mqttWssCheck(
+            setterHelper(config.mqttURL, cfg.broker_url, mqttUrl)
+          );
+          this.enableRealtime = setterHelper(
+            config.enableRealtime,
+            cfg.enable_realtime,
+            enableRealtime
+          );
+          this.syncInterval = setterHelper(
+            config.syncInterval,
+            cfg.sync_interval,
+            syncInterval
+          );
+          this.syncOnConnect = setterHelper(
+            config.syncOnConnect,
+            cfg.sync_on_connect,
+            syncIntervalWhenConnected
+          );
+          this.enableRealtimeCheck = setterHelper(
+            null,
+            cfg.enable_realtime_check,
+            enableRealtimeCheck
+          );
+          this.enableEventReport = setterHelper(
+            null,
+            cfg.enable_event_report,
+            enableEventReport
+          );
+          this.extras = setterHelper(null, cfg.extras, configExtras);
+          this.enableSync = setterHelper(null, cfg.enable_sync, this.enableSync);
+          this.enableSyncEvent = setterHelper(
+            null,
+            cfg.enable_sync_event,
+            this.enableSyncEvent
+          );
+          this._autoRefreshToken = setterHelper(
+            null,
+            cfg.auto_refresh_token,
+            false
+          );
+        }).catch((err) => {
+          this.logger("got error when trying to get app config", err);
+          this.isConfigLoaded = true;
         });
-        self.HTTPAdapter.setToken(self.userData.token);
+      } else {
+        this.isConfigLoaded = true;
+      }
+      this._getMqttClientId = () => `${this.AppId}_${this.user_id}_${Date.now()}`;
+      this.realtimeAdapter = new mqtt(this.mqttURL, this, this.isLogin, {
+        brokerLbUrl: this.brokerLbUrl,
+        enableLb: this.enableLb,
+        shouldConnect: this.enableRealtime,
+        getClientId: this._getMqttClientId
       });
-      self.events.on('room-changed', function (room) {
-        _this3.logging('room changed', room);
-        if (self.options.roomChangedCallback) {
-          self.options.roomChangedCallback(room);
+      this.realtimeAdapter.on("connected", () => {
+        if (this.isLogin || !this.realtimeAdapter.connected) {
+          this.last_received_comment_id = this.userData.last_comment_id;
+          this.updateLastReceivedComment(this.last_received_comment_id);
         }
       });
-      self.events.on('file-uploaded', function (url) {
-        if (self.options.fileUploadedCallback) {
-          self.options.fileUploadedCallback(url);
-        }
+      this.realtimeAdapter.on("close", () => {
       });
-      self.events.on('profile-updated', function (user) {
-        self.username = user.name;
-        self.avatar_url = user.avatar_url;
-        if (self.options.updateProfileCallback) {
-          self.options.updateProfileCallback(user);
-        }
+      this.realtimeAdapter.on("reconnect", () => {
+        var _a2, _b;
+        (_b = (_a2 = this.options).onReconnectCallback) == null ? void 0 : _b.call(_a2);
       });
-
-      /**
-       * This event will be called when there's new post messages
-       * @param {string} data - JSON Response from SYNC API / MQTT
-       * @return {void}
-       */
-      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
-        _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;
+      this.realtimeAdapter.on(
+        "message-delivered",
+        ({ commentId, commentUniqueId, userId }) => this._setDelivered(commentId, commentUniqueId, userId)
+      );
+      this.realtimeAdapter.on(
+        "message-read",
+        ({ commentId, commentUniqueId, userId }) => this._setRead(commentId, commentUniqueId, userId)
+      );
+      this.realtimeAdapter.on("new-message", (message) => __async(this, null, function* () {
+        message = yield this._hookAdapter.trigger(
+          hook.Hooks.MESSAGE_BEFORE_RECEIVED,
+          message
+        );
+        this.events.emit("newmessages", [message]);
+      }));
+      this.realtimeAdapter.on(
+        "presence",
+        (data) => this.events.emit("presence", data)
+      );
+      this.realtimeAdapter.on(
+        "comment-deleted",
+        (data) => this.events.emit("comment-deleted", data)
+      );
+      this.realtimeAdapter.on(
+        "room-cleared",
+        (data) => this.events.emit("room-cleared", data)
+      );
+      this.realtimeAdapter.on(
+        "typing",
+        (data) => this.events.emit("typing", {
+          message: data.message,
+          username: data.userId,
+          room_id: data.roomId
+        })
+      );
+      this.realtimeAdapter.on("message:updated", (message) => {
+        if (this.options.messageUpdatedCallback != null) {
+          this.options.messageUpdatedCallback(message);
         }
-        _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
-          self.receiveComment(comment.room_id, comment.id);
-          var isActiveRoom = self.selected ? comment.room_id === self.selected.id : false;
-          var isAlreadyRead = comment.id <= self.last_received_comment_id;
-
-          // kalau comment ini ada di currently selected
-          if (isActiveRoom) {
-            var selected = self.selected;
-            var lastComment = self.selected.comments[self.selected.comments.length - 1];
-            // kirim event read kalau ini bukan komen kita sendiri
-            if (!lastComment.isPending && !isAlreadyRead && self.user_id !== comment.email) {
-              self.readComment(comment.room_id, comment.id);
-            }
-            // pastiin sync
-            var roomLastCommentId = lastComment.id;
-            var commentBeforeThis = self.selected.comments.find(function (c) {
-              return c.id === lastComment.comment_before_id;
-            });
-            if (!lastComment.isPending && !commentBeforeThis) {
-              _this3.logging('comment before id not found! ', comment.comment_before_id);
-              // need to fix, these method does not work
-              self.synchronize(roomLastCommentId);
-            }
-            // pastikan dulu komen ini komen baru, klo komen lama ga usah panggil cb
-            var pendingComment = new _Comment["default"](comment);
-            // fetch the comment inside the room
-            selected.receiveComment(pendingComment);
-            selected.last_comment_id = pendingComment.id;
-            selected.last_comment_message = pendingComment.message;
-          }
-
-          // let's update last_received_comment_id
-          self.updateLastReceivedComment(comment.id);
-          _this3.sortComments();
-        });
       });
-
-      /**
-       * This event will be called when login is sucess
-       * Basically, it sets up necessary properties for qiscusSDK
-       */
-      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
-        _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;
-          }
+      this.realtimeAdapter.on("room-typing", (data) => {
+        this.events.emit("typing", {
+          message: data.text,
+          username: data.sender_name,
+          email: data.sender_id,
+          room_id: data.room_id
         });
-        _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 (_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
-       */
-      self.events.on('login-error', function (error) {
-        if (self.options.loginErrorCallback) {
-          self.options.loginErrorCallback(error);
+        if (this.options.onRoomTypingCallback != null) {
+          this.events.emit("room-typing", data);
+          this.options.onRoomTypingCallback(data);
         }
       });
-      self.events.on('token-refreshed', function (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);
+      this.syncAdapter = sync(() => this.HTTPAdapter, {
+        syncInterval: () => this.syncInterval,
+        getShouldSync: () => this._forceEnableSync && this.isLogin && !this.realtimeAdapter.connected,
+        syncOnConnect: () => this.syncOnConnect,
+        lastCommentId: () => this.last_received_comment_id,
+        statusLogin: () => this.isLogin,
+        enableSync: () => this.enableSync,
+        enableSyncEvent: () => this.enableSyncEvent
       });
-      self.events.on('room-cleared', function (room) {
-        // find room
-        if (self.selected) {
-          var currentRoom = self.selected;
-          if (self.selected.unique_id === room.unique_id) {
-            self.selected = null;
-            self.selected = currentRoom;
-          }
-        }
-        if (self.options.roomClearedCallback) {
-          self.options.roomClearedCallback(room);
-        }
-      });
-      self.events.on('comment-deleted', function (data) {
-        // get to the room id and delete the comment
-        var roomId = data.roomId,
-          commentUniqueIds = data.commentUniqueIds,
-          isForEveryone = data.isForEveryone,
-          isHard = data.isHard;
-        if (self.selected && self.selected.id == roomId) {
-          // loop through the array of unique_ids
-          commentUniqueIds.map(function (id) {
-            var commentToBeFound = self.selected.comments.findIndex(function (comment) {
-              return comment.unique_id === id;
-            });
-            if (commentToBeFound > -1) {
-              if (isHard) {
-                self.selected.comments.splice(commentToBeFound, 1);
-              } else {
-                self.selected.comments[commentToBeFound].message = 'this message has been deleted';
-              }
+      this.syncAdapter.on("message.new", (message) => __async(this, null, function* () {
+        message = yield this._hookAdapter.trigger(
+          hook.Hooks.MESSAGE_BEFORE_RECEIVED,
+          message
+        );
+        if (this.selected != null) {
+          const index = this.selected.comments.findIndex(
+            (it) => it.id === message.id || it.unique_id === message.unique_temp_id
+          );
+          if (index === -1) {
+            const _message = new Comment(message);
+            if (_message.room_id === this.selected.id) {
+              this.selected.comments.push(_message);
+              this.sortComments();
             }
-
-            // Find last comment object on `self.selected.comments` array
-            var lastComment = self.selected.comments[self.selected.comments.length - 1];
-            self.selected.last_comment_id = lastComment.id;
-            self.selected.last_comment_message = lastComment.message;
-          });
-        }
-        if (self.options.commentDeletedCallback) {
-          self.options.commentDeletedCallback(data);
-        }
-      });
-
-      /**
-       * Called when the comment has been delivered
-       */
-      self.events.on('comment-delivered', function (response) {
-        self.logging('comment-delivered', response);
-        if (!response) return false;
-        if (self.options.commentDeliveredCallback) {
-          return self.options.commentDeliveredCallback(response);
+            this.events.emit("newmessages", [message]);
+          }
+        } else {
+          this.events.emit("newmessages", [message]);
         }
-        // find comment with the id or unique id listed from response
-        // const commentToFind = self.selected.comments.find(comment =>
-        //   comment.id === response.id || comment.uniqueId === response.uniqueId);
+      }));
+      this.syncAdapter.on("message.delivered", (message) => {
+        this._setDelivered(
+          message.comment_id,
+          message.comment_unique_id,
+          message.email
+        );
       });
-
-      /**
-       * Called when new chatroom has been created
-       */
-      self.events.on('chat-room-created', function (response) {
-        self.isLoading = false;
-        if (self.options.chatRoomCreatedCallback) {
-          self.options.chatRoomCreatedCallback(response);
-        }
+      this.syncAdapter.on("message.read", (message) => {
+        this._setRead(
+          message.comment_id,
+          message.comment_unique_id,
+          message.email
+        );
       });
-
-      /**
-       * Called when a new room with type of group has been created
-       */
-      self.events.on('group-room-created', function (response) {
-        self.isLoading = false;
-        if (self.options.groupRoomCreatedCallback) {
-          self.options.groupRoomCreatedCallback(response);
-        }
+      this.syncAdapter.on("message.deleted", (data) => {
+        data.deleted_messages.forEach((it) => {
+          this.events.emit("comment-deleted", {
+            roomId: it.room_id,
+            commentUniqueIds: it.message_unique_ids,
+            isForEveryone: true,
+            isHard: true
+          });
+        });
       });
-
-      /**
-       * Called when user clicked on Chat SDK Header
-       */
-      self.events.on('header-clicked', function (response) {
-        if (self.options.headerClickedCallback) {
-          self.options.headerClickedCallback(response);
-        }
+      this.syncAdapter.on("room.cleared", (data) => {
+        data.deleted_rooms.forEach((room2) => {
+          this.events.emit("room-cleared", room2);
+        });
       });
-
-      /**
-       * Called when a comment has been read
-       */
-      self.events.on('comment-read', function (response) {
-        self.logging('comment-read', response);
-        if (self.options.commentReadCallback) {
-          self.options.commentReadCallback(response);
-        }
+      this.syncAdapter.on("synchronize", () => {
+        this._pendingComments.forEach((m) => this._retrySendComment(m));
       });
-
-      /**
-       * 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 (_ref5) {
-        var message = _ref5.message,
-          userId = _ref5.userId;
-        var payload = message.split(':');
-        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);
+      this.syncAdapter.on("last-message-id.new", (id) => {
+        this.last_received_comment_id = id;
       });
-      self.events.on('typing', function (data) {
-        if (self.options.typingCallback) self.options.typingCallback(data);
+      this.customEventAdapter = customEvent(
+        this.realtimeAdapter,
+        this.user_id
+      );
+      this.setEventListeners();
+    });
+  }
+  _setRead(messageId, messageUniqueId, userId) {
+    if (this.selected == null) return;
+    const room2 = this.selected;
+    const message = room2.comments.find(
+      (it) => it.id === messageId || it.unique_id === messageUniqueId
+    );
+    if (message == null) return;
+    if (message.status === "read") return;
+    const options = {
+      participants: room2.participants,
+      actor: userId,
+      comment_id: messageId,
+      activeActorId: this.user_id
+    };
+    room2.comments.forEach((it) => {
+      if (it.id <= message.id) {
+        it.markAsRead(options);
+      }
+    });
+    if (!message.isRead) return;
+    this.events.emit("comment-read", { comment: message, userId });
+  }
+  _setDelivered(messageId, messageUniqueId, userId) {
+    if (this.selected == null) return;
+    const room2 = this.selected;
+    const message = room2.comments.find(
+      (it) => it.id === messageId || it.unique_id === messageUniqueId
+    );
+    if (message == null) return;
+    if (message.status === "read") return;
+    const options = {
+      participants: room2.participants,
+      actor: userId,
+      comment_id: messageId,
+      activeActorId: this.user_id
+    };
+    room2.comments.forEach((it) => {
+      if (it.id <= message.id) {
+        it.markAsDelivered(options);
+      }
+    });
+    if (!message.isDelivered) return;
+    this.events.emit("comment-delivered", { comment: message, userId });
+  }
+  setEventListeners() {
+    const self = this;
+    this.authAdapter = new auth(self.HTTPAdapter);
+    if (this.userData.email != null) {
+      this.authAdapter.userId = this.userData.email;
+    }
+    self.events.on("start-init", () => {
+      self.HTTPAdapter = new http({
+        baseURL: self.baseURL,
+        AppId: self.AppId,
+        userId: self.user_id,
+        version: self.version,
+        getCustomHeader: () => this._customHeader
       });
-
-      /**
-       * Called when user clicked on Message Info
-       */
-      self.events.on('message-info', function (response) {
-        if (self.options.messageInfoCallback) {
-          self.options.messageInfoCallback(response);
+      self.HTTPAdapter.setToken(self.userData.token);
+    });
+    self.events.on("room-changed", (room2) => {
+      this.logging("room changed", room2);
+      if (self.options.roomChangedCallback) {
+        self.options.roomChangedCallback(room2);
+      }
+    });
+    self.events.on("file-uploaded", (url) => {
+      if (self.options.fileUploadedCallback) {
+        self.options.fileUploadedCallback(url);
+      }
+    });
+    self.events.on("profile-updated", (user2) => {
+      self.username = user2.name;
+      self.avatar_url = user2.avatar_url;
+      if (self.options.updateProfileCallback) {
+        self.options.updateProfileCallback(user2);
+      }
+    });
+    self.events.on("newmessages", (comments) => {
+      this.logging("newmessages", comments);
+      const lastReceivedMessageNotEmpty = this.lastReceiveMessages.length > 0;
+      if (lastReceivedMessageNotEmpty && this.lastReceiveMessages[0].unique_temp_id === comments[0].unique_temp_id) {
+        this.logging("lastReceiveMessages double", comments);
+        return;
+      }
+      this.lastReceiveMessages = comments;
+      self._callNewMessagesCallback(comments);
+      comments.forEach((comment) => {
+        self.receiveComment(comment.room_id, comment.id);
+        const isActiveRoom = self.selected ? comment.room_id === self.selected.id : false;
+        const isAlreadyRead = comment.id <= self.last_received_comment_id;
+        if (isActiveRoom) {
+          const selected = self.selected;
+          const lastComment = self.selected.comments[self.selected.comments.length - 1];
+          if (!lastComment.isPending && !isAlreadyRead && self.user_id !== comment.email) {
+            self.readComment(comment.room_id, comment.id);
+          }
+          const roomLastCommentId = lastComment.id;
+          const commentBeforeThis = self.selected.comments.find(
+            (c) => c.id === lastComment.comment_before_id
+          );
+          if (!lastComment.isPending && !commentBeforeThis) {
+            this.logging(
+              "comment before id not found! ",
+              comment.comment_before_id
+            );
+            self.synchronize(roomLastCommentId);
+          }
+          const pendingComment = new Comment(comment);
+          selected.receiveComment(pendingComment);
+          selected.last_comment_id = pendingComment.id;
+          selected.last_comment_message = pendingComment.message;
         }
+        self.updateLastReceivedComment(comment.id);
+        this.sortComments();
       });
-
-      /**
-       * Called when new particant was added into a group
-       */
-      self.events.on('participants-added', function (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 || _this3.selected == null) return;
-        var participants = _this3.selected.participants.filter(function (participant) {
-          return response.indexOf(participant.email) <= -1;
-        });
-        _this3.selected.participants = participants;
+    });
+    this.events.on("login-success", (response) => {
+      this.isLogin = true;
+      this.userData = response.user;
+      this.last_received_comment_id = this.userData.last_comment_id;
+      if (!this.realtimeAdapter.connected)
+        this.updateLastReceivedComment(this.last_received_comment_id);
+      this.HTTPAdapter = new http({
+        baseURL: this.baseURL,
+        AppId: this.AppId,
+        userId: this.user_id,
+        version: this.version,
+        getCustomHeader: () => this._customHeader,
+        expiredTokenAdapterGetter: () => this.expiredTokenAdapter
       });
-
-      /**
-       * Called when user was added to blocked list
-       */
-      self.events.on('block-user', function (response) {
-        if (self.options.blockUserCallback) {
-          self.options.blockUserCallback(response);
+      this.HTTPAdapter.setToken(this.userData.token);
+      let user$1 = response.user;
+      this._delayedSync = utils.delayed(() => {
+        this.synchronize();
+        this.synchronizeEvent();
+      }, 500);
+      this.expiredTokenAdapter = new expiredToken.ExpiredTokenAdapter({
+        httpAdapter: this.HTTPAdapter,
+        refreshToken: user$1.refresh_token,
+        expiredAt: user$1.token_expires_at,
+        userId: this.user_id,
+        onTokenRefreshed: (token, refreshToken, expiredAt, oldToken) => {
+          this.userData.token = token;
+          this.userData.refresh_token = refreshToken;
+          this.userData.token_expires_at = expiredAt == null ? void 0 : expiredAt.toJSON();
+          this.events.emit("token-refreshed", {
+            token,
+            refreshToken,
+            expiredAt,
+            oldToken
+          });
+          this.realtimeAdapter.unsusbcribeUserChannelByToken(oldToken);
+          this.realtimeAdapter.subscribeUserChannelByToken(token);
+          this._delayedSync();
+        },
+        getAuthenticationStatus: () => {
+          return this.user_id != null && this.isLogin;
         }
       });
-
-      /**
-       * Called when user was removed from blocked list
-       */
-      self.events.on('unblock-user', function (response) {
-        if (self.options.unblockUserCallback) {
-          self.options.unblockUserCallback(response);
+      this.userAdapter = new user(this.HTTPAdapter);
+      this.roomAdapter = new room(this.HTTPAdapter);
+      this.realtimeAdapter.subscribeUserChannel();
+      if (this.presensePublisherId != null && this.presensePublisherId !== -1) {
+        clearInterval(this.presensePublisherId);
+      }
+      this.presensePublisherId = setInterval(() => {
+        this.realtimeAdapter.publishPresence(this.user_id, true);
+      }, 3500);
+      if (this.options.loginSuccessCallback) {
+        this.options.loginSuccessCallback(response);
+      }
+      this.authAdapter.userId = this.userData.email;
+      this.authAdapter.refreshToken = this.userData.refresh_token;
+      this.authAdapter.autoRefreshToken = this._autoRefreshToken;
+    });
+    self.events.on("login-error", function(error) {
+      if (self.options.loginErrorCallback) {
+        self.options.loginErrorCallback(error);
+      }
+    });
+    self.events.on("token-refreshed", (param) => {
+      var _a, _b;
+      (_b = (_a = this.options).authTokenRefreshedCallback) == null ? void 0 : _b.call(_a, param);
+    });
+    self.events.on("room-cleared", function(room2) {
+      if (self.selected) {
+        const currentRoom = self.selected;
+        if (self.selected.unique_id === room2.unique_id) {
+          self.selected = null;
+          self.selected = currentRoom;
         }
-      });
-    }
-  }, {
-    key: "onReconnectMqtt",
-    value: function onReconnectMqtt() {
-      if (this.options.onReconnectCallback) this.options.onReconnectedCallback();
-      if (!this.selected) return;
-      this.loadComments(this.selected.id);
-    }
-  }, {
-    key: "_callNewMessagesCallback",
-    value: function _callNewMessagesCallback(comments) {
-      if (this.options.newMessagesCallback) {
-        this.options.newMessagesCallback(comments);
       }
-    }
-  }, {
-    key: "updateLastReceivedComment",
-    value: function updateLastReceivedComment(id) {
-      if (this.last_received_comment_id < id) {
-        this.last_received_comment_id = id;
+      if (self.options.roomClearedCallback) {
+        self.options.roomClearedCallback(room2);
       }
-    }
-
-    /**
-     * Setting Up User Credentials for next API Request
-     * @param userId {string} - client userId (will be used for login or register)
-     * @param key {string} - client unique key
-     * @param username {string} - client username
-     * @param avatarURL {string} - the url for chat avatar (optional)
-     * @param extras {object} - extra data for user
-     * @return {Promise}
-     */
-  }, {
-    key: "setUser",
-    value: function setUser(userId, key, username, avatarURL, extras) {
-      var _this4 = this;
-      var self = this;
-      self.user_id = userId;
-      self.key = key;
-      self.username = username;
-      self.avatar_url = avatarURL;
-      var params = {
-        email: this.user_id,
-        password: this.key,
-        username: this.username,
-        extras: extras ? JSON.stringify(extras) : null
-      };
-      if (this.avatar_url) params.avatar_url = this.avatar_url;
-      return new Promise(function (resolve, reject) {
-        var waitingConfig = setInterval(function () {
-          if (!_this4.isConfigLoaded) {
-            if (_this4.debugMode) {
-              _this4.logger('Waiting for init config...');
+    });
+    self.events.on("comment-deleted", function(data) {
+      const {
+        roomId,
+        commentUniqueIds,
+        // eslint-disable-next-line
+        isForEveryone,
+        isHard
+      } = data;
+      if (self.selected && self.selected.id == roomId) {
+        commentUniqueIds.map((id) => {
+          const commentToBeFound = self.selected.comments.findIndex(
+            (comment) => comment.unique_id === id
+          );
+          if (commentToBeFound > -1) {
+            if (isHard) {
+              self.selected.comments.splice(commentToBeFound, 1);
+            } else {
+              self.selected.comments[commentToBeFound].message = "this message has been deleted";
             }
-          } else {
-            clearInterval(waitingConfig);
-            _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);
-              reject(error);
-            });
-            return login$;
           }
-        }, 300);
-      });
+          const lastComment = self.selected.comments[self.selected.comments.length - 1];
+          self.selected.last_comment_id = lastComment.id;
+          self.selected.last_comment_message = lastComment.message;
+        });
+      }
+      if (self.options.commentDeletedCallback) {
+        self.options.commentDeletedCallback(data);
+      }
+    });
+    self.events.on("comment-delivered", function(response) {
+      self.logging("comment-delivered", response);
+      if (!response) return false;
+      if (self.options.commentDeliveredCallback) {
+        return self.options.commentDeliveredCallback(response);
+      }
+    });
+    self.events.on("chat-room-created", function(response) {
+      self.isLoading = false;
+      if (self.options.chatRoomCreatedCallback) {
+        self.options.chatRoomCreatedCallback(response);
+      }
+    });
+    self.events.on("group-room-created", function(response) {
+      self.isLoading = false;
+      if (self.options.groupRoomCreatedCallback) {
+        self.options.groupRoomCreatedCallback(response);
+      }
+    });
+    self.events.on("header-clicked", function(response) {
+      if (self.options.headerClickedCallback) {
+        self.options.headerClickedCallback(response);
+      }
+    });
+    self.events.on("comment-read", function(response) {
+      self.logging("comment-read", response);
+      if (self.options.commentReadCallback) {
+        self.options.commentReadCallback(response);
+      }
+    });
+    self.events.on("presence", ({ message, userId }) => {
+      const payload = message.split(":");
+      if (this.chatmateStatus !== payload[0]) {
+        this.chatmateStatus = payload[0] === 1 ? "Online" : `Last seen ${distanceInWordsToNow(
+          Number(payload[1].substring(0, 13))
+        )}`;
+      }
+      if (self.options.presenceCallback)
+        self.options.presenceCallback(message, userId);
+    });
+    self.events.on("typing", function(data) {
+      if (self.options.typingCallback) self.options.typingCallback(data);
+    });
+    self.events.on("message-info", function(response) {
+      if (self.options.messageInfoCallback) {
+        self.options.messageInfoCallback(response);
+      }
+    });
+    self.events.on("participants-added", (response) => {
+      if (response == null || this.selected == null) return;
+      this.selected.participants.push(...response);
+    });
+    self.events.on("participants-removed", (response) => {
+      if (response == null || this.selected == null) return;
+      const participants = this.selected.participants.filter(
+        (participant) => response.indexOf(participant.email) <= -1
+      );
+      this.selected.participants = participants;
+    });
+    self.events.on("block-user", function(response) {
+      if (self.options.blockUserCallback) {
+        self.options.blockUserCallback(response);
+      }
+    });
+    self.events.on("unblock-user", function(response) {
+      if (self.options.unblockUserCallback) {
+        self.options.unblockUserCallback(response);
+      }
+    });
+  }
+  onReconnectMqtt() {
+    if (this.options.onReconnectCallback) this.options.onReconnectedCallback();
+    if (!this.selected) return;
+    this.loadComments(this.selected.id);
+  }
+  _callNewMessagesCallback(comments) {
+    if (this.options.newMessagesCallback) {
+      this.options.newMessagesCallback(comments);
+    }
+  }
+  updateLastReceivedComment(id) {
+    if (this.last_received_comment_id < id) {
+      this.last_received_comment_id = id;
     }
-  }, {
-    key: "setUserWithIdentityToken",
-    value: function setUserWithIdentityToken(data) {
-      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;
-      this.key = data.identity_token;
-      this.username = data.user.username;
-      this.avatar_url = data.user.avatar_url;
-      this.isInit = true;
-      var waitingConfig = setInterval(function () {
-        if (!_this5.isConfigLoaded) {
-          if (_this5.debugMode) {
-            _this5.logger('Waiting for init config...');
+  }
+  /**
+   * Setting Up User Credentials for next API Request
+   * @param userId {string} - client userId (will be used for login or register)
+   * @param key {string} - client unique key
+   * @param username {string} - client username
+   * @param avatarURL {string} - the url for chat avatar (optional)
+   * @param extras {object} - extra data for user
+   * @return {Promise}
+   */
+  setUser(userId, key, username, avatarURL, extras) {
+    const self = this;
+    self.user_id = userId;
+    self.key = key;
+    self.username = username;
+    self.avatar_url = avatarURL;
+    let params = {
+      email: this.user_id,
+      password: this.key,
+      username: this.username,
+      extras: extras ? JSON.stringify(extras) : null
+    };
+    if (this.avatar_url) params.avatar_url = this.avatar_url;
+    return new Promise((resolve, reject) => {
+      let waitingConfig = setInterval(() => {
+        if (!this.isConfigLoaded) {
+          if (this.debugMode) {
+            this.logger("Waiting for init config...");
           }
         } else {
           clearInterval(waitingConfig);
-          _this5.logger('Config Success!');
-          _this5.events.emit('login-success', data);
+          this.logger("Config Success!");
+          self.events.emit("start-init");
+          let login$ = self.authAdapter.loginOrRegister(params).then(
+            (response) => {
+              self.isInit = true;
+              self.refresh_token = response.user.refresh_token;
+              self.events.emit("login-success", response);
+              this.realtimeAdapter.connect();
+              resolve(response);
+            },
+            (error) => {
+              self.events.emit("login-error", error);
+              reject(error);
+            }
+          );
+          return login$;
         }
       }, 300);
-    }
-  }, {
-    key: "refreshAuthToken",
-    value: function refreshAuthToken() {
-      return this.expiredTokenAdapter.refreshAuthToken();
-    }
-  }, {
-    key: "publishOnlinePresence",
-    value: function publishOnlinePresence(val) {
-      var _this6 = this;
-      if (val === true) {
-        setBackToOnline = setInterval(function () {
-          _this6.realtimeAdapter.publishPresence(_this6.user_id, true);
-        }, 3500);
+    });
+  }
+  setUserWithIdentityToken(data) {
+    if (!data || !("user" in data)) return this.events.emit("login-error", data);
+    this.email = data.user.email;
+    this.user_id = data.user.email;
+    this.key = data.identity_token;
+    this.username = data.user.username;
+    this.avatar_url = data.user.avatar_url;
+    this.isInit = true;
+    let waitingConfig = setInterval(() => {
+      if (!this.isConfigLoaded) {
+        if (this.debugMode) {
+          this.logger("Waiting for init config...");
+        }
       } else {
-        clearInterval(this.presensePublisherId);
-        clearInterval(setBackToOnline);
-        setTimeout(function () {
-          _this6.realtimeAdapter.publishPresence(_this6.user_id, false);
-        }, 3500);
+        clearInterval(waitingConfig);
+        this.logger("Config Success!");
+        this.events.emit("login-success", data);
       }
+    }, 300);
+  }
+  refreshAuthToken() {
+    return this.expiredTokenAdapter.refreshAuthToken();
+  }
+  publishOnlinePresence(val) {
+    if (val === true) {
+      setBackToOnline = setInterval(() => {
+        this.realtimeAdapter.publishPresence(this.user_id, true);
+      }, 3500);
+    } else {
+      clearInterval(this.presensePublisherId);
+      clearInterval(setBackToOnline);
+      setTimeout(() => {
+        this.realtimeAdapter.publishPresence(this.user_id, false);
+      }, 3500);
     }
-  }, {
-    key: "subscribeUserPresence",
-    value: function subscribeUserPresence(userId) {
-      this.realtimeAdapter.subscribeUserPresence(userId);
-    }
-  }, {
-    key: "unsubscribeUserPresence",
-    value: function unsubscribeUserPresence(userId) {
-      this.realtimeAdapter.unsubscribeUserPresence(userId);
-    }
-  }, {
-    key: "logout",
-    value: function () {
-      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:
-              _context4.next = 1;
-              return this.expiredTokenAdapter.logout();
-            case 1:
-              clearInterval(this.presensePublisherId);
-              this.publishOnlinePresence(false);
-              this.selected = null;
-              this.isInit = false;
-              this.isLogin = false;
-              this.realtimeAdapter.disconnect();
-              this.userData = {};
-            case 2:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this);
-      }));
-      function logout() {
-        return _logout.apply(this, arguments);
+  }
+  subscribeUserPresence(userId) {
+    this.realtimeAdapter.subscribeUserPresence(userId);
+  }
+  unsubscribeUserPresence(userId) {
+    this.realtimeAdapter.unsubscribeUserPresence(userId);
+  }
+  logout() {
+    return __async(this, null, function* () {
+      yield this.expiredTokenAdapter.logout();
+      clearInterval(this.presensePublisherId);
+      this.publishOnlinePresence(false);
+      this.selected = null;
+      this.isInit = false;
+      this.isLogin = false;
+      this.realtimeAdapter.disconnect();
+      this.userData = {};
+    });
+  }
+  get synchronize() {
+    return this.syncAdapter.synchronize;
+  }
+  get synchronizeEvent() {
+    return this.syncAdapter.synchronizeEvent;
+  }
+  disconnect() {
+    this.logout();
+  }
+  setActiveRoom(room2) {
+    if (this.selected) {
+      this.realtimeAdapter.unsubscribeTyping();
+      if (this.selected.room_type === "single") {
+        const unsubscribedUserId = this.selected.participants.filter(
+          (p) => p.email !== this.user_id
+        );
+        if (unsubscribedUserId.length > 0) {
+          this.realtimeAdapter.unsubscribeRoomPresence(
+            unsubscribedUserId[0].email
+          );
+        }
       }
-      return logout;
-    }()
-  }, {
-    key: "synchronize",
-    get: function get() {
-      return this.syncAdapter.synchronize;
-    }
-  }, {
-    key: "synchronizeEvent",
-    get: function get() {
-      return this.syncAdapter.synchronizeEvent;
     }
-  }, {
-    key: "disconnect",
-    value: function disconnect() {
-      this.logout();
-    }
-  }, {
-    key: "setActiveRoom",
-    value: function setActiveRoom(room) {
-      var _this7 = this;
-      // when we activate a room
-      // we need to unsubscribe from typing event
-      if (this.selected) {
-        this.realtimeAdapter.unsubscribeTyping();
-        // before we unsubscribe, we need to get the userId first
-        // 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 !== _this7.user_id;
-          });
-          if (unsubscribedUserId.length > 0) {
-            this.realtimeAdapter.unsubscribeRoomPresence(unsubscribedUserId[0].email);
-          }
-        }
+    if (room2.participants == null) room2.participants = [];
+    const targetUserId = room2.participants.find((p) => p.email !== this.user_id);
+    this.chatmateStatus = null;
+    this.isTypingStatus = null;
+    this.selected = room2;
+    const initialSubscribe = setInterval(() => {
+      if (this.debugMode) {
+        this.logger("Trying Initial Subscribe");
       }
-      if (room.participants == null) room.participants = [];
-      var targetUserId = room.participants.find(function (p) {
-        return p.email !== _this7.user_id;
-      });
-      this.chatmateStatus = null;
-      this.isTypingStatus = null;
-      this.selected = room;
-      // found a bug where there's a race condition, subscribing to mqtt
-      // while mqtt is still connecting, so we'll have to do this hack
-      var initialSubscribe = setInterval(function () {
-        // Clear Interval when realtimeAdapter has been Populated
-
-        if (_this7.debugMode) {
-          _this7.logger('Trying Initial Subscribe');
+      if (this.realtimeAdapter != null) {
+        if (this.debugMode) {
+          this.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) {
-            _this7.realtimeAdapter.subscribeRoomPresence(targetUserId.email);
-          }
-          // we need to subscribe to new room typing event now
-          if (_this7.selected != null && !_this7.selected.isChannel) {
-            _this7.realtimeAdapter.subscribeTyping(room.id);
-            _this7.events.emit('room-changed', _this7.selected);
-          }
-          if (_this7.debugMode && _this7.realtimeAdapter == null) {
-            _this7.logger('Retry');
-          }
-        } else {
-          if (_this7.debugMode) {
-            _this7.logger('MQTT Not Connected, yet');
-          }
+        clearInterval(initialSubscribe);
+        if (room2.room_type === "single" && targetUserId != null) {
+          this.realtimeAdapter.subscribeRoomPresence(targetUserId.email);
+        }
+        if (this.selected != null && !this.selected.isChannel) {
+          this.realtimeAdapter.subscribeTyping(room2.id);
+          this.events.emit("room-changed", this.selected);
+        }
+        if (this.debugMode && this.realtimeAdapter == null) {
+          this.logger("Retry");
+        }
+      } else {
+        if (this.debugMode) {
+          this.logger("MQTT Not Connected, yet");
         }
-      }, 3000);
-    }
-
-    /**
-     * Chat with targetted email
-     * @param userId {string} - target userId
-     * @param options {object} - optional data sent to qiscus database
-     * @return room <Room>
-     */
-  }, {
-    key: "chatTarget",
-    value: function chatTarget(userId) {
-      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;
-      var initialMessage = options ? options.message : null;
-      var distinctId = options.distinctId;
-      this.isLoading = true;
-      this.isTypingStatus = '';
-
-      // Create room
-      return this.roomAdapter.getOrCreateRoom(userId, options, distinctId).then(/*#__PURE__*/function () {
-        var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(resp) {
-          var room, mapIntercept, lastComment, topicId;
-          return _regenerator["default"].wrap(function (_context6) {
-            while (1) switch (_context6.prev = _context6.next) {
-              case 0:
-                room = new _Room["default"](resp);
-                _this8.updateLastReceivedComment(room.last_comment_id);
-                _this8.isLoading = false;
-                mapIntercept = /*#__PURE__*/function () {
-                  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:
-                          _context5.next = 1;
-                          return _this8._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, it);
-                        case 1:
-                          return _context5.abrupt("return", _context5.sent);
-                        case 2:
-                        case "end":
-                          return _context5.stop();
-                      }
-                    }, _callee5);
-                  }));
-                  return function mapIntercept(_x5) {
-                    return _ref7.apply(this, arguments);
-                  };
-                }();
-                _context6.next = 1;
-                return Promise.all(room.comments.map(function (comment) {
-                  return mapIntercept(comment);
-                }));
-              case 1:
-                room.comments = _context6.sent;
-                _this8.setActiveRoom(room);
-                // id of last comment on this room
-                lastComment = room.comments[room.comments.length - 1];
-                if (lastComment) _this8.readComment(room.id, lastComment.id);
-                _this8.events.emit('chat-room-created', {
-                  room: room
-                });
-                if (initialMessage) {
-                  _context6.next = 2;
-                  break;
-                }
-                return _context6.abrupt("return", room);
-              case 2:
-                topicId = room.id;
-                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 _context6.stop();
-            }
-          }, _callee6);
-        }));
-        return function (_x4) {
-          return _ref6.apply(this, arguments);
-        };
-      }())["catch"](function (err) {
-        console.error('Error when creating room', err);
-        _this8.isLoading = false;
-        return Promise.reject(err);
-      });
-    }
-
-    /**
-     *
-     * Open a group chat or target a specific room id
-     *
-     * @param {int} id
-     * @returns Room <Room>
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "chatGroup",
-    value: function chatGroup(id) {
-      var self = this;
-      if (!self.isInit) return;
-      return self.getRoomById(id).then(function (response) {
-        return Promise.resolve(response);
-      }, function (err) {
-        return Promise.reject(err);
-      });
-    }
-
-    /**
-     * @param {int} id - Room Id
-     * @return {Room} Room data
-     */
-  }, {
-    key: "getRoomById",
-    value: function getRoomById(id) {
-      var _this9 = this;
-      if (!this.isInit) return;
-      var self = this;
-      self.isLoading = true;
-      self.isTypingStatus = '';
-      return self.roomAdapter.getRoomById(id).then(/*#__PURE__*/function () {
-        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());
-                _context7.prev = 1;
-                _iterator.s();
-              case 2:
-                if ((_step = _iterator.n()).done) {
-                  _context7.next = 5;
-                  break;
-                }
-                comment = _step.value;
-                _context7.next = 3;
-                return _this9._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, comment);
-              case 3:
-                c = _context7.sent;
-                comments.push(c);
-              case 4:
-                _context7.next = 2;
-                break;
-              case 5:
-                _context7.next = 7;
-                break;
-              case 6:
-                _context7.prev = 6;
-                _t = _context7["catch"](1);
-                _iterator.e(_t);
-              case 7:
-                _context7.prev = 7;
-                _iterator.f();
-                return _context7.finish(7);
-              case 8:
-                // .map((it) =>
-                //   this._hookAdapter.trigger(Hooks.MESSAGE_BEFORE_RECEIVED, it)
-                // );
-                room = new _Room["default"](_objectSpread(_objectSpread({}, roomData), {}, {
-                  comments: comments,
-                  name: roomData.room_name
-                }));
-                self.updateLastReceivedComment(room.last_comment_id);
-                self.setActiveRoom(room);
-                self.isLoading = false;
-                // id of last comment on this room
-                lastComment = room.comments[room.comments.length - 1];
-                if (lastComment) self.readComment(room.id, lastComment.id);
-                if (room.isChannel) {
-                  _this9.realtimeAdapter.subscribeChannel(_this9.AppId, room.unique_id);
-                }
-                return _context7.abrupt("return", room);
-              case 9:
-              case "end":
-                return _context7.stop();
-            }
-          }, _callee7, null, [[1, 6, 7, 8]]);
-        }));
-        return function (_x6) {
-          return _ref8.apply(this, arguments);
-        };
-      }())["catch"](function (error) {
-        console.error('Error getting room by id', error);
-        return Promise.reject(error);
-      });
-    }
-
-    /**
-     * @param {int} id - Room Id
-     * @param {string} roomName
-     * @param {string} avatarURL
-     * @return {Room} Room data
-     */
-  }, {
-    key: "getOrCreateRoomByUniqueId",
-    value: function getOrCreateRoomByUniqueId(id, roomName, avatarURL) {
-      var _this0 = this;
-      var self = this;
-      self.isLoading = true;
-      self.isTypingStatus = '';
-      return self.roomAdapter.getOrCreateRoomByUniqueId(id, roomName, avatarURL).then(/*#__PURE__*/function () {
-        var _ref9 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(response) {
-          var room, mapIntercept, lastComment;
-          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 _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:
-                          _context8.next = 1;
-                          return _this0._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, item);
-                        case 1:
-                          return _context8.abrupt("return", _context8.sent);
-                        case 2:
-                        case "end":
-                          return _context8.stop();
-                      }
-                    }, _callee8);
-                  }));
-                  return function mapIntercept(_x8) {
-                    return _ref0.apply(this, arguments);
-                  };
-                }();
-                _context9.next = 1;
-                return Promise.all(room.comments.map(function (it) {
-                  return mapIntercept(it);
-                }));
-              case 1:
-                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);
-                _this0.realtimeAdapter.subscribeChannel(_this0.AppId, room.unique_id);
-                return _context9.abrupt("return", Promise.resolve(room));
-              case 2:
-              case "end":
-                return _context9.stop();
-            }
-          }, _callee9);
-        }));
-        return function (_x7) {
-          return _ref9.apply(this, arguments);
-        };
-      }())["catch"](function (error) {
-        // console.error('Error getting room by id', error)
-        return Promise.reject(error);
-      });
-    }
-  }, {
-    key: "getOrCreateRoomByChannel",
-    value: function getOrCreateRoomByChannel(channel, name, avatarURL) {
-      return this.getOrCreateRoomByUniqueId(channel, name, avatarURL);
-    }
-  }, {
-    key: "sortComments",
-    value: function sortComments() {
-      this.selected && this.selected.comments.sort(function (leftSideComment, rightSideComment) {
-        return leftSideComment.unix_timestamp - rightSideComment.unix_timestamp;
-      });
-    }
-  }, {
-    key: "loadRoomList",
-    value: function () {
-      var _loadRoomList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee0() {
-        var params,
-          rooms,
-          _args0 = arguments;
-        return _regenerator["default"].wrap(function (_context0) {
-          while (1) switch (_context0.prev = _context0.next) {
-            case 0:
-              params = _args0.length > 0 && _args0[0] !== undefined ? _args0[0] : {};
-              _context0.next = 1;
-              return this.userAdapter.loadRoomList(params);
-            case 1:
-              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;
-                room.room_type = room.chat_type;
-                room.comments = [];
-                return new _Room["default"](room);
-              }));
-            case 2:
-            case "end":
-              return _context0.stop();
-          }
-        }, _callee0, this);
-      }));
-      function loadRoomList() {
-        return _loadRoomList.apply(this, arguments);
-      }
-      return loadRoomList;
-    }()
-  }, {
-    key: "loadComments",
-    value: function loadComments(roomId) {
-      var _this1 = this;
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return this.userAdapter.loadComments(roomId, options).then(/*#__PURE__*/function () {
-        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_);
-                _context1.prev = 1;
-                _iterator2.s();
-              case 2:
-                if ((_step2 = _iterator2.n()).done) {
-                  _context1.next = 5;
-                  break;
-                }
-                comment = _step2.value;
-                _t2 = comments;
-                _context1.next = 3;
-                return _this1._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, comment);
-              case 3:
-                _t2.push.call(_t2, _context1.sent);
-              case 4:
-                _context1.next = 2;
-                break;
-              case 5:
-                _context1.next = 7;
-                break;
-              case 6:
-                _context1.prev = 6;
-                _t3 = _context1["catch"](1);
-                _iterator2.e(_t3);
-              case 7:
-                _context1.prev = 7;
-                _iterator2.f();
-                return _context1.finish(7);
-              case 8:
-                if (_this1.selected != null) {
-                  _this1.selected.receiveComments(comments.reverse());
-                  _this1.sortComments();
-                }
-                return _context1.abrupt("return", comments);
-              case 9:
-              case "end":
-                return _context1.stop();
-            }
-          }, _callee1, null, [[1, 6, 7, 8]]);
-        }));
-        return function (_x9) {
-          return _ref1.apply(this, arguments);
-        };
-      }());
-    }
-  }, {
-    key: "loadMore",
-    value: function loadMore(lastCommentId) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (this.selected == null) return;
-      options.last_comment_id = lastCommentId;
-      options.after = false;
-      return this.loadComments(this.selected.id, options);
-    }
-  }, {
-    key: "registerDeviceToken",
-    value: function () {
-      var _registerDeviceToken = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(token) {
-        var isDevelopment,
-          res,
-          _args10 = arguments;
-        return _regenerator["default"].wrap(function (_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
-            case 0:
-              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 = _context10.sent;
-              return _context10.abrupt("return", res.body.results);
-            case 2:
-            case "end":
-              return _context10.stop();
-          }
-        }, _callee10, this);
-      }));
-      function registerDeviceToken(_x0) {
-        return _registerDeviceToken.apply(this, arguments);
-      }
-      return registerDeviceToken;
-    }()
-  }, {
-    key: "removeDeviceToken",
-    value: function () {
-      var _removeDeviceToken = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee11(token) {
-        var isDevelopment,
-          res,
-          _args11 = arguments;
-        return _regenerator["default"].wrap(function (_context11) {
-          while (1) switch (_context11.prev = _context11.next) {
-            case 0:
-              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 = _context11.sent;
-              return _context11.abrupt("return", res.body.results);
-            case 2:
-            case "end":
-              return _context11.stop();
-          }
-        }, _callee11, this);
-      }));
-      function removeDeviceToken(_x1) {
-        return _removeDeviceToken.apply(this, arguments);
-      }
-      return removeDeviceToken;
-    }()
-    /**
-     *
-     * Search Qiscus Messages
-     *
-     * @param {any} [params={query,room_id,last_comment_id}]
-     * @memberof qiscusSDK
-     */
-  }, {
-    key: "searchMessages",
-    value: (function () {
-      var _searchMessages = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee12() {
-        var params,
-          messages,
-          _args12 = arguments;
-        return _regenerator["default"].wrap(function (_context12) {
-          while (1) switch (_context12.prev = _context12.next) {
-            case 0:
-              params = _args12.length > 0 && _args12[0] !== undefined ? _args12[0] : {};
-              console.warn('Deprecated: search message will be removed on next release');
-              _context12.next = 1;
-              return this.userAdapter.searchMessages(params);
-            case 1:
-              messages = _context12.sent;
-              return _context12.abrupt("return", messages.map(function (message) {
-                return new _Comment["default"](message);
-              }));
-            case 2:
-            case "end":
-              return _context12.stop();
-          }
-        }, _callee12, this);
-      }));
-      function searchMessages() {
-        return _searchMessages.apply(this, arguments);
       }
-      return searchMessages;
-    }())
-  }, {
-    key: "updateProfile",
-    value: function updateProfile(user) {
-      var _this10 = this;
-      return this.userAdapter.updateProfile(user).then(function (res) {
-        _this10.events.emit('profile-updated', user);
-        _this10.userData = res;
-        return Promise.resolve(res);
-      }, function (err) {
-        return _this10.logger(err);
+    }, 3e3);
+  }
+  /**
+   * Chat with targetted email
+   * @param userId {string} - target userId
+   * @param options {object} - optional data sent to qiscus database
+   * @return room <Room>
+   */
+  chatTarget(userId, options = {}) {
+    if (this.userData.length != null) return false;
+    const initialMessage = options ? options.message : null;
+    const distinctId = options.distinctId;
+    this.isLoading = true;
+    this.isTypingStatus = "";
+    return this.roomAdapter.getOrCreateRoom(userId, options, distinctId).then((resp) => __async(this, null, function* () {
+      const room2 = new Room(resp);
+      this.updateLastReceivedComment(room2.last_comment_id);
+      this.isLoading = false;
+      const mapIntercept = (it) => __async(this, null, function* () {
+        return yield this._hookAdapter.trigger(
+          hook.Hooks.MESSAGE_BEFORE_RECEIVED,
+          it
+        );
       });
-    }
-  }, {
-    key: "getNonce",
-    value: function getNonce() {
-      return _superagent["default"].post("".concat(this.baseURL, "/api/v2/sdk/auth/nonce")).send().set('qiscus_sdk_app_id', "".concat(this.AppId)).set('qiscus_sdk_version', "".concat(this.version)).then(function (res) {
-        return Promise.resolve(res.body.results);
-      }, function (err) {
-        return Promise.reject(err);
+      room2.comments = yield Promise.all(
+        room2.comments.map((comment) => mapIntercept(comment))
+      );
+      this.setActiveRoom(room2);
+      const lastComment = room2.comments[room2.comments.length - 1];
+      if (lastComment) this.readComment(room2.id, lastComment.id);
+      this.events.emit("chat-room-created", {
+        room: room2
       });
-    }
-  }, {
-    key: "verifyIdentityToken",
-    value: function verifyIdentityToken(identityToken) {
-      return _superagent["default"].post("".concat(this.baseURL, "/api/v2/sdk/auth/verify_identity_token")).send({
-        identity_token: identityToken
-      }).set('qiscus_sdk_app_id', "".concat(this.AppId)).set('qiscus_sdk_version', "".concat(this.version)).then(function (res) {
-        return Promise.resolve(res.body.results);
-      }, function (err) {
-        return Promise.reject(err);
+      if (!initialMessage) return room2;
+      const topicId = room2.id;
+      return this.sendComment(topicId, initialMessage).then(() => Promise.resolve(room2)).catch((err) => {
+        console.error("Error when submit comment", err);
       });
-    }
-
-    /**
-     *
-     * Step of submitting:
-     * - we need to create a new comment object
-     * - attach it with negative number id, and also the uniqueId, uniqueId is used
-     *   to target this particular comment when there's response from server (sent, delivered state)
-     * @param {Int} topicId - the topic id of comment to be submitted
-     * @param {String} commentMessage - comment to be submitted
-     * @param uniqueId {String}
-     * @param type     {String}
-     * @param payload  {Object}
-     * @param extras   {Object}
-     * @return {Promise}
-     */
-    // #region sendComment
-  }, {
-    key: "sendComment",
-    value: (function () {
-      var _sendComment = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee13(topicId, commentMessage, uniqueId) {
-        var _this11 = this;
-        var type,
-          payload,
-          extras,
-          self,
-          commentData,
-          pendingComment,
-          parsedPayload,
-          repliedMessage,
-          extrasToBeSubmitted,
-          messageData,
-          sendComment,
-          _this$options$comment,
-          _this$options,
-          res,
-          commentIndex,
-          _error$message$toLowe,
-          _error$message,
-          whitelistedErrorStatus,
-          message,
-          isOffline,
-          _args13 = arguments,
-          _t4;
-        return _regenerator["default"].wrap(function (_context13) {
-          while (1) switch (_context13.prev = _context13.next) {
-            case 0:
-              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);
-              }
-              /**
-               * example:
-               * commentFormaterCallback(msg) {
-               *  return filterBadWords(msg) // define your own filter function and return its' value
-               * }
-               */
-              if (self.options.commentFormaterCallback) {
-                commentMessage = self.options.commentFormaterCallback(commentMessage);
-              }
-              self.pendingCommentId--;
-              commentData = {
-                room_id: topicId,
-                message: commentMessage,
-                username_as: this.username,
-                username_real: this.user_id,
-                user_avatar_url: this.userData.avatar_url,
-                user_extras: this.userData.user_extras,
-                id: Math.round(Date.now() * 1e6 + Date.now()),
-                type: type || 'text',
-                timestamp: (0, _format["default"])(new Date()),
-                unique_id: uniqueId ? String(uniqueId) : null,
-                payload: (0, _util.tryCatch)(function () {
-                  return JSON.parse(payload);
-                }, payload, function (error) {
-                  return _this11.logger('Error when parsing payload', error.message);
-                })
-              };
-              pendingComment = self.prepareCommentToBeSubmitted(commentData); // push this comment unto active room
-              if (type === 'reply') {
-                // change payload for pendingComment
-                // get the comment for current replied id
-                parsedPayload = JSON.parse(payload);
-                repliedMessage = self.selected.comments.find(function (cmt) {
-                  return cmt.id === parsedPayload.replied_comment_id;
-                });
-                parsedPayload.replied_comment_message = repliedMessage.type === 'reply' ? repliedMessage.payload.text : repliedMessage.message;
-                parsedPayload.replied_comment_sender_username = repliedMessage.username_as;
-                pendingComment.payload = parsedPayload;
-              }
-              extrasToBeSubmitted = extras || self.extras;
-              _context13.next = 1;
-              return this._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_SENT, _objectSpread(_objectSpread({}, pendingComment), {}, {
-                extras: extrasToBeSubmitted
-              }));
-            case 1:
-              messageData = _context13.sent;
-              messageData = self.prepareCommentToBeSubmitted(messageData);
-              if (self.selected) self.selected.comments.push(messageData);
-              sendComment = function sendComment() {
-                return _this11.userAdapter.postComment('' + topicId, messageData.message, messageData.unique_id, messageData.type, messageData.payload, messageData.extras);
-              };
-              _context13.prev = 2;
-              _context13.next = 3;
-              return sendComment();
-            case 3:
-              res = _context13.sent;
-              _context13.next = 4;
-              return this._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, res);
-            case 4:
-              res = _context13.sent;
-              Object.assign(messageData, res);
-              if (self.selected) {
-                _context13.next = 5;
-                break;
-              }
-              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.
-              messageData.markAsSent();
-              messageData.id = res.id;
-              messageData.before_id = res.comment_before_id;
-              // update the timestamp also then re-sort the comment list
-              messageData.unix_timestamp = res.unix_timestamp;
-              (_this$options$comment = (_this$options = this.options).commentSentCallback) === null || _this$options$comment === void 0 || _this$options$comment.call(_this$options, {
-                comment: messageData
-              });
-              self.events.emit('comment-sent', messageData);
-              self.sortComments();
-              commentIndex = self._pendingComments.findIndex(function (c) {
-                return c.unique_id === messageData.unique_id;
-              });
-              if (commentIndex > -1) {
-                self._pendingComments.splice(commentIndex, 1);
-              }
-              return _context13.abrupt("return", messageData);
-            case 6:
-              _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 = _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(_t4.status) || isOffline) {
-                this._pendingComments.push(messageData);
-                this.logger('Failed sending comment', _t4);
-              }
-              return _context13.abrupt("return", Promise.reject(_t4));
-            case 7:
-            case "end":
-              return _context13.stop();
-          }
-        }, _callee13, this, [[2, 6]]);
-      }));
-      function sendComment(_x10, _x11, _x12) {
-        return _sendComment.apply(this, arguments);
+    })).catch((err) => {
+      console.error("Error when creating room", err);
+      this.isLoading = false;
+      return Promise.reject(err);
+    });
+  }
+  /**
+   *
+   * Open a group chat or target a specific room id
+   *
+   * @param {int} id
+   * @returns Room <Room>
+   * @memberof QiscusSDK
+   */
+  chatGroup(id) {
+    const self = this;
+    if (!self.isInit) return;
+    return self.getRoomById(id).then(
+      (response) => {
+        return Promise.resolve(response);
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  /**
+   * @param {int} id - Room Id
+   * @return {Room} Room data
+   */
+  getRoomById(id) {
+    if (!this.isInit) return;
+    const self = this;
+    self.isLoading = true;
+    self.isTypingStatus = "";
+    return self.roomAdapter.getRoomById(id).then((resp) => __async(this, null, function* () {
+      const roomData = resp.results.room;
+      const comments = [];
+      for (const comment of resp.results.comments.reverse()) {
+        const c = yield this._hookAdapter.trigger(
+          hook.Hooks.MESSAGE_BEFORE_RECEIVED,
+          comment
+        );
+        comments.push(c);
       }
-      return sendComment;
-    }())
-  }, {
-    key: "_retrySendComment",
-    value: function () {
-      var _retrySendComment2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15(comment) {
-        var _this$_pendingComment,
-          _this12 = this;
-        var _this$options$comment2, _this$options2, index;
-        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)) {
-                _context15.next = 1;
-                break;
-              }
-              this.logger("Exceeding maximum retry count for comment ".concat(comment.unique_id, ", not retrying anymore"));
-              (_this$options$comment2 = (_this$options2 = this.options).commentRetryExceedCallback) === null || _this$options$comment2 === void 0 || _this$options$comment2.call(_this$options2, comment);
-              // Remove the comment from pending comments
-              index = this._pendingComments.findIndex(function (c) {
-                return c.unique_id === comment.unique_id;
-              });
-              if (index > -1) {
-                this._pendingComments.splice(index, 1);
-              }
-              // Mark the comment as failed
-              comment.markAsFailed();
-              // Emit the event
-              this.events.emit('comment-retry-exceed', comment);
-              return _context15.abrupt("return", Promise.reject(new Error('Exceeding maximum retry count')));
-            case 1:
-              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 (_context14) {
-                    while (1) switch (_context14.prev = _context14.next) {
-                      case 0:
-                        if (!(((_this12$selected = _this12.selected) === null || _this12$selected === void 0 ? void 0 : _this12$selected.id) !== comment.room_id)) {
-                          _context14.next = 1;
-                          break;
-                        }
-                        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 = (_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) {
-                          _this12.selected.comments[index] = comment;
-                        }
-                        _this12.sortComments();
-                        (_this12$options$comme = (_this12$options = _this12.options).commentSentCallback) === null || _this12$options$comme === void 0 || _this12$options$comme.call(_this12$options, {
-                          comment: comment
-                        });
-                        _this12.events.emit('comment-sent', comment);
-                        commentIndex = _this12._pendingComments.findIndex(function (c) {
-                          return c.unique_id === comment.unique_id;
-                        });
-                        if (commentIndex > -1) {
-                          _this12._pendingComments.splice(commentIndex, 1);
-                        }
-                        return _context14.abrupt("return", comment);
-                      case 2:
-                      case "end":
-                        return _context14.stop();
-                    }
-                  }, _callee14);
-                }));
-                return function (_x14) {
-                  return _ref10.apply(this, arguments);
-                };
-              }())["catch"](function (err) {
-                comment.markAsFailed();
-                return Promise.reject(err);
-              }));
-            case 2:
-            case "end":
-              return _context15.stop();
-          }
-        }, _callee15, this);
+      const room2 = new Room(__spreadProps(__spreadValues({}, roomData), {
+        comments,
+        name: roomData.room_name
       }));
-      function _retrySendComment(_x13) {
-        return _retrySendComment2.apply(this, arguments);
+      self.updateLastReceivedComment(room2.last_comment_id);
+      self.setActiveRoom(room2);
+      self.isLoading = false;
+      const lastComment = room2.comments[room2.comments.length - 1];
+      if (lastComment) self.readComment(room2.id, lastComment.id);
+      if (room2.isChannel) {
+        this.realtimeAdapter.subscribeChannel(this.AppId, room2.unique_id);
       }
-      return _retrySendComment;
-    }() // #endregion
-  }, {
-    key: "getUsers",
-    value: function getUsers() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var limit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
-      return this.HTTPAdapter.get_request('api/v2/sdk/get_user_list').query({
-        query: query,
-        page: page,
-        limit: limit
-      }).then(function (resp) {
-        return Promise.resolve(resp.body.results);
-      });
-    }
-  }, {
-    key: "getParticipants",
-    value: function getParticipants(roomUniqueId) {
-      var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var limit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
-      return this.HTTPAdapter.get_request('api/v2/sdk/room_participants').query({
-        room_unique_id: roomUniqueId,
-        page: page,
-        limit: limit
-      }).then(function (resp) {
-        return resp.body.results;
+      return room2;
+    })).catch((error) => {
+      console.error("Error getting room by id", error);
+      return Promise.reject(error);
+    });
+  }
+  /**
+   * @param {int} id - Room Id
+   * @param {string} roomName
+   * @param {string} avatarURL
+   * @return {Room} Room data
+   */
+  getOrCreateRoomByUniqueId(id, roomName, avatarURL) {
+    const self = this;
+    self.isLoading = true;
+    self.isTypingStatus = "";
+    return self.roomAdapter.getOrCreateRoomByUniqueId(id, roomName, avatarURL).then((response) => __async(this, null, function* () {
+      let room2 = new Room(response);
+      self.updateLastReceivedComment(room2.last_comment_id);
+      const mapIntercept = (item) => __async(this, null, function* () {
+        return yield this._hookAdapter.trigger(hook.Hooks.MESSAGE_BEFORE_RECEIVED, item);
       });
-    }
-  }, {
-    key: "getRoomParticipants",
-    value: function getRoomParticipants(roomUniqueId) {
-      var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      console.warn('`getRoomParticipants` are deprecated, use `getParticipants` instead.');
-      return this.HTTPAdapter.get_request('api/v2/sdk/room_participants').query({
-        room_unique_id: roomUniqueId,
-        offset: offset
-      }).then(function (resp) {
-        return Promise.resolve(resp.body.results);
-      });
-    }
-  }, {
-    key: "resendComment",
-    value: function resendComment(comment) {
-      if (this.selected == null) return;
-      var self = this;
-      var room = self.selected;
-      var pendingComment = room.comments.find(function (cmtToFind) {
-        return cmtToFind.id === comment.id;
-      });
-      var extrasToBeSubmitted = self.extras;
-      return this.userAdapter.postComment('' + room.id, pendingComment.message, pendingComment.unique_id, comment.type, comment.payload, extrasToBeSubmitted).then(function (res) {
-        // When the posting succeeded, we mark the Comment as sent,
-        // so all the interested party can be notified.
-        pendingComment.markAsSent();
-        pendingComment.id = res.id;
-        pendingComment.before_id = res.comment_before_id;
-        return new Promise(function (resolve, reject) {
-          return resolve(self.selected);
-        });
-      }, function (err) {
-        pendingComment.markAsFailed();
-        return new Promise(function (resolve, reject) {
-          return reject(err);
-        });
+      room2.comments = yield Promise.all(
+        room2.comments.map((it) => mapIntercept(it))
+      );
+      self.setActiveRoom(room2);
+      self.isLoading = false;
+      const lastComment = room2.comments[room2.comments.length - 1];
+      if (lastComment) self.readComment(room2.id, lastComment.id);
+      this.realtimeAdapter.subscribeChannel(this.AppId, room2.unique_id);
+      return Promise.resolve(room2);
+    })).catch((error) => {
+      return Promise.reject(error);
+    });
+  }
+  getOrCreateRoomByChannel(channel, name, avatarURL) {
+    return this.getOrCreateRoomByUniqueId(channel, name, avatarURL);
+  }
+  sortComments() {
+    this.selected && this.selected.comments.sort(function(leftSideComment, rightSideComment) {
+      return leftSideComment.unix_timestamp - rightSideComment.unix_timestamp;
+    });
+  }
+  loadRoomList() {
+    return __async(this, arguments, function* (params = {}) {
+      const rooms = yield this.userAdapter.loadRoomList(params);
+      return rooms.map((room2) => {
+        room2.last_comment_id = room2.last_comment.id;
+        room2.last_comment_message = room2.last_comment.message;
+        room2.last_comment_message_created_at = room2.last_comment.timestamp;
+        room2.room_type = room2.chat_type;
+        room2.comments = [];
+        return new Room(room2);
       });
-    }
-  }, {
-    key: "prepareCommentToBeSubmitted",
-    value: function prepareCommentToBeSubmitted(comment) {
-      var commentToBeSubmitted, uniqueId;
-      commentToBeSubmitted = new _Comment["default"](comment);
-      // We're gonna use timestamp for uniqueId for now.
-      // "bq" stands for "Bonjour Qiscus" by the way.
-      uniqueId = 'bq' + Date.now();
-      if (comment.unique_id) uniqueId = comment.unique_id;
-      commentToBeSubmitted.attachUniqueId(uniqueId);
-      commentToBeSubmitted.markAsPending();
-      commentToBeSubmitted.isDelivered = false;
-      commentToBeSubmitted.isSent = false;
-      commentToBeSubmitted.isRead = false;
-      commentToBeSubmitted.unix_timestamp = Math.round(new Date().getTime() / 1000);
-      return commentToBeSubmitted;
-    }
-
-    /**
-     * Update room
-     * @param {id, room_name, avatar_url, options} args
-     * @return Promise
-     */
-  }, {
-    key: "updateRoom",
-    value: function updateRoom(args) {
-      return this.roomAdapter.updateRoom(args);
-    }
-  }, {
-    key: "removeSelectedRoomParticipants",
-    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["default"].not.array(values)) {
-        return Promise.reject(new Error('`values` must have type of array'));
+    });
+  }
+  loadComments(roomId, options = {}) {
+    return this.userAdapter.loadComments(roomId, options).then((comments_) => __async(this, null, function* () {
+      const comments = [];
+      for (const comment of comments_) {
+        comments.push(
+          yield this._hookAdapter.trigger(
+            hook.Hooks.MESSAGE_BEFORE_RECEIVED,
+            comment
+          )
+        );
       }
-      var participants = this.selected.participants;
-      if (!participants) {
-        return Promise.reject(new Error('Nothing selected room chat.'));
+      if (this.selected != null) {
+        this.selected.receiveComments(comments.reverse());
+        this.sortComments();
       }
-      // start to changes selected participants with newest values
-      var participantsExclude = participants;
-      if (payload === 'id') {
-        participantsExclude = participants.filter(function (participant) {
-          return values.indexOf(participant.id) <= -1;
-        });
+      return comments;
+    }));
+  }
+  loadMore(lastCommentId, options = {}) {
+    if (this.selected == null) return;
+    options.last_comment_id = lastCommentId;
+    options.after = false;
+    return this.loadComments(this.selected.id, options);
+  }
+  registerDeviceToken(token, isDevelopment = false) {
+    return __async(this, null, function* () {
+      const res = yield this.HTTPAdapter.post(
+        "api/v2/sdk/set_user_device_token",
+        {
+          device_token: token,
+          device_platform: "rn",
+          is_development: isDevelopment
+        }
+      );
+      return res.body.results;
+    });
+  }
+  removeDeviceToken(token, isDevelopment = false) {
+    return __async(this, null, function* () {
+      const res = yield this.HTTPAdapter.post(
+        "api/v2/sdk/remove_user_device_token",
+        {
+          device_token: token,
+          device_platform: "rn",
+          is_development: isDevelopment
+        }
+      );
+      return res.body.results;
+    });
+  }
+  /**
+   *
+   * Search Qiscus Messages
+   *
+   * @param {any} [params={query,room_id,last_comment_id}]
+   * @memberof qiscusSDK
+   */
+  searchMessages() {
+    return __async(this, arguments, function* (params = {}) {
+      console.warn("Deprecated: search message will be removed on next release");
+      const messages = yield this.userAdapter.searchMessages(params);
+      return messages.map((message) => {
+        return new Comment(message);
+      });
+    });
+  }
+  updateProfile(user2) {
+    return this.userAdapter.updateProfile(user2).then(
+      (res) => {
+        this.events.emit("profile-updated", user2);
+        this.userData = res;
+        return Promise.resolve(res);
+      },
+      (err) => this.logger(err)
+    );
+  }
+  getNonce() {
+    return request.post(`${this.baseURL}/api/v2/sdk/auth/nonce`).send().set("qiscus_sdk_app_id", `${this.AppId}`).set("qiscus_sdk_version", `${this.version}`).then(
+      (res) => Promise.resolve(res.body.results),
+      (err) => Promise.reject(err)
+    );
+  }
+  verifyIdentityToken(identityToken) {
+    return request.post(`${this.baseURL}/api/v2/sdk/auth/verify_identity_token`).send({
+      identity_token: identityToken
+    }).set("qiscus_sdk_app_id", `${this.AppId}`).set("qiscus_sdk_version", `${this.version}`).then(
+      (res) => Promise.resolve(res.body.results),
+      (err) => Promise.reject(err)
+    );
+  }
+  /**
+   *
+   * Step of submitting:
+   * - we need to create a new comment object
+   * - attach it with negative number id, and also the uniqueId, uniqueId is used
+   *   to target this particular comment when there's response from server (sent, delivered state)
+   * @param {Int} topicId - the topic id of comment to be submitted
+   * @param {String} commentMessage - comment to be submitted
+   * @param uniqueId {String}
+   * @param type     {String}
+   * @param payload  {Object}
+   * @param extras   {Object}
+   * @return {Promise}
+   */
+  // #region sendComment
+  sendComment(topicId, commentMessage, uniqueId, type = "text", payload, extras) {
+    return __async(this, null, function* () {
+      var _a, _b, _c, _d;
+      const self = this;
+      if (self.options.prePostCommentCallback) {
+        self.options.prePostCommentCallback(commentMessage);
       }
-      if (payload === 'email') {
-        participantsExclude = participants.filter(function (participant) {
-          return values.indexOf(participant.email) <= -1;
-        });
+      if (self.options.commentFormaterCallback) {
+        commentMessage = self.options.commentFormaterCallback(commentMessage);
       }
-      if (payload === 'username') {
-        participantsExclude = participants.filter(function (participant) {
-          return values.indexOf(participant.username) <= -1;
-        });
+      self.pendingCommentId--;
+      const commentData = {
+        room_id: topicId,
+        message: commentMessage,
+        username_as: this.username,
+        username_real: this.user_id,
+        user_avatar_url: this.userData.avatar_url,
+        user_extras: this.userData.user_extras,
+        id: Math.round(Date.now() * 1e6 + Date.now()),
+        type: type || "text",
+        timestamp: format(/* @__PURE__ */ new Date()),
+        unique_id: uniqueId ? String(uniqueId) : null,
+        payload: util.tryCatch(
+          () => JSON.parse(payload),
+          payload,
+          (error) => this.logger("Error when parsing payload", error.message)
+        )
+      };
+      const pendingComment = self.prepareCommentToBeSubmitted(commentData);
+      if (type === "reply") {
+        var parsedPayload = JSON.parse(payload);
+        var repliedMessage = self.selected.comments.find(
+          (cmt) => cmt.id === parsedPayload.replied_comment_id
+        );
+        parsedPayload.replied_comment_message = repliedMessage.type === "reply" ? repliedMessage.payload.text : repliedMessage.message;
+        parsedPayload.replied_comment_sender_username = repliedMessage.username_as;
+        pendingComment.payload = parsedPayload;
       }
-      this.selected.participants = participantsExclude;
-      return Promise.resolve(participants);
-    }
-
-    /**
-     * Create group chat room
-     * @param {string} name - Chat room name
-     * @param {string[]} emails - Participant to be invited
-     * @returns {Promise.<Room, Error>} - Room detail
-     */
-  }, {
-    key: "createGroupRoom",
-    value: function createGroupRoom(name, emails, options) {
-      var self = this;
-      if (!this.isLogin) throw new Error('Please initiate qiscus SDK first');
-      return new _utils.GroupChatBuilder(this.roomAdapter).withName(name).withOptions(options).addParticipants(emails).create().then(function (res) {
-        self.events.emit('group-room-created', res);
-        return Promise.resolve(res);
-      });
-    }
-
-    /**
-     * Add array of participant into a group
-     *
-     * @param {any} roomId the room id this file is required for selected room_id to be process
-     * @param {any} emails emails is must be an array
-     * @returns Promise
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "addParticipantsToGroup",
-    value: function addParticipantsToGroup(roomId, emails) {
-      var self = this;
-      if (!Array.isArray(emails)) {
-        throw new Error("emails' must be type of Array");
+      const extrasToBeSubmitted = extras || self.extras;
+      let messageData = yield this._hookAdapter.trigger(
+        hook.Hooks.MESSAGE_BEFORE_SENT,
+        __spreadProps(__spreadValues({}, pendingComment), {
+          extras: extrasToBeSubmitted
+        })
+      );
+      messageData = self.prepareCommentToBeSubmitted(messageData);
+      if (self.selected) self.selected.comments.push(messageData);
+      const sendComment = () => this.userAdapter.postComment(
+        "" + topicId,
+        messageData.message,
+        messageData.unique_id,
+        messageData.type,
+        messageData.payload,
+        messageData.extras
+      );
+      try {
+        let res = yield sendComment();
+        res = yield this._hookAdapter.trigger(hook.Hooks.MESSAGE_BEFORE_RECEIVED, res);
+        Object.assign(messageData, res);
+        if (!self.selected) return Promise.resolve(messageData);
+        messageData.markAsSent();
+        messageData.id = res.id;
+        messageData.before_id = res.comment_before_id;
+        messageData.unix_timestamp = res.unix_timestamp;
+        (_b = (_a = this.options).commentSentCallback) == null ? void 0 : _b.call(_a, { comment: messageData });
+        self.events.emit("comment-sent", messageData);
+        self.sortComments();
+        const commentIndex = self._pendingComments.findIndex(
+          (c) => c.unique_id === messageData.unique_id
+        );
+        if (commentIndex > -1) {
+          self._pendingComments.splice(commentIndex, 1);
+        }
+        return messageData;
+      } catch (error) {
+        messageData.markAsFailed();
+        const whitelistedErrorStatus = [
+          void 0,
+          408,
+          413,
+          429,
+          500,
+          502,
+          503,
+          504,
+          521,
+          522,
+          524
+        ];
+        const message = (_d = (_c = error.message) == null ? void 0 : _c.toLowerCase()) != null ? _d : "";
+        const isOffline = message.includes("offline");
+        if (whitelistedErrorStatus.includes(error.status) || isOffline) {
+          this._pendingComments.push(messageData);
+          this.logger("Failed sending comment", error);
+        }
+        return Promise.reject(error);
       }
-      return self.roomAdapter.addParticipantsToGroup(roomId, emails).then(function (res) {
-        self.events.emit('participants-added', res);
-        return Promise.resolve(res);
-      }, function (err) {
+    });
+  }
+  _retrySendComment(comment) {
+    return __async(this, null, function* () {
+      var _a, _b, _c;
+      this.logger("Retrying send comment", comment);
+      this._pendingCommentsCount[comment.unique_id] = ((_a = this._pendingCommentsCount[comment.unique_id]) != null ? _a : 0) + 1;
+      if (this._pendingCommentsCount[comment.unique_id] > 10) {
+        this.logger(
+          `Exceeding maximum retry count for comment ${comment.unique_id}, not retrying anymore`
+        );
+        (_c = (_b = this.options).commentRetryExceedCallback) == null ? void 0 : _c.call(_b, comment);
+        const index = this._pendingComments.findIndex(
+          (c) => c.unique_id === comment.unique_id
+        );
+        if (index > -1) {
+          this._pendingComments.splice(index, 1);
+        }
+        comment.markAsFailed();
+        this.events.emit("comment-retry-exceed", comment);
+        return Promise.reject(new Error("Exceeding maximum retry count"));
+      }
+      return this.userAdapter.postComment(
+        "" + comment.room_id,
+        comment.message,
+        comment.unique_id,
+        comment.type,
+        comment.payload,
+        comment.extras
+      ).then((res) => __async(this, null, function* () {
+        var _a2, _b2, _c2, _d;
+        if (((_a2 = this.selected) == null ? void 0 : _a2.id) !== comment.room_id) {
+          return res;
+        }
+        Object.assign(comment, res);
+        comment.markAsSent();
+        comment.id = res.id;
+        comment.before_id = res.comment_before_id;
+        comment.unix_timestamp = res.unix_timestamp;
+        const index = (_b2 = this.selected) == null ? void 0 : _b2.comments.findIndex(
+          (c) => c.unique_id === comment.unique_id
+        );
+        if (index > -1) {
+          this.selected.comments[index] = comment;
+        }
+        this.sortComments();
+        (_d = (_c2 = this.options).commentSentCallback) == null ? void 0 : _d.call(_c2, { comment });
+        this.events.emit("comment-sent", comment);
+        const commentIndex = this._pendingComments.findIndex(
+          (c) => c.unique_id === comment.unique_id
+        );
+        if (commentIndex > -1) {
+          this._pendingComments.splice(commentIndex, 1);
+        }
+        return comment;
+      })).catch((err) => {
+        comment.markAsFailed();
         return Promise.reject(err);
       });
-    }
-
-    /**
-     * Remove array of participant from a group
-     *
-     * @param {any} roomId the room id this file is required for selected room_id to be process
-     * @param {any} emails emails is must be an array
-     * @returns Promise
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "removeParticipantsFromGroup",
-    value: function removeParticipantsFromGroup(roomId, emails) {
-      var _this13 = this;
-      if (_is["default"].not.array(emails)) {
-        return Promise.reject(new Error('`emails` must have type of array'));
+    });
+  }
+  // #endregion
+  getUsers(query = "", page = 1, limit = 20) {
+    return this.HTTPAdapter.get_request("api/v2/sdk/get_user_list").query({
+      query,
+      page,
+      limit
+    }).then((resp) => {
+      return Promise.resolve(resp.body.results);
+    });
+  }
+  getParticipants(roomUniqueId, page = 1, limit = 20) {
+    return this.HTTPAdapter.get_request("api/v2/sdk/room_participants").query({
+      room_unique_id: roomUniqueId,
+      page,
+      limit
+    }).then((resp) => resp.body.results);
+  }
+  getRoomParticipants(roomUniqueId, offset = 0) {
+    console.warn(
+      "`getRoomParticipants` are deprecated, use `getParticipants` instead."
+    );
+    return this.HTTPAdapter.get_request("api/v2/sdk/room_participants").query({
+      room_unique_id: roomUniqueId,
+      offset
+    }).then((resp) => {
+      return Promise.resolve(resp.body.results);
+    });
+  }
+  resendComment(comment) {
+    if (this.selected == null) return;
+    var self = this;
+    var room2 = self.selected;
+    var pendingComment = room2.comments.find(
+      (cmtToFind) => cmtToFind.id === comment.id
+    );
+    const extrasToBeSubmitted = self.extras;
+    return this.userAdapter.postComment(
+      "" + room2.id,
+      pendingComment.message,
+      pendingComment.unique_id,
+      comment.type,
+      comment.payload,
+      extrasToBeSubmitted
+    ).then(
+      (res) => {
+        pendingComment.markAsSent();
+        pendingComment.id = res.id;
+        pendingComment.before_id = res.comment_before_id;
+        return new Promise((resolve, reject) => resolve(self.selected));
+      },
+      (err) => {
+        pendingComment.markAsFailed();
+        return new Promise((resolve, reject) => reject(err));
       }
-      return this.roomAdapter.removeParticipantsFromGroup(roomId, emails).then(function (res) {
-        _this13.events.emit('participants-removed', emails);
+    );
+  }
+  prepareCommentToBeSubmitted(comment) {
+    let commentToBeSubmitted = new Comment(comment);
+    let uniqueId = `javascript-${nanoid.nanoid()}`;
+    if (comment.unique_id) uniqueId = comment.unique_id;
+    commentToBeSubmitted.attachUniqueId(uniqueId);
+    commentToBeSubmitted.markAsPending();
+    commentToBeSubmitted.isDelivered = false;
+    commentToBeSubmitted.isSent = false;
+    commentToBeSubmitted.isRead = false;
+    commentToBeSubmitted.unix_timestamp = Math.round(
+      (/* @__PURE__ */ new Date()).getTime() / 1e3
+    );
+    return commentToBeSubmitted;
+  }
+  /**
+   * Update room
+   * @param {id, room_name, avatar_url, options} args
+   * @return Promise
+   */
+  updateRoom(args) {
+    return this.roomAdapter.updateRoom(args);
+  }
+  removeSelectedRoomParticipants(values = [], payload = "id") {
+    if (is.not.array(values)) {
+      return Promise.reject(new Error("`values` must have type of array"));
+    }
+    const participants = this.selected.participants;
+    if (!participants) {
+      return Promise.reject(new Error("Nothing selected room chat."));
+    }
+    let participantsExclude = participants;
+    if (payload === "id") {
+      participantsExclude = participants.filter(
+        (participant) => values.indexOf(participant.id) <= -1
+      );
+    }
+    if (payload === "email") {
+      participantsExclude = participants.filter(
+        (participant) => values.indexOf(participant.email) <= -1
+      );
+    }
+    if (payload === "username") {
+      participantsExclude = participants.filter(
+        (participant) => values.indexOf(participant.username) <= -1
+      );
+    }
+    this.selected.participants = participantsExclude;
+    return Promise.resolve(participants);
+  }
+  /**
+   * Create group chat room
+   * @param {string} name - Chat room name
+   * @param {string[]} emails - Participant to be invited
+   * @returns {Promise.<Room, Error>} - Room detail
+   */
+  createGroupRoom(name, emails, options) {
+    const self = this;
+    if (!this.isLogin) throw new Error("Please initiate qiscus SDK first");
+    return new utils.GroupChatBuilder(this.roomAdapter).withName(name).withOptions(options).addParticipants(emails).create().then((res) => {
+      self.events.emit("group-room-created", res);
+      return Promise.resolve(res);
+    });
+  }
+  /**
+   * Add array of participant into a group
+   *
+   * @param {any} roomId the room id this file is required for selected room_id to be process
+   * @param {any} emails emails is must be an array
+   * @returns Promise
+   * @memberof QiscusSDK
+   */
+  addParticipantsToGroup(roomId, emails) {
+    const self = this;
+    if (!Array.isArray(emails)) {
+      throw new Error(`emails' must be type of Array`);
+    }
+    return self.roomAdapter.addParticipantsToGroup(roomId, emails).then(
+      (res) => {
+        self.events.emit("participants-added", res);
         return Promise.resolve(res);
-      });
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  /**
+   * Remove array of participant from a group
+   *
+   * @param {any} roomId the room id this file is required for selected room_id to be process
+   * @param {any} emails emails is must be an array
+   * @returns Promise
+   * @memberof QiscusSDK
+   */
+  removeParticipantsFromGroup(roomId, emails) {
+    if (is.not.array(emails)) {
+      return Promise.reject(new Error("`emails` must have type of array"));
     }
-
-    /**
-     * Get user block list
-     *
-     * @param {any} page the page is optional, default=1
-     * @param {any} limit the limit is optional, default=20
-     * @returns Promise
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "getBlockedUser",
-    value: function getBlockedUser() {
-      var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-      var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 20;
-      var self = this;
-      return self.userAdapter.getBlockedUser(page, limit).then(function (res) {
+    return this.roomAdapter.removeParticipantsFromGroup(roomId, emails).then((res) => {
+      this.events.emit("participants-removed", emails);
+      return Promise.resolve(res);
+    });
+  }
+  /**
+   * Get user block list
+   *
+   * @param {any} page the page is optional, default=1
+   * @param {any} limit the limit is optional, default=20
+   * @returns Promise
+   * @memberof QiscusSDK
+   */
+  getBlockedUser(page = 1, limit = 20) {
+    const self = this;
+    return self.userAdapter.getBlockedUser(page, limit).then(
+      (res) => {
         return Promise.resolve(res);
-      }, function (err) {
-        return Promise.reject(err);
-      });
-    }
-
-    /**
-     * Add user to block list
-     *
-     * @param {any} email the email is required
-     * @returns Promise
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "blockUser",
-    value: function blockUser(email) {
-      var self = this;
-      return self.userAdapter.blockUser(email).then(function (res) {
-        self.events.emit('block-user', res);
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  /**
+   * Add user to block list
+   *
+   * @param {any} email the email is required
+   * @returns Promise
+   * @memberof QiscusSDK
+   */
+  blockUser(email) {
+    const self = this;
+    return self.userAdapter.blockUser(email).then(
+      (res) => {
+        self.events.emit("block-user", res);
         return Promise.resolve(res);
-      }, function (err) {
-        return Promise.reject(err);
-      });
-    }
-
-    /**
-     * Remove user from block list
-     *
-     * @param {any} email the email is required
-     * @returns Promise
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "unblockUser",
-    value: function unblockUser(email) {
-      var self = this;
-      return self.userAdapter.unblockUser(email).then(function (res) {
-        self.events.emit('unblock-user', res);
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  /**
+   * Remove user from block list
+   *
+   * @param {any} email the email is required
+   * @returns Promise
+   * @memberof QiscusSDK
+   */
+  unblockUser(email) {
+    const self = this;
+    return self.userAdapter.unblockUser(email).then(
+      (res) => {
+        self.events.emit("unblock-user", res);
         return Promise.resolve(res);
-      }, function (err) {
-        return Promise.reject(err);
-      });
-    }
-  }, {
-    key: "getUserPresences",
-    value: function getUserPresences() {
-      var email = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      if (_is["default"].not.array(email)) {
-        return Promise.reject(new Error('`email` must have type of array'));
-      }
-      var self = this;
-      return self.userAdapter.getUserPresences(email).then(function (res) {
-        self.events.emit('user-status', res);
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  getUserPresences(email = []) {
+    if (is.not.array(email)) {
+      return Promise.reject(new Error("`email` must have type of array"));
+    }
+    const self = this;
+    return self.userAdapter.getUserPresences(email).then(
+      (res) => {
+        self.events.emit("user-status", res);
         return Promise.resolve(res);
-      }, function (err) {
-        return Promise.reject(err);
-      });
-    }
-  }, {
-    key: "upload",
-    value: function upload(file, callback) {
-      var req = _superagent["default"].post(this.uploadURL);
-      req = this.HTTPAdapter.setupHeaders(req);
-      return req.attach('file', file).on('progress', function (event) {
-        if (event.direction === 'upload') callback(null, event);
-      }).then(function (resp) {
-        var url = resp.body.results.file.url;
-        callback(null, null, resp.body.results.file.url);
-        return Promise.resolve(url);
-      })["catch"](function (error) {
-        callback(error);
-        return Promise.reject(error);
-      });
-    }
-
-    /**
-     * Upload a file to qiscus sdk server
-     *
-     * @param {any} roomId the room id this file need to be submitted to
-     * @param {any} file you can get this from event `e.target.files || e.dataTransfer.files`
-     * @returns Promise
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "uploadFile",
-    value: function uploadFile(roomId, file) {
-      var self = this;
-      var formData = new FormData();
-      formData.append('file', file);
-      var xhr = new XMLHttpRequest();
-      xhr.open('POST', "".concat(self.baseURL, "/api/v2/sdk/upload"), true);
-      xhr.setRequestHeader('qiscus_sdk_app_id', "".concat(self.AppId));
-      xhr.setRequestHeader('qiscus_sdk_user_id', "".concat(self.user_id));
-      xhr.setRequestHeader('qiscus_sdk_token', "".concat(self.userData.token));
-      xhr.onload = function () {
-        if (xhr.status === 200) {
-          // file(s) uploaded), let's post to comment
-          var url = JSON.parse(xhr.response).results.file.url;
-          self.events.emit('fileupload', url);
-          // send
-          return self.sendComment(roomId, "[file] ".concat(url, " [/file]"));
-        } else {
-          return Promise.reject(xhr);
-        }
-      };
-      xhr.send(formData);
-    }
-  }, {
-    key: "addUploadedFile",
-    value: function addUploadedFile(name, roomId) {
-      this.uploadedFiles.push(new FileUploaded(name, roomId));
-    }
-  }, {
-    key: "removeUploadedFile",
-    value: function removeUploadedFile(name, roomId) {
-      var index = this.uploadedFiles.findIndex(function (file) {
-        return file.name === name && file.roomId === roomId;
-      });
-      this.uploadedFiles.splice(index, 1);
-    }
-  }, {
-    key: "publishTyping",
-    value: function publishTyping(val) {
-      this.realtimeAdapter.publishTyping(val);
-    }
-
-    /**
-     * Params consisted of
-     * @param {room_ids} array of room ids
-     * @param {room_unique_ids} array of of room unique ids
-     * @param {show_participants} show list of participants, default true
-     * @param {show_removed} show removed room, default false
-     * @returns
-     * @memberof QiscusSDK
-     */
-  }, {
-    key: "getRoomsInfo",
-    value: function getRoomsInfo(params) {
-      return this.userAdapter.getRoomsInfo(params);
-    }
-  }, {
-    key: "deleteComment",
-    value: function deleteComment(roomId, commentUniqueIds, isForEveryone, isHard) {
-      var _this14 = this;
-      if (!Array.isArray(commentUniqueIds)) {
-        throw new Error("unique ids' must be type of Array");
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  upload(file, callback) {
+    let req = request.post(this.uploadURL);
+    req = this.HTTPAdapter.setupHeaders(req);
+    return req.attach("file", file).on("progress", (event) => {
+      if (event.direction === "upload") callback(null, event);
+    }).then((resp) => {
+      const url = resp.body.results.file.url;
+      callback(null, null, resp.body.results.file.url);
+      return Promise.resolve(url);
+    }).catch((error) => {
+      callback(error);
+      return Promise.reject(error);
+    });
+  }
+  /**
+   * Upload a file to qiscus sdk server
+   *
+   * @param {any} roomId the room id this file need to be submitted to
+   * @param {any} file you can get this from event `e.target.files || e.dataTransfer.files`
+   * @returns Promise
+   * @memberof QiscusSDK
+   */
+  uploadFile(roomId, file) {
+    const self = this;
+    var formData = new FormData();
+    formData.append("file", file);
+    var xhr = new XMLHttpRequest();
+    xhr.open("POST", `${self.baseURL}/api/v2/sdk/upload`, true);
+    xhr.setRequestHeader("qiscus_sdk_app_id", `${self.AppId}`);
+    xhr.setRequestHeader("qiscus_sdk_user_id", `${self.user_id}`);
+    xhr.setRequestHeader("qiscus_sdk_token", `${self.userData.token}`);
+    xhr.onload = function() {
+      if (xhr.status === 200) {
+        var url = JSON.parse(xhr.response).results.file.url;
+        self.events.emit("fileupload", url);
+        return self.sendComment(roomId, `[file] ${url} [/file]`);
+      } else {
+        return Promise.reject(xhr);
       }
-      return this.userAdapter.deleteComment(roomId, commentUniqueIds, isForEveryone, isHard).then(function (res) {
-        _this14.events.emit('comment-deleted', {
-          roomId: roomId,
-          commentUniqueIds: commentUniqueIds,
-          isForEveryone: isForEveryone,
-          isHard: isHard
+    };
+    xhr.send(formData);
+  }
+  addUploadedFile(name, roomId) {
+    this.uploadedFiles.push(new FileUploaded(name, roomId));
+  }
+  removeUploadedFile(name, roomId) {
+    const index = this.uploadedFiles.findIndex(
+      (file) => file.name === name && file.roomId === roomId
+    );
+    this.uploadedFiles.splice(index, 1);
+  }
+  publishTyping(val) {
+    this.realtimeAdapter.publishTyping(val);
+  }
+  /**
+   * Params consisted of
+   * @param {room_ids} array of room ids
+   * @param {room_unique_ids} array of of room unique ids
+   * @param {show_participants} show list of participants, default true
+   * @param {show_removed} show removed room, default false
+   * @returns
+   * @memberof QiscusSDK
+   */
+  getRoomsInfo(params) {
+    return this.userAdapter.getRoomsInfo(params);
+  }
+  deleteComment(roomId, commentUniqueIds, isForEveryone, isHard) {
+    if (!Array.isArray(commentUniqueIds)) {
+      throw new Error(`unique ids' must be type of Array`);
+    }
+    return this.userAdapter.deleteComment(roomId, commentUniqueIds, isForEveryone, isHard).then(
+      (res) => {
+        this.events.emit("comment-deleted", {
+          roomId,
+          commentUniqueIds,
+          isForEveryone,
+          isHard
         });
         return Promise.resolve(res);
-      }, function (err) {
-        return Promise.reject(err);
-      });
-    }
-  }, {
-    key: "clearRoomsCache",
-    value: function clearRoomsCache() {
-      var _this15 = this;
-      // remove all room except currently selected
-      if (this.selected) {
-        // clear the map
-        this.room_name_id_map = (0, _defineProperty2["default"])({}, this.selected.name, this.selected.id);
-        // get current index and array length
-        var roomLength = this.rooms.length;
-        var curIndex = this.rooms.findIndex(function (room) {
-          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 === _this15.selected.id;
-        });
-        if (curIndex > 0 && this.rooms.length > 1) {
-          this.rooms.splice(1, this.rooms.length - 1);
-        }
+      },
+      (err) => Promise.reject(err)
+    );
+  }
+  clearRoomsCache() {
+    if (this.selected) {
+      this.room_name_id_map = {
+        [this.selected.name]: this.selected.id
+      };
+      const roomLength = this.rooms.length;
+      let curIndex = this.rooms.findIndex(
+        (room2) => room2.id === this.selected.id
+      );
+      if (!(curIndex + 1 === roomLength)) {
+        this.rooms.splice(curIndex + 1, roomLength - (curIndex + 1));
       }
-    }
-  }, {
-    key: "exitChatRoom",
-    value: function exitChatRoom() {
-      var _this16 = this;
-      // remove all subscriber
-      this.realtimeAdapter.unsubscribeTyping();
-      (0, _util.tryCatch)(function () {
-        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 _this16.realtimeAdapter.unsubscribeRoomPresence(userId);
-        });
-      });
-      this.selected = null;
-    }
-  }, {
-    key: "clearRoomMessages",
-    value: function clearRoomMessages(roomIds) {
-      if (!Array.isArray(roomIds)) {
-        throw new Error('room_ids must be type of array');
+      curIndex = this.rooms.findIndex((room2) => room2.id === this.selected.id);
+      if (curIndex > 0 && this.rooms.length > 1) {
+        this.rooms.splice(1, this.rooms.length - 1);
       }
-      return this.userAdapter.clearRoomMessages(roomIds);
     }
-  }, {
-    key: "logging",
-    value: function logging(message) {
-      var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (this.debugMode) {
-        console.log(message, params);
-      }
+  }
+  exitChatRoom() {
+    this.realtimeAdapter.unsubscribeTyping();
+    util.tryCatch(
+      () => this.selected.participants.filter((it) => it.email !== this.user_id).map((it) => it.email),
+      null,
+      this.noop,
+      (userIds) => userIds.forEach(
+        (userId) => this.realtimeAdapter.unsubscribeRoomPresence(userId)
+      )
+    );
+    this.selected = null;
+  }
+  clearRoomMessages(roomIds) {
+    if (!Array.isArray(roomIds)) {
+      throw new Error("room_ids must be type of array");
     }
-  }, {
-    key: "getTotalUnreadCount",
-    value: function getTotalUnreadCount() {
-      return this.roomAdapter.getTotalUnreadCount().then(function (response) {
+    return this.userAdapter.clearRoomMessages(roomIds);
+  }
+  logging(message, params = {}) {
+    if (this.debugMode) {
+      console.log(message, params);
+    }
+  }
+  getTotalUnreadCount() {
+    return this.roomAdapter.getTotalUnreadCount().then(
+      (response) => {
         return Promise.resolve(response);
-      }, function (error) {
+      },
+      (error) => {
         return Promise.reject(error);
-      });
-    }
-  }, {
-    key: "getRoomUnreadCount",
-    value: function getRoomUnreadCount() {
-      return this.roomAdapter.getRoomUnreadCount();
-    }
-  }, {
-    key: "publishEvent",
-    value: function publishEvent() {
-      var _this$customEventAdap;
-      (_this$customEventAdap = this.customEventAdapter).publishEvent.apply(_this$customEventAdap, arguments);
-    }
-  }, {
-    key: "subscribeEvent",
-    value: function subscribeEvent() {
-      var _this$customEventAdap2;
-      (_this$customEventAdap2 = this.customEventAdapter).subscribeEvent.apply(_this$customEventAdap2, arguments);
-    }
-  }, {
-    key: "unsubscribeEvent",
-    value: function unsubscribeEvent() {
-      var _this$customEventAdap3;
-      (_this$customEventAdap3 = this.customEventAdapter).unsubscribeEvent.apply(_this$customEventAdap3, arguments);
-    }
-  }, {
-    key: "setCustomHeader",
-    value: function setCustomHeader(headers) {
-      if (_is["default"].not.json(headers)) {
-        throw new TypeError('`headers` must have type of object');
       }
-      this._customHeader = headers;
-    }
-  }, {
-    key: "getUserProfile",
-    value: function getUserProfile() {
-      return this.userAdapter.getProfile();
-    }
-  }, {
-    key: "Interceptor",
-    get: function get() {
-      return _hook.Hooks;
-    }
-  }, {
-    key: "intercept",
-    value: function intercept(interceptor, callback) {
-      return this._hookAdapter.intercept(interceptor, callback);
-    }
-  }, {
-    key: "getThumbnailURL",
-    value: function getThumbnailURL(fileURL) {
-      var reURL = /^https?:\/\/\S+(\/upload\/)\S+(\.\w+)$/i;
-      return fileURL.replace(reURL, function (match, g1, g2) {
-        return match.replace(g1, '/upload/w_320,h_320,c_limit/').replace(g2, '.png');
-      });
-    }
-  }, {
-    key: "getBlurryThumbnailURL",
-    value: function getBlurryThumbnailURL(fileURL) {
-      var reURL = /^https?:\/\/\S+(\/upload\/)\S+(\.\w+)$/i;
-      return fileURL.replace(reURL, function (match, g1, g2) {
-        return match.replace(g1, '/upload/w_320,h_320,c_limit,e_blur:300/').replace(g2, '.png');
-      });
-    }
-  }, {
-    key: "logger",
-    get: function get() {
-      if (this.debugMode) return console.log.bind(console, 'Qiscus ->');
-      return this.noop;
-    }
-  }, {
-    key: "noop",
-    value: function noop() {}
-  }, {
-    key: "_throttleDelay",
-    get: function get() {
-      if (this.updateCommentStatusMode === QiscusSDK.UpdateCommentStatusMode.enabled) {
-        return 0;
-      }
-      return this.updateCommentStatusThrottleDelay || 300;
+    );
+  }
+  getRoomUnreadCount() {
+    return this.roomAdapter.getRoomUnreadCount();
+  }
+  publishEvent(...args) {
+    this.customEventAdapter.publishEvent(...args);
+  }
+  subscribeEvent(...args) {
+    this.customEventAdapter.subscribeEvent(...args);
+  }
+  unsubscribeEvent(...args) {
+    this.customEventAdapter.unsubscribeEvent(...args);
+  }
+  setCustomHeader(headers) {
+    if (is.not.json(headers)) {
+      throw new TypeError("`headers` must have type of object");
     }
-  }, {
-    key: "_updateStatusEnabled",
-    get: function get() {
-      return this.updateCommentStatusMode !== QiscusSDK.UpdateCommentStatusMode.disabled;
+    this._customHeader = headers;
+  }
+  getUserProfile() {
+    return this.userAdapter.getProfile();
+  }
+  get Interceptor() {
+    return hook.Hooks;
+  }
+  intercept(interceptor, callback) {
+    return this._hookAdapter.intercept(interceptor, callback);
+  }
+  getThumbnailURL(fileURL) {
+    const reURL = /^https?:\/\/\S+(\/upload\/)\S+(\.\w+)$/i;
+    return fileURL.replace(
+      reURL,
+      (match, g1, g2) => match.replace(g1, "/upload/w_320,h_320,c_limit/").replace(g2, ".png")
+    );
+  }
+  getBlurryThumbnailURL(fileURL) {
+    const reURL = /^https?:\/\/\S+(\/upload\/)\S+(\.\w+)$/i;
+    return fileURL.replace(
+      reURL,
+      (match, g1, g2) => match.replace(g1, "/upload/w_320,h_320,c_limit,e_blur:300/").replace(g2, ".png")
+    );
+  }
+  get logger() {
+    if (this.debugMode) return console.log.bind(console, "Qiscus ->");
+    return this.noop;
+  }
+  noop() {
+  }
+  get _throttleDelay() {
+    if (this.updateCommentStatusMode === _QiscusSDK.UpdateCommentStatusMode.enabled) {
+      return 0;
     }
-  }, {
-    key: "_updateStatus",
-    value: function _updateStatus(roomId) {
-      var commentId1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var commentId2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      // The rules:
-      // if it is receive command
-      // - it is prohibited to send command if current room are channel
-      // - it is ok to send command even if no room selected
-      // - it is prohibited to send command when `updateCommentStatusMode` is `disabled`
-      // if it is read command
-      // - it is prohibited to send command if current room are channel
-      // - it is prohibited to send command if no room selected (but why was this a thing?)
-      // - it is ok to send command when `updateCommentStatusMode` is `disabled`
-
-      var isReceiveCommand = commentId2 != null;
-      var isReadCommand = commentId1 != null;
-      var isSelected = this.selected != null && this.selected.id === roomId || false;
-      var isChannel = this.selected != null && this.selected.isChannel || false;
-      var isUpdateStatusDisabled = !this._updateStatusEnabled;
-      var command = function () {
-        if (isReadCommand) return 'read';
-        if (isReceiveCommand) return 'receive';
-      }();
-      var isAbleToRunCommand = function () {
-        if (isChannel) return false;
-        if (isReceiveCommand && isUpdateStatusDisabled) return false;
-        return true;
-      }();
-      if (this.debugMode) {
-        console.group('update-command-status');
-        console.log('run:', command, "on: roomId(".concat(roomId, ") commentId(").concat(commentId1 || commentId2, ")"));
-        console.log('is able to run command?', isAbleToRunCommand);
-        console.groupEnd();
+    return this.updateCommentStatusThrottleDelay || 300;
+  }
+  get _updateStatusEnabled() {
+    return this.updateCommentStatusMode !== _QiscusSDK.UpdateCommentStatusMode.disabled;
+  }
+  _updateStatus(roomId, commentId1 = null, commentId2 = null) {
+    const isReceiveCommand = commentId2 != null;
+    const isReadCommand = commentId1 != null;
+    this.selected != null && this.selected.id === roomId || false;
+    const isChannel = this.selected != null && this.selected.isChannel || false;
+    const isUpdateStatusDisabled = !this._updateStatusEnabled;
+    const command = (() => {
+      if (isReadCommand) return "read";
+      if (isReceiveCommand) return "receive";
+    })();
+    const isAbleToRunCommand = (() => {
+      if (isChannel) return false;
+      if (isReceiveCommand && isUpdateStatusDisabled) return false;
+      return true;
+    })();
+    if (this.debugMode) {
+      console.group("update-command-status");
+      console.log(
+        "run:",
+        command,
+        `on: roomId(${roomId}) commentId(${commentId1 || commentId2})`
+      );
+      console.log("is able to run command?", isAbleToRunCommand);
+      console.groupEnd();
+    }
+    if (!isAbleToRunCommand) return false;
+    this.userAdapter.updateCommentStatus(roomId, commentId1, commentId2).catch((err) => {
+    });
+  }
+  readComment(roomId, commentId) {
+    if (this.updateCommentStatusMode === _QiscusSDK.UpdateCommentStatusMode.enabled)
+      return this._readComment(roomId, commentId);
+    return this._readCommentT(roomId, commentId);
+  }
+  receiveComment(roomId, commentId) {
+    if (this.updateCommentStatusMode === _QiscusSDK.UpdateCommentStatusMode.enabled)
+      return this._deliverComment(roomId, commentId);
+    return this._deliverCommentT(roomId, commentId);
+  }
+  _throttle(func, getWait) {
+    let isWaiting = false;
+    return (...args) => {
+      let waitTime = getWait();
+      if (!isWaiting) {
+        func(...args);
+        isWaiting = true;
+        setTimeout(() => isWaiting = false, waitTime);
       }
-      if (!isAbleToRunCommand) return false;
-      this.userAdapter.updateCommentStatus(roomId, commentId1, commentId2)["catch"](function (err) {});
-    }
-  }, {
-    key: "readComment",
-    value: function readComment(roomId, commentId) {
-      if (this.updateCommentStatusMode === QiscusSDK.UpdateCommentStatusMode.enabled) return this._readComment(roomId, commentId);
-      return this._readCommentT(roomId, commentId);
-    }
-  }, {
-    key: "receiveComment",
-    value: function receiveComment(roomId, commentId) {
-      if (this.updateCommentStatusMode === QiscusSDK.UpdateCommentStatusMode.enabled) return this._deliverComment(roomId, commentId);
-      return this._deliverCommentT(roomId, commentId);
-    }
-  }, {
-    key: "_throttle",
-    value: function _throttle(func, getWait) {
-      var isWaiting = false;
-      return function () {
-        var waitTime = getWait();
-        if (!isWaiting) {
-          func.apply(void 0, arguments);
-          isWaiting = true;
-          setTimeout(function () {
-            return isWaiting = false;
-          }, waitTime);
-        }
-      };
-    }
-
-    /**
-     * @typedef {Object} SearchMessageParams
-     * @property {string} query
-     * @property {Array.<number>} roomIds
-     * @property {string} userId
-     * @property {Array.<string>} type
-     * @property {string} roomType
-     * @property {number} page
-     * @property {number} limit
-     */
-    /**
-     *
-     * @param {SearchMessageParams} param0
-     * @returns {Array.<Object>}
-     */
-  }, {
-    key: "searchMessage",
-    value: (function () {
-      var _searchMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
-        var _ref11,
-          query,
-          _ref11$roomIds,
-          roomIds,
-          userId,
-          type,
-          roomType,
-          page,
-          limit,
-          url,
-          isValidRoomType,
-          room,
-          _args16 = arguments;
-        return _regenerator["default"].wrap(function (_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
-            case 0:
-              _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)) {
-                _context16.next = 1;
-                break;
-              }
-              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';
-                var isPublic = roomType == null ? undefined : roomType === 'channel' ? true : false;
-                return {
-                  type: rType,
-                  isPublic: isPublic
-                };
-              }(roomType);
-              return _context16.abrupt("return", this.HTTPAdapter.post_json(url, {
-                token: this.token,
-                query: query,
-                sender: userId,
-                type: type,
-                room_ids: roomIds.map(function (it) {
-                  return String(it);
-                }),
-                room_type: room.type || undefined,
-                is_public: room.isPublic || undefined,
-                page: page,
-                limit: limit
-              }).then(function (res) {
-                return res.body;
-              }));
-            case 2:
-            case "end":
-              return _context16.stop();
-          }
-        }, _callee16, this);
-      }));
-      function searchMessage() {
-        return _searchMessage.apply(this, arguments);
+    };
+  }
+  /**
+   * @typedef {Object} SearchMessageParams
+   * @property {string} query
+   * @property {Array.<number>} roomIds
+   * @property {string} userId
+   * @property {Array.<string>} type
+   * @property {string} roomType
+   * @property {number} page
+   * @property {number} limit
+   */
+  /**
+   *
+   * @param {SearchMessageParams} param0
+   * @returns {Array.<Object>}
+   */
+  searchMessage() {
+    return __async(this, arguments, function* ({
+      query,
+      roomIds = [],
+      userId,
+      type,
+      roomType,
+      page,
+      limit
+    } = {}) {
+      const url = "api/v2/sdk/search";
+      const isValidRoomType = ["group", "single", "channel"].some(
+        (it) => it === roomType
+      );
+      if (roomType != null && !isValidRoomType) {
+        return Promise.reject(
+          "Invalid room type, valid room type are: `group`, `single`, and `channel`"
+        );
       }
-      return searchMessage;
-    }()
-    /**
-     * @typedef {Object} GetFileListParams
-     * @property {Array.<number>} roomIds
-     * @property {String} fileType
-     * @property {Number} page
-     * @property {Number} limit
-     * @property {String} includeExtensions
-     * @property {String} excludeExtensions
-     * @property {String} userId
-     */
-    /**
-     * @param {GetFileListParams} param0
-     */
-    )
-  }, {
-    key: "getFileList",
-    value: (function () {
-      var _getFileList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
-        var _ref12,
-          _ref12$roomIds,
-          roomIds,
-          fileType,
-          page,
-          limit,
-          sender,
-          userId,
-          includeExtensions,
-          excludeExtensions,
-          url,
-          opts,
-          _args17 = arguments;
-        return _regenerator["default"].wrap(function (_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
-            case 0:
-              _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) {
-                _context17.next = 1;
-                break;
-              }
-              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
-              // list files for all users
-              if (sender === undefined) {
-                sender = this.user_id;
-              }
-              if (userId === undefined) {
-                sender = userId = this.user_id;
-              }
-              opts = {
-                room_ids: roomIds.map(function (it) {
-                  return String(it);
-                }),
-                file_type: fileType,
-                page: page,
-                limit: limit,
-                include_extensions: includeExtensions,
-                exclude_extensions: excludeExtensions
-              };
-              if (sender != null) opts['sender'] = sender;
-              return _context17.abrupt("return", this.HTTPAdapter.post_json(url, opts).then(function (res) {
-                return res.body;
-              }));
-            case 2:
-            case "end":
-              return _context17.stop();
-          }
-        }, _callee17, this);
-      }));
-      function getFileList() {
-        return _getFileList.apply(this, arguments);
+      const room2 = ((roomType2) => {
+        const rType = roomType2 == null ? void 0 : roomType2 === "single" ? "single" : "group";
+        const isPublic = roomType2 == null ? void 0 : roomType2 === "channel" ? true : false;
+        return {
+          type: rType,
+          isPublic
+        };
+      })(roomType);
+      return this.HTTPAdapter.post_json(url, {
+        token: this.token,
+        query,
+        sender: userId,
+        type,
+        room_ids: roomIds.map((it) => String(it)),
+        room_type: room2.type || void 0,
+        is_public: room2.isPublic || void 0,
+        page,
+        limit
+      }).then((res) => res.body);
+    });
+  }
+  /**
+   * @typedef {Object} GetFileListParams
+   * @property {Array.<number>} roomIds
+   * @property {String} fileType
+   * @property {Number} page
+   * @property {Number} limit
+   * @property {String} includeExtensions
+   * @property {String} excludeExtensions
+   * @property {String} userId
+   */
+  /**
+   * @param {GetFileListParams} param0
+   */
+  getFileList() {
+    return __async(this, arguments, function* ({
+      roomIds = [],
+      fileType,
+      page,
+      limit,
+      sender,
+      userId,
+      includeExtensions,
+      excludeExtensions
+    } = {}) {
+      const url = "api/v2/sdk/file_list";
+      if (!this.isLogin)
+        return Promise.reject("You need to login to use this method");
+      if (sender === void 0) {
+        sender = this.user_id;
       }
-      return getFileList;
-    }())
-  }, {
-    key: "_generateUniqueId",
-    value: function _generateUniqueId() {
-      return "javascript-".concat(Date.now());
-    }
-  }, {
-    key: "generateMessage",
-    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,
-        message: text,
-        room_id: roomId,
-        extras: extras,
-        timestamp: new Date(),
-        unique_id: this._generateUniqueId(),
-        before_id: 0,
-        username: this.userData.username,
-        email: this.userData.email,
-        status: 'pending',
-        type: 'text'
-      });
-      return comment;
-    }
-  }, {
-    key: "generateFileAttachmentMessage",
-    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,
-        message: text,
-        room_id: roomId,
-        extras: extras,
-        timestamp: new Date(),
-        unique_id: this._generateUniqueId(),
-        before_id: 0,
-        username: this.userData.username,
-        email: this.userData.email,
-        status: 'pending',
-        type: 'file_attachment',
-        payload: {
-          url: url,
-          file_name: filename,
-          size: size,
-          caption: caption
-        }
-      });
-      return comment;
-    }
-  }, {
-    key: "generateCustomMessage",
-    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,
-        message: text,
-        room_id: roomId,
-        extras: extras,
-        timestamp: new Date(),
-        unique_id: this._generateUniqueId(),
-        before_id: 0,
-        username: this.userData.username,
-        email: this.userData.email,
-        status: 'pending',
-        type: 'custom',
-        payload: {
-          type: type,
-          content: payload
-        }
-      });
-      return comment;
-    }
-  }, {
-    key: "generateReplyMessage",
-    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,
-        message: text,
-        room_id: roomId,
-        extras: extras,
-        timestamp: new Date(),
-        unique_id: this._generateUniqueId(),
-        before_id: 0,
-        username: this.userData.username,
-        email: this.userData.email,
-        status: 'pending',
-        type: 'reply',
-        payload: {
-          text: text,
-          replied_comment_id: repliedMessage.id,
-          replied_comment_message: repliedMessage.message,
-          replied_comment_type: repliedMessage.type,
-          replied_comment_payload: repliedMessage.payload,
-          replied_comment_sender_username: repliedMessage.username_as,
-          replied_comment_sender_email: repliedMessage.username_real
-        }
-      });
-      return comment;
-    }
-  }, {
-    key: "updateMessage",
-    value: function () {
-      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 _context18.abrupt("return", this.userAdapter.updateMessage(message));
-            case 1:
-            case "end":
-              return _context18.stop();
-          }
-        }, _callee18, this);
-      }));
-      function updateMessage(_x15) {
-        return _updateMessage.apply(this, arguments);
+      if (userId === void 0) {
+        sender = userId = this.user_id;
       }
-      return updateMessage;
-    }()
-  }, {
-    key: "onMessageUpdated",
-    value: function onMessageUpdated(handler) {
-      var _this17 = this;
-      this.realtimeAdapter.on('message:updated', handler);
-      return function () {
-        return _this17.realtimeAdapter.off('message:updated', handler);
+      let opts = {
+        room_ids: roomIds.map((it) => String(it)),
+        file_type: fileType,
+        page,
+        limit,
+        include_extensions: includeExtensions,
+        exclude_extensions: excludeExtensions
       };
-    }
-
-    /**
-     * Manually close connection to mqtt server
-     * @return {Promise<boolean>} Wheter successfully close mqtt connection or not
-     */
-  }, {
-    key: "closeRealtimeConnection",
-    value: (function () {
-      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 _context19.abrupt("return", this.realtimeAdapter.closeConnection());
-            case 1:
-            case "end":
-              return _context19.stop();
-          }
-        }, _callee19, this);
-      }));
-      function closeRealtimeConnection() {
-        return _closeRealtimeConnection.apply(this, arguments);
-      }
-      return closeRealtimeConnection;
-    }()
-    /**
-     * Manually open connection to mqtt server
-     * @return {Promise<boolean>} Wheter successfully connect to mqtt server or not
-     */
-    )
-  }, {
-    key: "openRealtimeConnection",
-    value: (function () {
-      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 _context20.abrupt("return", this.realtimeAdapter.openConnection());
-            case 1:
-            case "end":
-              return _context20.stop();
-          }
-        }, _callee20, this);
-      }));
-      function openRealtimeConnection() {
-        return _openRealtimeConnection.apply(this, arguments);
-      }
-      return openRealtimeConnection;
-    }())
-  }, {
-    key: "startSync",
-    value: function () {
-      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 _context21.stop();
-          }
-        }, _callee21, this);
-      }));
-      function startSync() {
-        return _startSync.apply(this, arguments);
+      if (sender != null) opts["sender"] = sender;
+      return this.HTTPAdapter.post_json(url, opts).then((res) => res.body);
+    });
+  }
+  _generateUniqueId() {
+    return `javascript-${nanoid.nanoid()}`;
+  }
+  generateMessage({ roomId, text, extras }) {
+    const id = Date.now();
+    const comment = new Comment({
+      id,
+      message: text,
+      room_id: roomId,
+      extras,
+      timestamp: /* @__PURE__ */ new Date(),
+      unique_id: this._generateUniqueId(),
+      before_id: 0,
+      username: this.userData.username,
+      email: this.userData.email,
+      status: "pending",
+      type: "text"
+    });
+    return comment;
+  }
+  generateFileAttachmentMessage({
+    roomId,
+    caption,
+    url,
+    text = "File attachment",
+    extras,
+    filename,
+    size
+  }) {
+    const id = Date.now();
+    const comment = new Comment({
+      id,
+      message: text,
+      room_id: roomId,
+      extras,
+      timestamp: /* @__PURE__ */ new Date(),
+      unique_id: this._generateUniqueId(),
+      before_id: 0,
+      username: this.userData.username,
+      email: this.userData.email,
+      status: "pending",
+      type: "file_attachment",
+      payload: {
+        url,
+        file_name: filename,
+        size,
+        caption
       }
-      return startSync;
-    }()
-  }, {
-    key: "stopSync",
-    value: function () {
-      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 _context22.stop();
-          }
-        }, _callee22, this);
-      }));
-      function stopSync() {
-        return _stopSync.apply(this, arguments);
+    });
+    return comment;
+  }
+  generateCustomMessage({ roomId, text, type, payload, extras }) {
+    const id = Date.now();
+    const comment = new Comment({
+      id,
+      message: text,
+      room_id: roomId,
+      extras,
+      timestamp: /* @__PURE__ */ new Date(),
+      unique_id: this._generateUniqueId(),
+      before_id: 0,
+      username: this.userData.username,
+      email: this.userData.email,
+      status: "pending",
+      type: "custom",
+      payload: { type, content: payload }
+    });
+    return comment;
+  }
+  generateReplyMessage({ roomId, text, repliedMessage, extras }) {
+    const id = Date.now();
+    const comment = new Comment({
+      id,
+      message: text,
+      room_id: roomId,
+      extras,
+      timestamp: /* @__PURE__ */ new Date(),
+      unique_id: this._generateUniqueId(),
+      before_id: 0,
+      username: this.userData.username,
+      email: this.userData.email,
+      status: "pending",
+      type: "reply",
+      payload: {
+        text,
+        replied_comment_id: repliedMessage.id,
+        replied_comment_message: repliedMessage.message,
+        replied_comment_type: repliedMessage.type,
+        replied_comment_payload: repliedMessage.payload,
+        replied_comment_sender_username: repliedMessage.username_as,
+        replied_comment_sender_email: repliedMessage.username_real
       }
-      return stopSync;
-    }()
-  }]);
-}();
-(0, _defineProperty2["default"])(QiscusSDK, "UpdateCommentStatusMode", UpdateCommentStatusMode);
-(0, _defineProperty2["default"])(QiscusSDK, "Interceptor", _hook.Hooks);
-var FileUploaded = /*#__PURE__*/(0, _createClass2["default"])(function FileUploaded(name, roomId) {
-  (0, _classCallCheck2["default"])(this, FileUploaded);
-  this.name = name;
-  this.roomId = roomId;
-  this.progress = 0;
-});
-var _default = exports["default"] = QiscusSDK;
-module.exports = exports.default;
+    });
+    return comment;
+  }
+  updateMessage(message) {
+    return __async(this, null, function* () {
+      return this.userAdapter.updateMessage(message);
+    });
+  }
+  onMessageUpdated(handler) {
+    this.realtimeAdapter.on("message:updated", handler);
+    return () => this.realtimeAdapter.off("message:updated", handler);
+  }
+  /**
+   * Manually close connection to mqtt server
+   * @return {Promise<boolean>} Wheter successfully close mqtt connection or not
+   */
+  closeRealtimeConnection() {
+    return __async(this, null, function* () {
+      return this.realtimeAdapter.closeConnection();
+    });
+  }
+  /**
+   * Manually open connection to mqtt server
+   * @return {Promise<boolean>} Wheter successfully connect to mqtt server or not
+   */
+  openRealtimeConnection() {
+    return __async(this, null, function* () {
+      return this.realtimeAdapter.openConnection();
+    });
+  }
+  startSync() {
+    return __async(this, null, function* () {
+      this._forceEnableSync = true;
+    });
+  }
+  stopSync() {
+    return __async(this, null, function* () {
+      this._forceEnableSync = false;
+    });
+  }
+};
+__publicField(_QiscusSDK, "UpdateCommentStatusMode", UpdateCommentStatusMode);
+__publicField(_QiscusSDK, "Interceptor", hook.Hooks);
+let QiscusSDK = _QiscusSDK;
+class FileUploaded {
+  constructor(name, roomId) {
+    this.name = name;
+    this.roomId = roomId;
+    this.progress = 0;
+  }
+}
+module.exports = QiscusSDK;