@subiz/widget-v4 4.1.144 → 4.1.146

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) {
@@ -5410,11 +5408,16 @@ class Store {
     ev.created = util/* default */.A.getMs(ev.created);
     if (ev.type === 'user_info_updated') {
       return;
-      let user = sb.cloneDeep(this.cache.match('user'));
-      let attrs = sb.get(ev, 'data.user.attributes') || [];
-      sb.map(attrs, attr => sb.setUserAttr(user, attr));
-      this._setUser(user);
-      return;
+      // removed by dead control flow
+{}
+      // removed by dead control flow
+{}
+      // removed by dead control flow
+{}
+      // removed by dead control flow
+{}
+      // removed by dead control flow
+{}
     }
     let user = this.cache.match('user') || {};
     let cid = util/* default */.A.convoOfEv(ev);
@@ -6537,6 +6540,9 @@ function AgentsAvatar(props) {
   })));
 }
 ;// ./src/chatbox/Header.js
+function Header_defineProperty(e, r, t) { return (r = Header_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function Header_toPropertyKey(t) { var i = Header_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function Header_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -6545,6 +6551,19 @@ function AgentsAvatar(props) {
 class Header extends common/* Com */.Mw {
   constructor(props) {
     super(props);
+    Header_defineProperty(this, "renderAgentAvatar", () => {
+      let accSetting = this.props.plugin.chatbox || {};
+      let agids = util/* default */.A.get(accSetting, 'header.agent_ids') || [];
+      let agent = util/* default */.A.get(this.props.store.matchAgent(agids[0]));
+      let logoUrl = util/* default */.A.get(agent, 'avatar_url_128') || util/* default */.A.get(agent, 'avatar_url');
+      if (!logoUrl) return;
+      return (0,preact_module.h)("img", {
+        width: 38,
+        height: 38,
+        class: "avatar avatar__account",
+        src: this.props.store.replaceFileUrl(logoUrl) || __webpack_require__(3582)
+      });
+    });
   }
   renderAccountAvatar() {
     let acc = this.props.store.matchAccount() || {};
@@ -6589,10 +6608,11 @@ class Header extends common/* Com */.Mw {
     let $back = null;
     let style = '';
     if (!classic) $back = this.renderBackButton();else style = 'padding-bottom: 75px !important;';
+    let layout = util/* default */.A.get(accSetting, 'header.layout');
     return (0,preact_module.h)("div", {
       class: cls,
       style: style
-    }, $back, this.renderAccountAvatar(), (0,preact_module.h)("div", {
+    }, $back, layout === 'agent' ? this.renderAgentAvatar() : this.renderAccountAvatar(), (0,preact_module.h)("div", {
       class: "widget-header--title-container"
     }, (0,preact_module.h)("div", {
       class: "widget-header--title"
@@ -7982,18 +8002,16 @@ class FormSubmitAttachments extends common/* Com */.Mw {
   }
   render() {
     return null;
-    let submits = [];
-    let attachments = sb.get(this.props.ev, 'data.message.attachments') || [];
-    sb.each(attachments, att => {
-      if (!att) return;
-      if (att.type !== 'form_submit') return;
-      if (!att.form_submit) return;
-      submits.push(att.form_submit);
-    });
-    let $submits = sb.map(submits, (submit, index) => h("div", {
-      class: "info-message"
-    }, h("span", null, this.props.tt('prechat_form_thanks'))));
-    return h("div", null, $submits);
+    // removed by dead control flow
+{}
+    // removed by dead control flow
+{}
+    // removed by dead control flow
+{}
+    // removed by dead control flow
+{}
+    // removed by dead control flow
+{}
   }
 }
 ;// ./src/chatbox/touchscroll.js
@@ -8267,12 +8285,10 @@ var chatbox_time = __webpack_require__(1620);
 class TextMessage extends common/* Com */.Mw {
   renderTime() {
     return null;
-    if (!this.props.showTime && !this.props.isLast && !this.props.isFirst) return null;
-    return h("div", null, h(Time, {
-      class: "inline-time",
-      time: sb.get(this.props.ev, 'created', sb.Date.now()),
-      t: this.props.t
-    }));
+    // removed by dead control flow
+{}
+    // removed by dead control flow
+{}
   }
   render() {
     var format = util/* default */.A.get(this.props.ev, 'data.message.format', 'plaintext');
@@ -11338,6 +11354,7 @@ class lib_Widget {
     return outmask;
   }
   async setAccount(id, $container, mask, cb) {
+    if (!id) return;
     let outmask = await this.store.init(id, mask);
     util/* default */.A.setTimeout(() => window.postMessage({
       type: 'widget_loaded',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.144",
+	"version": "4.1.146",
 	"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}>

package/src/lib.js

@@ -114,6 +114,7 @@ class Widget {
 	}
 
 	async setAccount(id, $container, mask, cb) {
+		if (!id) return // do nothing
 		let outmask = await this.store.init(id, mask)
 		sb.setTimeout(() => window.postMessage({type: 'widget_loaded', account_id: id}, '*'), 0) // send to chrome extension
 		// add container to client site