@subiz/widget-v4 4.1.77 → 4.1.78

package/assets/less/message_input.less

@@ -67,6 +67,7 @@ textarea[disabled=disabled] {
 .message-input--send-button {
 	.inline-svg-code(~'<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" stroke-width="1.5" stroke="@{esc-primary-color-esc}" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4.698 4.034l16.302 7.966l-16.302 7.966a.503 .503 0 0 1 -.546 -.124a.555 .555 0 0 1 -.12 -.568l2.468 -7.274l-2.468 -7.274a.555 .555 0 0 1 .12 -.568a.503 .503 0 0 1 .546 -.124z" fill="@{esc-primary-color-esc}"/><path d="M6.5 12h14.5" /></svg>');
 	background-image: @-inline-svg-url;
+	background-size: 82%;
 }
 
 .message-input--preform {

package/assets/less/widget.less

@@ -502,11 +502,11 @@
 	white-space: pre-wrap;
 	word-wrap: break-word;
 	font-weight: 500;
-	font-size: 15px;
+	font-size: 16px;
 	display: block;
 	margin: 0;
 	margin-bottom: 0px;
-	max-height: 72px;
+	max-height: 78px;
 	overflow: hidden;
 }
 

package/compiled_src/chatbox/ChatButton.js

@@ -33,7 +33,8 @@ class ChatButton extends _common.Com {
         }
       });
       if (isquickreplies) return;
-      this.setState({
+      var tags = _index.default.filter(_index.default.map(this.renderMessagePreview(ev), tag => _index.default.trim(tag)), a => a);
+      if (_index.default.size(tags) > 0) this.setState({
         displayPreview: true,
         previewEvent: ev
       });
@@ -180,7 +181,7 @@ class ChatButton extends _common.Com {
     }
     let cls = 'widget-preview widget-preview--' + position;
     if (!this.state.displayPreview) cls += ' widget-preview--hidden';
-    var tags = this.renderMessagePreview(this.state.previewEvent, this.props.t('sent_you_a_message'));
+    var tags = this.renderMessagePreview(this.state.previewEvent);
     if (_index.default.size(tags) === 0) cls += ' widget-preview--hidden';
     return (0, _preact.h)("div", {
       class: cls
@@ -339,7 +340,7 @@ class ChatButton extends _common.Com {
     $el.src = defaultBubble;
   }
   renderMessagePreview(ev, defmsg) {
-    defmsg = defmsg || 'Sent you a message';
+    defmsg = defmsg || this.props.t('sent_you_a_message');
     let message = _index.default.get(ev, 'data.message.text');
     var format = _index.default.get(ev, 'data.message.format');
     if (format === 'delta') return this.renderDeltaMessagePreview(ev, defmsg);
@@ -357,7 +358,7 @@ class ChatButton extends _common.Com {
     return tags;
   }
   renderDeltaMessagePreview(ev, defmsg) {
-    defmsg = defmsg || 'Sent you a message';
+    defmsg = defmsg || this.props.t('sent_you_a_message');
     let message = _index.default.get(ev, 'data.message.quill_delta');
     if (!message && _index.default.size(_index.default.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return;

package/package.json

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

package/src/chatbox/ChatButton.js

@@ -32,7 +32,12 @@ export default class ChatButton extends Com {
 			})
 			if (isquickreplies) return
 
-			this.setState({displayPreview: true, previewEvent: ev})
+			// only set preview have content ev
+			var tags = sb.filter(
+				sb.map(this.renderMessagePreview(ev), (tag) => sb.trim(tag)),
+				(a) => a,
+			)
+			if (sb.size(tags) > 0) this.setState({displayPreview: true, previewEvent: ev})
 		})
 	}
 
@@ -195,7 +200,7 @@ export default class ChatButton extends Com {
 		let cls = 'widget-preview widget-preview--' + position
 		if (!this.state.displayPreview) cls += ' widget-preview--hidden'
 
-		var tags = this.renderMessagePreview(this.state.previewEvent, this.props.t('sent_you_a_message'))
+		var tags = this.renderMessagePreview(this.state.previewEvent)
 		if (sb.size(tags) === 0) cls += ' widget-preview--hidden'
 
 		return (
@@ -371,7 +376,7 @@ export default class ChatButton extends Com {
 	}
 
 	renderMessagePreview(ev, defmsg) {
-		defmsg = defmsg || 'Sent you a message'
+		defmsg = defmsg || this.props.t('sent_you_a_message')
 
 		let message = sb.get(ev, 'data.message.text')
 		var format = sb.get(ev, 'data.message.format')
@@ -394,7 +399,7 @@ export default class ChatButton extends Com {
 	}
 
 	renderDeltaMessagePreview(ev, defmsg) {
-		defmsg = defmsg || 'Sent you a message'
+		defmsg = defmsg || this.props.t('sent_you_a_message')
 
 		let message = sb.get(ev, 'data.message.quill_delta')
 		if (!message && sb.size(sb.get(ev, 'data.message.attachments')) > 0) message = defmsg