@subiz/widget-v4 4.1.157 → 4.1.159

package/dist/HASH

@@ -1 +1 @@
-19888eff7f5
+1988902e994

package/dist/screenshoot.js

@@ -4352,7 +4352,6 @@ let KvMaxSize = 500;
   init() {
     if (this.initialized) return;
     let inmemItemM = {};
-    console.time('KV' + this.name);
     let allitems = this.db.all('items');
     allitems.forEach(function (item) {
       inmemItemM[item.key] = item.value;
@@ -4372,7 +4371,6 @@ let KvMaxSize = 500;
       this.db.removes('items', [removekeys]);
     }
     this.initialized = true;
-    console.timeEnd('KV' + this.name);
   }
   all() {
     if (this.dead) return [];
@@ -5690,9 +5688,9 @@ class Store {
       traffic_source: 'direct',
       events: [ev]
     };
-    this.pubsub.publish('events', ev);
     this.lightConvos[convoid] = newconvo;
     this.kv.put('light_convos', this.lightConvos);
+    this.pubsub.publish('events', ev);
     return {
       convo: newconvo
     };
@@ -6344,7 +6342,7 @@ class ChatButton extends common/* Com */.Mw {
     if (!agent) agent = this.props.store.matchAgent('*')[byid] || {};
     agent = util/* default */.A.cloneDeep(agent);
     agent.fullname = agent.fullname || util/* default */.A.get(account, 'name') || this.props.t('agent');
-    agent.avatar_url = agent.avatar_url || defaultAvatar;
+    agent.avatar_url = agent.avatar_url || account.logo_url || __webpack_require__(3582);
     let position = util/* default */.A.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) {
       position = util/* default */.A.get(accountSetting, 'mobile_button.position') || position;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.157",
+	"version": "4.1.159",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -29,7 +29,7 @@
 		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.3",
-		"puppeteer": "^24.16.0",
+		"puppeteer": "^24.16.1",
 		"webpack": "^5.101.0",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",

package/src/bot.js

@@ -13,7 +13,12 @@ export default function (store) {
 			if (!match) return
 			if (bot.id.startsWith('at')) {
 				if (!bot.welcome_message) return
-				let {error} = await store.startLightConvo(bot.id, bot.welcome_message, common.getLocale(bot, sb.detectLang()))
+				let {error} = await store.startLightConvo(
+					bot.id,
+					bot.welcome_message,
+					common.getLocale(bot, sb.detectLang()),
+					true,
+				)
 				if (error) return console.error(error)
 				store.logBotRun(bot.id)
 				return

package/src/chatbox/Event.js

@@ -384,6 +384,8 @@ export default class Event extends Com {
 
 	renderReactions() {
 		if (this.props.store.isAIDevMode()) return null
+		let cid = sb.get(this.props.event.ev, 'data.message.conversation_id', '')
+		if (cid.startsWith('cslight')) return null
 		let ev = sb.get(this.props.event, 'ev') || {}
 		let pongs = sb.get(ev, 'data.message.pongs') || []
 		let hasLike = this.hasLike()
@@ -427,6 +429,12 @@ export default class Event extends Com {
 				<div class={dislikecls} onClick={() => this.onSendReaction(hasDislike ? 'remove_dislike' : 'dislike')}>
 					<div class='message-event-action-btn-svg dislike' /> Bad
 				</div>
+				<div
+					class='message-event-action-btn message-event-action-btn__dev'
+					onClick={() => this.props.store.onShowMessageInfo(ev.id)}
+				>
+					<div class='message-event-action-btn-svg info' /> Info
+				</div>
 			</div>
 		)
 	}

package/src/chatbox/Widget.js

@@ -783,11 +783,13 @@ export default class Widget extends Com {
 			let _creating = this._creating
 			this.setState({creating: true})
 			let botid = cid.split('_')[0].slice(7) // 6 = len(cslight)
+			let oldconvo = this.props.store.matchConvo(this.props.cid)
 			const {convo, error} = await this.props.store.startConvo({
 				locale: this.props.t.locale(),
 				message: text,
 				members: [{type: 'bot', id: botid}],
 				initial_by: this.props.store.matchUser().id,
+				is_testing: oldconvo.is_testing,
 			})
 			if (_creating != this._creating) return // outdated
 			if (error) {

package/src/lib.js

@@ -118,7 +118,7 @@ class Widget {
 	}
 
 	async setAccount(id, $container, mask, cb) {
-		if (!id) return {error: 'empty_account_id'} // do nothing 
+		if (!id) return {error: 'empty_account_id'} // do nothing
 		let outmask = await this.store.init(id, mask)
 		sb.setTimeout(() => window.postMessage({type: 'widget_loaded', account_id: id}, '*'), 0) // send to chrome extension
 		// add container to client site
@@ -219,7 +219,8 @@ class Widget {
 	}
 
 	startConvo(req) {
-		return this.store.startConvo(req)
+		if (!req.is_light) return this.store.startConvo(req)
+		else return this.store.startLightConvo(req.bot_id, bot.welcome_message, req.locale, req.is_testing)
 	}
 
 	async showGreeting() {
@@ -317,6 +318,10 @@ class Widget {
 		this.subs.push(cb)
 	}
 
+	overrideWelcomeMessage(msg) {
+		this.store.overrideWelcomeMessage(msg)
+	}
+
 	overrideAccount(acc) {
 		this.store.overrideAcc(acc)
 	}

package/src/store/store.js

@@ -200,6 +200,20 @@ export default class Store {
 		return this.api.create_ticket(ticket)
 	}
 
+	overrideWelcomeMessage(msg) {
+		sb.map(this.lightConvos, (convo, convoid) => {
+			if (convo.last_message_sent) {
+				convo.last_message_sent.data.message = msg
+				convo.last_message_sent.data.message.conversation_id = convoid
+			}
+
+			let ev = sb.get(convo.events, '0')
+			ev.data.message = msg
+			ev.data.message.conversation_id = convoid
+			this.pubsub.publish('events', ev)
+		})
+	}
+
 	async overrideAcc(acc) {
 		this.forceAcc = sb.cloneDeep(acc)
 		await this.readyGate.entry()
@@ -213,6 +227,10 @@ export default class Store {
 		sb.setTimeout(this.pubsub.publish('resetCSS'), 10)
 	}
 
+	onShowMessageInfo(evid) {
+		this.pubsub.publish('events', {type: 'show_event_info', id: evid})
+	}
+
 	getDeviceInfo() {
 		let device = {
 			screen_resolution: window.screen.width + 'x' + window.screen.height,
@@ -1001,7 +1019,7 @@ export default class Store {
 		this.kv.put('light_convos', this.lightConvos)
 	}
 
-	startLightConvo(botid, message, locale) {
+	startLightConvo(botid, message, locale, is_testing) {
 		let convoid = 'cslight' + botid + '_' + this.now()
 		let user = this.cache.match('user') || {}
 
@@ -1031,6 +1049,7 @@ export default class Store {
 			touchpoint: {id: convoid, channel: 'subiz', source: 'web'},
 			traffic_source: 'direct',
 			events: [ev],
+			is_testing: is_testing,
 		}
 		this.lightConvos[convoid] = newconvo
 		this.kv.put('light_convos', this.lightConvos)