@subiz/widget-v4 4.1.116 → 4.1.117

package/compiled_src/chatbox/MessageInput.js

@@ -214,6 +214,12 @@ class MessageInput extends _common.Com {
       class: "emoji-picker--item emoji--wink"
     })));
   }
+  applyMessage(text) {
+    this.setState({
+      msgValue: text
+    });
+    this.resizeInput();
+  }
   focus() {
     if (this.props.disabled) return;
     this.refMessageInput.current && this.refMessageInput.current.focus();

package/compiled_src/chatbox/Widget.js

@@ -135,6 +135,9 @@ class Widget extends _common.Com {
     if (!this.props.store.isMobile()) this.focusInput();
     this.updateFormDataFields();
   }
+  applyMessage(text) {
+    this.focusInput(text);
+  }
   componentDidUpdate(prevProp) {
     if (prevProp.isShow !== this.props.isShow) {
       if (this.props.isShow && !this.props.store.isMobile()) this.focusInput();
@@ -727,7 +730,7 @@ class Widget extends _common.Com {
     _index.default.setTimeout(() => $input && $input.blur());
     _index.default.setTimeout(() => $input && $input.blur(), 300);
   }
-  focusInput() {
+  focusInput(text) {
     if (this.props.store.isPreview) return;
     if (this.shouldShowForm()) {
       let firstemptykey = '';
@@ -745,6 +748,9 @@ class Widget extends _common.Com {
     }
     var $input = this.msgInput.current;
     if (!$input) return;
+    if (text != undefined && typeof text === 'string') {
+      $input.applyMessage(text);
+    }
     _index.default.setTimeout(() => $input.focus());
     _index.default.setTimeout(() => $input.focus(), 300);
   }

package/compiled_src/chatbox/main.js

@@ -155,6 +155,9 @@ class Main extends _common.Com {
       cid: p.cid
     });
   }
+  applyMessage(text) {
+    this.refWidget.current && this.refWidget.current.applyMessage(text);
+  }
   showGreeting() {
     this.refButton.current && this.refButton.current.ShowGreeting();
   }

package/compiled_src/lib.js

@@ -260,6 +260,10 @@ class Widget {
     if (this.pluginMgr) this.pluginMgr.destroy();
     this.store.destroy();
   }
+  async applyMessage(msg) {
+    await this.domGate.entry();
+    this.pluginMgr.applyTextToCurrentChatbox(msg);
+  }
   _overridePlugin(plugins) {
     this.store.overridePlugin(plugins);
   }

package/compiled_src/plugin.js

@@ -264,6 +264,10 @@ class PluginMgr {
     let chatbox = this.findChatbox();
     if (chatbox) return chatbox.call('showGreeting');
   }
+  applyTextToCurrentChatbox(text) {
+    let chatbox = this.findChatbox();
+    if (chatbox) return chatbox.call('applyMessage', text);
+  }
   hideCurrentGreeting() {
     let chatbox = this.findChatbox();
     if (chatbox) return chatbox.call('hideGreeting');

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.116",
+	"version": "4.1.117",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -30,8 +30,8 @@
 		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.3",
-		"puppeteer": "^24.6.0",
-		"webpack": "^5.99.1",
+		"puppeteer": "^24.6.1",
+		"webpack": "^5.99.5",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",
 		"webpack-dev-server": "^5.2.1"

package/src/chatbox/MessageInput.js

@@ -226,6 +226,11 @@ export default class MessageInput extends Com {
 		)
 	}
 
+	applyMessage(text) {
+		this.setState({msgValue: text})
+		this.resizeInput()
+	}
+
 	focus() {
 		if (this.props.disabled) return
 		this.refMessageInput.current && this.refMessageInput.current.focus()

package/src/chatbox/Widget.js

@@ -49,6 +49,10 @@ export default class Widget extends Com {
 		this.updateFormDataFields()
 	}
 
+	applyMessage(text) {
+		this.focusInput(text)
+	}
+
 	componentDidUpdate(prevProp) {
 		if (prevProp.isShow !== this.props.isShow) {
 			if (this.props.isShow && !this.props.store.isMobile()) this.focusInput()
@@ -130,7 +134,7 @@ 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')
+		if (!this.props.store.isMobile() && sb.get(accountSetting, 'window_mode') === 'full')
 			cls += ' widget-container--full'
 		if (!this.props.isShow) cls += ' widget-container--hide'
 		let hideheader = sb.get(accountSetting, 'header.hidden', false)
@@ -709,9 +713,8 @@ export default class Widget extends Com {
 		sb.setTimeout(() => $input && $input.blur(), 300) // force lose focus
 	}
 
-	focusInput() {
+	focusInput(text) {
 		if (this.props.store.isPreview) return
-
 		if (this.shouldShowForm()) {
 			// focus on the element
 			let firstemptykey = ''
@@ -733,6 +736,9 @@ export default class Widget extends Com {
 
 		var $input = this.msgInput.current
 		if (!$input) return
+		if (text != undefined && typeof text === 'string') {
+			$input.applyMessage(text)
+		}
 		sb.setTimeout(() => $input.focus())
 		sb.setTimeout(() => $input.focus(), 300) // force focus
 	}

package/src/chatbox/main.js

@@ -168,6 +168,10 @@ export default class Main extends Com {
 		this.props.store.setLastview(p.view, {cid: p.cid})
 	}
 
+	applyMessage(text) {
+		this.refWidget.current && this.refWidget.current.applyMessage(text)
+	}
+
 	showGreeting() {
 		this.refButton.current && this.refButton.current.ShowGreeting()
 	}

package/src/lib.js

@@ -275,6 +275,11 @@ class Widget {
 		this.store.destroy()
 	}
 
+	async applyMessage(msg) {
+		await this.domGate.entry()
+		this.pluginMgr.applyTextToCurrentChatbox(msg)
+	}
+
 	_overridePlugin(plugins) {
 		this.store.overridePlugin(plugins)
 	}

package/src/plugin.js

@@ -302,6 +302,11 @@ export default class PluginMgr {
 		if (chatbox) return chatbox.call('showGreeting')
 	}
 
+	applyTextToCurrentChatbox(text) {
+		let chatbox = this.findChatbox()
+		if (chatbox) return chatbox.call('applyMessage', text)
+	}
+
 	hideCurrentGreeting() {
 		let chatbox = this.findChatbox()
 		if (chatbox) return chatbox.call('hideGreeting')