@subiz/widget-v4 4.1.163 → 4.1.166

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

@@ -462,6 +462,8 @@ class Event extends _common.Com {
   renderAIDevNote() {
     if (!this.props.isLast) return null;
     if (!this.props.store.isAIDevMode()) return null;
+    let cid = _index.default.get(this.props.event.ev, 'data.message.conversation_id', '');
+    if (cid.startsWith('cslight')) return null;
     let ev = _index.default.get(this.props.event, 'ev') || {};
     let pongs = _index.default.get(ev, 'data.message.pongs') || [];
     let hasLike = this.hasLike();

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/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 {
@@ -280,6 +283,7 @@ class Store {
         });
       }
     }, 2000);
+    this.loopCheckConnectionStatus();
   }
   async loopCheckConnectionStatus() {
     while (true) {
@@ -438,8 +442,6 @@ class Store {
     if (!this.isInsync('account')) this.reconnect();
   }
   async init(accid, mask, userRef, options) {
-    this.readyGate.close();
-    accid = (accid || '').trim();
     this.g_sync = {};
     if (!options || !options.use_subdomain_cookie) {
       if (window && window.location && window.location.hostname) {
@@ -470,68 +472,62 @@ class Store {
         }
       }
     }
-    if (this.cookie.get('__sbref', userRef) != userRef) cleanMyLocalStorage();
+    if (this.cookie.get('__sbref', userRef) != userRef) {
+      cleanMyLocalStorage();
+      this.clearBrowserData();
+    }
     this.api.setAuth({
       accid: accid
     });
     if (userRef) this.cookie.set('__sbref', userRef);
-    let user = await this.api.setAuth({
+    return this._initResource(accid, {
       accid: accid,
       mask: mask,
       ref: userRef
+    }, {
+      account_id: accid,
+      user_ref: userRef,
+      user_mask: mask
     });
+  }
+  async _initResource(accid, auth, realtimep) {
+    this.g_sync = {};
+    let user = await this.api.setAuth(auth);
     if (user.error) {
       console.error(user);
       return user;
     }
+    this.readyGate.close();
+    accid = (accid || '').trim();
+    this.lightConvos = this.kv.match('light_convos') || {};
+    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, {
-      account_id: accid,
-      user_ref: userRef,
-      user_mask: mask
-    }, xhrsend);
+    if (this.fake) this.realtime = new _realtime_fake.default();else this.realtime = new Realtime(this.RealtimeURL, realtimep, xhrsend);
     this.realtime.onEvent(this.onWs.bind(this));
     this.realtime.onInterrupted(async () => {
       await this.reconnectWs(accid, user.id);
       this.reconnect();
     });
-    this.lightConvos = this.kv.match('light_convos') || {};
     this.seenLoop();
     await this.reconnect({
       user: user
     });
     this.readyGate.open();
     this.reconnectWs(accid, user.id);
-    this.loopCheckConnectionStatus();
     return user;
   }
   async login(accid, user_id, tokenGenerator) {
     if (this._die) return dieErr;
-    let user = await this.api.setAuth({
+    cleanMyLocalStorage();
+    this.clearBrowserData();
+    this.new_visitor = false;
+    return this._initResource(accid, {
       accid: accid,
       profile_id: user_id,
       tokenGenerator: tokenGenerator
-    });
-    if (user.error) return user;
-    this.clearBrowserData();
-    this.readyGate.close();
-    accid = (accid || '').trim();
-    this.g_sync = {};
-    this.new_visitor = false;
-    if (this.realtime) this.realtime.stop();
-    if (this.fake) this.realtime = new _realtime_fake.default();else this.realtime = new Realtime(this.RealtimeURL, {
+    }, {
       getAccessToken: () => this.api.token_generator()
     });
-    this.realtime.onEvent(this.onWs.bind(this));
-    this.realtime.onInterrupted(async () => {
-      await this.reconnectWs(accid, user.id);
-      this.reconnect();
-    });
-    this.seenLoop();
-    await this.reconnect();
-    this.readyGate.open();
-    this.reconnectWs(accid, user.id);
-    return user;
   }
   logout(userRef) {
     return this.api.setAuth({
@@ -543,6 +539,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 +573,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 +1141,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 +1178,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 +1325,7 @@ let cleanLocalStorage = () => {
     for (var key in localStorage) {
       if (key && (key.startsWith('cbz2020') || key.startsWith('sbz2020'))) {
         localStorage.removeItem(key);
+        memlocalStorage.removeItem(key);
       }
     }
   });
@@ -1340,6 +1340,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);
       }
     }
   });