@subiz/widget-v4 4.0.97 → 4.0.99

package/assets/less/chatbox.less

@@ -34,7 +34,7 @@
 @spacer3: @spacer; // 15px;
 @spacer4: @spacer * 1.5; // 22.5px
 
-@font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans',
+@font-family-sans-serif: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
 	sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
 @font-size-base: 15px; // Assumes the browser default, typically `16px`

package/assets/less/notif.less

@@ -43,7 +43,7 @@ body div#sbz92 {
 
 	.notif {
 		cursor: pointer;
-		font-family: roboto;
+		font-family: Inter;
 		font-size: 14px;
 		position: absolute;
 		user-select: none;

package/compiled_src/chatbox/ShadowDomRoot.js

@@ -19,7 +19,7 @@ class ShadowDomRoot extends _common.Com {
   }
   update(html) {
     this.shadowRoot.innerHTML = `<style type="text/css">
-body { font-family: 'Roboto', sans-serif!important; font-size: 14px!important; line-height: 20px; overflow-y: hidden; margin:0 }
+body { font-family: 'Inter', sans-serif!important; font-size: 14px!important; line-height: 20px; overflow-y: hidden; margin:0 }
 h{ font-size: 14/18px!important; }
 a { text-decoration: none;}
 img { max-width: 100%; display: block; margin: 10px auto; }

package/compiled_src/chatbox/Widget.js

@@ -790,8 +790,7 @@ class Widget extends _common.Com {
     _index.default.each(formData, field => {
       if (field.value) isAllFiledEmpty = false;
     });
-    if (isAllFiledEmpty) return true;
-
+    if (isAllFiledEmpty && !this.userHasSent(this.props.cid)) return true;
     return !!_index.default.find(formData, field => field.is_required && (field.value == null || field.value === ''));
   }
   renderConvoSummary(convo) {
@@ -811,23 +810,11 @@ class Widget extends _common.Com {
     if (!name) name = this.props.t('agent');
     var $you = null;
     if (convo.lastSenderType === 'user') {
-      $you = (0, _preact.h)("span", {
-        class: "yourmessage"
-      }, this.props.t('you'), ":");
+      $you = (0, _preact.h)("span", null, this.props.t('you'), ":");
     }
     let seen = _index.default.isConvoSeen(convo, this.props.store.matchUser().id);
-    var lastmsg = this.renderMessagePreview(convo.last_message_sent || {
-      data: {
-        message: _index.default.get(convo, 'last_message')
-      }
-    });
-    var time = _index.default.getMs(_index.default.get(convo, 'last_message_sent.created')) || _index.default.getMs(_index.default.get(convo, 'last_sent.created')) || _index.default.getMs(convo.created);
-    var $tim = (0, _preact.h)(_time.default, {
-      ago: true,
-      time: time,
-      key: time,
-      short: true
-    });
+    var lastmsg = this.renderMessagePreview(convo.last_message_sent);
+    var time = _index.default.getMs(_index.default.get(convo, 'last_message_sent.created')) || _index.default.getMs(convo.created);
     let $unread = seen ? null : (0, _preact.h)("div", {
       class: "convo-list--item-unread"
     });
@@ -847,7 +834,12 @@ class Widget extends _common.Com {
       class: "convo-list--convo-name"
     }, name), (0, _preact.h)("div", {
       class: "convo-list--convo-time"
-    }, $tim)), (0, _preact.h)("div", {
+    }, (0, _preact.h)(_time.default, {
+      ago: true,
+      time: time,
+      key: time,
+      short: true
+    }))), (0, _preact.h)("div", {
       class: "d-flex flex-row"
     }, (0, _preact.h)("div", {
       class: "convo-list--convo-last-message"

package/compiled_src/lib.js

@@ -10,10 +10,10 @@ var _plugin = _interopRequireDefault(require("./plugin.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 $link = document.createElement('link');
-$link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap';
 $link.rel = 'stylesheet';
 document.head.append($link);
-_index.default.preloadWebfonts(['Roboto'], [400, 500]);
+_index.default.preloadWebfonts(['Inter'], [400, 500, 600]);
 class Widget {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {
     _defineProperty(this, "version", () => '4.5');

package/compiled_src/store/store.js

@@ -109,6 +109,7 @@ class Store {
     _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, "wsGate", 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'));
@@ -538,6 +539,12 @@ class Store {
     if (traffic_source) this.kv.put('traffic_source', traffic_source);
   }
   async onWs(ev) {
+    await this.wsGate.entry();
+    this.wsGate.close();
+    await this._onWs(ev);
+    this.wsGate.open();
+  }
+  async _onWs(ev) {
     if (!ev || !ev.type) return;
     ev.created = _index.default.getMs(ev.created);
     if (ev.type === 'user_info_updated') {
@@ -551,8 +558,9 @@ class Store {
     let user = this.kv.match('user') || {};
     let cid = _index.default.convoOfEv(ev);
     let convo;
+    let alreadyFetched = false;
     if (cid) {
-      convo = this.matchConvo(cid);
+      convo = this.cache.match('convo_' + cid);
       if (!convo || !convo.id) {
         let {
           body: apiconvo,
@@ -560,6 +568,8 @@ class Store {
         } = await this.api.getConversation(cid);
         if (!apiconvo) return;
         convo = apiconvo;
+        alreadyFetched = true;
+        this._setConvo(convo);
       }
     }
     if (!convo) return;
@@ -574,14 +584,16 @@ class Store {
       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);
+        if (!alreadyFetched) {
+          let {
+            body: apiconvo
+          } = await this.api.getConversation(cid);
+          if (apiconvo) {
+            convo = apiconvo;
+            this._setConvo(convo);
+          }
+          this.pubsub.publish('account');
         }
-        this.pubsub.publish('account');
       }
     }
     if (ev.type === 'message_sent') {