@subiz/widget-v4 4.1.144 → 4.1.145

package/dist/HASH

@@ -1 +1 @@
-196d3465f26
+196d399136f

package/dist/screenshoot.js

@@ -916,10 +916,10 @@ function Realtime(apiUrls, credential, callAPI, accid, skipautoreconnect) {
 			randomUrl,
 			credential,
 			function (code, body, status) {
-				if (myconn != conn) return // outdated
+				if (conn === undefined || myconn != conn) return // outdated
 				conn = undefined // prevent dupplicate dead fire
 				pubsub.emit('interrupted', code, body, status)
-				// if (!skipautoreconnect) setTimeout(reconnect, 2000) // reconnect and resubscribe after 2 sec
+				if (!skipautoreconnect) setTimeout(reconnect, 2000) // reconnect and resubscribe after 2 sec
 			},
 			function (events) {
 				if (myconn != conn) return
@@ -5003,9 +5003,7 @@ class Store {
       await util/* default */.A.sleep(this.CONNECTION_CHECK_INTERVAL);
       if (!this.realtime) continue;
       if (!this.realtime.getStatus || !this.realtime.reconnect) continue;
-      if (this.connectionStatus === 'dead') {
-        await this.realtime.reconnect();
-      }
+      if (this.connectionStatus === 'dead') {}
       let currentStatus = this.connectionStatus;
       this.connectionStatus = this.realtime.getStatus();
       if (currentStatus !== this.connectionStatus) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.144",
+	"version": "4.1.145",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -30,8 +30,8 @@
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.3",
 		"prettier": "^3.5.3",
-		"puppeteer": "^24.8.2",
-		"webpack": "^5.99.8",
+		"puppeteer": "^24.9.0",
+		"webpack": "^5.99.9",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",
 		"webpack-dev-server": "^5.2.1"

package/src/chatbox/Header.js

@@ -23,6 +23,23 @@ export default class Header extends Com {
 		)
 	}
 
+	renderAgentAvatar = () => {
+		let accSetting = this.props.plugin.chatbox || {}
+		let agids = sb.get(accSetting, 'header.agent_ids') || []
+		let agent = sb.get(this.props.store.matchAgent(agids[0]))
+		let logoUrl = sb.get(agent, 'avatar_url_128') || sb.get(agent, 'avatar_url')
+
+		if (!logoUrl) return
+		return (
+			<img
+				width={38}
+				height={38}
+				class='avatar avatar__account'
+				src={this.props.store.replaceFileUrl(logoUrl) || require('../../assets/img/image_default.png')}
+			/>
+		)
+	}
+
 	render() {
 		let headerMode = 'collapsed'
 
@@ -66,10 +83,12 @@ export default class Header extends Com {
 		let style = ''
 		if (!classic) $back = this.renderBackButton()
 		else style = 'padding-bottom: 75px !important;'
+
+		let layout = sb.get(accSetting, 'header.layout')
 		return (
 			<div class={cls} style={style}>
 				{$back}
-				{this.renderAccountAvatar()}
+				{layout === 'agent' ? this.renderAgentAvatar() : this.renderAccountAvatar()}
 				<div class='widget-header--title-container'>
 					<div class='widget-header--title'>{this.getTitle()}</div>
 					<div class='widget-header--description' title={desc}>