qiscus-sdk-core 2.13.2 → 2.14.0

package/lib/index.js

@@ -56,6 +56,9 @@ var QiscusSDK = /*#__PURE__*/function () {
   function QiscusSDK() {
     var _this = this;
     (0, _classCallCheck2["default"])(this, QiscusSDK);
+    (0, _defineProperty2["default"])(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);
     });
@@ -467,9 +470,14 @@ var QiscusSDK = /*#__PURE__*/function () {
                   _this2.events.emit('room-cleared', room);
                 });
               });
+              this.syncAdapter.on('synchronize', function () {
+                _this2._pendingComments.forEach(function (m) {
+                  return _this2._retrySendComment(m);
+                });
+              });
               this.customEventAdapter = (0, _customEvent["default"])(this.realtimeAdapter, this.user_id);
               this.setEventListeners();
-            case 55:
+            case 56:
             case "end":
               return _context3.stop();
           }
@@ -646,6 +654,9 @@ var QiscusSDK = /*#__PURE__*/function () {
           version: _this3.version,
           getCustomHeader: function getCustomHeader() {
             return _this3._customHeader;
+          },
+          expiredTokenAdapterGetter: function expiredTokenAdapterGetter() {
+            return _this3.expiredTokenAdapter;
           }
         });
         _this3.HTTPAdapter.setToken(_this3.userData.token);
@@ -1610,7 +1621,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "sendComment",
     value: (function () {
-      var _sendComment = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16(topicId, commentMessage, uniqueId) {
+      var _sendComment = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15(topicId, commentMessage, uniqueId) {
         var _this13 = this;
         var type,
           payload,
@@ -1622,13 +1633,23 @@ var QiscusSDK = /*#__PURE__*/function () {
           repliedMessage,
           extrasToBeSubmitted,
           messageData,
-          _args16 = arguments;
-        return _regenerator["default"].wrap(function _callee16$(_context16) {
-          while (1) switch (_context16.prev = _context16.next) {
+          sendComment,
+          _this$options$comment,
+          _this$options,
+          res,
+          commentIndex,
+          _error$message$toLowe,
+          _error$message,
+          whitelistedErrorStatus,
+          message,
+          isOffline,
+          _args15 = arguments;
+        return _regenerator["default"].wrap(function _callee15$(_context15) {
+          while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              type = _args16.length > 3 && _args16[3] !== undefined ? _args16[3] : 'text';
-              payload = _args16.length > 4 ? _args16[4] : undefined;
-              extras = _args16.length > 5 ? _args16[5] : undefined;
+              type = _args15.length > 3 && _args15[3] !== undefined ? _args15[3] : 'text';
+              payload = _args15.length > 4 ? _args15[4] : undefined;
+              extras = _args15.length > 5 ? _args15[5] : undefined;
               self = this; // set extra data, etc
               if (self.options.prePostCommentCallback) {
                 self.options.prePostCommentCallback(commentMessage);
@@ -1644,6 +1665,7 @@ var QiscusSDK = /*#__PURE__*/function () {
               }
               self.pendingCommentId--;
               commentData = {
+                room_id: topicId,
                 message: commentMessage,
                 username_as: this.username,
                 username_real: this.user_id,
@@ -1672,64 +1694,169 @@ var QiscusSDK = /*#__PURE__*/function () {
                 pendingComment.payload = parsedPayload;
               }
               extrasToBeSubmitted = extras || self.extras;
-              _context16.next = 13;
+              _context15.next = 13;
               return this._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_SENT, _objectSpread(_objectSpread({}, pendingComment), {}, {
                 extras: extrasToBeSubmitted
               }));
             case 13:
-              messageData = _context16.sent;
+              messageData = _context15.sent;
               messageData = self.prepareCommentToBeSubmitted(messageData);
               if (self.selected) self.selected.comments.push(messageData);
-              return _context16.abrupt("return", this.userAdapter.postComment('' + topicId, messageData.message, messageData.unique_id, messageData.type, messageData.payload, messageData.extras).then(/*#__PURE__*/function () {
-                var _ref12 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee15(res) {
-                  return _regenerator["default"].wrap(function _callee15$(_context15) {
-                    while (1) switch (_context15.prev = _context15.next) {
+              sendComment = function sendComment() {
+                return _this13.userAdapter.postComment('' + topicId, messageData.message, messageData.unique_id, messageData.type, messageData.payload, messageData.extras);
+              };
+              _context15.prev = 17;
+              _context15.next = 20;
+              return sendComment();
+            case 20:
+              res = _context15.sent;
+              _context15.next = 23;
+              return this._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, res);
+            case 23:
+              res = _context15.sent;
+              Object.assign(messageData, res);
+              if (self.selected) {
+                _context15.next = 27;
+                break;
+              }
+              return _context15.abrupt("return", Promise.resolve(messageData));
+            case 27:
+              // 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 _context15.abrupt("return", messageData);
+            case 39:
+              _context15.prev = 39;
+              _context15.t0 = _context15["catch"](17);
+              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 = _context15.t0.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(_context15.t0.status) || isOffline) {
+                this._pendingComments.push(messageData);
+                this.logger('Failed sending comment', _context15.t0);
+              }
+              return _context15.abrupt("return", Promise.reject(_context15.t0));
+            case 47:
+            case "end":
+              return _context15.stop();
+          }
+        }, _callee15, this, [[17, 39]]);
+      }));
+      function sendComment(_x12, _x13, _x14) {
+        return _sendComment.apply(this, arguments);
+      }
+      return sendComment;
+    }())
+  }, {
+    key: "_retrySendComment",
+    value: function () {
+      var _retrySendComment2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17(comment) {
+        var _this$_pendingComment,
+          _this14 = this;
+        var _this$options$comment2, _this$options2, index;
+        return _regenerator["default"].wrap(function _callee17$(_context17) {
+          while (1) switch (_context17.prev = _context17.next) {
+            case 0:
+              this.logger('Retrying send comment', comment);
+              this._pendingCommentsCount[comment.unique_id] = ((_this$_pendingComment = this._pendingCommentsCount[comment.unique_id]) !== null && _this$_pendingComment !== void 0 ? _this$_pendingComment : 0) + 1;
+
+              // If it is exceeding the maximum retry count (which is 10), we will not retry anymore
+              if (!(this._pendingCommentsCount[comment.unique_id] > 10)) {
+                _context17.next = 10;
+                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 _context17.abrupt("return", Promise.reject(new Error('Exceeding maximum retry count')));
+            case 10:
+              return _context17.abrupt("return", this.userAdapter.postComment('' + comment.room_id, comment.message, comment.unique_id, comment.type, comment.payload, comment.extras).then(/*#__PURE__*/function () {
+                var _ref12 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16(res) {
+                  var _this14$selected, _this14$selected2, _this14$options$comme, _this14$options;
+                  var index, commentIndex;
+                  return _regenerator["default"].wrap(function _callee16$(_context16) {
+                    while (1) switch (_context16.prev = _context16.next) {
                       case 0:
-                        _context15.next = 2;
-                        return _this13._hookAdapter.trigger(_hook.Hooks.MESSAGE_BEFORE_RECEIVED, res);
-                      case 2:
-                        res = _context15.sent;
-                        Object.assign(messageData, res);
-                        if (self.selected) {
-                          _context15.next = 6;
+                        if (!(((_this14$selected = _this14.selected) === null || _this14$selected === void 0 ? void 0 : _this14$selected.id) !== comment.room_id)) {
+                          _context16.next = 2;
                           break;
                         }
-                        return _context15.abrupt("return", Promise.resolve(messageData));
-                      case 6:
-                        // 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;
-                        self.sortComments();
-                        return _context15.abrupt("return", messageData);
-                      case 12:
+                        return _context16.abrupt("return", res);
+                      case 2:
+                        Object.assign(comment, res);
+                        comment.markAsSent();
+                        comment.id = res.id;
+                        comment.before_id = res.comment_before_id;
+                        comment.unix_timestamp = res.unix_timestamp;
+                        index = (_this14$selected2 = _this14.selected) === null || _this14$selected2 === void 0 ? void 0 : _this14$selected2.comments.findIndex(function (c) {
+                          return c.unique_id === comment.unique_id;
+                        });
+                        if (index > -1) {
+                          _this14.selected.comments[index] = comment;
+                        }
+                        _this14.sortComments();
+                        (_this14$options$comme = (_this14$options = _this14.options).commentSentCallback) === null || _this14$options$comme === void 0 || _this14$options$comme.call(_this14$options, {
+                          comment: comment
+                        });
+                        _this14.events.emit('comment-sent', comment);
+                        commentIndex = _this14._pendingComments.findIndex(function (c) {
+                          return c.unique_id === comment.unique_id;
+                        });
+                        if (commentIndex > -1) {
+                          _this14._pendingComments.splice(commentIndex, 1);
+                        }
+                        return _context16.abrupt("return", comment);
+                      case 15:
                       case "end":
-                        return _context15.stop();
+                        return _context16.stop();
                     }
-                  }, _callee15);
+                  }, _callee16);
                 }));
-                return function (_x15) {
+                return function (_x16) {
                   return _ref12.apply(this, arguments);
                 };
               }())["catch"](function (err) {
-                messageData.markAsFailed();
+                comment.markAsFailed();
                 return Promise.reject(err);
               }));
-            case 17:
+            case 11:
             case "end":
-              return _context16.stop();
+              return _context17.stop();
           }
-        }, _callee16, this);
+        }, _callee17, this);
       }));
-      function sendComment(_x12, _x13, _x14) {
-        return _sendComment.apply(this, arguments);
+      function _retrySendComment(_x15) {
+        return _retrySendComment2.apply(this, arguments);
       }
-      return sendComment;
+      return _retrySendComment;
     }() // #endregion
-    )
   }, {
     key: "getUsers",
     value: function getUsers() {
@@ -1907,12 +2034,12 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "removeParticipantsFromGroup",
     value: function removeParticipantsFromGroup(roomId, emails) {
-      var _this14 = this;
+      var _this15 = this;
       if (_is_js["default"].not.array(emails)) {
         return Promise.reject(new Error('`emails` must have type of array'));
       }
       return this.roomAdapter.removeParticipantsFromGroup(roomId, emails).then(function (res) {
-        _this14.events.emit('participants-removed', emails);
+        _this15.events.emit('participants-removed', emails);
         return Promise.resolve(res);
       });
     }
@@ -2075,12 +2202,12 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "deleteComment",
     value: function deleteComment(roomId, commentUniqueIds, isForEveryone, isHard) {
-      var _this15 = this;
+      var _this16 = this;
       if (!Array.isArray(commentUniqueIds)) {
         throw new Error("unique ids' must be type of Array");
       }
       return this.userAdapter.deleteComment(roomId, commentUniqueIds, isForEveryone, isHard).then(function (res) {
-        _this15.events.emit('comment-deleted', {
+        _this16.events.emit('comment-deleted', {
           roomId: roomId,
           commentUniqueIds: commentUniqueIds,
           isForEveryone: isForEveryone,
@@ -2094,7 +2221,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "clearRoomsCache",
     value: function clearRoomsCache() {
-      var _this16 = this;
+      var _this17 = this;
       // remove all room except currently selected
       if (this.selected) {
         // clear the map
@@ -2102,14 +2229,14 @@ var QiscusSDK = /*#__PURE__*/function () {
         // get current index and array length
         var roomLength = this.rooms.length;
         var curIndex = this.rooms.findIndex(function (room) {
-          return room.id === _this16.selected.id;
+          return room.id === _this17.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 === _this16.selected.id;
+          return room.id === _this17.selected.id;
         });
         if (curIndex > 0 && this.rooms.length > 1) {
           this.rooms.splice(1, this.rooms.length - 1);
@@ -2119,18 +2246,18 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "exitChatRoom",
     value: function exitChatRoom() {
-      var _this17 = this;
+      var _this18 = this;
       // remove all subscriber
       this.realtimeAdapter.unsubscribeTyping();
       (0, _util.tryCatch)(function () {
-        return _this17.selected.participants.filter(function (it) {
-          return it.email !== _this17.user_id;
+        return _this18.selected.participants.filter(function (it) {
+          return it.email !== _this18.user_id;
         }).map(function (it) {
           return it.email;
         });
       }, null, this.noop, function (userIds) {
         return userIds.forEach(function (userId) {
-          return _this17.realtimeAdapter.unsubscribeRoomPresence(userId);
+          return _this18.realtimeAdapter.unsubscribeRoomPresence(userId);
         });
       });
       this.selected = null;
@@ -2328,7 +2455,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "searchMessage",
     value: (function () {
-      var _searchMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee17() {
+      var _searchMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
         var _ref13,
           query,
           _ref13$roomIds,
@@ -2341,20 +2468,20 @@ var QiscusSDK = /*#__PURE__*/function () {
           url,
           isValidRoomType,
           room,
-          _args17 = arguments;
-        return _regenerator["default"].wrap(function _callee17$(_context17) {
-          while (1) switch (_context17.prev = _context17.next) {
+          _args18 = arguments;
+        return _regenerator["default"].wrap(function _callee18$(_context18) {
+          while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              _ref13 = _args17.length > 0 && _args17[0] !== undefined ? _args17[0] : {}, query = _ref13.query, _ref13$roomIds = _ref13.roomIds, roomIds = _ref13$roomIds === void 0 ? [] : _ref13$roomIds, userId = _ref13.userId, type = _ref13.type, roomType = _ref13.roomType, page = _ref13.page, limit = _ref13.limit;
+              _ref13 = _args18.length > 0 && _args18[0] !== undefined ? _args18[0] : {}, query = _ref13.query, _ref13$roomIds = _ref13.roomIds, roomIds = _ref13$roomIds === void 0 ? [] : _ref13$roomIds, userId = _ref13.userId, type = _ref13.type, roomType = _ref13.roomType, page = _ref13.page, limit = _ref13.limit;
               url = 'api/v2/sdk/search';
               isValidRoomType = ['group', 'single', 'channel'].some(function (it) {
                 return it === roomType;
               });
               if (!(roomType != null && !isValidRoomType)) {
-                _context17.next = 5;
+                _context18.next = 5;
                 break;
               }
-              return _context17.abrupt("return", Promise.reject('Invalid room type, valid room type are: `group`, `single`, and `channel`'));
+              return _context18.abrupt("return", Promise.reject('Invalid room type, valid room type are: `group`, `single`, and `channel`'));
             case 5:
               room = function (roomType) {
                 var rType = roomType == null ? undefined : roomType === 'single' ? 'single' : 'group';
@@ -2364,7 +2491,7 @@ var QiscusSDK = /*#__PURE__*/function () {
                   isPublic: isPublic
                 };
               }(roomType);
-              return _context17.abrupt("return", this.HTTPAdapter.post_json(url, {
+              return _context18.abrupt("return", this.HTTPAdapter.post_json(url, {
                 token: this.token,
                 query: query,
                 sender: userId,
@@ -2381,9 +2508,9 @@ var QiscusSDK = /*#__PURE__*/function () {
               }));
             case 7:
             case "end":
-              return _context17.stop();
+              return _context18.stop();
           }
-        }, _callee17, this);
+        }, _callee18, this);
       }));
       function searchMessage() {
         return _searchMessage.apply(this, arguments);
@@ -2407,7 +2534,7 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "getFileList",
     value: (function () {
-      var _getFileList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee18() {
+      var _getFileList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19() {
         var _ref14,
           _ref14$roomIds,
           roomIds,
@@ -2420,17 +2547,17 @@ var QiscusSDK = /*#__PURE__*/function () {
           excludeExtensions,
           url,
           opts,
-          _args18 = arguments;
-        return _regenerator["default"].wrap(function _callee18$(_context18) {
-          while (1) switch (_context18.prev = _context18.next) {
+          _args19 = arguments;
+        return _regenerator["default"].wrap(function _callee19$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
             case 0:
-              _ref14 = _args18.length > 0 && _args18[0] !== undefined ? _args18[0] : {}, _ref14$roomIds = _ref14.roomIds, roomIds = _ref14$roomIds === void 0 ? [] : _ref14$roomIds, fileType = _ref14.fileType, page = _ref14.page, limit = _ref14.limit, sender = _ref14.sender, userId = _ref14.userId, includeExtensions = _ref14.includeExtensions, excludeExtensions = _ref14.excludeExtensions;
+              _ref14 = _args19.length > 0 && _args19[0] !== undefined ? _args19[0] : {}, _ref14$roomIds = _ref14.roomIds, roomIds = _ref14$roomIds === void 0 ? [] : _ref14$roomIds, fileType = _ref14.fileType, page = _ref14.page, limit = _ref14.limit, sender = _ref14.sender, userId = _ref14.userId, includeExtensions = _ref14.includeExtensions, excludeExtensions = _ref14.excludeExtensions;
               url = 'api/v2/sdk/file_list';
               if (this.isLogin) {
-                _context18.next = 4;
+                _context19.next = 4;
                 break;
               }
-              return _context18.abrupt("return", Promise.reject('You need to login to use this method'));
+              return _context19.abrupt("return", Promise.reject('You need to login to use this method'));
             case 4:
               // intended to check for undefined, so user can provide user
               // with null. If null, backend can determine that we want to
@@ -2452,14 +2579,14 @@ var QiscusSDK = /*#__PURE__*/function () {
                 exclude_extensions: excludeExtensions
               };
               if (sender != null) opts['sender'] = sender;
-              return _context18.abrupt("return", this.HTTPAdapter.post_json(url, opts).then(function (res) {
+              return _context19.abrupt("return", this.HTTPAdapter.post_json(url, opts).then(function (res) {
                 return res.body;
               }));
             case 9:
             case "end":
-              return _context18.stop();
+              return _context19.stop();
           }
-        }, _callee18, this);
+        }, _callee19, this);
       }));
       function getFileList() {
         return _getFileList.apply(this, arguments);
@@ -2589,18 +2716,18 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "updateMessage",
     value: function () {
-      var _updateMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee19(message) {
-        return _regenerator["default"].wrap(function _callee19$(_context19) {
-          while (1) switch (_context19.prev = _context19.next) {
+      var _updateMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20(message) {
+        return _regenerator["default"].wrap(function _callee20$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
             case 0:
-              return _context19.abrupt("return", this.userAdapter.updateMessage(message));
+              return _context20.abrupt("return", this.userAdapter.updateMessage(message));
             case 1:
             case "end":
-              return _context19.stop();
+              return _context20.stop();
           }
-        }, _callee19, this);
+        }, _callee20, this);
       }));
-      function updateMessage(_x16) {
+      function updateMessage(_x17) {
         return _updateMessage.apply(this, arguments);
       }
       return updateMessage;
@@ -2608,10 +2735,10 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "onMessageUpdated",
     value: function onMessageUpdated(handler) {
-      var _this18 = this;
+      var _this19 = this;
       this.realtimeAdapter.on('message:updated', handler);
       return function () {
-        return _this18.realtimeAdapter.off('message:updated', handler);
+        return _this19.realtimeAdapter.off('message:updated', handler);
       };
     }
 
@@ -2622,16 +2749,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "closeRealtimeConnection",
     value: (function () {
-      var _closeRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee20() {
-        return _regenerator["default"].wrap(function _callee20$(_context20) {
-          while (1) switch (_context20.prev = _context20.next) {
+      var _closeRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
+        return _regenerator["default"].wrap(function _callee21$(_context21) {
+          while (1) switch (_context21.prev = _context21.next) {
             case 0:
-              return _context20.abrupt("return", this.realtimeAdapter.closeConnection());
+              return _context21.abrupt("return", this.realtimeAdapter.closeConnection());
             case 1:
             case "end":
-              return _context20.stop();
+              return _context21.stop();
           }
-        }, _callee20, this);
+        }, _callee21, this);
       }));
       function closeRealtimeConnection() {
         return _closeRealtimeConnection.apply(this, arguments);
@@ -2646,16 +2773,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "openRealtimeConnection",
     value: (function () {
-      var _openRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee21() {
-        return _regenerator["default"].wrap(function _callee21$(_context21) {
-          while (1) switch (_context21.prev = _context21.next) {
+      var _openRealtimeConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee22() {
+        return _regenerator["default"].wrap(function _callee22$(_context22) {
+          while (1) switch (_context22.prev = _context22.next) {
             case 0:
-              return _context21.abrupt("return", this.realtimeAdapter.openConnection());
+              return _context22.abrupt("return", this.realtimeAdapter.openConnection());
             case 1:
             case "end":
-              return _context21.stop();
+              return _context22.stop();
           }
-        }, _callee21, this);
+        }, _callee22, this);
       }));
       function openRealtimeConnection() {
         return _openRealtimeConnection.apply(this, arguments);
@@ -2665,16 +2792,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "startSync",
     value: function () {
-      var _startSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee22() {
-        return _regenerator["default"].wrap(function _callee22$(_context22) {
-          while (1) switch (_context22.prev = _context22.next) {
+      var _startSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee23() {
+        return _regenerator["default"].wrap(function _callee23$(_context23) {
+          while (1) switch (_context23.prev = _context23.next) {
             case 0:
               this._forceEnableSync = true;
             case 1:
             case "end":
-              return _context22.stop();
+              return _context23.stop();
           }
-        }, _callee22, this);
+        }, _callee23, this);
       }));
       function startSync() {
         return _startSync.apply(this, arguments);
@@ -2684,16 +2811,16 @@ var QiscusSDK = /*#__PURE__*/function () {
   }, {
     key: "stopSync",
     value: function () {
-      var _stopSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee23() {
-        return _regenerator["default"].wrap(function _callee23$(_context23) {
-          while (1) switch (_context23.prev = _context23.next) {
+      var _stopSync = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee24() {
+        return _regenerator["default"].wrap(function _callee24$(_context24) {
+          while (1) switch (_context24.prev = _context24.next) {
             case 0:
               this._forceEnableSync = false;
             case 1:
             case "end":
-              return _context23.stop();
+              return _context24.stop();
           }
-        }, _callee23, this);
+        }, _callee24, this);
       }));
       function stopSync() {
         return _stopSync.apply(this, arguments);

package/lib/lib/adapters/custom-event.js

@@ -28,7 +28,7 @@ function CustomEventAdapter(mqttAdapter, userId) {
         // ?
         data: payload
       });
-      mqttAdapter.mqtt.publish(getTopic(roomId), _payload);
+      mqttAdapter.publish(getTopic(roomId), _payload);
     },
     subscribeEvent: function subscribeEvent(roomId, callback) {
       if (_is_js["default"].undefined(roomId)) throw new Error('`roomId` required');
@@ -38,7 +38,7 @@ function CustomEventAdapter(mqttAdapter, userId) {
       var topic = getTopic(roomId);
       // Only allow 1 subcription for now
       if (subscribedTopics[topic]) return;
-      mqttAdapter.mqtt.subscribe(topic);
+      mqttAdapter.subscribe(topic);
       var cb = function cb(payload) {
         var parsedPayload = JSON.parse(payload);
         callback(parsedPayload);
@@ -51,7 +51,7 @@ function CustomEventAdapter(mqttAdapter, userId) {
       if (_is_js["default"].not.string(roomId)) throw new TypeError('`roomId` must have type of string');
       var topic = getTopic(roomId);
       if (!subscribedTopics[topic]) return;
-      mqttAdapter.mqtt.unsubscribe(topic);
+      mqttAdapter.unsubscribe(topic);
       events.off(topic, subscribedTopics[topic]);
       subscribedTopics[topic] = null;
       delete subscribedTopics[topic];