@subiz/widget-v4 4.1.30 → 4.1.31

package/assets/less/message.less

@@ -147,6 +147,10 @@
 	white-space: pre-wrap;
 }
 
+.message-user.message-user-audio {
+  flex: 1;
+}
+
 .message-agent {
 	border-radius: 7px;
 	max-width: 85%;

package/compiled_src/chatbox/AudioAttachments.js

@@ -34,7 +34,7 @@ class AudioAttachments extends _common.Com {
       })));
     });
     return (0, _preact.h)("div", {
-      class: `message-${byType}`
+      class: `message-${byType} message-${byType}-audio`
     }, $audios);
   }
 }

package/package.json

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

package/src/chatbox/AudioAttachments.js

@@ -1,13 +1,13 @@
 import sb from '../util/index.js'
-import { Com } from '../common.js'
-import { h } from 'preact'
+import {Com} from '../common.js'
+import {h} from 'preact'
 
 export default class AudioAttachments extends Com {
-	constructor (props) {
+	constructor(props) {
 		super(props)
 	}
 
-	render () {
+	render() {
 		let byType = sb.get(this.props.ev, 'by.type')
 		var attachments = sb.get(this.props.ev, 'data.message.attachments', [])
 		var audios = []
@@ -20,12 +20,12 @@ export default class AudioAttachments extends Com {
 		var $audios = sb.map(audios, (audio, index) => {
 			return (
 				<div key={index} class={`audio-attachment audio-attachment--${byType}`}>
-					<audio class="audio-attachment__audio" controls>
+					<audio class='audio-attachment__audio' controls>
 						<source src={this.props.store.replaceFileUrl(audio.url)} type={audio.mimetype} />
 					</audio>
 				</div>
 			)
 		})
-		return <div class={`message-${byType}`}>{$audios}</div>
+		return <div class={`message-${byType} message-${byType}-audio`}>{$audios}</div>
 	}
 }