@subiz/widget-v4 4.1.157 → 4.1.159

package/assets/less/message.less

@@ -897,12 +897,18 @@ a.product_attachment__title {
 .message-event-action-btn-svg.dislike {
 	background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItZG93biI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTN2LThhMSAxIDAgMCAwIC0xIC0xaC0yYTEgMSAwIDAgMCAtMSAxdjdhMSAxIDAgMCAwIDEgMWgzYTQgNCAwIDAgMSA0IDR2MWEyIDIgMCAwIDAgNCAwdi01aDNhMiAyIDAgMCAwIDIgLTJsLTEgLTVhMiAzIDAgMCAwIC0yIC0yaC03YTMgMyAwIDAgMCAtMyAzIiAvPjwvc3ZnPgo=');
 }
+.message-event-action-btn-svg.info {
+	background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiM2Yzc1N2QiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=');
+}
 .message-event-action-btn:hover .message-event-action-btn-svg.like {
 	background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNyAxMXY4YTEgMSAwIDAgMSAtMSAxaC0yYTEgMSAwIDAgMSAtMSAtMXYtN2ExIDEgMCAwIDEgMSAtMWgzYTQgNCAwIDAgMCA0IC00di0xYTIgMiAwIDAgMSA0IDB2NWgzYTIgMiAwIDAgMSAyIDJsLTEgNWEyIDMgMCAwIDEgLTIgMmgtN2EzIDMgMCAwIDEgLTMgLTMiIC8+PC9zdmc+Cg==');
 }
 .message-event-action-btn:hover .message-event-action-btn-svg.dislike {
 	background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDEzdi04YTEgMSAwIDAgMCAtMSAtMWgtMmExIDEgMCAwIDAgLTEgMXY3YTEgMSAwIDAgMCAxIDFoM2E0IDQgMCAwIDEgNCA0djFhMiAyIDAgMCAwIDQgMHYtNWgzYTIgMiAwIDAgMCAyIC0ybC0xIC01YTIgMyAwIDAgMCAtMiAtMmgtN2EzIDMgMCAwIDAgLTMgMyIgLz48L3N2Zz4K');
 }
+.message-event-action-btn:hover .message-event-action-btn-svg.info {
+	background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=');
+}
 .message-event-action-btn.active .message-event-action-btn-svg.like {
 	background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9IiMzNEM3NTkiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItZmlsbGVkIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTMgM2EzIDMgMCAwIDEgMi45OTUgMi44MjRsLjAwNSAuMTc2djRoMmEzIDMgMCAwIDEgMi45OCAyLjY1bC4wMTUgLjE3NGwuMDA1IC4xNzZsLS4wMiAuMTk2bC0xLjAwNiA1LjAzMmMtLjM4MSAxLjYyNiAtMS41MDIgMi43OTYgLTIuODEgMi43OGwtLjE2NCAtLjAwOGgtOGExIDEgMCAwIDEgLS45OTMgLS44ODNsLS4wMDcgLS4xMTdsLjAwMSAtOS41MzZhMSAxIDAgMCAxIC41IC0uODY1YTIuOTk4IDIuOTk4IDAgMCAwIDEuNDkyIC0yLjM5N2wuMDA3IC0uMjAydi0xYTMgMyAwIDAgMSAzIC0zeiIgLz48cGF0aCBkPSJNNSAxMGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3Y5YTEgMSAwIDAgMSAtLjg4MyAuOTkzbC0uMTE3IC4wMDdoLTFhMiAyIDAgMCAxIC0xLjk5NSAtMS44NWwtLjAwNSAtLjE1di03YTIgMiAwIDAgMSAxLjg1IC0xLjk5NWwuMTUgLS4wMDVoMXoiIC8+PC9zdmc+Cg==');
 }

package/assets/less/message_input.less

@@ -86,7 +86,7 @@ textarea[disabled='disabled'] {
 
 .message-input--preform {
 	justify-content: center;
-	padding: @spacer2 @spacer3;
+	padding: 11px; @spacer2;
 }
 
 .btn--preform {

package/compiled_src/bot.js

@@ -21,7 +21,7 @@ function _default(store) {
         if (!bot.welcome_message) return;
         let {
           error
-        } = await store.startLightConvo(bot.id, bot.welcome_message, common.getLocale(bot, _index.default.detectLang()));
+        } = await store.startLightConvo(bot.id, bot.welcome_message, common.getLocale(bot, _index.default.detectLang()), true);
         if (error) return console.error(error);
         store.logBotRun(bot.id);
         return;

package/compiled_src/chatbox/Event.js

@@ -435,6 +435,8 @@ class Event extends _common.Com {
   }
   renderReactions() {
     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();
@@ -480,7 +482,12 @@ class Event extends _common.Com {
       onClick: () => this.onSendReaction(hasDislike ? 'remove_dislike' : 'dislike')
     }, (0, _preact.h)("div", {
       class: "message-event-action-btn-svg dislike"
-    }), " Bad"));
+    }), " Bad"), (0, _preact.h)("div", {
+      class: "message-event-action-btn message-event-action-btn__dev",
+      onClick: () => this.props.store.onShowMessageInfo(ev.id)
+    }, (0, _preact.h)("div", {
+      class: "message-event-action-btn-svg info"
+    }), " Info"));
   }
   renderUpdateConvo(ev) {
     var state = _index.default.get(ev, 'data.conversation.state');

package/compiled_src/chatbox/Widget.js

@@ -64,6 +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);
         const {
           convo,
           error
@@ -74,7 +75,8 @@ class Widget extends _common.Com {
             type: 'bot',
             id: botid
           }],
-          initial_by: this.props.store.matchUser().id
+          initial_by: this.props.store.matchUser().id,
+          is_testing: oldconvo.is_testing
         });
         if (_creating != this._creating) return;
         if (error) {

package/compiled_src/lib.js

@@ -217,7 +217,7 @@ class Widget {
     return this.store.sendConversion(formid, values, impressiontoken);
   }
   startConvo(req) {
-    return this.store.startConvo(req);
+    if (!req.is_light) return this.store.startConvo(req);else return this.store.startLightConvo(req.bot_id, bot.welcome_message, req.locale, req.is_testing);
   }
   async showGreeting() {
     await this.domGate.entry();
@@ -288,6 +288,9 @@ class Widget {
     this.subs = _index.default.filter(this.subs, sub => sub !== cb);
     this.subs.push(cb);
   }
+  overrideWelcomeMessage(msg) {
+    this.store.overrideWelcomeMessage(msg);
+  }
   overrideAccount(acc) {
     this.store.overrideAcc(acc);
   }

package/compiled_src/store/store.js

@@ -334,6 +334,18 @@ class Store {
   createTicket(ticket) {
     return this.api.create_ticket(ticket);
   }
+  overrideWelcomeMessage(msg) {
+    _index.default.map(this.lightConvos, (convo, convoid) => {
+      if (convo.last_message_sent) {
+        convo.last_message_sent.data.message = msg;
+        convo.last_message_sent.data.message.conversation_id = convoid;
+      }
+      let ev = _index.default.get(convo.events, '0');
+      ev.data.message = msg;
+      ev.data.message.conversation_id = convoid;
+      this.pubsub.publish('events', ev);
+    });
+  }
   async overrideAcc(acc) {
     this.forceAcc = _index.default.cloneDeep(acc);
     await this.readyGate.entry();
@@ -345,6 +357,12 @@ class Store {
     await this.reconnect();
     _index.default.setTimeout(this.pubsub.publish('resetCSS'), 10);
   }
+  onShowMessageInfo(evid) {
+    this.pubsub.publish('events', {
+      type: 'show_event_info',
+      id: evid
+    });
+  }
   getDeviceInfo() {
     let device = {
       screen_resolution: window.screen.width + 'x' + window.screen.height,
@@ -847,7 +865,7 @@ class Store {
     delete this.lightConvos[id];
     this.kv.put('light_convos', this.lightConvos);
   }
-  startLightConvo(botid, message, locale) {
+  startLightConvo(botid, message, locale, is_testing) {
     let convoid = 'cslight' + botid + '_' + this.now();
     let user = this.cache.match('user') || {};
     let old = this.lightConvos[convoid];
@@ -890,7 +908,8 @@ class Store {
         source: 'web'
       },
       traffic_source: 'direct',
-      events: [ev]
+      events: [ev],
+      is_testing: is_testing
     };
     this.lightConvos[convoid] = newconvo;
     this.kv.put('light_convos', this.lightConvos);