qiscus-sdk-core 2.12.6 → 2.13.1

package/lib/index.js

@@ -371,6 +371,18 @@ var QiscusSDK = /*#__PURE__*/function () {
                   _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;
               }, {
@@ -457,7 +469,7 @@ var QiscusSDK = /*#__PURE__*/function () {
               });
               this.customEventAdapter = (0, _customEvent["default"])(this.realtimeAdapter, this.user_id);
               this.setEventListeners();
-            case 54:
+            case 55:
             case "end":
               return _context3.stop();
           }

package/lib/lib/adapters/mqtt.js

@@ -18,6 +18,8 @@ var _connect = _interopRequireDefault(require("mqtt/lib/connect"));
 var _superagent = _interopRequireDefault(require("superagent"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 var _util = require("../util");
+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; }
 var MqttAdapter = exports["default"] = /*#__PURE__*/function () {
   /**
    * @typedef {Function} GetClientId
@@ -168,12 +170,14 @@ var MqttAdapter = exports["default"] = /*#__PURE__*/function () {
     this.getClientId = getClientId;
     this.enableLb = enableLb;
     this.shouldConnect = shouldConnect;
-    this.matcher = (0, _match2.match)((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, (0, _match2.when)(this.reNewMessage), function (topic) {
+    this.matcher = (0, _match2.match)((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, (0, _match2.when)(this.reNewMessage), function (topic) {
       return _this.newMessageHandler.bind(_this, topic);
     }), (0, _match2.when)(this.reNotification), function (topic) {
       return _this.notificationHandler.bind(_this, topic);
     }), (0, _match2.when)(this.reTyping), function (topic) {
       return _this.typingHandler.bind(_this, topic);
+    }), (0, _match2.when)(this.reRoomTyping), function (topic) {
+      return _this.roomTypingHandler.bind(_this, topic);
     }), (0, _match2.when)(this.reDelivery), function (topic) {
       return _this.deliveryReceiptHandler.bind(_this, topic);
     }), (0, _match2.when)(this.reRead), function (topic) {
@@ -392,6 +396,11 @@ var MqttAdapter = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return /^r\/([\d]+)\/([\d]+)\/(.+)\/t$/i;
     }
+  }, {
+    key: "reRoomTyping",
+    get: function get() {
+      return /^r\/(.+)\/typing$/i;
+    }
   }, {
     key: "reDelivery",
     get: function get() {
@@ -451,6 +460,43 @@ var MqttAdapter = exports["default"] = /*#__PURE__*/function () {
         });
       }
     }
+
+    /**
+     * @param {string} t
+     * @param {string} message
+     */
+  }, {
+    key: "roomTypingHandler",
+    value: function roomTypingHandler(t, message) {
+      var _t$match;
+      this.logger('on:room-typing', t);
+      // topic: r/{roomId}/typing
+
+      var roomId = (_t$match = t.match(this.reRoomTyping)) === null || _t$match === void 0 ? void 0 : _t$match[1];
+
+      /**
+       * {
+       *   "room_id": "12333",
+       *   "status": "typing_on",// or "typing_off"
+       *   "sender_id": "user-987",
+       *   "sender_name": "Botku AI",
+       *   "text": "Analyzing your request..."   // optional, max 50 chars
+       * }
+       * @typedef {Object} RoomTypingPayload
+       * @property {number} room_id
+       * @property {('typing_on'|'typing_off')} status
+       * @property {string} sender_id
+       * @property {string} text
+       */
+
+      /**
+       * @type {RoomTypingPayload}
+       */
+      var parsedMessage = JSON.parse(message);
+      this.emit('room-typing', _objectSpread(_objectSpread({}, parsedMessage), {}, {
+        room_id: roomId
+      }));
+    }
   }, {
     key: "typingHandler",
     value: function typingHandler(t, message) {
@@ -549,6 +595,7 @@ var MqttAdapter = exports["default"] = /*#__PURE__*/function () {
     value: function subscribeRoom(roomId) {
       if (this.core.selected == null) return;
       roomId = roomId || this.core.selected.id;
+      this.subscribe("r/".concat(roomId, "/typing"));
       this.subscribe("r/".concat(roomId, "/").concat(roomId, "/+/t"));
       this.subscribe("r/".concat(roomId, "/").concat(roomId, "/+/d"));
       this.subscribe("r/".concat(roomId, "/").concat(roomId, "/+/r"));
@@ -558,6 +605,7 @@ var MqttAdapter = exports["default"] = /*#__PURE__*/function () {
     value: function unsubscribeRoom(roomId) {
       if (this.core.selected == null) return;
       roomId = roomId || this.core.selected.id;
+      this.unsubscribe("r/".concat(roomId, "/typing"));
       this.unsubscribe("r/".concat(roomId, "/").concat(roomId, "/+/t"));
       this.unsubscribe("r/".concat(roomId, "/").concat(roomId, "/+/d"));
       this.unsubscribe("r/".concat(roomId, "/").concat(roomId, "/+/r"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qiscus-sdk-core",
-  "version": "2.12.6",
+  "version": "2.13.1",
   "description": "Qiscus Web SDK Core",
   "license": "MIT",
   "main": "lib/index.js",
@@ -11,7 +11,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "npm-run-all --parallel build:node build:web",
+    "build": "npm-run-all --parallel build:node build:web build:web:dev",
     "build:dev": "npm-run-all --parallel build:node build:web:dev",
     "build:dev:watch": "npm-run-all --parallel build:web:watch serve",
     "build:node": "babel -d lib src",
@@ -69,7 +69,7 @@
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
     "mitt": "^1.2.0",
-    "mqtt": "^4.2.6",
+    "mqtt": "~4.2.6",
     "superagent": "^3.8.3"
   },
   "babel": {