@subiz/widget-v4 4.1.201 → 4.1.203

package/compiled_src/bot.js

@@ -19,13 +19,7 @@ function _default(store) {
       if (!match) return;
       let welcomMessages = bot.welcome_messages;
       welcomMessages = _index.default.filter(welcomMessages, msg => {
-        if (!_index.default.size(msg.attachments)) {
-          if (msg.block || msg.format === 'block') {
-            if (_index.default.isBlockEmpty(msg.block)) return false;
-          } else {
-            if (!(msg.text || '').trim()) return false;
-          }
-        }
+        if (_index.default.isEmptyMessage(msg)) return false;
         return true;
       });
       if (_index.default.size(welcomMessages)) {

package/compiled_src/chatbox/ChatButton.js

@@ -28,21 +28,8 @@ class ChatButton extends _common.Com {
       if (_index.default.get(ev, 'type') !== 'message_sent') return;
       let bytype = _index.default.get(ev, 'by.type');
       if (bytype !== 'system' && bytype !== 'agent' && bytype !== 'bot') return;
-      let isquickreplies = false;
-      _index.default.map(_index.default.get(ev, 'data.message.attachments', []), att => {
-        if (!att) return;
-        if (att.type === 'quick_replies') {
-          isquickreplies = true;
-        }
-      });
-      let format = _index.default.get(ev, 'data.message.format');
-      let block = _index.default.get(ev, 'data.message.block');
-      if (block || format == 'block') {
-        if (_index.default.isBlockEmpty(block) && isquickreplies) return;
-      } else {
-        let message = _index.default.get(ev, 'data.message.text') || '';
-        if (!message && isquickreplies) return;
-      }
+      let message = _index.default.get(ev, 'data.message') || {};
+      if (_index.default.isEmptyMessage(message)) return;
       let screen = _index.default.get(this.props.store.matchLastview(), 'screen');
       let minimized = _index.default.get(this.props.store.matchLastview(), 'minimized');
       if (screen === 'widget') return;
@@ -401,6 +388,9 @@ class ChatButton extends _common.Com {
     imgurl = this.props.store.replaceFileUrl(imgurl);
     imgsrc = this.props.store.replaceFileUrl(imgsrc);
     maskurl = this.props.store.replaceFileUrl(maskurl);
+    imgurl = addVersionParam(imgurl);
+    imgsrc = addVersionParam(imgsrc);
+    maskurl = addVersionParam(maskurl);
     if (!imgurl && !maskurl) {
       whitebgcls += ' chat-button--white-bg--mask-only';
       imgcontainerstyle = `
@@ -532,4 +522,17 @@ function randomAgent(agentM) {
 }
 const Ms30Mins = 30 * 60 * 1000;
 const DEF_BG_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
-const DEF_BG = 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)';
+const DEF_BG = 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)';
+function addVersionParam(url, version = 8) {
+  if (!url) return url;
+  try {
+    const u = new URL(url);
+    u.searchParams.set('v', version);
+    return u.toString();
+  } catch (e) {
+    const [base, hash] = url.split('#');
+    const hasQuery = base.includes('?');
+    const newUrl = base + (hasQuery ? '&' : '?') + `v=${version}`;
+    return hash ? newUrl + '#' + hash : newUrl;
+  }
+}

package/compiled_src/chatbox/MessageInput.js

@@ -33,6 +33,7 @@ class MessageInput extends _common.Com {
     }, 500);
     this.resizeInput = _index.default.throttle(function () {
       const input = this.refMessageInput.current;
+      if (!input) return;
       input.style.setProperty('height', '1em', 'important');
       const height = Math.min(200, input.scrollHeight);
       input.style.setProperty('height', `${height}px`, 'important');

package/compiled_src/chatbox/Widget.js

@@ -798,6 +798,7 @@ class Widget extends _common.Com {
       agentids = agentids || _index.default.agentsOfConvo(convo)[0];
       return (0, _preact.h)("div", {
         class: "convo-list--item",
+        "data-cid": convo.id,
         onClick: () => this.goToConvo(convo.id),
         key: convo.id
       }, (0, _preact.h)(_AgentsAvatar.default, {

package/compiled_src/chatbox/main.js

@@ -11,9 +11,16 @@ var _common = require("../common.js");
 var _preact = require("preact");
 var _css = _interopRequireDefault(require("./css.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class Main extends _common.Com {
   constructor(props) {
     super(props);
+    _defineProperty(this, "state", {
+      cssReady: false,
+      changing: false
+    });
     this.refButton = (0, _preact.createRef)();
     this.refWidget = (0, _preact.createRef)();
   }
@@ -41,9 +48,6 @@ class Main extends _common.Com {
       this.$cssStyleDiv.type = 'text/css';
       this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
     }
-    this.setState({
-      cssReady: false
-    });
     this.checkExpand();
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     this.props.store.onConvoEvent(this, ev => this.onConvoEvent(ev));
@@ -55,11 +59,32 @@ class Main extends _common.Com {
       });
     });
     this.refreshCSS();
+    let lastview = this.props.store.matchLastview() || {};
+    let cid = _index.default.get(lastview, 'opts.cid');
+    if (cid) {
+      this._last_cid = cid;
+      this.setState({
+        changing: true
+      }, () => {
+        this.props.store.fetchConvo(cid).then(() => {
+          let convo = this.props.store.matchConvo(cid);
+          if (cid != this._last_cid) return;
+          this.setState({
+            changing: false
+          });
+          if (!convo) return this.showWidget({});
+        });
+      });
+    }
     this.setState({
       cssReady: true
     });
   }
   render() {
+    if (this.state.changing) {
+      if (typeof sbz_info != 'undefined') sbz_info.render_chatbox_changing_ready = _index.default.Date.now();
+      return null;
+    }
     if (!this.state.cssReady) {
       if (typeof sbz_info != 'undefined') sbz_info.render_chatbox_css_not_ready = _index.default.Date.now();
       return null;

package/compiled_src/lib.js

@@ -20,7 +20,22 @@ 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());
+    _defineProperty(this, "track", v => this.store.track(v));
+    _defineProperty(this, "event", async v => {
+      await this.store.readyGate.entry();
+      return this.store.api.sendEvent(v);
+    });
+    _defineProperty(this, "pageview", v => {
+      v = v || {};
+      return this.event({
+        type: 'content_viewed',
+        payload: {
+          url: v.url || location.href,
+          title: v.title || document.title,
+          referrer: v.referrer || document.referrer
+        }
+      });
+    });
     this.impressionTokens = {};
     this.domGate = new _index.default.Gate();
     this.store = new _store.default(ApiURL, FileURL, RealtimeURL, inmem, fake);

package/compiled_src/store/api.js

@@ -170,12 +170,31 @@ class _default {
     _defineProperty(this, "time", _ => ajax.setBaseUrl(this.ApiURL).withCredentials(true).setParser('json').get('/time'));
     _defineProperty(this, "updateUser", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data));
     _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
-    _defineProperty(this, "getAccountSetting", p => {
+    _defineProperty(this, "getAccountSetting", async p => {
       let href = _index.default.get(document, 'location.href');
+      let res = {};
       if (p && p.bot_id) {
-        return this.apireq.addQuery('url', href).addQuery('bot_id', p.bot_id).get(`/accounts/${this.accid}/settings`);
+        res = await this.apireq.addQuery('url', href).addQuery('bot_id', p.bot_id).get(`/accounts/${this.accid}/settings`);
+      } else {
+        res = await this.apireq.addQuery('url', href).get(`/accounts/${this.accid}/settings`);
       }
-      return this.apireq.addQuery('url', href).get(`/accounts/${this.accid}/settings`);
+      if (res.error) return res;
+      let plugins = _index.default.get(res, 'body.plugins') || [];
+      _index.default.map(plugins, plugin => {
+        if (plugin.type === 'popup') {
+          let pages = _index.default.get(plugin, 'popup.pages') || [];
+          _index.default.map(pages, page => {
+            _index.default.map(page.components, com => {
+              if (com.type === 'image') {
+                let url = _index.default.get(com, 'image.url');
+                _index.default.set(com, 'image.url', fallbackGCSUrl(url));
+              }
+            });
+          });
+        }
+      });
+      _index.default.set(res, 'body.plugins', plugins);
+      return res;
     });
     _defineProperty(this, "sendImpression", impression => this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression));
     _defineProperty(this, "sendConversion", conversion => this.apireq.post(`/accounts/${this.accid}/campaigns/${conversion.campaign_id}/conversions`, conversion));
@@ -361,4 +380,17 @@ class _default {
     });
   }
 }
-exports.default = _default;
+exports.default = _default;
+function fallbackGCSUrl(url) {
+  try {
+    const u = new URL(url);
+    const isGCS = u.hostname === 'storage.googleapis.com';
+    const isSubizBucket = u.pathname.startsWith('/public-gcs.subiz-cdn.com/');
+    if (isGCS && isSubizBucket) {
+      return `https://${u.pathname.slice(1)}`;
+    }
+    return url;
+  } catch (e) {
+    return url;
+  }
+}

package/compiled_src/store/store.js

@@ -571,7 +571,17 @@ class Store {
     }
     this.readyGate.close();
     accid = (accid || '').trim();
-    this.lightConvos = this.kv.match('light_convos') || {};
+    let lightConvos = this.kv.match('light_convos') || {};
+    this.lightConvos = {};
+    _index.default.map(lightConvos, convo => {
+      let in7Day = convo.created > _index.default.Date.now() - 7 * 24 * 3_600_000;
+      let events = _index.default.filter(convo.events, ev => ev.type === 'message_sent');
+      let messages = _index.default.map(events, ev => _index.default.get(ev, 'data.message') || {});
+      messages = _index.default.filter(messages, msg => !_index.default.isEmptyMessage(msg));
+      if (in7Day && _index.default.size(messages)) {
+        this.lightConvos[convo.id] = convo;
+      }
+    });
     this.cache = new _kv.default(new _lsdb.default('sbz2023', true), 'kv');
     if (this.realtime) this.realtime.stop();
     if (this.fake) this.realtime = new _realtime_fake.default();else this.realtime = new Realtime(this.RealtimeURL, realtimep, xhrsend, accid);
@@ -795,6 +805,9 @@ class Store {
       if (traffic_source) this.kv.put('traffic_source', traffic_source);
       return;
     }
+    if (typeof e === 'object') {
+      if (!e.data) e.data = {};
+    }
     return this.api.sendEvent(e);
   }
   async onWs(ev) {

package/compiled_src/util/common.js

@@ -354,12 +354,6 @@ function filter(collection, predicate) {
   if (!collection) return [];
   if (!predicate) return collection;
   var out = [];
-  if (Array.isArray(collection)) {
-    for (let i = 0; i < collection.length; i++) {
-      if (predicate(collection[i], i)) out.push(collection[i]);
-    }
-    return out;
-  }
   if (typeof collection === 'object') {
     var keys = Object.keys(collection);
     for (let i = 0; i < keys.length; i++) {
@@ -368,6 +362,12 @@ function filter(collection, predicate) {
     }
     return out;
   }
+  if (Array.isArray(collection)) {
+    for (let i = 0; i < collection.length; i++) {
+      if (predicate(collection[i], i)) out.push(collection[i]);
+    }
+    return out;
+  }
   return out;
 }
 function includes(collection, value) {
@@ -380,12 +380,6 @@ function map(collection, predicate) {
   if (!collection) return [];
   if (!predicate) predicate = i => i;
   var out = [];
-  if (Array.isArray(collection)) {
-    for (let i = 0; i < collection.length; i++) {
-      out.push(predicate(collection[i], i));
-    }
-    return out;
-  }
   if (typeof collection === 'object') {
     var keys = Object.keys(collection);
     for (let i = 0; i < keys.length; i++) {
@@ -394,6 +388,12 @@ function map(collection, predicate) {
     }
     return out;
   }
+  if (Array.isArray(collection)) {
+    for (let i = 0; i < collection.length; i++) {
+      out.push(predicate(collection[i], i));
+    }
+    return out;
+  }
   return out;
 }
 function each(collection, predicate) {
@@ -476,12 +476,6 @@ function find(collection, f) {
 function findIndex(collection, f) {
   if (!collection) return -1;
   if (!f) return -1;
-  if (Array.isArray(collection)) {
-    for (let i = 0; i < collection.length; i++) {
-      if (f(collection[i], i)) return i;
-    }
-    return -1;
-  }
   if (typeof collection === 'object') {
     var keys = Object.keys(collection);
     for (let i = 0; i < keys.length; i++) {
@@ -489,6 +483,12 @@ function findIndex(collection, f) {
       if (f(collection[k], k)) return k;
     }
   }
+  if (Array.isArray(collection)) {
+    for (let i = 0; i < collection.length; i++) {
+      if (f(collection[i], i)) return i;
+    }
+    return -1;
+  }
   return -1;
 }
 function orderBy(a, k, d) {