@subiz/widget-v4 4.1.210 → 4.1.211

package/compiled_src/store/store.js

@@ -11,6 +11,7 @@ var _chain = _interopRequireDefault(require("./chain.js"));
 var _kv = _interopRequireDefault(require("./kv.js"));
 var _api_fake = _interopRequireDefault(require("./api_fake.js"));
 var _realtime_fake = _interopRequireDefault(require("./realtime_fake.js"));
+var _attachments = require("./attachments.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 + ""; }
@@ -24,7 +25,6 @@ cookie.defaults.expires = 3650;
 let memlocalStorage = require('./inmem_localstorage.js');
 const MAX_CONVO = 20;
 const page_loaded = _index.default.Date.now();
-const DEBUG_ACCOUNT_IDS = ['acqsulrowbxiugvginhw', 'acryguzgwxmamhzmqlyx'];
 class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi) {
     _defineProperty(this, "inmem", false);
@@ -95,14 +95,23 @@ class Store {
       if (this._die) return dieErr;
       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();
+      try {
+        if (this._die || this.isInsync(cid)) return;
+        this.convoFetchAfter = this.convoFetchAfter || {};
+        if (_index.default.Date.now() < (this.convoFetchAfter[cid] || 0)) return;
+        this.convoFetchAfter[cid] = _index.default.Date.now() + 15_000;
+        let {
+          body: convo,
+          error
+        } = await this.api.getConversation(cid);
+        if (convo && !error) this._setConvo(convo);
+      } catch (error) {
+        return {
+          error
+        };
+      } finally {
+        this.reconnectGate.open();
+      }
     });
     _defineProperty(this, "list_provinces", () => this.api.list_provinces());
     _defineProperty(this, "list_districts", p => this.api.list_districts(p));
@@ -113,25 +122,48 @@ class Store {
       if (id.startsWith('cslight')) return _index.default.get(this.lightConvos, [id, 'events'], []);
       return this.chain.listM(id);
     });
-    _defineProperty(this, "fetchMoreEvents", async convoid => {
-      if (!convoid) return;
-      if (convoid.startsWith('cslight')) return [[], ''];
-      if (!this.isInsync('events' + convoid)) {
-        await this.readyGate.entry();
-        await this.reconnectGate.entry(undefined, true);
-        if (this.isInsync('events' + convoid)) {
-          this.reconnectGate.open();
-          return {};
+    _defineProperty(this, "fetchMoreEvents", (cid, limit = 150) => {
+      this.historyRequests = this.historyRequests || new Map();
+      if (this.historyRequests.has(cid)) return this.historyRequests.get(cid);
+      this.historyFailures = this.historyFailures || {};
+      const failure = this.historyFailures[cid];
+      if (failure && _index.default.Date.now() < failure.retryAt) return Promise.resolve({
+        error: failure.error
+      });
+      const request = this._fetchMoreEvents(cid, limit).then(result => {
+        if (result.error) this.historyFailures[cid] = {
+          error: result.error,
+          retryAt: _index.default.Date.now() + 15_000
+        };else delete this.historyFailures[cid];
+        return result;
+      }).finally(() => {
+        if (this.historyRequests.get(cid) === request) this.historyRequests.delete(cid);
+      });
+      this.historyRequests.set(cid, request);
+      return request;
+    });
+    _defineProperty(this, "syncConvoEvents", cid => {
+      if (this._die || !cid || cid.startsWith('cslight')) return Promise.resolve({});
+      this.messageSyncRequests = this.messageSyncRequests || new Map();
+      if (this.messageSyncRequests.has(cid)) return this.messageSyncRequests.get(cid);
+      this.messageSyncNextAt = this.messageSyncNextAt || {};
+      if (_index.default.Date.now() < (this.messageSyncNextAt[cid] || 0)) return Promise.resolve({
+        skipped: true
+      });
+      const chain = this.chain;
+      const request = this._syncConvoEvents(cid, chain).then(result => {
+        if (chain === this.chain && !this._die) {
+          this.messageSyncFailures = this.messageSyncFailures || {};
+          const failures = result.error ? Math.min((this.messageSyncFailures[cid] || 0) + 1, 4) : 0;
+          this.messageSyncFailures[cid] = failures;
+          this.messageSyncNextAt[cid] = _index.default.Date.now() + (failures ? 15_000 * 2 ** (failures - 1) : 15_000);
         }
-        this.markSync('events' + convoid);
-        await this.chain.reload(convoid, () => {
-          return [[], ''];
-        });
-        let out = await this._doFetchMsg(convoid);
-        this.reconnectGate.open();
-        return out;
-      }
-      return this._doFetchMsg(convoid);
+        return result;
+      }).finally(() => {
+        if (this.messageSyncRequests.get(cid) === request) this.messageSyncRequests.delete(cid);
+      });
+      this.messageSyncRequests.set(cid, request);
+      return request;
     });
     _defineProperty(this, "reloadConvoEvents", async convoid => {
       await this.chain.reload(convoid, () => {
@@ -148,10 +180,10 @@ class Store {
         error
       };
     });
-    _defineProperty(this, "_doFetchMsg", async convoid => {
+    _defineProperty(this, "_doFetchMsg", async (convoid, limit = 150) => {
       let {
         error
-      } = await this.chain.fetchMore(convoid, 150, async (type, anchor, limit) => {
+      } = await this.chain.fetchMore(convoid, limit, async (type, anchor, limit) => {
         if (this.outofmsgM[convoid]) return [[], ''];
         let [events, newanchor, error, outofmsg] = await this.listmessageapi(type, anchor, limit);
         if (outofmsg) this.outofmsgM[convoid] = true;
@@ -190,17 +222,6 @@ class Store {
     _defineProperty(this, "now", () => _index.default.Date.now() + this.timeDiff);
     _defineProperty(this, "seenQueue", []);
     _defineProperty(this, "matchTrafficSource", () => this.kv.match('traffic_source'));
-    _defineProperty(this, "sendBugReport", str => this.api.sendBugReport(str));
-    _defineProperty(this, "matchDebugAccountIds", () => DEBUG_ACCOUNT_IDS);
-    _defineProperty(this, "sbzListConversations", () => {
-      return this.api.listConversations();
-    });
-    _defineProperty(this, "sbzListMessages", cid => {
-      return this.api.listMessages(cid, 100, '');
-    });
-    _defineProperty(this, "listAgentRealtimeMessageSent", () => {
-      return this.agent_rt_message_sent_dict;
-    });
     _defineProperty(this, "_alreadyReceived", {});
     _defineProperty(this, "_typing", _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000, {
       trailing: false
@@ -236,7 +257,6 @@ class Store {
     this.CONNECTION_CHECK_INTERVAL = 3000;
     this.reconnectTimestamp = 0;
     this.g_sync = {};
-    this.agent_rt_message_sent_dict = {};
     this._die = false;
     this.forceDevice = null;
     this.forcePlugins = {};
@@ -268,15 +288,22 @@ class Store {
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
     this.last_focused = this.now();
-    window.addEventListener('blur', () => {
+    this._onBlur = () => {
+      if (this._die) return;
       this.last_focused = this.now();
       this.sendPresence();
-    });
-    window.addEventListener('focus', () => {
+    };
+    this._onFocus = () => {
+      if (this._die) return;
       this.last_focused = 0;
       this.sendPresence();
-    });
-    window.addEventListener('beforeunload', () => this.api.sendLostFocus());
+    };
+    this._onBeforeUnload = () => {
+      if (!this._die) this.api.sendLostFocus();
+    };
+    window.addEventListener('blur', this._onBlur);
+    window.addEventListener('focus', this._onFocus);
+    window.addEventListener('beforeunload', this._onBeforeUnload);
     this._lastPresenceURL = window.location.href;
     this._urlCheckInterval = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._urlCheckInterval);
@@ -303,19 +330,20 @@ class Store {
       }
       this.sendPresence();
     }, 60000);
-    onVisibilityChange(val => {
+    this._visibilityCleanup = onVisibilityChange(val => {
       if (this._die) return;
       this.browserVisibility = val;
       this.sendPresence();
     });
     this.loopTime();
     this.device = this.getDeviceInfo();
-    const _gaInterval = _index.default.setInterval(() => {
+    this._gaInterval = _index.default.setInterval(() => {
+      if (this._die) return;
       let user = this.cache.match('user') || {};
       if (!user.id) return;
       var dev = this.getDeviceInfo();
       if (!dev.ga_tracking_ids || !dev.ga_client_id) return;
-      _index.default.clearInterval(_gaInterval);
+      _index.default.clearInterval(this._gaInterval);
       this.device = dev;
       let ga_client_id = dev.ga_client_id;
       if (ga_client_id !== _index.default.getUserAttr(user, 'ga_client_id', 'text')) {
@@ -343,8 +371,28 @@ class Store {
         console.log('publish connectionStatus', this.connectionStatus);
         this.pubsub.publish('connection');
       }
+      if (this.connectionStatus === 'active' && (this._needsMessageSync || currentStatus !== 'active')) {
+        this._needsMessageSync = false;
+        this.syncKnownConvoEvents();
+      }
     }
   }
+  syncKnownConvoEvents() {
+    if (this._die) return Promise.resolve();
+    if (this.knownConvoSyncRequest) return this.knownConvoSyncRequest;
+    const chain = this.chain;
+    const request = (async () => {
+      const convos = _index.default.filter(this.cache.all(), (value, key) => key.startsWith('convo_'));
+      for (const convo of convos) {
+        if (this._die || chain !== this.chain) break;
+        await this.syncConvoEvents(convo.id);
+      }
+    })().finally(() => {
+      if (this.knownConvoSyncRequest === request) this.knownConvoSyncRequest = null;
+    });
+    this.knownConvoSyncRequest = request;
+    return request;
+  }
   linkProduct(p) {
     if (!p) {
       this._currentViewingProduct = {};
@@ -488,7 +536,90 @@ class Store {
   async _touchAcc() {
     if (this.isInsync('account')) return;
     await this.readyGate.entry();
-    if (!this.isInsync('account')) this.reconnect();
+    if (!this.isInsync('account')) this.refreshAccount();
+  }
+  refreshAccount() {
+    if (this._die || _index.default.Date.now() < (this.accountRefreshAfter || 0)) return;
+    this.accountRefreshAfter = _index.default.Date.now() + 30_000;
+    return this.reconnect();
+  }
+  async _fetchMoreEvents(convoid, limit = 150) {
+    if (!convoid || convoid.startsWith('cslight')) return {};
+    await this.readyGate.entry();
+    await this.reconnectGate.entry(undefined, true);
+    try {
+      if (this._die) return dieErr;
+      const refresh = !this.isInsync('events' + convoid);
+      if (refresh) {
+        this.chain.anchorCache[convoid] = '';
+        delete this.outofmsgM[convoid];
+      }
+      const out = await this._doFetchMsg(convoid, limit);
+      if (!out.error) this.markSync('events' + convoid);
+      return out;
+    } catch (error) {
+      return {
+        error
+      };
+    } finally {
+      this.reconnectGate.open();
+    }
+  }
+  async _syncConvoEvents(cid, chain) {
+    await this.readyGate.entry();
+    await this.reconnectGate.entry(undefined, true);
+    try {
+      if (this._die || chain !== this.chain) return dieErr;
+      this.messageSyncTimes = this.messageSyncTimes || {};
+      this.messageSyncProgress = this.messageSyncProgress || {};
+      let progress = this.messageSyncProgress[cid];
+      if (!progress) {
+        const cached = Object.values(chain.listM(cid));
+        const boundary = this.messageSyncTimes[cid] || cached.reduce((min, ev) => Math.min(min, _index.default.getMs(ev.created)), Infinity);
+        progress = this.messageSyncProgress[cid] = {
+          boundary,
+          anchor: '',
+          newest: 0,
+          visited: new Set()
+        };
+      }
+      for (let page = 0; page < 5; page++) {
+        const wait = (this.nextMessageSyncRequestAt || 0) - _index.default.Date.now();
+        if (wait > 0) await _index.default.sleep(wait);
+        if (this._die || chain !== this.chain) return dieErr;
+        this.nextMessageSyncRequestAt = _index.default.Date.now() + 250;
+        const [items, next, error, end] = await this.listmessageapi(cid, progress.anchor, 150);
+        if (this._die || chain !== this.chain) return dieErr;
+        if (error) return {
+          error
+        };
+        chain.merge(cid, items);
+        for (const item of items) progress.newest = Math.max(progress.newest, item.index);
+        this.pubsub.publish('account');
+        if (end || !items.length || items.some(item => item.index < progress.boundary)) {
+          if (progress.newest) this.messageSyncTimes[cid] = progress.newest;
+          delete this.messageSyncProgress[cid];
+          return {};
+        }
+        progress.visited.add(progress.anchor);
+        if (!next || progress.visited.has(next)) {
+          delete this.messageSyncProgress[cid];
+          return {
+            error: 'message_cursor_stalled'
+          };
+        }
+        progress.anchor = next;
+      }
+      return {
+        pending: true
+      };
+    } catch (error) {
+      return {
+        error
+      };
+    } finally {
+      this.reconnectGate.open();
+    }
   }
   async init(accid, mask, userRef, options) {
     this.g_sync = {};
@@ -569,7 +700,6 @@ class Store {
   }
   async _initResource(accid, auth, realtimep) {
     this.g_sync = {};
-    this._current_acc_id = accid;
     let user = await this.api.setAuth(auth);
     if (typeof sbz_info != 'undefined') sbz_info.store_7 = true;
     if (user.error) {
@@ -581,6 +711,7 @@ class Store {
     let lightConvos = this.kv.match('light_convos') || {};
     this.lightConvos = {};
     _index.default.map(lightConvos, convo => {
+      if (convo.light_type === 'widget' && (convo.account_id !== accid || convo.initial_by !== user.id)) return;
       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') || {});
@@ -594,8 +725,10 @@ class Store {
     if (this.fake) this.realtime = new _realtime_fake.default();else this.realtime = new Realtime(this.RealtimeURL, realtimep, xhrsend, accid);
     this.realtime.onEvent(this.onWs.bind(this));
     this.realtime.onInterrupted(async () => {
+      if (this._die) return;
+      this._needsMessageSync = true;
       await this.reconnectWs(accid, user.id);
-      this.reconnect();
+      await this.refreshAccount();
     });
     if (typeof sbz_info != 'undefined') sbz_info.store_8 = true;
     this.seenLoop();
@@ -643,7 +776,7 @@ class Store {
         var lastmsgsent = events[_index.default.size(events) - 1];
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
-        if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return;
+        if (lastmsgsent.id === lastmsgsent.source_event_id) return;
         this.pubsub.publish('events', {
           created: this.now(),
           type: 'message_pong',
@@ -685,34 +818,52 @@ class Store {
     await this.realtime.subscribe([`conversation_state_updated.account.${accid}.user.${userid}`, `conversation_joined.account.${accid}.user.${userid}`, `conversation_typing.account.${accid}.user.${userid}`, `message_sent.account.${accid}.user.${userid}`, `message_pong.account.${accid}.user.${userid}`, `conversation_rating_requested.account.${accid}.user.${userid}`, `conversation_rated.account.${accid}.user.${userid}`, `conversation_events.account.${accid}.user.${userid}`]);
     await this.readyGate.entry();
   }
-  async reconnect(p) {
+  reconnect(p) {
+    if (this.reconnectRequest) return this.reconnectRequest;
+    const request = this._reconnect(p).finally(() => {
+      if (this.reconnectRequest === request) this.reconnectRequest = null;
+    });
+    this.reconnectRequest = request;
+    return request;
+  }
+  async _reconnect(p) {
     if (this._die) return;
     await this.reconnectGate.entry(undefined, true);
-    this.markSync('account');
-    let fetchuser = p && p.user ? Promise.resolve({
-      body: p.user
-    }) : this.api.getUser();
-    let outs = await Promise.all([fetchuser, this.api.getAccountSetting({
-      bot_id: this.forceBotId
-    })]);
-    let error = _index.default.find(outs, out => out.error);
-    if (error) return console.error(error);
-    let set = outs[1].body;
-    set.user = outs[0].body;
-    await this._setSetting(set);
-    let convob = await this.api.listConversations();
-    error = convob.error;
-    let body = convob.body;
-    if (!error) {
-      let convos = _index.default.get(body, 'conversations', []);
-      _index.default.map(this.cache.all(), (value, k) => {
-        if (k.startsWith('convo_')) {
-          if (this.now() - _index.default.getMs(_index.default.get(value, 'actived')) > 1209600000) this.cache.del(k);
-        }
-      });
-      _index.default.map(convos, convo => this._setConvo(convo));
+    try {
+      let fetchuser = p && p.user ? Promise.resolve({
+        body: p.user
+      }) : this.api.getUser();
+      let outs = await Promise.all([fetchuser, this.api.getAccountSetting({
+        bot_id: this.forceBotId
+      })]);
+      let error = _index.default.find(outs, out => out.error);
+      if (error) return error;
+      let set = outs[1].body;
+      set.user = outs[0].body;
+      await this._setSetting(set);
+      let convob = await this.api.listConversations();
+      error = convob.error;
+      let body = convob.body;
+      if (!error) {
+        let convos = _index.default.get(body, 'conversations', []);
+        _index.default.map(this.cache.all(), (value, k) => {
+          if (k.startsWith('convo_')) {
+            if (this.now() - _index.default.getMs(_index.default.get(value, 'actived')) > 1209600000) this.cache.del(k);
+          }
+        });
+        _index.default.map(convos, convo => this._setConvo(convo));
+      }
+      if (error) return {
+        error
+      };
+      this.markSync('account');
+    } catch (error) {
+      return {
+        error
+      };
+    } finally {
+      this.reconnectGate.open();
     }
-    return this.reconnectGate.open();
   }
   async submitForm(formid, data, user) {
     await this.readyGate.entry();
@@ -826,20 +977,19 @@ class Store {
     return this.api.sendEvent(e);
   }
   async onWs(ev) {
-    await this.wsGate.entry();
-    this.wsGate.close();
-    await this._onWs(ev);
-    this.wsGate.open();
-  }
-  handleLogCompare(ev) {
-    if (!DEBUG_ACCOUNT_IDS.includes(this._current_acc_id)) return;
-    if (ev.type !== 'message_sent') return;
-    let byType = _index.default.get(ev, 'by.type');
-    if (byType === 'user') return;
-    this.agent_rt_message_sent_dict[ev.id] = ev;
+    await this.wsGate.entry(undefined, true);
+    try {
+      await this._onWs(ev);
+    } catch (error) {
+      console.error(error);
+      return {
+        error
+      };
+    } finally {
+      this.wsGate.open();
+    }
   }
   async _onWs(ev) {
-    this.handleLogCompare(ev);
     if (this._die) return;
     if (!ev || !ev.type) return;
     ev.created = _index.default.getMs(ev.created);
@@ -908,7 +1058,7 @@ class Store {
       }
     }
     if (_index.default.startsWith(ev.type, 'message_') || _index.default.startsWith(ev.type, 'conversation_')) {
-      this.restConvoEvent(ev);
+      await this.restConvoEvent(ev);
       if (ev.type === 'message_sent' && _index.default.get(ev, 'by.id') !== user.id) {
         sendEventToThirdParty('SUBIZ Chat', 'Received', 'User');
       }
@@ -957,8 +1107,8 @@ class Store {
     }
     if (ev.type !== 'message_pong' && ev.type !== 'conversation_typing') {
       if (ev.type === 'message_sent') {
-        let idemkey = _index.default.get(ev, 'data.message.idempotency_key');
-        let found = _index.default.find(this.listEvents(cid), oldev => oldev.id === idemkey);
+        let sourceEventId = _index.default.get(ev, 'source_event_id');
+        let found = _index.default.find(this.listEvents(cid), oldev => oldev.id === sourceEventId);
         if (found) {
           this.chain.del(cid, found.id);
           ev.created = found.created;
@@ -984,6 +1134,58 @@ class Store {
     delete this.lightConvos[id];
     this.kv.put('light_convos', this.lightConvos);
   }
+  startWidgetConvo(greeting, locale) {
+    const user = this.matchUser();
+    const existing = _index.default.find(this.lightConvos, convo => convo.light_type === 'widget' && convo.account_id === user.account_id && convo.initial_by === user.id);
+    if (existing) return {
+      convo: existing
+    };
+    const id = 'cslightwidget_' + _index.default.randomString(24);
+    const ev = _index.default.cloneDeep(greeting);
+    ev.data.message.conversation_id = id;
+    const convo = {
+      id,
+      account_id: user.account_id,
+      initial_by: user.id,
+      locale,
+      light_type: 'widget',
+      state: 'pending',
+      created: ev.created,
+      members: [{
+        id: user.id,
+        type: 'user',
+        seen_at: ev.created + 1
+      }],
+      events: [ev],
+      last_message_sent: ev,
+      touchpoint: {
+        id,
+        channel: 'subiz',
+        source: 'web'
+      }
+    };
+    this.lightConvos[id] = convo;
+    this.kv.put('light_convos', this.lightConvos);
+    this.pubsub.publish('account');
+    return {
+      convo
+    };
+  }
+  promoteWidgetConvo(localId, cid) {
+    this.widgetConvoOrigins = this.widgetConvoOrigins || {};
+    this.widgetConvoOrigins[cid] = localId;
+    const greeting = _index.default.cloneDeep(_index.default.get(this.lightConvos, [localId, 'events', 0]));
+    if (greeting) {
+      greeting.source_event_id = greeting.id;
+      greeting.data.message.conversation_id = cid;
+      this.chain.merge(cid, [{
+        id: greeting.id,
+        index: greeting.created,
+        value: greeting
+      }]);
+    }
+    this.deleteLightConvo(localId);
+  }
   startLightConvo(botid, messages, locale, is_testing, botversion) {
     let convoid = 'cslight' + botid + '_' + this.now();
     let user = this.cache.match('user') || {};
@@ -1077,10 +1279,10 @@ class Store {
   }
   async sendConvoEvent(cid, type, data) {
     await this.readyGate.entry();
-    var idempotency = _index.default.randomString(36);
+    var sourceEventId = _index.default.randomString(36);
     let user = this.cache.match('user') || {};
     var event = {
-      id: idempotency,
+      id: sourceEventId,
       by: {
         id: user.id,
         type: 'user',
@@ -1093,7 +1295,7 @@ class Store {
     _index.default.convoToEv(cid, event);
     let files = [];
     if (type === 'message_sent') {
-      event.data.message.idempotency_key = idempotency;
+      event.source_event_id = sourceEventId;
       event.data.message.conversation_id = cid;
       await flow.map(event.data.message.attachments, 2, async (att, i) => {
         if (att.type !== 'file') return;
@@ -1113,18 +1315,9 @@ class Store {
     }
     this.onWs(event);
     await this.convoGate.entry();
-    await flow.map(files, 1, async att => {
-      const {
-        body,
-        url,
-        error
-      } = await this.api.uploadToS3(att._file);
-      if (_index.default.get(body, 'code') == 'invalid_field_size') {
-        event._error_message = 'cannot_send_too_big_file';
-      }
-      event._error = error;
-      att.url = url;
-    });
+    const uploaded = await (0, _attachments.uploadAttachments)(files, file => this.api.uploadToS3(file));
+    event._error = uploaded.error;
+    if (uploaded.errorMessage) event._error_message = uploaded.errorMessage;
     if (event._error) return this.onWs(event);
     if (cid && cid.startsWith('cslight')) return;
     let {
@@ -1233,13 +1426,20 @@ class Store {
   }
   async listmessageapi(type, anchor, limit) {
     let convoid = type;
-    if (convoid && convoid.startsWith('cslight')) return [fakeevents, '', undefined, true];
+    if (convoid && convoid.startsWith('cslight')) {
+      let events = _index.default.map(this.listEvents(convoid), ev => ({
+        id: ev.id,
+        index: ev.created,
+        value: ev
+      }));
+      return [events, '', undefined, true];
+    }
     let {
       body: events,
       code,
       error
     } = await this.api.listMessages(convoid, -limit, anchor);
-    if (error || code !== 200) return [[], anchor, error];
+    if (error || code !== 200) return [[], anchor, error || 'message_fetch_failed'];
     anchor = _index.default.get(_index.default.last(events), 'id');
     events = _index.default.map(events, event => {
       event.created = _index.default.getMs(event.created);
@@ -1268,17 +1468,18 @@ class Store {
   async loopTime() {
     if (this._die) return;
     let startms = this.now();
-    if (!this.cache || !_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 this._timeTimeout = _index.default.setTimeout(() => this.loopTime(), 240000);
     let {
       body: t,
       error
     } = await this.api.time();
-    if (error) return _index.default.setTimeout(() => this.loopTime(), 30000);
+    if (this._die) return;
+    if (error) return this._timeTimeout = _index.default.setTimeout(() => this.loopTime(), 30000);
     var latences = Math.abs(this.now() - startms) / 2;
     var serverMs = new _index.default.Date(t).getTime() + latences;
     var localMs = this.now();
     this.timeDiff = Math.floor(serverMs - localMs);
-    _index.default.setTimeout(() => this.loopTime(), 240000);
+    this._timeTimeout = _index.default.setTimeout(() => this.loopTime(), 240000);
   }
   replaceFileUrl(src) {
     if (!src) return '';
@@ -1310,6 +1511,14 @@ class Store {
     this.kv = new _kv.default(new _lsdb.default('sbz2023', this.inmem), 'kv');
     if (this.chain) this.chain.destroy();
     this.chain = new _chain.default(new _lsdb.default('cbz2023', true), 'ch');
+    this.outofmsgM = {};
+    this.messageSyncTimes = {};
+    this.messageSyncNextAt = {};
+    this.messageSyncFailures = {};
+    this.messageSyncProgress = {};
+    this.accountRefreshAfter = 0;
+    this.historyFailures = {};
+    this.convoFetchAfter = {};
     if (this.realtime) this.realtime.stop();
     if (this.cache) this.cache.destroy();
     this.pubsub.publish('destroy');
@@ -1318,14 +1527,22 @@ class Store {
     return this._die;
   }
   destroy() {
+    if (this._die) return;
     this._die = true;
     this.clearBrowserData();
     _index.default.clearInterval(this._seenInterval);
     _index.default.clearInterval(this._urlCheckInterval);
+    _index.default.clearInterval(this._presenceInterval1);
+    _index.default.clearInterval(this._presenceInterval2);
+    _index.default.clearInterval(this._gaInterval);
+    _index.default.clearTimeout(this._timeTimeout);
     if (this.realtime) this.realtime.stop();
-    this.readyGate.close();
-    window.removeEventListener('blur', this.sendPresence);
-    window.removeEventListener('focus', this.sendPresence);
+    if (this.readyGate) this.readyGate.close();
+    window.removeEventListener('blur', this._onBlur);
+    window.removeEventListener('focus', this._onFocus);
+    window.removeEventListener('beforeunload', this._onBeforeUnload);
+    if (this._visibilityCleanup) this._visibilityCleanup();
+    this.pubsub.clear();
   }
 }
 exports.default = Store;
@@ -1350,7 +1567,23 @@ function loadImage(file) {
 const ImageTypes = ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'];
 function onVisibilityChange(cb) {
   var hidden = 'hidden';
-  if (hidden in document) document.addEventListener('visibilitychange', onchange);else if ((hidden = 'mozHidden') in document) document.addEventListener('mozvisibilitychange', onchange);else if ((hidden = 'webkitHidden') in document) document.addEventListener('webkitvisibilitychange', onchange);else if ((hidden = 'msHidden') in document) document.addEventListener('msvisibilitychange', onchange);else if ('onfocusin' in document) document.onfocusin = document.onfocusout = onchange;else window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
+  let target = document,
+    eventName;
+  let previous = {};
+  if (hidden in document) eventName = 'visibilitychange';else if ((hidden = 'mozHidden') in document) eventName = 'mozvisibilitychange';else if ((hidden = 'webkitHidden') in document) eventName = 'webkitvisibilitychange';else if ((hidden = 'msHidden') in document) eventName = 'msvisibilitychange';else if ('onfocusin' in document) {
+    previous = {
+      onfocusin: document.onfocusin,
+      onfocusout: document.onfocusout
+    };
+    document.onfocusin = document.onfocusout = onchange;
+  } else {
+    target = window;
+    for (const key of ['onpageshow', 'onpagehide', 'onfocus', 'onblur']) {
+      previous[key] = window[key];
+      window[key] = onchange;
+    }
+  }
+  if (eventName) target.addEventListener(eventName, onchange);
   function onchange(evt) {
     var v = 'visible';
     var h = 'hidden';
@@ -1368,6 +1601,12 @@ function onVisibilityChange(cb) {
   if (document[hidden] !== undefined) onchange({
     type: document[hidden] ? 'blur' : 'focus'
   });
+  return () => {
+    if (eventName) target.removeEventListener(eventName, onchange);
+    for (const key of Object.keys(previous)) {
+      if (target[key] === onchange) target[key] = previous[key];
+    }
+  };
 }
 const inmemCookie = {
   data: {},