@subiz/widget-v4 4.1.53 → 4.1.55

package/assets/less/widget.less

@@ -224,6 +224,12 @@
 	visibility: visible;
 }
 
+.widget-container.widget-container--full {
+  max-height: 100%;
+  height: 100%;
+  margin-bottom: 0;
+}
+
 .widget-container.widget-container--hide {
 	opacity: 0;
 	visibility: hidden;

package/compiled_src/chatbox/Widget.js

@@ -156,6 +156,7 @@ class Widget extends _common.Com {
     let position = _index.default.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) position = _index.default.get(accountSetting, 'mobile_button.position', position);
     let cls = 'widget-container widget-container--' + position;
+    if (!this.props.store.isMobile() && _index.default.get(accountSetting, 'window_mode') === 'full') cls += ' widget-container--full';
     if (!this.props.isShow) cls += ' widget-container--hide';
     return (0, _preact.h)("div", {
       class: cls

package/compiled_src/util/common.js

@@ -507,6 +507,10 @@ function replaceCssVariable(css, setting) {
     if (['mobile_button.width', 'mobile_button.height', 'mobile_button.margin_x', 'mobile_button.margin_y', 'desktop_button.width', 'desktop_button.height', 'desktop_button.margin_x', 'desktop_button.margin_y', 'width', 'height'].includes(path)) {
       val += 'px';
     }
+    if (path === 'height' && op.get(setting, 'window_mode') === 'full') {
+      ret.push('100%');
+      continue;
+    }
     ret.push(val);
   }
   return ret.join('');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.53",
+	"version": "4.1.55",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -12,25 +12,25 @@
 		"@subiz/ajax": "^3.0.12",
 		"@subiz/flow": "^1.1.0",
 		"@subiz/storage": "0.0.8",
-		"@subiz/wsclient": "^4.0.18",
+		"@subiz/wsclient": "^4.0.19",
 		"cookie_js": "1.4.2",
 		"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.19.2"
+		"preact": "^10.19.3"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.23.4",
-		"@babel/core": "^7.23.5",
+		"@babel/core": "^7.23.6",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.23.4",
-		"@babel/preset-env": "^7.23.5",
+		"@babel/preset-env": "^7.23.6",
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
-		"html-webpack-plugin": "^5.5.3",
-		"puppeteer": "^21.6.0",
+		"html-webpack-plugin": "^5.5.4",
+		"puppeteer": "^21.6.1",
 		"webpack": "^5.89.0",
 		"webpack-bundle-analyzer": "^4.10.1",
 		"webpack-cli": "^5.1.4",

package/src/chatbox/Widget.js

@@ -119,6 +119,8 @@ export default class Widget extends Com {
 		let position = sb.get(accountSetting, 'desktop_button.position') || 'right'
 		if (this.props.store.isMobile()) position = sb.get(accountSetting, 'mobile_button.position', position)
 		let cls = 'widget-container widget-container--' + position
+		if (!this.props.store.isMobile() && sb.get(accountSetting, 'window_mode') === 'full')
+			cls += ' widget-container--full'
 		if (!this.props.isShow) cls += ' widget-container--hide'
 		return (
 			<div class={cls}>

package/src/util/common.js

@@ -539,6 +539,11 @@ export function replaceCssVariable(css, setting) {
 			val += 'px'
 		}
 
+		// mode is full
+		if (path === 'height' && op.get(setting, 'window_mode') === 'full') {
+			ret.push('100%')
+			continue
+		}
 		ret.push(val)
 	}