@subiz/widget-v4 4.1.155 → 4.1.157

package/compiled_src/bot.js

@@ -17,6 +17,15 @@ function _default(store) {
       run = () => true;
       let match = _index.default.checkRunConditions(bot.initiative_frequency, bot.conditions, store.matchLastBotRun(bot.id), store);
       if (!match) return;
+      if (bot.id.startsWith('at')) {
+        if (!bot.welcome_message) return;
+        let {
+          error
+        } = await store.startLightConvo(bot.id, bot.welcome_message, common.getLocale(bot, _index.default.detectLang()));
+        if (error) return console.error(error);
+        store.logBotRun(bot.id);
+        return;
+      }
       let {
         error
       } = await store.startConvo({

package/compiled_src/chatbox/AgentsAvatar.js

@@ -57,6 +57,7 @@ function AgentsAvatar(props) {
   }
   if (agents.length === 1) {
     var agent = agents[0];
+    let avatarurl = agent.avatar_url || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png');
     var groupClass = mode === 'primary' ? 'group-avatar--agent-middle' : 'group-avatar--agent-left';
     return (0, _preact.h)("div", {
       class: `group-avatar group-avatar--${mode}`
@@ -69,7 +70,7 @@ function AgentsAvatar(props) {
       height: 35,
       class: `avatar ${groupClass}`,
       alt: "agent avatar",
-      src: props.store.replaceFileUrl(agent.avatar_url) || require('../../assets/img/default_avatar.png')
+      src: avatarurl
     })));
   }
   if (agents.length === 2) {
@@ -86,7 +87,7 @@ function AgentsAvatar(props) {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: props.store.replaceFileUrl(leftAgent.avatar_url) || require('../../assets/img/default_avatar.png')
+      src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
     })), (0, _preact.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": rightAgent.fullname || acc.name,
@@ -96,7 +97,7 @@ function AgentsAvatar(props) {
       width: 35,
       height: 35,
       class: "avatar group-avatar--agent-right",
-      src: props.store.replaceFileUrl(rightAgent.avatar_url) || require('../../assets/img/default_avatar.png')
+      src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
     })));
   }
   let leftAgent = agents[0];
@@ -113,7 +114,7 @@ function AgentsAvatar(props) {
     height: 35,
     alt: "agent avatar left",
     class: "avatar group-avatar--agent-left",
-    src: props.store.replaceFileUrl(leftAgent.avatar_url) || require('../../assets/img/default_avatar.png')
+    src: props.store.replaceFileUrl(leftAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
   })), (0, _preact.h)("div", {
     class: "d-inline-block pos-relative",
     "data-tooltip": middleAgent.fullname || acc.name,
@@ -123,7 +124,7 @@ function AgentsAvatar(props) {
     width: 35,
     height: 35,
     class: "avatar group-avatar--agent-middle",
-    src: props.store.replaceFileUrl(middleAgent.avatar_url) || require('../../assets/img/default_avatar.png')
+    src: props.store.replaceFileUrl(middleAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
   })), (0, _preact.h)("div", {
     class: "d-inline-block pos-relative",
     "data-tooltip": rightAgent.fullname || acc.name,
@@ -133,6 +134,6 @@ function AgentsAvatar(props) {
     height: 35,
     alt: "agent avatar right",
     class: "avatar group-avatar--agent-right",
-    src: props.store.replaceFileUrl(rightAgent.avatar_url) || require('../../assets/img/default_avatar.png')
+    src: props.store.replaceFileUrl(rightAgent.avatar_url) || props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
   })));
 }

package/compiled_src/chatbox/ChatButton.js

@@ -25,7 +25,7 @@ class ChatButton extends _common.Com {
     this.props.store.onConvoEvent(this, ev => {
       if (_index.default.get(ev, 'type') !== 'message_sent') return;
       let bytype = _index.default.get(ev, 'by.type');
-      if (bytype !== 'system' && bytype !== 'agent') return;
+      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;
@@ -94,18 +94,23 @@ class ChatButton extends _common.Com {
       displayPreview: false
     });
   }
-  ShowGreeting() {
-    if (this.props.store.isMobile()) {
-      let accid = _index.default.get(this.props.plugin, 'chatbox.account_id', {});
-      if (accid === 'acqjeefqeaoiagyfprap') return;
-    }
-    let greeting = _index.default.get(this.props.plugin, 'chatbox.greeting', {});
-    let agentM = this.props.store.matchAgent('*');
-    let byid = greeting.agent_id;
-    if (!byid) byid = randomAgent(agentM).id;
-    let text = this.props.t.i18n(_index.default.get(greeting, 'greeting', {})) || greeting.message;
-    this.setState({
-      previewEvent: {
+  pickBestGreeting() {
+    let convoM = this.props.store.matchConvo('*');
+    let unseenConvo = _index.default.filter(convoM, convo => {
+      let seen = _index.default.isConvoSeen(convo, this.props.store.matchUser().id);
+      return !seen;
+    }).sort((a, b) => _index.default.get(b, 'last_message_sent.created', 0) - _index.default.get(a, 'last_message_sent.created', 0));
+    if (_index.default.size(unseenConvo) == 0) {
+      if (this.props.store.isMobile()) {
+        let accid = _index.default.get(this.props.plugin, 'chatbox.account_id', {});
+        if (accid === 'acqjeefqeaoiagyfprap') return;
+      }
+      let greeting = _index.default.get(this.props.plugin, 'chatbox.greeting', {});
+      let agentM = this.props.store.matchAgent('*');
+      let byid = greeting.agent_id;
+      if (!byid) byid = randomAgent(agentM).id;
+      let text = this.props.t.i18n(_index.default.get(greeting, 'greeting', {})) || greeting.message;
+      return {
         by: {
           id: byid,
           type: 'agent'
@@ -116,7 +121,13 @@ class ChatButton extends _common.Com {
             format: 'plaintext'
           }
         }
-      },
+      };
+    }
+    return unseenConvo[0].last_message_sent;
+  }
+  ShowGreeting() {
+    this.setState({
+      previewEvent: this.pickBestGreeting(),
       displayPreview: true
     });
   }
@@ -182,7 +193,7 @@ class ChatButton extends _common.Com {
     if (!agent) agent = this.props.store.matchAgent('*')[byid] || {};
     agent = _index.default.cloneDeep(agent);
     agent.fullname = agent.fullname || _index.default.get(account, 'name') || this.props.t('agent');
-    agent.avatar_url = agent.avatar_url || defaultAvatar;
+    agent.avatar_url = agent.avatar_url || account.logo_url || require('../../assets/img/image_default.png');
     let position = _index.default.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) {
       position = _index.default.get(accountSetting, 'mobile_button.position') || position;

package/compiled_src/chatbox/Widget.js

@@ -56,6 +56,47 @@ class Widget extends _common.Com {
         return;
       }
       let text = message.text;
+      if (this.props.cid && this.props.cid.startsWith('cslight')) {
+        let cid = this.props.cid;
+        this._creating = (this._creating || 0) + 1;
+        let _creating = this._creating;
+        this.setState({
+          creating: true
+        });
+        let botid = cid.split('_')[0].slice(7);
+        const {
+          convo,
+          error
+        } = await this.props.store.startConvo({
+          locale: this.props.t.locale(),
+          message: text,
+          members: [{
+            type: 'bot',
+            id: botid
+          }],
+          initial_by: this.props.store.matchUser().id
+        });
+        if (_creating != this._creating) return;
+        if (error) {
+          this.setState({
+            creating: false
+          });
+          return;
+        }
+        this.props.store.deleteLightConvo(cid);
+        await this.props.store.sendConvoEvent(convo.id, 'message_sent', {
+          message
+        });
+        if (_creating != this._creating) return;
+        this.props.onGo({
+          view: 'chat',
+          cid: convo.id
+        });
+        this.setState({
+          creating: false
+        });
+        return;
+      }
       if (!this.props.cid) {
         this._creating = (this._creating || 0) + 1;
         let _creating = this._creating;

package/compiled_src/store/kv.js

@@ -27,7 +27,6 @@ class _default {
   init() {
     if (this.initialized) return;
     let inmemItemM = {};
-    console.time('KV' + this.name);
     let allitems = this.db.all('items');
     allitems.forEach(function (item) {
       inmemItemM[item.key] = item.value;
@@ -47,7 +46,6 @@ class _default {
       this.db.removes('items', [removekeys]);
     }
     this.initialized = true;
-    console.timeEnd('KV' + this.name);
   }
   all() {
     if (this.dead) return [];

package/compiled_src/store/store.js

@@ -61,12 +61,15 @@ class Store {
       if (!id) return;
       if (id === '*') {
         this._touchAcc();
-        return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
+        return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_')).concat(_index.default.map(this.lightConvos));
       }
+      if (id.startsWith('cslight')) return this.lightConvos[id];
       if (!this.isInsync(id)) this.fetchConvo(id);
       return this.cache.match('convo_' + id);
     });
     _defineProperty(this, "fetchConvo", async cid => {
+      if (!cid) return;
+      if (cid.startsWith('cslight')) return;
       if (this._die) return dieErr;
       await this.readyGate.entry();
       await this.reconnectGate.entry(undefined, true);
@@ -85,9 +88,12 @@ class Store {
     _defineProperty(this, "outofmsgM", {});
     _defineProperty(this, "listEvents", id => {
       if (!id || id === '*' || typeof id !== 'string') return;
+      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);
@@ -199,6 +205,7 @@ 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 {
@@ -219,9 +226,9 @@ class Store {
     this.chain = new _chain.default(new _lsdb.default('cbz2023', true), 'ch');
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
-    this.last_focused = _index.default.Date.now();
+    this.last_focused = this.now();
     window.addEventListener('blur', () => {
-      this.last_focused = _index.default.Date.now();
+      this.last_focused = this.now();
       this.sendPresence();
     });
     window.addEventListener('focus', () => {
@@ -243,7 +250,7 @@ class Store {
     this._presenceInterval2 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval2);
       if (this.browserVisibility === 'visible' && document.hasFocus()) return;
-      if (this.last_focused && _index.default.Date.now() - this.last_focused > 30 * 60000) {
+      if (this.last_focused && this.now() - this.last_focused > 30 * 60000) {
         return;
       }
       this.sendPresence();
@@ -470,6 +477,7 @@ class Store {
       await this.reconnectWs(accid, user.id);
       this.reconnect();
     });
+    this.lightConvos = this.kv.match('light_convos') || {};
     this.seenLoop();
     await this.reconnect({
       user: user
@@ -528,9 +536,8 @@ class Store {
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
         if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return;
-        this.api.markAsSeen(id, lastmsgsent.id);
         this.pubsub.publish('events', {
-          created: _index.default.Date.now(),
+          created: this.now(),
           type: 'message_pong',
           by: {
             type: 'user'
@@ -541,14 +548,25 @@ class Store {
               id: '*',
               pongs: [{
                 type: 'seen',
-                created: _index.default.Date.now()
+                created: this.now()
               }]
             }
           }
         });
+        if (id.startsWith('cslight')) {
+          let old = this.lightConvos[id];
+          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();
+          this.kv.put('light_convos', this.lightConvos);
+          this.g_haveSentSeenM[lastmsgsent.id] = true;
+          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);
-        if (mem) mem.seen_at = _index.default.Date.now();
+        if (mem) mem.seen_at = this.now();
         this._setConvo(convo);
         this.g_haveSentSeenM[lastmsgsent.id] = true;
       });
@@ -704,7 +722,7 @@ class Store {
     let cid = _index.default.convoOfEv(ev);
     let convo;
     let alreadyFetched = false;
-    if (cid) {
+    if (cid && !cid.startsWith('cslight')) {
       convo = this.cache.match('convo_' + cid);
       if (!convo || !convo.id) {
         let {
@@ -717,6 +735,15 @@ class Store {
         this._setConvo(convo);
       }
     }
+    if (cid.startsWith('cslight')) {
+      convo = this.lightConvos[cid];
+      if (!convo) return;
+      convo.events.push(ev);
+      convo.last_message_sent = ev;
+      this.kv.put('light_convos', this.lightConvos);
+      this.pubsub.publish('events', ev);
+      return;
+    }
     if (!convo) return;
     this.pubsub.publish('events', ev);
     if (ev.type === 'conversation_joined') {
@@ -813,8 +840,65 @@ class Store {
   }
   typing(cid) {
     if (!cid) return;
+    if (cid.startsWith('cslight')) return;
     this._typing(cid);
   }
+  deleteLightConvo(id) {
+    delete this.lightConvos[id];
+    this.kv.put('light_convos', this.lightConvos);
+  }
+  startLightConvo(botid, message, locale) {
+    let convoid = 'cslight' + botid + '_' + this.now();
+    let user = this.cache.match('user') || {};
+    let old = this.lightConvos[convoid];
+    if (old) return {
+      convo: old
+    };
+    let now = this.now();
+    let ev = {};
+    ev.created = now;
+    ev.event_time = now;
+    ev.id = 'evfake' + now;
+    ev.type = 'message_sent';
+    ev.by = {
+      id: botid,
+      type: 'bot'
+    };
+    ev.data = {
+      message: message
+    };
+    ev.data.message.conversation_id = convoid;
+    let newconvo = {
+      id: convoid,
+      locale: locale,
+      initial_by: botid,
+      created: now,
+      actived: now,
+      last_message_sent: ev,
+      members: [{
+        type: 'user',
+        id: user.id
+      }, {
+        type: 'bot',
+        id: botid,
+        membership: 'active'
+      }],
+      state: 'active',
+      touchpoint: {
+        id: convoid,
+        channel: 'subiz',
+        source: 'web'
+      },
+      traffic_source: 'direct',
+      events: [ev]
+    };
+    this.lightConvos[convoid] = newconvo;
+    this.kv.put('light_convos', this.lightConvos);
+    this.pubsub.publish('events', ev);
+    return {
+      convo: newconvo
+    };
+  }
   async startConvo(req) {
     if (!req) req = {};
     await this.readyGate.entry();
@@ -840,9 +924,11 @@ class Store {
     return this.api.lookupOrder(key);
   }
   createPostback(cid, postback) {
+    if (cid && cid.startsWith('cslight')) return;
     return this.api.createPostback(cid, postback);
   }
   sendReaction(cid, ev) {
+    if (cid && cid.startsWith('cslight')) return;
     return this.api.sendConvoEvent(cid, ev);
   }
   async sendConvoEvent(cid, type, data) {
@@ -896,6 +982,7 @@ class Store {
       att.url = url;
     });
     if (event._error) return this.onWs(event);
+    if (cid && cid.startsWith('cslight')) return;
     let {
       body: ret,
       error
@@ -917,7 +1004,7 @@ class Store {
         first_interaction: 1
       });
     }
-    this.kv.put('last_msg_sent', _index.default.Date.now());
+    this.kv.put('last_msg_sent', this.now());
     return ret;
   }
   _setConvo(convo) {
@@ -1002,6 +1089,7 @@ class Store {
   }
   async listmessageapi(type, anchor, limit) {
     let convoid = type;
+    if (convoid && convoid.startsWith('cslight')) return [fakeevents, '', undefined, true];
     let {
       body: events,
       code,
@@ -1035,16 +1123,16 @@ class Store {
   }
   async loopTime() {
     if (this._die) return;
-    let startms = _index.default.Date.now();
+    let startms = this.now();
     if (!_index.default.get(this.cache.match('user'), 'id')) return _index.default.setTimeout(() => this.loopTime(), 240000);
     let {
       body: t,
       error
     } = await this.api.time();
     if (error) return _index.default.setTimeout(() => this.loopTime(), 30000);
-    var latences = Math.abs(_index.default.Date.now() - startms) / 2;
+    var latences = Math.abs(this.now() - startms) / 2;
     var serverMs = new _index.default.Date(t).getTime() + latences;
-    var localMs = _index.default.Date.now();
+    var localMs = this.now();
     this.timeDiff = Math.floor(serverMs - localMs);
     _index.default.setTimeout(() => this.loopTime(), 240000);
   }