@subiz/widget-v4 4.1.120 → 4.1.121

package/dist/screenshoot.js

@@ -8287,7 +8287,22 @@ class Event extends common/* Com */.Mw {
     });
   }
   renderTyping() {
-    let innercls = 'agent-convo-event-inner';
+    if (!this.props.event.is_show) {
+      return (0,preact_module.h)("div", {
+        key: 'container',
+        class: "convo-event agent-message",
+        style: "opacity: 0 !important"
+      }, (0,preact_module.h)("div", {
+        class: "agent-convo-event-wrapper"
+      }, (0,preact_module.h)("div", {
+        class: "agent-convo-event-inner"
+      }, (0,preact_module.h)("div", {
+        class: "message-agent message-text--agent",
+        style: "opacity: 0.6 !important"
+      }, (0,preact_module.h)("div", {
+        style: "height: 20px !important; width: 35px !important"
+      })))));
+    }
     var html = `
 <html>
   <head>
@@ -8336,14 +8351,15 @@ class Event extends common/* Com */.Mw {
 `;
     let src = 'data:text/html,' + encodeURIComponent(html);
     return (0,preact_module.h)("div", {
-      class: "convo-event agent-message"
+      key: 'container',
+      class: "convo-event agent-message",
+      style: "opacity: 0.6 !important"
     }, (0,preact_module.h)("div", {
       class: "agent-convo-event-wrapper"
     }, (0,preact_module.h)("div", {
-      class: innercls
+      class: "agent-convo-event-inner"
     }, (0,preact_module.h)("div", {
-      class: "message-agent message-text--agent",
-      style: "opacity: 0.6 !important"
+      class: "message-agent message-text--agent"
     }, (0,preact_module.h)("iframe", {
       src: src,
       style: "width: 35px !important; height: 20px !important; display: block !important; overflow: hidden !important; padding: 0 !important "
@@ -8430,6 +8446,9 @@ class Event extends common/* Com */.Mw {
       });
     }
     let $sender = null;
+    if (this.props.event.mode === 'lead') $sender = (0,preact_module.h)("div", {
+      class: "pt-2"
+    });
     let $error = null;
     if (ev._error && ev.type === 'message_sent') {
       let msg = this.props.t('error_send_message');
@@ -8717,33 +8736,31 @@ class Events extends common/* Com */.Mw {
     events = util/* default */.A.map(events, ev => ({
       ev: ev
     }));
-    if (this.state.isShowTyping) {
-      let ev = this.state.typing_event || {
-        id: 'evzz' + util/* default */.A.Date.now(),
-        created: util/* default */.A.Date.now(),
-        by: {
-          type: 'agent'
-        }
-      };
-      let fakeev = {
-        is_typing: true,
+    let ev = this.state.typing_event || {
+      id: 'evzz' + util/* default */.A.Date.now(),
+      created: util/* default */.A.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 = util/* default */.A.map(events, ev => {
       let isLast = ev.ev.id === util/* default */.A.get(convo, 'last_message_sent.id');
@@ -9873,7 +9890,9 @@ class Widget extends common/* Com */.Mw {
       class: "flex-grow-1"
     }, (0,preact_module.h)("div", {
       class: "form mt-3 pl-3 pr-3 pt-3 pb-3 d-flex flex-column"
-    }, (0,preact_module.h)("div", null, title), this.renderFields(form, formName))), (0,preact_module.h)(PoweredBy, {
+    }, (0,preact_module.h)("div", null, title), this.renderFields(form, formName))), (0,preact_module.h)("div", {
+      class: "mt-2"
+    }), (0,preact_module.h)(PoweredBy, {
       store: this.props.store,
       t: this.props.t
     })), (0,preact_module.h)("div", {
@@ -9945,7 +9964,9 @@ class Widget extends common/* Com */.Mw {
       alt: "send button",
       width: "26",
       height: "26"
-    })), (0,preact_module.h)(PoweredBy, {
+    })), (0,preact_module.h)("div", {
+      class: "mt-2"
+    }), (0,preact_module.h)(PoweredBy, {
       store: this.props.store
     })));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.120",
+	"version": "4.1.121",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/chatbox/Event.js

@@ -299,7 +299,7 @@ export default class Event extends Com {
 		}
 
 		let $sender = null
-		if (this.props.event.mode === 'lead') $sender = <div class='pt-2'></div>
+		if (this.props.event.mode === 'lead') $sender = <div class='pt-3'></div>
 
 		let $error = null
 		if (ev._error && ev.type === 'message_sent') {

package/src/chatbox/TextMessage.js

@@ -7,6 +7,7 @@ import Time from './time.js'
 
 export default class TextMessage extends Com {
 	renderTime() {
+		return null
 		if (!this.props.showTime && !this.props.isLast && !this.props.isFirst) return null
 
 		return (