@subiz/widget-v4 4.1.103 → 4.1.105

package/compiled_src/chatbox/ChatButton.js

@@ -83,6 +83,11 @@ class ChatButton extends _common.Com {
       previewEvent: {}
     });
   }
+  ClosePreview() {
+    this.setState({
+      displayPreview: false
+    });
+  }
   ShowGreeting() {
     if (this.props.store.isMobile()) {
       let accid = _index.default.get(this.props.plugin, 'chatbox.account_id', {});

package/compiled_src/chatbox/Event.js

@@ -292,8 +292,13 @@ class Event extends _common.Com {
     if (bytype === 'user') return _index.default.getUserDisplayName(this.props.store.matchUser());
     let acc = this.props.store.matchAccount();
     if (bytype === 'agent') return _index.default.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
+    if (bytype === 'bot') {
+      let bot = this.props.store.matchBot(byid);
+      if (!bot) return 'Bot';
+      return bot.fullname || 'Bot';
+    }
     if (byid === 'system' || bytype === 'dummy' || bytype === 'workflow') return acc.name || 'system';
-    return '';
+    return acc.name;
   }
 }
 exports.default = Event;

package/compiled_src/chatbox/Widget.js

@@ -36,6 +36,15 @@ class Widget extends _common.Com {
     _defineProperty(this, "msgInput", (0, _preact.createRef)());
     _defineProperty(this, "formMounted", form => {
       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(_index.default.get(form, `i18n_question_label`, {})) || form.question_label,
+          type: 'text',
+          value: this.state.quickReplyMessage.text
+        };
+      }
       this.setState({
         formData
       });
@@ -1054,15 +1063,6 @@ class Widget extends _common.Com {
         }))
       };
     }
-    if (form.question_required) {
-      data['question'] = {
-        key: 'question',
-        is_required: true,
-        label: this.props.t.i18n(_index.default.get(form, `i18n_question_label`, {})) || form.question_label,
-        type: 'text',
-        value: this.state.quickReplyMessage.text
-      };
-    }
     return data;
   }
 }

package/compiled_src/chatbox/main.js

@@ -173,6 +173,7 @@ class Main extends _common.Com {
   }
   onWidgetClose() {
     this.refButton.current && this.refButton.current.ClearPreview();
+    this.refButton.current && this.refButton.current.ClosePreview();
     this.props.store.setHasManuallyClosed();
     this.hideWidget();
     this.props.store.emitCloseWidgetEvent();

package/compiled_src/lib.js

@@ -142,6 +142,10 @@ class Widget {
     await this.domGate.entry();
     return this.pluginMgr.getCurrentView();
   }
+  async createTicket(ticket) {
+    await this.domGate.entry();
+    return this.createTicket(ticket);
+  }
   expandWidget(view, convo) {
     return this.showWidget(view, convo);
   }

package/compiled_src/store/api.js

@@ -114,6 +114,7 @@ class _default {
     _defineProperty(this, "suggest_address", keyword => this.apireq.setQuery({
       keyword: keyword
     }).get(`/accounts/${this.accid}/addresses`));
+    _defineProperty(this, "create_ticket", ticket => this.apireq.post(`/accounts/${this.accid}/tickets`, ticket));
     this.refreshLock = new _index.default.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;

package/compiled_src/store/store.js

@@ -297,6 +297,9 @@ class Store {
   createShippingAddress(addr) {
     return this.api.createShippingAddress(addr);
   }
+  createTicket(ticket) {
+    return this.api.create_ticket(ticket);
+  }
   async overrideAcc(acc) {
     this.forceAcc = _index.default.cloneDeep(acc);
     await this.readyGate.entry();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.103",
+	"version": "4.1.105",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -22,16 +22,16 @@
 		"preact": "10.19.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.25.6",
-		"@babel/core": "^7.25.2",
+		"@babel/cli": "^7.25.7",
+		"@babel/core": "^7.25.7",
 		"@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/plugin-transform-react-jsx": "^7.25.7",
+		"@babel/preset-env": "^7.25.7",
+		"babel-loader": "^9.2.1",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.0",
-		"puppeteer": "^23.3.0",
-		"webpack": "^5.94.0",
+		"puppeteer": "^23.5.0",
+		"webpack": "^5.95.0",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.1.0"

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/Event.js

@@ -251,7 +251,12 @@ export default class Event extends Com {
 		if (bytype === 'user') return sb.getUserDisplayName(this.props.store.matchUser())
 		let acc = this.props.store.matchAccount()
 		if (bytype === 'agent') return sb.getAgentDisplayName(acc, this.props.store.matchAgent(byid))
+		if (bytype === 'bot') {
+			let bot = this.props.store.matchBot(byid)
+			if (!bot) return 'Bot'
+			return bot.fullname || 'Bot'
+		}
 		if (byid === 'system' || bytype === 'dummy' || bytype === 'workflow') return acc.name || 'system'
-		return ''
+		return acc.name
 	}
 }

package/src/chatbox/Events.js

@@ -248,11 +248,7 @@ function processEvents(convo, events) {
 
 function visibleEvent(ev) {
 	let type = sb.get(ev, 'type')
-	return (
-		// type === 'conversation_joined' ||
-		// type === 'conversation_left' ||
-		type === 'message_sent' || type === 'conversation_state_updated'
-	)
+	return type === 'message_sent' || type === 'conversation_state_updated'
 }
 
 function isSummited(form) {

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,11 @@ class Widget {
 		return this.pluginMgr.getCurrentView()
 	}
 
+	async createTicket(ticket) {
+		await this.domGate.entry()
+		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()