@subiz/widget-v4 4.0.63 → 4.0.67

package/compiled_src/store/store.js

@@ -17,6 +17,8 @@ var _realtime_fake = _interopRequireDefault(require("./realtime_fake.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var flow = require('@subiz/flow');
 
 var Realtime = require('@subiz/wsclient/index.js');
@@ -32,6 +34,177 @@ const page_loaded = _index.default.Date.now();
 
 class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi, agenttoken) {
+    _defineProperty(this, "inmem", false);
+
+    _defineProperty(this, "cookie", cookie);
+
+    _defineProperty(this, "new_visitor", true);
+
+    _defineProperty(this, "matchUser", () => {
+      this._touchAcc();
+
+      return this.kv.match('user');
+    });
+
+    _defineProperty(this, "suggest_addresses", keyword => this.api.suggest_address(keyword));
+
+    _defineProperty(this, "matchSession", () => this.kv.match('session') || {});
+
+    _defineProperty(this, "matchAccount", () => this.cache.match('account'));
+
+    _defineProperty(this, "matchPaymentMethods", () => this.cache.match('payment_methods'));
+
+    _defineProperty(this, "matchUnread", () => {
+      let user = this.matchUser();
+      let allconvos = this.matchConvo('*');
+      let unreadcount = 0;
+
+      _index.default.map(allconvos, convo => {
+        if (!_index.default.isConvoSeen(convo, user.id)) unreadcount++;
+      });
+
+      return unreadcount;
+    });
+
+    _defineProperty(this, "matchPlugin", () => {
+      if (_index.default.size(this.forcePlugins) > 0) return _index.default.cloneDeep(this.forcePlugins);
+      return _index.default.cloneDeep(this.cache.match('plugin')) || {};
+    });
+
+    _defineProperty(this, "device", {});
+
+    _defineProperty(this, "browserVisibility", 'visible');
+
+    _defineProperty(this, "matchAgent", id => {
+      let agentM = this.cache.match('agent') || {};
+      if (id === '*') return agentM;
+      return agentM[id];
+    });
+
+    _defineProperty(this, "matchConvo", id => {
+      if (!id) return;
+
+      if (id === '*') {
+        this._touchAcc();
+
+        return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
+      }
+
+      if (!this.isInsync(id)) this.fetchConvo(id);
+      return this.cache.match('convo_' + id);
+    });
+
+    _defineProperty(this, "fetchConvo", async cid => {
+      await this.readyGate.entry();
+      await this.reconnectGate.entry(undefined, true);
+      if (this.isInsync(cid)) return this.reconnectGate.open();
+      this.markSync(cid);
+      let {
+        body: convo,
+        error
+      } = await this.api.getConversation(cid);
+      if (convo && !error) this._setConvo(convo);
+      return this.reconnectGate.open();
+    });
+
+    _defineProperty(this, "list_provinces", () => this.api.list_provinces());
+
+    _defineProperty(this, "list_districts", p => this.api.list_districts(p));
+
+    _defineProperty(this, "list_wards", p => this.api.list_wards(p));
+
+    _defineProperty(this, "list_provices", void 0);
+
+    _defineProperty(this, "listEvents", id => {
+      if (!id || id === '*' || typeof id !== 'string') return;
+
+      if (!this.isInsync('events' + id)) {
+        setTimeout(async () => {
+          await this.readyGate.entry();
+          await this.reconnectGate.entry(undefined, true);
+          if (this.isInsync('events' + id)) return this.reconnectGate.open();
+          this.markSync('events' + id);
+          await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
+          this.pubsub.publish('account');
+          return this.reconnectGate.open();
+        }, 10);
+      }
+
+      return this.chain.listM(id);
+    });
+
+    _defineProperty(this, "fetchMoreEvents", async convoid => {
+      let {
+        error
+      } = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
+      this.pubsub.publish('account');
+      return {
+        error
+      };
+    });
+
+    _defineProperty(this, "matchBot", () => this.cache.match('bot') || {});
+
+    _defineProperty(this, "readyGate", new _index.default.Gate());
+
+    _defineProperty(this, "convoGate", new _index.default.Gate(true));
+
+    _defineProperty(this, "reconnectGate", new _index.default.Gate(true));
+
+    _defineProperty(this, "matchLastview", () => this.kv.match('lastview') || {});
+
+    _defineProperty(this, "matchIsOpen", () => !!this.kv.match('isopen'));
+
+    _defineProperty(this, "matchHasManuallyClosed", () => !!this.kv.match('hasManuallyClosed'));
+
+    _defineProperty(this, "matchClosePreviewAt", () => this.kv.match('close_preview_at') || 0);
+
+    _defineProperty(this, "sendPresence", _index.default.throttle(async () => {
+      await this.readyGate.entry();
+      if (!_index.default.get(this.kv.match('user'), 'id')) return;
+      if (_index.default.isUserBanned(this.kv.match('user'))) return;
+      return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus());
+    }, 1000));
+
+    _defineProperty(this, "now", () => _index.default.Date.now() + this.timeDiff);
+
+    _defineProperty(this, "seenQueue", []);
+
+    _defineProperty(this, "_typing", _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000));
+
+    _defineProperty(this, "onConvoEvent", (o, cb) => this.pubsub.on2(o, 'events', cb));
+
+    _defineProperty(this, "seenConvo", id => {
+      if (!id || id === 'create') return;
+      this.seenQueue.push(id);
+    });
+
+    _defineProperty(this, "onUpdate", (o, cb) => this.pubsub.on2(o, 'account', cb));
+
+    _defineProperty(this, "onResetCSS", (o, cb) => this.pubsub.on2(o, 'resetCSS', cb));
+
+    _defineProperty(this, "onHighlight", (o, cb) => this.pubsub.on2(o, 'highlight', cb));
+
+    _defineProperty(this, "setHasManuallyClosed", () => this.kv.put('hasManuallyClosed', true));
+
+    _defineProperty(this, "setIsOpen", isopen => {
+      let lastisopen = this.kv.match('isopen');
+      this.kv.put('isopen', isopen);
+
+      if (!lastisopen && isopen) {
+        sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
+      }
+    });
+
+    _defineProperty(this, "closePreview", () => this.kv.put('close_preview_at', new _index.default.Date().getTime()));
+
+    _defineProperty(this, "setLastview", (view, opts) => this.kv.put('lastview', {
+      view,
+      opts
+    }));
+
+    _defineProperty(this, "timeDiff", 0);
+
     this.agent_token = agenttoken;
     this.g_sync = {};
     this.forceDevice = null;
@@ -85,9 +258,6 @@ class Store {
     }, 2000);
   }
 
-  inmem = false;
-  cookie = cookie;
-
   isInsync(key) {
     return _index.default.Date.now() - (this.g_sync[key] || 0) < 300000;
   }
@@ -188,115 +358,12 @@ class Store {
     this.g_sync[key] = _index.default.Date.now();
   }
 
-  new_visitor = true;
-
   async _touchAcc() {
     if (this.isInsync('account')) return;
     await this.readyGate.entry();
     if (!this.isInsync('account')) this.reconnect();
   }
 
-  matchUser = () => {
-    this._touchAcc();
-
-    return this.kv.match('user');
-  };
-  suggest_addresses = keyword => this.api.suggest_address(keyword);
-  matchSession = () => this.kv.match('session') || {};
-  matchAccount = () => this.cache.match('account');
-  matchPaymentMethods = () => this.cache.match('payment_methods');
-  matchUnread = () => {
-    let user = this.matchUser();
-    let allconvos = this.matchConvo('*');
-    let unreadcount = 0;
-
-    _index.default.map(allconvos, convo => {
-      if (!_index.default.isConvoSeen(convo, user.id)) unreadcount++;
-    });
-
-    return unreadcount;
-  };
-  matchPlugin = () => {
-    if (_index.default.size(this.forcePlugins) > 0) return _index.default.cloneDeep(this.forcePlugins);
-    return _index.default.cloneDeep(this.cache.match('plugin')) || {};
-  };
-  device = {};
-  browserVisibility = 'visible';
-  matchAgent = id => {
-    let agentM = this.cache.match('agent') || {};
-    if (id === '*') return agentM;
-    return agentM[id];
-  };
-  matchConvo = id => {
-    if (!id) return;
-
-    if (id === '*') {
-      this._touchAcc();
-
-      return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
-    }
-
-    if (!this.isInsync(id)) this.fetchConvo(id);
-    return this.cache.match('convo_' + id);
-  };
-  fetchConvo = async cid => {
-    await this.readyGate.entry();
-    await this.reconnectGate.entry(undefined, true);
-    if (this.isInsync(cid)) return this.reconnectGate.open();
-    this.markSync(cid);
-    let {
-      body: convo,
-      error
-    } = await this.api.getConversation(cid);
-    if (convo && !error) this._setConvo(convo);
-    return this.reconnectGate.open();
-  };
-  list_provinces = () => this.api.list_provinces();
-  list_districts = p => this.api.list_districts(p);
-  list_wards = p => this.api.list_wards(p);
-  list_provices;
-  listEvents = id => {
-    if (!id || id === '*' || typeof id !== 'string') return;
-
-    if (!this.isInsync('events' + id)) {
-      setTimeout(async () => {
-        await this.readyGate.entry();
-        await this.reconnectGate.entry(undefined, true);
-        if (this.isInsync('events' + id)) return this.reconnectGate.open();
-        this.markSync('events' + id);
-        await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
-        this.pubsub.publish('account');
-        return this.reconnectGate.open();
-      }, 10);
-    }
-
-    return this.chain.listM(id);
-  };
-  fetchMoreEvents = async convoid => {
-    let {
-      error
-    } = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
-    this.pubsub.publish('account');
-    return {
-      error
-    };
-  };
-  matchBot = () => this.cache.match('bot') || {};
-  readyGate = new _index.default.Gate();
-  convoGate = new _index.default.Gate(true);
-  reconnectGate = new _index.default.Gate(true);
-  matchLastview = () => this.kv.match('lastview') || {};
-  matchIsOpen = () => !!this.kv.match('isopen');
-  matchHasManuallyClosed = () => !!this.kv.match('hasManuallyClosed');
-  matchClosePreviewAt = () => this.kv.match('close_preview_at') || 0;
-  sendPresence = _index.default.throttle(async () => {
-    await this.readyGate.entry();
-    if (!_index.default.get(this.kv.match('user'), 'id')) return;
-    if (_index.default.isUserBanned(this.kv.match('user'))) return;
-    return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus());
-  }, 1000);
-  now = () => _index.default.Date.now() + this.timeDiff;
-
   async init(accid, mask) {
     this.readyGate.close();
     accid = (accid || '').trim();
@@ -355,8 +422,6 @@ class Store {
     return mask;
   }
 
-  seenQueue = [];
-
   seenLoop() {
     this.seenQueue = [];
     clearInterval(this._seenInterval);
@@ -747,8 +812,6 @@ class Store {
     this._typing(cid);
   }
 
-  _typing = _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000);
-
   async startConvo(req) {
     await this.readyGate.entry();
     this.convoGate.close();
@@ -844,13 +907,20 @@ class Store {
 
     this.onWs(ret);
     sendEventToThirdParty('SUBIZ Chat', 'Sent', 'User');
-  }
+    let lastMsgSent = this.kv.match('last_msg_sent');
+
+    if (!lastMsgSent) {
+      let dataLayer = window.dataLayer || [];
+      dataLayer.push({
+        event: 'SUBIZ Chat',
+        event_action: 'Sent',
+        event_label: 'User',
+        first_interaction: 1
+      });
+    }
 
-  onConvoEvent = (o, cb) => this.pubsub.on2(o, 'events', cb);
-  seenConvo = id => {
-    if (!id || id === 'create') return;
-    this.seenQueue.push(id);
-  };
+    this.kv.put('last_msg_sent', _index.default.Date.now());
+  }
 
   _setConvo(convo) {
     let count = 0;
@@ -883,21 +953,6 @@ class Store {
     this.cache.put('convo_' + convo.id, convo);
   }
 
-  onUpdate = (o, cb) => this.pubsub.on2(o, 'account', cb);
-  onResetCSS = (o, cb) => this.pubsub.on2(o, 'resetCSS', cb);
-  onHighlight = (o, cb) => this.pubsub.on2(o, 'highlight', cb);
-  setHasManuallyClosed = () => this.kv.put('hasManuallyClosed', true);
-  setIsOpen = isopen => {
-    let lastisopen = this.kv.match('isopen');
-    this.kv.put('isopen', isopen);
-    if (!lastisopen && isopen) sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
-  };
-  closePreview = () => this.kv.put('close_preview_at', new _index.default.Date().getTime());
-  setLastview = (view, opts) => this.kv.put('lastview', {
-    view,
-    opts
-  });
-
   matchLastPluginRun(pluginid) {
     let log = this.kv.match('plugin_run_logs') || {};
     return log[pluginid];
@@ -1002,12 +1057,10 @@ class Store {
     return [events, anchor];
   }
 
-  timeDiff = 0;
-
   async loopTime() {
     let startms = _index.default.Date.now();
 
-    if (!_index.default.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 30000);
+    if (!_index.default.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 120000);
     let {
       body: t,
       error
@@ -1019,7 +1072,7 @@ class Store {
     var localMs = _index.default.Date.now();
 
     this.timeDiff = Math.floor(serverMs - localMs);
-    setTimeout(() => this.loopTime(), 60000);
+    setTimeout(() => this.loopTime(), 120000);
   }
 
   replaceFileUrl(src) {
@@ -1177,6 +1230,12 @@ function sendEventToThirdParty(category, action, label) {
   }));
   sendToGA(category, action, label);
   sendToFBPixel(category, action, label);
+  let dataLayer = window.dataLayer || [];
+  dataLayer.push({
+    event: category,
+    event_action: action,
+    event_label: label
+  });
 }
 
 let mobileCheck = function (a) {

package/compiled_src/util/common.js

@@ -422,7 +422,7 @@ function isURL(url) {
 }
 
 function isNumber(num) {
-  var reg = /^\d+$/;
+  var re = /^\d+$/;
   return re.test(String(num));
 }