@subiz/widget-v4 4.0.92 → 4.0.94

package/compiled_src/store/store.js

@@ -4,99 +4,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _storage = _interopRequireDefault(require("@subiz/storage"));
-
 var _api = _interopRequireDefault(require("./api.js"));
-
 var _api_fake = _interopRequireDefault(require("./api_fake.js"));
-
 var _realtime_fake = _interopRequireDefault(require("./realtime_fake.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var flow = require('@subiz/flow');
-
 var Realtime = require('@subiz/wsclient/index.js');
-
 var cookie = require('cookie_js');
-
 cookie.defaults.path = '/';
 cookie.expiresMultiplier = 60 * 60 * 24;
 cookie.defaults.expires = 3650;
-const MAX_CONVO = 20;
 
+const MAX_CONVO = 20;
 const page_loaded = _index.default.Date.now();
 
 class Store {
-  constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi, agenttoken) {
+  constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi) {
     _defineProperty(this, "inmem", false);
-
     _defineProperty(this, "cookie", cookie);
-
     _defineProperty(this, "_currentViewingProduct", {});
-
     _defineProperty(this, "new_visitor", true);
-
     _defineProperty(this, "matchUser", () => {
       this._touchAcc();
-
       return this.kv.match('user');
     });
-
     _defineProperty(this, "suggest_addresses", keyword => this.api.suggest_address(keyword));
-
     _defineProperty(this, "matchAccount", () => this.cache.match('account'));
-
     _defineProperty(this, "matchPaymentMethods", () => this.cache.match('payment_methods'));
-
     _defineProperty(this, "matchUnread", () => {
       let user = this.matchUser();
       let allconvos = this.matchConvo('*');
       let unreadcount = 0;
-
       _index.default.map(allconvos, convo => {
         if (!_index.default.isConvoSeen(convo, user.id)) unreadcount++;
       });
-
       return unreadcount;
     });
-
     _defineProperty(this, "matchPlugin", () => {
       if (_index.default.size(this.forcePlugins) > 0) return _index.default.cloneDeep(this.forcePlugins);
       return _index.default.cloneDeep(this.cache.match('plugin')) || {};
     });
-
     _defineProperty(this, "device", {});
-
     _defineProperty(this, "browserVisibility", 'visible');
-
     _defineProperty(this, "matchAgent", id => {
       let agentM = this.cache.match('agent') || {};
       if (id === '*') return agentM;
       return agentM[id];
     });
-
     _defineProperty(this, "matchConvo", id => {
       if (!id) return;
-
       if (id === '*') {
         this._touchAcc();
-
         return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
       }
-
       if (!this.isInsync(id)) this.fetchConvo(id);
       return this.cache.match('convo_' + id);
     });
-
     _defineProperty(this, "fetchConvo", async cid => {
       await this.readyGate.entry();
       await this.reconnectGate.entry(undefined, true);
+
       if (this.isInsync(cid)) return this.reconnectGate.open();
       this.markSync(cid);
       let {
@@ -106,18 +76,12 @@ class Store {
       if (convo && !error) this._setConvo(convo);
       return this.reconnectGate.open();
     });
-
     _defineProperty(this, "list_provinces", () => this.api.list_provinces());
-
     _defineProperty(this, "list_districts", p => this.api.list_districts(p));
-
     _defineProperty(this, "list_wards", p => this.api.list_wards(p));
-
     _defineProperty(this, "list_provices", void 0);
-
     _defineProperty(this, "listEvents", id => {
       if (!id || id === '*' || typeof id !== 'string') return;
-
       if (!this.isInsync('events' + id)) {
         setTimeout(async () => {
           await this.readyGate.entry();
@@ -129,10 +93,8 @@ class Store {
           return this.reconnectGate.open();
         }, 10);
       }
-
       return this.chain.listM(id);
     });
-
     _defineProperty(this, "fetchMoreEvents", async convoid => {
       let {
         error
@@ -142,76 +104,52 @@ class Store {
         error
       };
     });
-
     _defineProperty(this, "matchLocation", () => this.cache.match('location') || {});
-
     _defineProperty(this, "matchBot", () => this.cache.match('bot') || {});
-
     _defineProperty(this, "readyGate", new _index.default.Gate());
-
     _defineProperty(this, "convoGate", new _index.default.Gate(true));
-
     _defineProperty(this, "reconnectGate", new _index.default.Gate(true));
-
     _defineProperty(this, "matchLastview", () => this.kv.match('lastview') || {});
-
     _defineProperty(this, "matchIsOpen", () => !!this.kv.match('isopen'));
-
     _defineProperty(this, "matchHasManuallyClosed", () => !!this.kv.match('hasManuallyClosed'));
-
     _defineProperty(this, "matchClosePreviewAt", () => this.kv.match('close_preview_at') || 0);
-
     _defineProperty(this, "sendPresence", _index.default.throttle(async () => {
       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(), this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
-    }, 1000));
-
+    }, 1000,
+    {
+      leading: false
+    }));
     _defineProperty(this, "now", () => _index.default.Date.now() + this.timeDiff);
-
     _defineProperty(this, "seenQueue", []);
-
     _defineProperty(this, "matchTrafficSource", () => this.kv.match('traffic_source'));
-
     _defineProperty(this, "_typing", _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000, {
       trailing: false
     }));
-
     _defineProperty(this, "onConvoEvent", (o, cb) => this.pubsub.on2(o, 'events', cb));
-
     _defineProperty(this, "seenConvo", id => {
       if (!id || id === 'create') return;
       this.seenQueue.push(id);
     });
-
     _defineProperty(this, "onUpdate", (o, cb) => this.pubsub.on2(o, 'account', cb));
-
     _defineProperty(this, "onResetCSS", (o, cb) => this.pubsub.on2(o, 'resetCSS', cb));
-
     _defineProperty(this, "onHighlight", (o, cb) => this.pubsub.on2(o, 'highlight', cb));
-
     _defineProperty(this, "setHasManuallyClosed", () => this.kv.put('hasManuallyClosed', true));
-
     _defineProperty(this, "setIsOpen", isopen => {
       let lastisopen = this.kv.match('isopen');
       this.kv.put('isopen', isopen);
-
       if (!lastisopen && isopen) {
         sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
       }
     });
-
     _defineProperty(this, "closePreview", () => this.kv.put('close_preview_at', new _index.default.Date().getTime()));
-
     _defineProperty(this, "setLastview", (view, opts) => this.kv.put('lastview', {
       view,
       opts
     }));
-
     _defineProperty(this, "timeDiff", 0);
-
-    this.agent_token = agenttoken;
     this.g_sync = {};
     this.forceDevice = null;
     this.forcePlugins = {};
@@ -221,22 +159,23 @@ class Store {
     this.fake = fakeapi;
     this.FileURL = FileURL;
     if (this.fake) this.api = new _api_fake.default(ApiURL, FileURL);else this.api = new _api.default(ApiURL, FileURL);
-
     if (inmem) {
       this.inmem = inmem;
       this.cookie = inmemCookie;
     }
-
     this.pubsub = new _index.default.Pubsub();
     this.kv = new _storage.default.kv(new _storage.default.lsdb('sbz2020', this.inmem), 'kv');
     this.cache = new _storage.default.kv(new _storage.default.lsdb('sbz2020', true), 'kv');
     this.chain = new _storage.default.chain(new _storage.default.lsdb('cbz2020', true), 'ch');
     this.getLocaleContent = this.api.getLocaleContent;
+
     this.g_haveSentSeenM = {};
     window.addEventListener('blur', () => this.sendPresence());
     window.addEventListener('focus', () => this.sendPresence());
+
     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();
@@ -251,8 +190,8 @@ class Store {
       if (!dev.ga_tracking_ids || !dev.ga_client_id) return;
       clearInterval(_gaInterval);
       this.device = dev;
-      let ga_client_id = dev.ga_client_id;
 
+      let ga_client_id = dev.ga_client_id;
       if (ga_client_id !== _index.default.getUserAttr(user, 'ga_client_id', 'text')) {
         this.setUser({
           attributes: [{
@@ -264,13 +203,11 @@ 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();
@@ -279,36 +216,29 @@ class Store {
   getLinkedProduct() {
     return _index.default.cloneDeep(this._currentViewingProduct);
   }
-
   isInsync(key) {
     return _index.default.Date.now() - (this.g_sync[key] || 0) < 600000;
   }
-
   async fetchShippingAddresses() {
     let out = await this.api.fetchShippingAddresses();
     if (out.error) return null;
     this.cache.put('shipping_address', out.body.shipping_addresses);
   }
-
   matchShippingAddresses() {
     return this.cache.match('shipping_address');
   }
-
   updateOrder(order) {
     return this.api.updateOrder(order);
   }
-
   createShippingAddress(addr) {
     return this.api.createShippingAddress(addr);
   }
-
   async overrideAcc(acc) {
     this.forceAcc = _index.default.cloneDeep(acc);
     await this.readyGate.entry();
     this.disconnect('account');
     this.reconnect();
   }
-
   async overrideChatbox(chatbox) {
     this.forceChatbox = chatbox;
     await this.readyGate.entry();
@@ -316,7 +246,6 @@ class Store {
     await this.reconnect();
     setTimeout(this.pubsub.publish('resetCSS'), 10);
   }
-
   getDeviceInfo() {
     let device = {
       user_agent: window.navigator.userAgent,
@@ -335,28 +264,22 @@ class Store {
     if (ga_tracking_ids.length > 0) device.ga_tracking_ids = ga_tracking_ids;
     return device;
   }
-
   highlight(pluginid, ref) {
     this.pubsub.publish('highlight', pluginid, ref);
   }
-
   overrideDeviceType(type) {
     this.forceDevice = type;
     this.pubsub.publish('account');
   }
-
   isMobile() {
     return this.forceDevice === 'mobile' || mobileCheck;
   }
-
   isTablet() {
     return this.forceDevice === 'tablet' || tabletCheck;
   }
-
   isDesktop() {
     return this.forceDevice === 'desktop' || !this.isMobile() && !this.isTable();
   }
-
   disconnect(key) {
     this.g_sync[key] = 0;
   }
@@ -364,24 +287,19 @@ class Store {
   pageLoaded() {
     return page_loaded;
   }
-
   overridePlugin(plugins) {
     if (!Array.isArray(plugins)) throw 'plugins must be be an array';
     let pluginM = {};
-
     _index.default.map(plugins, function (plugin) {
       pluginM[plugin.id] = plugin;
     });
-
     this.forcePlugins = pluginM;
     this.pubsub.publish('account');
     this.pubsub.publish('resetCSS');
   }
-
   markSync(key) {
     this.g_sync[key] = _index.default.Date.now();
   }
-
   async _touchAcc() {
     if (this.isInsync('account')) return;
     await this.readyGate.entry();
@@ -395,28 +313,23 @@ class Store {
       accid: accid
     });
     this.g_sync = {};
-
     if (!mask) {
       try {
         mask = this.cookie.get('__sbmask', '');
       } catch (e) {}
     }
-
     let localstorageMask = this.kv.match('mask');
     if (!mask && localstorageMask) mask = localstorageMask;
+
     if (mask && localstorageMask && mask !== localstorageMask) this.clearBrowserData();
-    if (this.agent_token) mask = await this.api.createAgentUser(this.agent_token);
     var userId = '';
-
     if (mask) {
       let parts = mask.split('@');
-
       if (parts[0] != accid) {
         mask = '';
         this.clearBrowserData();
       } else userId = parts[1];
     }
-
     if (!mask) {
       let user = await this.api.createUser(accid);
       this.new_visitor = true;
@@ -445,55 +358,72 @@ class Store {
     this.reconnectWs(accid, userId);
     return mask;
   }
+  async login(accid, user_id, tokenGenerator) {
+    let user = await this.api.setTokenGenerator(accid, user_id, 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(() => this.reconnectWs(accid, user.id));
+    this.seenLoop();
+    await this.reconnect();
+    this.readyGate.open();
+    this.reconnectWs(accid, user.id);
+    return user;
+  }
+  logout(user_id) {
+    this.api.setTokenGenerator(undefined, undefined, undefined);
+  }
   seenLoop() {
     this.seenQueue = [];
     clearInterval(this._seenInterval);
     this._seenInterval = setInterval(() => {
       this.seenQueue = [...new Set(this.seenQueue)];
       let user = this.kv.match('user') || {};
-
       _index.default.map(this.seenQueue, id => {
         var events = this.listEvents(id);
         if (!events) return;
         if (_index.default.size(events) === 0) return;
+
         events = _index.default.filter(events, ev => ev.type === 'message_sent');
         var lastmsgsent = events[_index.default.size(events) - 1];
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
+
         if (lastmsgsent.id === _index.default.getMsgField(lastmsgsent, 'idempotency')) return;
+
         this.api.markAsSeen(id, lastmsgsent.id);
         let convo = this.cache.match('convo_' + id) || {};
-
         let mem = _index.default.find(convo.members, m => m.id === user.id);
-
         mem.seen_at = Date.now();
-
         this._setConvo(convo);
-
         this.g_haveSentSeenM[lastmsgsent.id] = true;
       });
-
       this.seenQueue = [];
     }, 1000);
   }
-
   async reconnectWs(accid, userid) {
     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}`, `conversation_pending.account.${accid}.user.${userid}`, `user_info_updated.account.${accid}.user.${userid}`, `message_pong.account.${accid}.user.${userid}`, `conversation_rating_requested.account.${accid}.user.${userid}`, `conversation_rated.account.${accid}.user.${userid}`]);
     await this.readyGate.entry();
     this.disconnect('account');
     return this.reconnect();
   }
-
   async reconnect() {
     if (this._die) return;
+
     await this.reconnectGate.entry(undefined, true);
     if (this.isInsync('account')) return this.reconnectGate.open();
     this.markSync('account');
     let outs = await Promise.all([this.api.getUser(), this.api.getAccountSetting(), this.api.getIsOnline()]);
-
     let error = _index.default.find(outs, out => out.error);
-
     if (error) return console.error(error);
     let set = Object.assign(outs[1].body, outs[2].body);
     set.user = outs[0].body;
@@ -501,31 +431,24 @@ class Store {
     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));
     }
-
     return this.reconnectGate.open();
   }
 
   async setUser(user) {
     if (!user) return;
     await this.readyGate.entry();
-
     this._setUser(user);
-
     return this.api.updateUser(user);
   }
-
   _setUser(user) {
     user = _index.default.cloneDeep(user);
     let olduser = this.kv.match('user') || {};
@@ -539,7 +462,6 @@ class Store {
         return oldattr.key !== newattr.key;
       });
     });
-
     olduser.attributes = olduser.attributes || [];
     olduser.attributes = olduser.attributes.concat(user.attributes);
     olduser.account_id = accid;
@@ -547,28 +469,22 @@ class Store {
     this.kv.put('user', olduser);
     this.pubsub.publish('account');
   }
-
   async setSetting(setting) {
     if (!setting) return;
     await this.readyGate.entry();
     return this._setSetting(setting);
   }
-
   async _setSetting(setting) {
     setting = _index.default.cloneDeep(setting) || {};
     setting.account = Object.assign({}, setting.account, this.forceAcc);
-
     if (!setting.account.logo_url) {
       setting.account.logo_url = 'https://file-subiz.com/fiqpezhkmeyesdscyetk-default_logo.jpg';
     }
-
     if (setting.user) {
       setting.user.account_id = setting.account.id;
       delete setting.user.session;
-
       this._setUser(setting.user);
     }
-
     if (setting.account) {
       setting.account.is_online = setting.is_online;
       setting.account.is_in_business_hour = setting.is_in_business_hour;
@@ -577,48 +493,36 @@ class Store {
     }
 
     let location = _index.default.get(setting, 'location', []);
-
     this.cache.put('location', location);
 
     let bots = _index.default.get(setting, 'bots', []);
-
     let botM = {};
-
     _index.default.map(bots, bot => {
       botM[bot.id] = bot;
     });
-
     this.cache.put('bot', botM);
 
     let plugins = _index.default.get(setting, 'plugins', []);
-
     let pluginM = {};
-
     _index.default.map(plugins, plugin => {
       if (plugin.type === 'chatbox') {
         plugin = _index.default.merge(plugin, this.forceChatbox);
       }
-
       pluginM[plugin.id] = plugin;
     });
-
     this.cache.put('plugin', pluginM);
 
     var agents = _index.default.get(setting, 'agents', []);
-
     if (_index.default.size(agents) > 0) {
       let agentM = {};
       this.api.setAgentId(agents[0].id);
-
       _index.default.map(agents, agent => {
         agentM[agent.id] = agent;
       });
-
       this.cache.put('agent', agentM);
     }
 
     let pms = _index.default.get(setting, 'payment_methods', []);
-
     this.cache.put('payment_methods', pms);
     this.pubsub.publish('account');
   }
@@ -626,38 +530,26 @@ class Store {
   async track() {
     let user = this.kv.match('user') || {};
     let out = await this.api.sendContentView(this.device, location.href, document.title, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
-
     let traffic_source = _index.default.get(out, 'body.by.device.source', '');
-
     if (traffic_source) this.kv.put('traffic_source', traffic_source);
     this.sendPresence();
   }
-
   async onWs(ev) {
     if (!ev || !ev.type) return;
     ev.created = _index.default.getMs(ev.created);
-
     if (ev.type === 'user_info_updated') {
       let user = _index.default.cloneDeep(this.kv.match('user'));
-
       let attrs = _index.default.get(ev, 'data.user.attributes') || [];
-
       _index.default.map(attrs, attr => _index.default.setUserAttr(user, attr));
-
       this._setUser(user);
-
       return;
     }
 
     let user = this.kv.match('user') || {};
-
     let cid = _index.default.convoOfEv(ev);
-
     let convo;
-
     if (cid) {
       convo = this.matchConvo(cid);
-
       if (!convo || !convo.id) {
         let {
           body: apiconvo,
@@ -667,60 +559,45 @@ class Store {
         convo = apiconvo;
       }
     }
-
     if (!convo) return;
 
     let channel = _index.default.get(ev, 'touchpoint.channel', '');
-
     if (channel && channel != 'subiz') return;
     this.pubsub.publish('events', ev);
 
     if (ev.type === 'conversation_joined') {
       let members = _index.default.get(ev, 'data.conversation.members', []);
-
       let me = _index.default.find(members, m => m.id === this.kv.match('user').id);
-
       if (me) {
         await this.chain.reload(cid, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
         this.markSync('events' + cid);
         let {
           body: apiconvo
         } = await this.api.getConversation(cid);
-
         if (apiconvo) {
           convo = apiconvo;
-
           this._setConvo(convo);
         }
-
         this.pubsub.publish('account');
       }
     }
-
     if (ev.type === 'message_sent') {
       if (_index.default.get(ev, 'by.id') !== user.id) {
         this.api.markAsReceived(cid, ev.id);
       }
     }
-
     if (_index.default.startsWith(ev.type, 'message_') || _index.default.startsWith(ev.type, 'conversation_')) {
       this.restConvoEvent(ev);
-
       if (ev.type === 'message_sent' && _index.default.get(ev, 'by.id') !== user.id) {
         sendEventToThirdParty('SUBIZ Chat', 'Received', 'User');
       }
-
       return;
     }
   }
-
   async restConvoEvent(ev) {
     let user = this.kv.match('user');
-
     let cid = _index.default.convoOfEv(ev);
-
     let convo = this.cache.match('convo_' + cid) || {};
-
     if (ev.type === 'conversation_state_updated') {
       if (!_index.default.get(convo, 'id')) {
         let {
@@ -729,68 +606,50 @@ class Store {
         } = await this.api.getConversation(cid);
         if (error) return;
       }
-
       convo = Object.assign(convo, _index.default.get(ev, 'data.conversation'));
     }
-
     if (ev.type === 'message_pong') {
       var msgid = _index.default.get(ev, 'data.message.id');
-
       var oldev = this.chain.match(cid, msgid);
       if (!_index.default.get(oldev, 'data.message')) return;
-
       var pongs = _index.default.get(oldev, 'data.message.pongs', []);
-
       pongs = pongs.concat(_index.default.get(ev, 'data.message.pongs', []));
       oldev.data.message.pongs = pongs;
-
       _index.default.map(pongs, pong => {
         if (pong.member_id == user.id && pong.type === 'seen') {
           let mem = _index.default.find(convo.members, mem => mem.id === user.id);
-
           if (mem) mem.seen_at = pong.created;
         }
       });
-
       this.chain.put(cid, oldev.id, _index.default.getMs(oldev.created), oldev);
     }
-
     if (ev.type === 'message_sent') {
       let idemkey = _index.default.getMsgField(ev, 'idempotency');
-
       let found = _index.default.find(this.listEvents(cid), oldev => oldev.id === idemkey);
-
       if (found) {
         this.chain.del(cid, found.id);
         ev.created = found.created;
       }
-
       convo.last_message_sent = ev;
     }
 
     if (ev.type !== 'message_pong' && ev.type !== 'conversation_typing') {
       this.chain.put(cid, ev.id, _index.default.getMs(ev.created), ev);
     }
-
     this._setConvo(convo);
-
     this.pubsub.publish('account');
   }
-
   handleFormSubmit(convoKey, ev) {
     if (ev.type !== 'message_sent') return;
     let formSubmits = [];
     let attachments = _index.default.get(ev, 'data.message.attachments') || [];
-
     _index.default.each(attachments, att => {
       if (!att) return;
       if (att.type !== 'form_submit') return;
       formSubmits.push(att.form_submit);
     });
-
     _index.default.each(formSubmits, submit => {
       let formev = _index.default.get(this.convoEventM, convoKey + '.' + submit.form_message_id);
-
       if (!formev) return;
 
       let forms = _index.default.filter(_index.default.get(formev, 'data.message.attachments'), att => {
@@ -798,10 +657,8 @@ class Store {
         if (att.type !== 'form' && att.type !== 'ask_info_form') return false;
         return true;
       });
-
       _index.default.each(forms, form => {
         form = form.form;
-
         _index.default.each(form.fields, formfield => {
           _index.default.each(submit.fields, submitfield => {
             if (formfield.name !== submitfield.name) return;
@@ -810,17 +667,13 @@ class Store {
           });
         });
       });
-
       if (_index.default.size(forms) > 0) this.pubsub.publish('state.convoEventM', this.convoEventM, convoKey);
     });
   }
-
   typing(cid) {
     if (!cid) return;
-
     this._typing(cid);
   }
-
   async startConvo(req) {
     await this.readyGate.entry();
     this.convoGate.close();
@@ -833,31 +686,23 @@ class Store {
     if (error) return {
       error
     };
-
     this._setConvo(convo);
-
     return {
       convo
     };
   }
-
   fetchOrder(id) {
     return this.api.getOrder(id);
   }
-
   lookupOrder(key) {
     return this.api.lookupOrder(key);
   }
-
   createPostback(cid, postback) {
     return this.api.createPostback(cid, postback);
   }
-
   async sendConvoEvent(cid, type, data) {
     await this.readyGate.entry();
-
     var idempotency = _index.default.randomString(36);
-
     let user = this.kv.match('user') || {};
     var event = {
       id: idempotency,
@@ -870,28 +715,24 @@ class Store {
       type,
       created: this.now()
     };
-
     _index.default.convoToEv(cid, event);
-
     let files = [];
-
     if (type === 'message_sent') {
       _index.default.setMsgField(event, 'idempotency', idempotency);
-
       event.data.message.conversation_id = cid;
+
       await flow.map(event.data.message.attachments, 2, async (att, i) => {
         if (att.type !== 'file') return;
         if (!att._file) return;
         files.push(att);
-
         if (ImageTypes.includes(att._file.type)) {
           att.url = await loadImage(att._file);
         }
       });
     }
-
     this.onWs(event);
     await this.convoGate.entry();
+
     await flow.map(files, 1, async att => {
       const {
         url,
@@ -905,17 +746,14 @@ class Store {
       body: ret,
       error
     } = await this.api.sendConvoEvent(cid, event);
-
     if (error) {
       event._error = error;
       this.onWs(event);
       return;
     }
-
     this.onWs(ret);
     sendEventToThirdParty('SUBIZ Chat', 'Sent', 'User');
     let lastMsgSent = this.kv.match('last_msg_sent');
-
     if (!lastMsgSent) {
       let dataLayer = window.dataLayer || [];
       dataLayer.push({
@@ -925,50 +763,40 @@ class Store {
         first_interaction: 1
       });
     }
-
     this.kv.put('last_msg_sent', _index.default.Date.now());
     return ret;
   }
-
   _setConvo(convo) {
     let count = 0;
-    let user = this.kv.match('user');
 
+    let user = this.kv.match('user');
     let channel = _index.default.get(convo, 'touchpoint.channel', '');
-
     if (channel && channel != 'subiz') return;
     let allconvo = {};
-
     _index.default.map(this.cache.all(), (value, key) => {
       if (key.startsWith('convo_')) {
         allconvo[key] = value;
       }
     });
-
     if (_index.default.size(allconvo) > MAX_CONVO - 2) {
       allconvo = _index.default.orderBy(_index.default.map(allconvo), 'created', 'desc');
-
       for (var i = MAX_CONVO - 2; i < _index.default.size(allconvo); i++) {
         let convo = allconvo[i];
         this.cache.del('convo_' + convo.id);
       }
     }
-
     this.markSync(convo.id);
     this.pubsub.publish('account');
     this.cache.put('convo_' + convo.id, convo);
   }
-
   matchLastPluginRun(pluginid) {
     let log = this.kv.match('plugin_run_logs') || {};
     return log[pluginid];
   }
-
   matchLastBotRun(botid) {
     let log = this.kv.match('bot_run_logs') || {};
     return log[botid];
   }
-
   logBotRun(botid) {
     let log = this.kv.match('bot_run_logs') || {};
     log[botid] = {
@@ -977,7 +805,6 @@ class Store {
     };
     this.kv.put('bot_run_logs', log);
   }
-
   sendImpression(id) {
     let user = this.kv.match('user') || {};
     let log = this.kv.match('plugin_run_logs') || {};
@@ -995,7 +822,6 @@ class Store {
       device: this.device
     });
   }
-
   sendConversion(id, fields, impressionToken) {
     let user = this.kv.match('user') || {};
     let submission = {
@@ -1017,12 +843,10 @@ class Store {
       impression_token: impressionToken
     });
   }
-
   isConverted(id) {
     let conv = this.kv.match('conversions') || {};
     return conv[id];
   }
-
   async listmessageapi(type, anchor, limit) {
     let convoid = type;
     let {
@@ -1040,23 +864,19 @@ class Store {
         value: event
       };
     });
-    let user = this.kv.match('user') || {};
 
+    let user = this.kv.match('user') || {};
     for (let i = 0; i < events.length; i++) {
       let ev = events[i].value;
       if (ev.type !== 'message_sent') continue;
       if (_index.default.get(ev, 'by.id') === user.id) continue;
-
       let pongbyme = _index.default.find(_index.default.get(ev, 'data.message.pongs'), p => p.member_id === user.id);
-
       if (pongbyme) break;
       this.api.markAsReceived(convoid, ev.id);
       break;
     }
-
     return [events, anchor];
   }
-
   async loopTime() {
     let startms = _index.default.Date.now();
 
@@ -1068,22 +888,17 @@ class Store {
     if (error) return setTimeout(() => this.loopTime(), 30000);
     var latences = Math.abs(_index.default.Date.now() - startms) / 2;
     var serverMs = new _index.default.Date(t).getTime() + latences;
-
     var localMs = _index.default.Date.now();
-
     this.timeDiff = Math.floor(serverMs - localMs);
     setTimeout(() => this.loopTime(), 240000);
   }
-
   replaceFileUrl(src) {
     if (!src) return '';
     if (_index.default.startsWith(src, '/')) return src;
     if (_index.default.startsWith(src, 'data:')) return src;
-
     if (!_index.default.startsWith(src, 'http://') && !_index.default.startsWith(src, 'https://') && !_index.default.startsWith(src, '//')) {
       src = _index.default.trim(this.FileURL, '/') + '/' + _index.default.trimStart(src, '/');
     }
-
     src = src.replace('https://file-subiz.com/', this.FileURL);
     src = src.replace('http://file-subiz.com/', this.FileURL);
     src = src.replace('https://file-v4.subiz.com/', this.FileURL);
@@ -1098,33 +913,26 @@ class Store {
     src = src.replace('http://file.mysubiz.com/', this.FileURL);
     return src;
   }
-
   clearBrowserData() {
     _index.default.each(this.cookie.all(), (v, k) => {
       if ((k || '').startsWith('__sb')) this.cookie.remove(k);
     });
-
     this.kv.destroy();
     this.kv = new _storage.default.kv(new _storage.default.lsdb('sbz2020', this.inmem), 'kv');
     this.chain.destroy();
     this.chain = new _storage.default.chain(new _storage.default.lsdb('cbz2020', true), 'ch');
   }
-
   destroy() {
     this._die = true;
     this.clearBrowserData();
     if (this.realtime) this.realtime.stop();
     this.readyGate.close();
   }
-
 }
-
 exports.default = Store;
-
 function loadImage(file) {
   return new Promise(rs => {
     var reader = new window.FileReader();
-
     reader.onload = e => {
       rs(e.target.result);
     };
@@ -1132,13 +940,13 @@ function loadImage(file) {
     reader.readAsDataURL(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;
 
+  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;
   function onchange(evt) {
     var v = 'visible';
     var h = 'hidden';
@@ -1158,26 +966,20 @@ function onVisibilityChange(cb) {
     type: document[hidden] ? 'blur' : 'focus'
   });
 }
-
 const inmemCookie = {
   data: {},
-
   get(k, def) {
     return this.data[k] || def;
   },
-
   set(k, v) {
     return this.data[k] = k;
   },
-
   all() {
     return this.data;
   },
-
   remove(k) {
     delete this.data[k];
   }
-
 };
 
 function getGaClientId() {
@@ -1203,7 +1005,6 @@ function getGaTrackingIds() {
   });
   return trackingIds;
 }
-
 function sendToFBPixel(category, action, label) {
   if (!window.fbq) return;
   window.fbq('trackCustom', category, {
@@ -1211,13 +1012,11 @@ function sendToFBPixel(category, action, label) {
     label: label
   });
 }
-
 function sendToGA(category, action, label) {
   if (window.gtag) window.gtag('event', category, {
     Action: action,
     Label: label
   });
-
   if (window.ga && window.ga.getAll) {
     const allTrackers = window.ga.getAll() || [];
     allTrackers.forEach(function (tracker) {
@@ -1226,7 +1025,6 @@ function sendToGA(category, action, label) {
     });
   }
 }
-
 function sendEventToThirdParty(category, action, label) {
   document.dispatchEvent(new CustomEvent('subiz', {
     detail: {
@@ -1248,5 +1046,4 @@ function sendEventToThirdParty(category, action, label) {
 let mobileCheck = function (a) {
   return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4));
 }(navigator.userAgent || navigator.vendor || window.opera);
-
 let tabletCheck = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(navigator.userAgent);