@subiz/widget-v4 4.1.49 → 4.1.52

package/compiled_src/chatbox/VideoAttachments.js

@@ -31,8 +31,7 @@ class VideoAttachments extends _common.Com {
         height: "",
         poster: this.props.store.replaceFileUrl(video.thumbnail_url),
         controls: "controls",
-        preload: "metadata",
-        onclick: "this.play()"
+        preload: "metadata"
       }));
     });
     return (0, _preact.h)("div", {

package/compiled_src/lib.js

@@ -60,6 +60,10 @@ class Widget {
     let accid = param.account_id;
     let ref = param.ref;
     let user = await this.store.init(accid, undefined, ref);
+    _index.default.setTimeout(() => window.postMessage({
+      type: 'widget_loaded',
+      account_id: accid
+    }, '*'), 0);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new _plugin.default(this, $container);
     let clean = _index.default.setInterval(() => {
@@ -72,6 +76,10 @@ class Widget {
   }
   async setAccount(id, $container, mask, cb) {
     let outmask = await this.store.init(id, mask);
+    _index.default.setTimeout(() => window.postMessage({
+      type: 'widget_loaded',
+      account_id: id
+    }, '*'), 0);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new _plugin.default(this, $container);
     let clean = _index.default.setInterval(() => {

package/compiled_src/plugin.js

@@ -18,7 +18,9 @@ function Plugin(plugin, store, $container, lib) {
   if (!$container) throw '$div must is a valid html node';
   var $div = document.createElement('div');
   $div.id = plugin.id;
+  let acc = store.matchAccount();
   $div.setAttribute('sbz-plugin-type', plugin.type);
+  $div.setAttribute('sbz-plugin-account-id', acc.id);
   $container.appendChild($div);
   let _locale = common.getLocale(plugin, _index.default.detectLang());
   var domGate = new _index.default.Gate();
@@ -131,7 +133,6 @@ function Plugin(plugin, store, $container, lib) {
     let message = _index.default.find(messages, message => message.key === key);
     return _index.default.get(message, 'message', key);
   };
-  let acc = store.matchAccount();
   t.i18n = i18nText => {
     if (!i18nText) return '';
     let fallbackLocale = plugin.locale || acc.locale || 'vi-VN';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.49",
+	"version": "4.1.52",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -12,28 +12,27 @@
 		"@subiz/ajax": "^3.0.12",
 		"@subiz/flow": "^1.1.0",
 		"@subiz/storage": "0.0.8",
-		"@subiz/wsclient": "^4.0.16",
+		"@subiz/wsclient": "^4.0.18",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.33.0",
+		"core-js": "^3.34.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.2.0",
 		"less-loader": "^11.1.3",
-		"preact": "^10.18.2"
+		"preact": "^10.19.2"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.23.0",
-		"@babel/core": "^7.23.3",
+		"@babel/cli": "^7.23.4",
+		"@babel/core": "^7.23.5",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/plugin-transform-react-jsx": "^7.22.15",
-		"@babel/preset-env": "^7.23.3",
+		"@babel/plugin-transform-react-jsx": "^7.23.4",
+		"@babel/preset-env": "^7.23.5",
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.3",
-		"prettier": "^3.0.3",
-		"puppeteer": "^21.5.1",
-		"webpack": "^5.88.2",
-		"webpack-bundle-analyzer": "^4.9.1",
+		"puppeteer": "^21.6.0",
+		"webpack": "^5.89.0",
+		"webpack-bundle-analyzer": "^4.10.1",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^4.15.1"
 	}

package/src/chatbox/VideoAttachments.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 VideoAttachments extends Com {
 	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 videos = []
@@ -22,14 +22,16 @@ export default class VideoAttachments extends Com {
 			return (
 				<div class={`video-attachment video-attachment--${byType}`}>
 					<video
-						class="video-attachment__video"
+						class='video-attachment__video'
 						src={this.props.store.replaceFileUrl(video.url)}
-						width="100%"
-						height=""
+						width='100%'
+						height=''
 						poster={this.props.store.replaceFileUrl(video.thumbnail_url)}
-						controls="controls"
-						preload="metadata"
-						onclick="this.play()"></video>
+						controls='controls'
+						preload='metadata'
+						// remove onclick because preact build error
+						//onclick="this.play()"
+					></video>
 				</div>
 			)
 		})

package/src/lib.js

@@ -54,6 +54,8 @@ class Widget {
 		let ref = param.ref
 
 		let user = await this.store.init(accid, undefined, ref)
+		sb.setTimeout(() => window.postMessage({type: 'widget_loaded', account_id: accid}, '*'), 0) // send to chrome extension
+
 		// add container to client site
 		if (!$container) $container = document.body || document
 		this.pluginMgr = new PluginMgr(this, $container)
@@ -70,6 +72,7 @@ class Widget {
 
 	async setAccount(id, $container, mask, cb) {
 		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
 		if (!$container) $container = document.body || document
 		this.pluginMgr = new PluginMgr(this, $container)

package/src/plugin.js

@@ -11,7 +11,9 @@ function Plugin(plugin, store, $container, lib) {
 	if (!$container) throw '$div must is a valid html node'
 	var $div = document.createElement('div')
 	$div.id = plugin.id
+	let acc = store.matchAccount()
 	$div.setAttribute('sbz-plugin-type', plugin.type)
+	$div.setAttribute('sbz-plugin-account-id', acc.id)
 	$container.appendChild($div) // use body as container
 
 	// auto detect language first
@@ -142,7 +144,6 @@ function Plugin(plugin, store, $container, lib) {
 		return sb.get(message, 'message', key)
 	}
 
-	let acc = store.matchAccount()
 	t.i18n = (i18nText) => {
 		if (!i18nText) return ''
 		let fallbackLocale = plugin.locale || acc.locale || 'vi-VN'