@subiz/widget-v4 4.0.75 → 4.0.77

package/compiled_src/lib.js

@@ -36,6 +36,12 @@ class Widget {
 
     _defineProperty(this, "getUser", () => _index.default.parseJSON(_index.default.stringify(this.store.matchUser())));
 
+    _defineProperty(this, "setViewingProduct", p => this.store.linkProduct(p));
+
+    _defineProperty(this, "getViewingProduct", () => this.store.getLinkedProduct());
+
+    _defineProperty(this, "track", () => this.store.track());
+
     this.domGate = new _index.default.Gate();
     this.store = new _store.default(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken);
     window.sbz_store = this.store;

package/compiled_src/store/api.js

@@ -61,6 +61,23 @@ class _default {
 
     _defineProperty(this, "sendTyping", cid => this.apireq.post(`/conversations/${cid}/typing`));
 
+    _defineProperty(this, "sendPresence", (device, is_focused, productid, source_id, sku) => this.sendEvent({
+      by: {
+        id: this.uid,
+        device: device
+      },
+      type: 'presence_updated',
+      data: {
+        presence: {
+          viewing_product_sku: sku,
+          viewing_product_source_id: source_id,
+          viewing_product_id: productid,
+          pinged: _index.default.Date.now(),
+          is_focused
+        }
+      }
+    }));
+
     _defineProperty(this, "uploadToS3", async file => {
       let {
         body: signed,
@@ -151,23 +168,9 @@ class _default {
     this.uid = obj.uid;
   }
 
-  sendPresence(device, is_focused) {
-    return this.sendEvent({
-      by: {
-        id: this.uid,
-        device: device
-      },
-      type: 'presence_updated',
-      data: {
-        presence: {
-          pinged: _index.default.Date.now(),
-          is_focused
-        }
-      }
-    });
-  }
-
-  sendContent(device, pageUrl, pageTitle) {
+  sendContentView(device, pageUrl, pageTitle, id, source_id, sku) {
+    if (!id) id = undefined;
+    if (!source_id) source_id = undefined;
     return this.sendEvent({
       by: {
         id: this.uid,
@@ -176,9 +179,12 @@ class _default {
       type: 'content_viewed',
       data: {
         product: {
+          id: id,
+          source_id: source_id,
           url: pageUrl,
           name: pageTitle,
-          title: pageTitle
+          title: pageTitle,
+          sku: sku
         }
       }
     });

package/compiled_src/store/api_fake.js

@@ -162,30 +162,6 @@ function makeFakeConvo(accid, convoid, userid, agentid) {
       id: inteid
     },
     actived: 1610453070259,
-    last_event: {
-      id: 'evqyiykaoizbwnkaecwphttwk',
-      account_id: accid,
-      created: 1616213311830,
-      type: 'message_sent',
-      by: {
-        id: userid,
-        client_id: 'clsubizapi',
-        type: 'user'
-      },
-      data: {
-        message: {
-          conversation_id: convoid,
-          text: 'ok cám ơn!',
-          format: 'plaintext',
-          integration_id: inteid,
-          pongs: [{
-            member_id: userid,
-            type: 'seen',
-            created: 1616213312110
-          }]
-        }
-      }
-    },
     last_message_sent: {
       id: 'evqyiykaoizbwnkaecwphttwk',
       account_id: accid,

package/compiled_src/store/store.js

@@ -38,6 +38,8 @@ class Store {
 
     _defineProperty(this, "cookie", cookie);
 
+    _defineProperty(this, "_currentViewingProduct", {});
+
     _defineProperty(this, "new_visitor", true);
 
     _defineProperty(this, "matchUser", () => {
@@ -163,7 +165,7 @@ class Store {
       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());
+      return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus(), this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
     }, 1000));
 
     _defineProperty(this, "now", () => _index.default.Date.now() + this.timeDiff);
@@ -231,7 +233,8 @@ class Store {
     this.g_haveSentSeenM = {};
     window.addEventListener('blur', () => this.sendPresence());
     window.addEventListener('focus', () => this.sendPresence());
-    setInterval(() => this.sendPresence(), 30000);
+    setInterval(() => this.browserVisibility === 'visible' && document.hasFocus() && this.sendPresence(), 20000);
+    setInterval(() => (this.browserVisibility !== 'visible' || document.hasFocus()) && this.sendPresence(), 60000);
     onVisibilityChange(val => {
       this.browserVisibility = val;
       this.sendPresence();
@@ -260,6 +263,21 @@ class Store {
     }, 2000);
   }
 
+  linkProduct(p) {
+    if (!p) {
+      this._currentViewingProduct = {};
+      return;
+    }
+
+    if (p.id) this._currentViewingProduct.id = (p.id + '').trim();
+    if (p.source_id) this._currentViewingProduct.source_id = (p.source_id + '').trim();
+    if (p.sku) this._currentViewingProduct.sku = (p.sku + '').trim();
+  }
+
+  getLinkedProduct() {
+    return _index.default.cloneDeep(this._currentViewingProduct);
+  }
+
   isInsync(key) {
     return _index.default.Date.now() - (this.g_sync[key] || 0) < 300000;
   }
@@ -619,7 +637,7 @@ class Store {
 
   async track() {
     let user = this.kv.match('user') || {};
-    await this.api.sendContent(this.device, location.href, document.title);
+    await this.api.sendContentView(this.device, location.href, document.title, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
     this.sendPresence();
   }
 
@@ -765,8 +783,6 @@ class Store {
       this.chain.put(cid, ev.id, _index.default.getMs(ev.created), ev);
     }
 
-    convo.last_event = ev;
-
     this._setConvo(convo);
 
     this.pubsub.publish('account');