@subiz/widget-v4 4.1.119 → 4.1.121

package/assets/less/widget.less

@@ -248,7 +248,9 @@
 
 .btn--start-convo {
 	border-radius: 7px;
-	display: block;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	padding-left: 32px;
 	padding-right: 32px;
 	height: 40px;
@@ -306,7 +308,6 @@
 }
 
 .poweredby {
-	margin-top: @spacer3;
 	margin-bottom: @spacer2;
 	text-align: center;
 

package/compiled_src/chatbox/Event.js

@@ -155,7 +155,22 @@ class Event extends _common.Com {
     });
   }
   renderTyping() {
-    let innercls = 'agent-convo-event-inner';
+    if (!this.props.event.is_show) {
+      return (0, _preact.h)("div", {
+        key: 'container',
+        class: "convo-event agent-message",
+        style: "opacity: 0 !important"
+      }, (0, _preact.h)("div", {
+        class: "agent-convo-event-wrapper"
+      }, (0, _preact.h)("div", {
+        class: "agent-convo-event-inner"
+      }, (0, _preact.h)("div", {
+        class: "message-agent message-text--agent",
+        style: "opacity: 0.6 !important"
+      }, (0, _preact.h)("div", {
+        style: "height: 20px !important; width: 35px !important"
+      })))));
+    }
     var html = `
 <html>
   <head>
@@ -204,14 +219,15 @@ class Event extends _common.Com {
 `;
     let src = 'data:text/html,' + encodeURIComponent(html);
     return (0, _preact.h)("div", {
-      class: "convo-event agent-message"
+      key: 'container',
+      class: "convo-event agent-message",
+      style: "opacity: 0.6 !important"
     }, (0, _preact.h)("div", {
       class: "agent-convo-event-wrapper"
     }, (0, _preact.h)("div", {
-      class: innercls
+      class: "agent-convo-event-inner"
     }, (0, _preact.h)("div", {
-      class: "message-agent message-text--agent",
-      style: "opacity: 0.6 !important"
+      class: "message-agent message-text--agent"
     }, (0, _preact.h)("iframe", {
       src: src,
       style: "width: 35px !important; height: 20px !important; display: block !important; overflow: hidden !important; padding: 0 !important "
@@ -298,6 +314,9 @@ class Event extends _common.Com {
       });
     }
     let $sender = null;
+    if (this.props.event.mode === 'lead') $sender = (0, _preact.h)("div", {
+      class: "pt-3"
+    });
     let $error = null;
     if (ev._error && ev.type === 'message_sent') {
       let msg = this.props.t('error_send_message');

package/compiled_src/chatbox/Events.js

@@ -106,33 +106,31 @@ class Events extends _common.Com {
     events = _index.default.map(events, ev => ({
       ev: ev
     }));
-    if (this.state.isShowTyping) {
-      let ev = this.state.typing_event || {
-        id: 'evzz' + _index.default.Date.now(),
-        created: _index.default.Date.now(),
-        by: {
-          type: 'agent'
-        }
-      };
-      let fakeev = {
-        is_typing: true,
+    let ev = this.state.typing_event || {
+      id: 'evzz' + _index.default.Date.now(),
+      created: _index.default.Date.now(),
+      by: {
+        type: 'agent'
+      }
+    };
+    let fakeev = {
+      is_typing: true,
+      is_show: this.state.isShowTyping,
+      id: ev.id,
+      ev: {
         id: ev.id,
-        ev: {
-          id: ev.id,
-          created: ev.created,
-          by: ev.by,
-          type: 'message_sent',
-          data: {
-            message: {
-              text: '...',
-              conversation_id: this.props.cid
-            }
+        created: ev.created,
+        by: ev.by,
+        type: 'message_sent',
+        data: {
+          message: {
+            text: '...',
+            conversation_id: this.props.cid
           }
         }
-      };
-      console.log('FA', fakeev);
-      events.push(fakeev);
-    }
+      }
+    };
+    events.push(fakeev);
     processEvents(convo, events);
     let $events = _index.default.map(events, ev => {
       let isLast = ev.ev.id === _index.default.get(convo, 'last_message_sent.id');

package/compiled_src/chatbox/TextMessage.js

@@ -13,6 +13,7 @@ var _time = _interopRequireDefault(require("./time.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class TextMessage extends _common.Com {
   renderTime() {
+    return null;
     if (!this.props.showTime && !this.props.isLast && !this.props.isFirst) return null;
     return (0, _preact.h)("div", null, (0, _preact.h)(_time.default, {
       class: "inline-time",

package/compiled_src/chatbox/Widget.js

@@ -652,7 +652,9 @@ class Widget extends _common.Com {
       class: "flex-grow-1"
     }, (0, _preact.h)("div", {
       class: "form mt-3 pl-3 pr-3 pt-3 pb-3 d-flex flex-column"
-    }, (0, _preact.h)("div", null, title), this.renderFields(form, formName))), (0, _preact.h)(_PoweredBy.default, {
+    }, (0, _preact.h)("div", null, title), this.renderFields(form, formName))), (0, _preact.h)("div", {
+      class: "mt-2"
+    }), (0, _preact.h)(_PoweredBy.default, {
       store: this.props.store,
       t: this.props.t
     })), (0, _preact.h)("div", {
@@ -724,7 +726,9 @@ class Widget extends _common.Com {
       alt: "send button",
       width: "26",
       height: "26"
-    })), (0, _preact.h)(_PoweredBy.default, {
+    })), (0, _preact.h)("div", {
+      class: "mt-2"
+    }), (0, _preact.h)(_PoweredBy.default, {
       store: this.props.store
     })));
   }