@subiz/widget-v4 4.1.111 → 4.1.113

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.111",
+	"version": "4.1.113",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -9,31 +9,31 @@
 		"lib": "rm -rf compiled_src && npx babel --out-dir=compiled_src src"
 	},
 	"dependencies": {
-		"@subiz/ajax": "^3.0.18",
+		"@subiz/ajax": "^3.0.19",
 		"@subiz/flow": "^1.1.0",
 		"@subiz/storage": "0.0.8",
-		"@subiz/wsclient": "^4.0.27",
+		"@subiz/wsclient": "^4.0.28",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.39.0",
+		"core-js": "^3.41.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
-		"less": "^4.2.1",
+		"less": "^4.2.2",
 		"less-loader": "^12.2.0",
 		"preact": "10.19.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.26.4",
-		"@babel/core": "^7.26.0",
+		"@babel/cli": "^7.27.0",
+		"@babel/core": "^7.26.10",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.25.9",
-		"@babel/preset-env": "^7.26.0",
-		"babel-loader": "^9.2.1",
+		"@babel/preset-env": "^7.26.9",
+		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.3",
-		"puppeteer": "^23.10.2",
-		"webpack": "^5.97.1",
+		"puppeteer": "^24.4.0",
+		"webpack": "^5.98.0",
 		"webpack-bundle-analyzer": "^4.10.2",
-		"webpack-cli": "^5.1.4",
-		"webpack-dev-server": "^5.1.0"
+		"webpack-cli": "^6.0.1",
+		"webpack-dev-server": "^5.2.1"
 	}
 }

package/src/chatbox/MessageInput.js

@@ -47,7 +47,7 @@ export default class MessageInput extends Com {
 				></div>
 			</div>
 		)
-		var msg = sb.trim(this.refMessageInput.current && this.refMessageInput.current.value)
+		var msg = sb.trim(this.state.msgValue)
 		if (msg.length > 0) {
 			buttons = (
 				<div class='d-flex flex-row align-self-end'>
@@ -80,6 +80,7 @@ export default class MessageInput extends Com {
 					placeholder={this.props.t('message_input_help')}
 					ref={this.refMessageInput}
 					rows='1'
+					value={this.state.msgValue}
 					onInput={(e) => this.onChange(e)}
 					onPaste={(e) => this.pasteImage(e)}
 					data-emojiable='true'
@@ -255,13 +256,13 @@ export default class MessageInput extends Com {
 	emojiPick(code) {
 		const input = this.refMessageInput.current
 		const position = input.selectionStart
-		const message = this.refMessageInput.current.value
+		const message = this.state.msgValue || ''
 
 		this.setState({
 			openEmoji: false,
+			msgValue: [message.slice(0, position), code, message.slice(position)].join(''),
 		})
 
-		this.refMessageInput.current.value = [message.slice(0, position), code, message.slice(position)].join('')
 		this.resizeInput()
 
 		input.focus()
@@ -280,7 +281,8 @@ export default class MessageInput extends Com {
 		this.sendTyping()
 	}
 
-	onChange() {
+	onChange(e) {
+		this.setState({msgValue: e.target.value})
 		this.resizeInput()
 	}
 
@@ -314,12 +316,11 @@ export default class MessageInput extends Com {
 
 	// can be called by the parent
 	async submitMessage(msg) {
-		msg = msg || sb.trim(this.refMessageInput.current.value) || ''
+		msg = msg || sb.trim(this.state.msgValue) || ''
 		if (!msg) return
 		if (this.props.disabled) return
-		this.refMessageInput.current.value = ''
+		this.setState({openEmoji: false, msgValue: ''})
 		this.resizeInput()
-		this.setState({openEmoji: false})
 		this.props.onSend && this.props.onSend({text: msg, format: 'plaintext'})
 	}
 

package/src/store/store.js

@@ -344,7 +344,10 @@ export default class Store {
 		if (!this.isInsync('events' + convoid)) {
 			await this.readyGate.entry()
 			await this.reconnectGate.entry(undefined, true)
-			if (this.isInsync('events' + convoid)) return this.reconnectGate.open()
+			if (this.isInsync('events' + convoid)) {
+				this.reconnectGate.open()
+				return {}
+			}
 			this.markSync('events' + convoid)
 
 			// reset anchor