@subiz/widget-v4 4.1.162 → 4.1.165

package/compiled_src/chatbox/ChatButton.js

@@ -157,6 +157,9 @@ class ChatButton extends _common.Com {
     let lastview = this.props.store.matchLastview();
     if (_index.default.get(lastview, 'view')) {
       if (lastview.view !== 'list' || _index.default.size(this.props.store.matchConvo('*')) > 0) {
+        if (lastview.view == 'chat' && !_index.default.get(lastview, 'opts.cid')) {
+          return this.onPreviewClick();
+        }
         return this.props.onClick && this.props.onClick(Object.assign({}, lastview.opts, {
           view: lastview.view
         }));
@@ -187,6 +190,7 @@ class ChatButton extends _common.Com {
   }
   renderPreview() {
     let account = this.props.store.matchAccount();
+    if (!account) return null;
     let accountSetting = this.props.plugin.chatbox;
     let byid = _index.default.get(this.state.previewEvent, 'by.display_id', _index.default.get(this.state.previewEvent, 'by.id'));
     let agent = this.props.store.matchAgent(byid);

package/compiled_src/chatbox/Event.js

@@ -246,7 +246,7 @@ class Event extends _common.Com {
     let ev = this.props.event.ev;
     let attachments = _index.default.get(ev, 'data.message.attachments');
     let hasForm = _index.default.find(attachments, att => att.type === 'form');
-    if (isEmptyMessage(_index.default.get(ev, 'data.message'))) return null;
+    if (_index.default.isEmptyMessage(_index.default.get(ev, 'data.message'))) return null;
     this.tryLoadOrder(ev);
     let t = new _index.default.Date(ev.created).toLocaleString();
     if (_index.default.get(ev, 'by.type') !== 'user') {
@@ -515,8 +515,4 @@ class Event extends _common.Com {
     return acc.name;
   }
 }
-exports.default = Event;
-function isEmptyMessage(msg) {
-  if (!msg) return true;
-  if (!msg.text && !msg.block && !_index.default.size(msg.attachments)) return true;
-}
+exports.default = Event;

package/compiled_src/chatbox/Header.js

@@ -190,6 +190,7 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     if (_index.default.size(allconvos) === 0) return null;
     var $unreadcount = null;
     let user = this.props.store.matchUser();
+    if (!user || !user.id) return null;
     let unreadcount = 0;
     _index.default.map(allconvos, convo => {
       if (convo.id == this.props.cid) return;

package/compiled_src/chatbox/TextMessage.js

@@ -71,7 +71,7 @@ class TextMessage extends _common.Com {
     }, tags);
   }
   renderBlock(block) {
-    if (isEmptyBlock(block)) return null;
+    if (_index.default.isEmptyBlock(block)) return null;
     let t = new _index.default.Date(_index.default.get(this.props.ev, 'created')).toLocaleString();
     let byType = _index.default.get(this.props.ev, 'by.type');
     if (byType !== 'user') byType = 'agent';
@@ -97,9 +97,4 @@ class TextMessage extends _common.Com {
     }));
   }
 }
-exports.default = TextMessage;
-function isEmptyBlock(block) {
-  if (!block || !block.type) return true;
-  let hasContent = _index.default.size(_index.default.filter(_index.default.map(block.content, block => isEmptyBlock(block)), isEmpty => !isEmpty)) > 0;
-  return !_index.default.trim(block.text) && !hasContent;
-}
+exports.default = TextMessage;

package/compiled_src/chatbox/Widget.js

@@ -64,7 +64,7 @@ class Widget extends _common.Com {
           creating: true
         });
         let botid = cid.split('_')[0].slice(7);
-        let oldconvo = this.props.store.matchConvo(this.props.cid);
+        let oldconvo = this.props.store.matchConvo(this.props.cid) || {};
         const {
           convo,
           error

package/compiled_src/chatbox/main.js

@@ -47,6 +47,12 @@ class Main extends _common.Com {
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     this.props.store.onConvoEvent(this, ev => this.onConvoEvent(ev));
     this.props.store.onUpdate(this, _ => this.checkExpand());
+    this.props.store.onDestroyed(this, _ => {
+      this.setState({
+        widgetView: '',
+        widgetConvoId: ''
+      });
+    });
     await this.refreshCSS();
     this.setState({
       cssready: true

package/compiled_src/store/inmem_localstorage.js

@@ -3,6 +3,7 @@
 var localStorageMemory = {};
 var cache = {};
 localStorageMemory.length = 0;
+localStorageMemory.cache = cache;
 localStorageMemory.getItem = function (key) {
   if (key in cache) return cache[key];
   return null;

package/compiled_src/store/lsdb.js

@@ -41,10 +41,14 @@ class _default {
     }
   }
   clear(table) {
+    var keys = [];
     for (var i = 0; i < this.localStorage.length; i++) {
       let key = this.localStorage.key(i);
       if (!key.startsWith(this.schema + '#' + table + '#')) continue;
-      this.localStorage.removeItem(key);
+      keys.push(key);
+    }
+    for (var i = 0; i < keys.length; i++) {
+      this.localStorage.removeItem(keys[i]);
     }
     this.allkeys = {};
   }

package/compiled_src/store/store.js

@@ -21,6 +21,7 @@ var cookie = require('cookie_js');
 cookie.defaults.path = '/';
 cookie.expiresMultiplier = 60 * 60 * 24;
 cookie.defaults.expires = 3650;
+let memlocalStorage = require('./inmem_localstorage.js');
 const MAX_CONVO = 20;
 const page_loaded = _index.default.Date.now();
 class Store {
@@ -31,6 +32,7 @@ class Store {
     _defineProperty(this, "_currentViewingProduct", {});
     _defineProperty(this, "new_visitor", true);
     _defineProperty(this, "matchUser", () => {
+      if (!this.cache) return undefined;
       this._touchAcc();
       return this.cache.match('user');
     });
@@ -39,6 +41,7 @@ class Store {
     _defineProperty(this, "matchPaymentMethods", () => this.cache.match('payment_methods'));
     _defineProperty(this, "matchUnread", () => {
       let user = this.matchUser();
+      if (!user || !user.id) return;
       let allconvos = this.matchConvo('*');
       let unreadcount = 0;
       _index.default.map(allconvos, convo => {
@@ -169,6 +172,7 @@ class Store {
       this.seenQueue.push(id);
     });
     _defineProperty(this, "onUpdate", (o, cb) => this.pubsub.on2(o, 'account', cb));
+    _defineProperty(this, "onDestroyed", (o, cb) => this.pubsub.on2(o, 'destroy', cb));
     _defineProperty(this, "onConnection", (o, cb) => this.pubsub.on2(o, 'connection', cb));
     _defineProperty(this, "onResetCSS", (o, cb) => this.pubsub.on2(o, 'resetCSS', cb));
     _defineProperty(this, "onHighlight", (o, cb) => this.pubsub.on2(o, 'highlight', cb));
@@ -205,7 +209,6 @@ class Store {
     this.FileURL = FileURL;
     this._track_page_view = true;
     this.device_type = 'desktop';
-    this.lightConvos = {};
     if (this.fake) this.api = new _api_fake.default(ApiURL, FileURL);else this.api = new _api.default(ApiURL, FileURL);
     if (!inmem) {
       try {
@@ -470,7 +473,12 @@ class Store {
         }
       }
     }
-    if (this.cookie.get('__sbref', userRef) != userRef) cleanMyLocalStorage();
+    if (this.cookie.get('__sbref', userRef) != userRef) {
+      cleanMyLocalStorage();
+      this.clearBrowserData();
+    }
+    this.lightConvos = {};
+    this.cache = new _kv.default(new _lsdb.default('sbz2023', true), 'kv');
     this.api.setAuth({
       accid: accid
     });
@@ -543,6 +551,7 @@ class Store {
     _index.default.clearInterval(this._seenInterval);
     this._seenInterval = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._seenInterval);
+      if (!this.cache) return;
       this.seenQueue = [...new Set(this.seenQueue)];
       let user = this.cache.match('user') || {};
       _index.default.map(this.seenQueue, id => {
@@ -576,7 +585,7 @@ class Store {
           let user = this.matchUser();
           if (!old) return;
           let mem = _index.default.find(old.members, mem => mem.type == 'user' && mem.id == user.id);
-          mem.seen_at = this.now();
+          if (mem) mem.seen_at = this.now();
           this.kv.put('light_convos', this.lightConvos);
           this.g_haveSentSeenM[lastmsgsent.id] = true;
           return;
@@ -1144,7 +1153,7 @@ class Store {
   async loopTime() {
     if (this._die) return;
     let startms = this.now();
-    if (!_index.default.get(this.cache.match('user'), 'id')) return _index.default.setTimeout(() => this.loopTime(), 240000);
+    if (!this.cache || !_index.default.get(this.cache.match('user'), 'id')) return _index.default.setTimeout(() => this.loopTime(), 240000);
     let {
       body: t,
       error
@@ -1181,15 +1190,17 @@ class Store {
     _index.default.each(this.cookie.all(), (v, k) => {
       if ((k || '').startsWith('__sb')) this.cookie.remove(k);
     });
-    this.kv.destroy();
+    if (this.kv) this.kv.destroy();
     this.kv = new _kv.default(new _lsdb.default('sbz2023', this.inmem), 'kv');
-    this.chain.destroy();
+    if (this.chain) this.chain.destroy();
     this.chain = new _chain.default(new _lsdb.default('cbz2023', true), 'ch');
+    if (this.realtime) this.realtime.stop();
+    if (this.cache) this.cache.destroy();
+    this.pubsub.publish('destroy');
   }
   destroy() {
     this._die = true;
-    if (this.kv) this.kv.destroy();
-    if (this.chain) this.chain.destroy();
+    this.clearBrowserData();
     _index.default.clearInterval(this._seenInterval);
     if (this.realtime) this.realtime.stop();
     this.readyGate.close();
@@ -1326,6 +1337,7 @@ let cleanLocalStorage = () => {
     for (var key in localStorage) {
       if (key && (key.startsWith('cbz2020') || key.startsWith('sbz2020'))) {
         localStorage.removeItem(key);
+        memlocalStorage.removeItem(key);
       }
     }
   });
@@ -1340,6 +1352,7 @@ let cleanMyLocalStorage = () => {
     for (var key in localStorage) {
       if (key && (key.startsWith('cbz2020') || key.startsWith('sbz2020') || key.startsWith('sbz2022') || key.startsWith('sbz2023'))) {
         localStorage.removeItem(key);
+        memlocalStorage.removeItem(key);
       }
     }
   });

package/compiled_src/util/common.js

@@ -34,6 +34,8 @@ exports.includes = includes;
 exports.isBlockEmpty = isBlockEmpty;
 exports.isConvoSeen = isConvoSeen;
 exports.isEmail = isEmail;
+exports.isEmptyBlock = isEmptyBlock;
+exports.isEmptyMessage = isEmptyMessage;
 exports.isNumber = isNumber;
 exports.isPhone = isPhone;
 exports.isURL = isURL;
@@ -1291,4 +1293,13 @@ emojis = map(emojis, e => ':' + e + ':');
 function absLink(url) {
   if (!url.startsWith('http://') && !url.startsWith('https://') && !url.startsWith('//')) return 'http://' + url;
   return url;
+}
+function isEmptyBlock(block) {
+  if (!block || !block.type) return true;
+  let hasContent = size(filter(map(block.content, block => isEmptyBlock(block)), isEmpty => !isEmpty)) > 0;
+  return !trim(block.text) && !hasContent;
+}
+function isEmptyMessage(msg) {
+  if (!msg) return true;
+  if (!msg.text && isEmptyBlock(msg.block) && !size(msg.attachments)) return true;
 }