@subiz/widget-v4 4.1.103 → 4.1.104

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.103",
+	"version": "4.1.104",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -27,10 +27,10 @@
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.25.2",
 		"@babel/preset-env": "^7.25.4",
-		"babel-loader": "^9.1.3",
+		"babel-loader": "^9.2.1",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.0",
-		"puppeteer": "^23.3.0",
+		"puppeteer": "^23.3.1",
 		"webpack": "^5.94.0",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^5.1.4",

package/src/chatbox/ChatButton.js

@@ -100,6 +100,10 @@ export default class ChatButton extends Com {
 		this.setState({previewEvent: {}})
 	}
 
+	ClosePreview() {
+		this.setState({displayPreview: false})
+	}
+
 	// this method could be call from the parent
 	ShowGreeting() {
 		// workaround for bao chau elect dont want show greeting in mobile

package/src/chatbox/Widget.js

@@ -279,6 +279,15 @@ export default class Widget extends Com {
 	formMounted = (form) => {
 		// waiting for element to be created
 		let formData = this.fillForm(form)
+		if (form.question_required || this.state.quickReplyMessage.text) {
+			formData['question'] = {
+				key: 'question',
+				is_required: true,
+				label: this.props.t.i18n(sb.get(form, `i18n_question_label`, {})) || form.question_label,
+				type: 'text',
+				value: this.state.quickReplyMessage.text,
+			}
+		}
 
 		this.setState({formData})
 		// dont steal focus on mobile or trying to override form
@@ -1155,16 +1164,6 @@ export default class Widget extends Com {
 				list: sb.map(form.groups, (group) => ({value: group.id, label: group.name})),
 			}
 		}
-
-		if (form.question_required) {
-			data['question'] = {
-				key: 'question',
-				is_required: true,
-				label: this.props.t.i18n(sb.get(form, `i18n_question_label`, {})) || form.question_label,
-				type: 'text',
-				value: this.state.quickReplyMessage.text,
-			}
-		}
 		return data
 	}
 }

package/src/chatbox/main.js

@@ -188,6 +188,8 @@ export default class Main extends Com {
 
 	onWidgetClose() {
 		this.refButton.current && this.refButton.current.ClearPreview()
+		// need call closePreview if not this will display default agent avatar and account name
+		this.refButton.current && this.refButton.current.ClosePreview()
 		this.props.store.setHasManuallyClosed()
 		this.hideWidget()
 

package/src/lib.js

@@ -147,6 +147,10 @@ class Widget {
 		return this.pluginMgr.getCurrentView()
 	}
 
+	createTicket(ticket) {
+		return this.createTicket(ticket)
+	}
+
 	expandWidget(view, convo) {
 		return this.showWidget(view, convo)
 	}

package/src/store/api.js

@@ -314,4 +314,5 @@ export default class {
 	list_wards = (p) => this.apireq.setQuery(p).get(`/accounts/${this.accid}/wards`)
 
 	suggest_address = (keyword) => this.apireq.setQuery({keyword: keyword}).get(`/accounts/${this.accid}/addresses`)
+	create_ticket = (ticket) => this.apireq.post(`/accounts/${this.accid}/tickets`, ticket)
 }

package/src/store/store.js

@@ -168,6 +168,10 @@ export default class Store {
 		return this.api.createShippingAddress(addr)
 	}
 
+	createTicket(ticket) {
+		return this.api.create_ticket(ticket)
+	}
+
 	async overrideAcc(acc) {
 		this.forceAcc = sb.cloneDeep(acc)
 		await this.readyGate.entry()