@subiz/widget-v4 4.1.155 → 4.1.157

package/src/chatbox/ChatButton.js

@@ -22,7 +22,7 @@ export default class ChatButton extends Com {
 			if (sb.get(ev, 'type') !== 'message_sent') return
 
 			let bytype = sb.get(ev, 'by.type')
-			if (bytype !== 'system' && bytype !== 'agent') return
+			if (bytype !== 'system' && bytype !== 'agent' && bytype !== 'bot') return
 
 			let isquickreplies = false
 			sb.map(sb.get(ev, 'data.message.attachments', []), (att) => {
@@ -106,25 +106,38 @@ export default class ChatButton extends Com {
 		this.setState({displayPreview: false})
 	}
 
-	// this method could be call from the parent
-	ShowGreeting() {
-		// workaround for bao chau elect dont want show greeting in mobile
-		if (this.props.store.isMobile()) {
-			let accid = sb.get(this.props.plugin, 'chatbox.account_id', {})
-			if (accid === 'acqjeefqeaoiagyfprap') return
-		}
-		let greeting = sb.get(this.props.plugin, 'chatbox.greeting', {})
-		let agentM = this.props.store.matchAgent('*')
-		let byid = greeting.agent_id
-		if (!byid) byid = randomAgent(agentM).id
-
-		let text = this.props.t.i18n(sb.get(greeting, 'greeting', {})) || greeting.message
+	pickBestGreeting() {
+		let convoM = this.props.store.matchConvo('*')
+		let unseenConvo = sb
+			.filter(convoM, (convo) => {
+				let seen = sb.isConvoSeen(convo, this.props.store.matchUser().id)
+				return !seen
+			})
+			.sort((a, b) => sb.get(b, 'last_message_sent.created', 0) - sb.get(a, 'last_message_sent.created', 0))
+		if (sb.size(unseenConvo) == 0) {
+			// workaround for bao chau elect dont want show greeting in mobile
+			if (this.props.store.isMobile()) {
+				let accid = sb.get(this.props.plugin, 'chatbox.account_id', {})
+				if (accid === 'acqjeefqeaoiagyfprap') return
+			}
+			let greeting = sb.get(this.props.plugin, 'chatbox.greeting', {})
+			let agentM = this.props.store.matchAgent('*')
+			let byid = greeting.agent_id
+			if (!byid) byid = randomAgent(agentM).id
 
-		this.setState({
-			previewEvent: {
+			let text = this.props.t.i18n(sb.get(greeting, 'greeting', {})) || greeting.message
+			return {
 				by: {id: byid, type: 'agent'},
 				data: {message: {text, format: 'plaintext'}},
-			},
+			}
+		}
+		return unseenConvo[0].last_message_sent
+	}
+
+	// this method could be call from the parent
+	ShowGreeting() {
+		this.setState({
+			previewEvent: this.pickBestGreeting(),
 			displayPreview: true,
 		})
 	}
@@ -195,7 +208,7 @@ export default class ChatButton extends Com {
 		if (!agent) agent = this.props.store.matchAgent('*')[byid] || {}
 		agent = sb.cloneDeep(agent)
 		agent.fullname = agent.fullname || sb.get(account, 'name') || this.props.t('agent')
-		agent.avatar_url = agent.avatar_url || defaultAvatar
+		agent.avatar_url = agent.avatar_url || account.logo_url || require('../../assets/img/image_default.png')
 		let position = sb.get(accountSetting, 'desktop_button.position') || 'right'
 		if (this.props.store.isMobile()) {
 			position = sb.get(accountSetting, 'mobile_button.position') || position

package/src/chatbox/Widget.js

@@ -776,6 +776,33 @@ export default class Widget extends Com {
 		}
 
 		let text = message.text
+
+		if (this.props.cid && this.props.cid.startsWith('cslight')) {
+			let cid = this.props.cid
+			this._creating = (this._creating || 0) + 1
+			let _creating = this._creating
+			this.setState({creating: true})
+			let botid = cid.split('_')[0].slice(7) // 6 = len(cslight)
+			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,
+			})
+			if (_creating != this._creating) return // outdated
+			if (error) {
+				this.setState({creating: false})
+				return
+				// show error and try again
+			}
+			this.props.store.deleteLightConvo(cid)
+			await this.props.store.sendConvoEvent(convo.id, 'message_sent', {message})
+			if (_creating != this._creating) return // outdated
+			this.props.onGo({view: 'chat', cid: convo.id})
+			this.setState({creating: false})
+			return
+		}
+
 		if (!this.props.cid) {
 			this._creating = (this._creating || 0) + 1
 			let _creating = this._creating

package/src/store/kv.js

@@ -1,7 +1,7 @@
 let KvMaxSize = 500
 // A key-value database with a cache layer
 export default class {
-	constructor (db, schema) {
+	constructor(db, schema) {
 		this.name = schema
 		schema += '_kv'
 		this.dead = false
@@ -12,23 +12,22 @@ export default class {
 		this.init()
 	}
 
-	refreshCache () {
+	refreshCache() {
 		if (this.dead) return
 		let inmemItemM = {}
 		let allitems = this.db.all('items')
-		allitems.forEach(function(item) {
+		allitems.forEach(function (item) {
 			inmemItemM[item.key] = item.value
 		})
 		this.cache = inmemItemM
 	}
 
-	init () {
+	init() {
 		if (this.initialized) return
 		let inmemItemM = {}
 
-		console.time('KV' + this.name)
 		let allitems = this.db.all('items')
-		allitems.forEach(function(item) {
+		allitems.forEach(function (item) {
 			inmemItemM[item.key] = item.value
 		})
 		this.cache = inmemItemM
@@ -51,20 +50,18 @@ export default class {
 			}
 
 			this.db.removes('items', [removekeys])
-
 		}
 
 		this.initialized = true
-		console.timeEnd('KV' + this.name)
 	}
 
-	all () {
+	all() {
 		if (this.dead) return []
 		if (!this.initialized) return []
 		return this.cache
 	}
 
-	match (key) {
+	match(key) {
 		if (this.dead || !this.initialized) return
 		if (!key) return
 		return this.cache[key]
@@ -74,24 +71,24 @@ export default class {
 	// put('1', {id: '1', name: 'thanh'})
 	// put({id: '1', name: 'thanh'}, 'id')
 	// put([{id: '1', name: 'thanh'},{id: '2', name: 'van'}], 'id')
-	put (key, value) {
+	put(key, value) {
 		if (!key) return
 		if (this.dead) return []
 		if (!this.initialized) throw new Error('uninitialized')
 		// if multiple key
 		this.cache[key] = value
-		this.db.put('items', key, { key, value })
+		this.db.put('items', key, {key, value})
 	}
 
 	// delete an record in a schema
-	del (key) {
+	del(key) {
 		if (this.dead) return
 		if (!this.initialized) throw new Error('uninitialized')
 		delete this.cache[key]
 		this.db.removes('items', [key])
 	}
 
-	destroy () {
+	destroy() {
 		// clear all data
 		this.db.clear('items')
 

package/src/store/store.js

@@ -35,6 +35,7 @@ export default class Store {
 		this.FileURL = FileURL
 		this._track_page_view = true
 		this.device_type = 'desktop'
+		this.lightConvos = {} // convo that have not been created, for faking bot conversation
 		if (this.fake) this.api = new APIFake(ApiURL, FileURL)
 		else this.api = new API(ApiURL, FileURL)
 
@@ -63,9 +64,9 @@ export default class Store {
 
 		// dont dupplicate seen
 		this.g_haveSentSeenM = {}
-		this.last_focused = sb.Date.now() // 0 -> in focus, timestamp -> lost focus at
+		this.last_focused = this.now() // 0 -> in focus, timestamp -> lost focus at
 		window.addEventListener('blur', () => {
-			this.last_focused = sb.Date.now()
+			this.last_focused = this.now()
 			this.sendPresence()
 		})
 		window.addEventListener('focus', () => {
@@ -93,7 +94,7 @@ export default class Store {
 		this._presenceInterval2 = sb.setInterval(() => {
 			if (this._die) return sb.clearInterval(this._presenceInterval2)
 			if (this.browserVisibility === 'visible' && document.hasFocus()) return
-			if (this.last_focused && sb.Date.now() - this.last_focused > 30 * 60000) {
+			if (this.last_focused && this.now() - this.last_focused > 30 * 60000) {
 				// lost focus for more than 30 min
 				return // dont send presence
 			}
@@ -347,20 +348,23 @@ export default class Store {
 		return agentM[id]
 	}
 
-	// must ensure only call this function after init is done
 	matchConvo = (id) => {
 		if (!id) return
 
 		if (id === '*') {
 			this._touchAcc()
-			return sb.filter(this.cache.all(), (value, k) => k.startsWith('convo_'))
+			// combind with
+			return sb.filter(this.cache.all(), (value, k) => k.startsWith('convo_')).concat(sb.map(this.lightConvos))
 		}
 
+		if (id.startsWith('cslight')) return this.lightConvos[id]
 		if (!this.isInsync(id)) this.fetchConvo(id)
 		return this.cache.match('convo_' + id)
 	}
 
 	fetchConvo = async (cid) => {
+		if (!cid) return
+		if (cid.startsWith('cslight')) return
 		if (this._die) return dieErr
 		await this.readyGate.entry()
 		await this.reconnectGate.entry(undefined, true)
@@ -382,10 +386,13 @@ export default class Store {
 
 	listEvents = (id) => {
 		if (!id || id === '*' || typeof id !== 'string') return
+		if (id.startsWith('cslight')) return sb.get(this.lightConvos, [id, 'events'], [])
 		return this.chain.listM(id)
 	}
 
 	fetchMoreEvents = async (convoid) => {
+		if (!convoid) return
+		if (convoid.startsWith('cslight')) return [[], '']
 		if (!this.isInsync('events' + convoid)) {
 			await this.readyGate.entry()
 			await this.reconnectGate.entry(undefined, true)
@@ -535,6 +542,7 @@ export default class Store {
 			this.reconnect()
 		})
 
+		this.lightConvos = this.kv.match('light_convos') || {}
 		this.seenLoop()
 		await this.reconnect({user: user}) // already fetched
 		this.readyGate.open()
@@ -603,26 +611,36 @@ export default class Store {
 				// ignore sending message
 				if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return
 
-				// send seen
-				this.api.markAsSeen(id, lastmsgsent.id)
-
 				// fire own event so guest code can update unread number
 				this.pubsub.publish('events', {
-					created: sb.Date.now(),
+					created: this.now(),
 					type: 'message_pong',
 					by: {type: 'user'},
 					data: {
 						message: {
 							conversation_id: id,
 							id: '*',
-							pongs: [{type: 'seen', created: sb.Date.now()}],
+							pongs: [{type: 'seen', created: this.now()}],
 						},
 					},
 				})
+				if (id.startsWith('cslight')) {
+					let old = this.lightConvos[id]
+					let user = this.matchUser()
+					if (!old) return
+					let mem = sb.find(old.members, (mem) => mem.type == 'user' && mem.id == user.id)
+					mem.seen_at = this.now()
+					this.kv.put('light_convos', this.lightConvos)
+					this.g_haveSentSeenM[lastmsgsent.id] = true
+					return
+				}
+
+				// send seen
+				this.api.markAsSeen(id, lastmsgsent.id)
 
 				let convo = this.cache.match('convo_' + id) || {}
 				let mem = sb.find(convo.members, (m) => m.id === user.id)
-				if (mem) mem.seen_at = sb.Date.now()
+				if (mem) mem.seen_at = this.now()
 				this._setConvo(convo)
 				this.g_haveSentSeenM[lastmsgsent.id] = true
 			})
@@ -838,7 +856,7 @@ export default class Store {
 		let convo
 
 		let alreadyFetched = false
-		if (cid) {
+		if (cid && !cid.startsWith('cslight')) {
 			convo = this.cache.match('convo_' + cid)
 			if (!convo || !convo.id) {
 				let {body: apiconvo, error} = await this.api.getConversation(cid)
@@ -849,6 +867,16 @@ export default class Store {
 			}
 		}
 
+		if (cid.startsWith('cslight')) {
+			convo = this.lightConvos[cid]
+			if (!convo) return
+			convo.events.push(ev)
+			convo.last_message_sent = ev
+			this.kv.put('light_convos', this.lightConvos)
+			this.pubsub.publish('events', ev)
+			return
+		}
+
 		if (!convo) return
 
 		// ignore wrong channel
@@ -962,11 +990,54 @@ export default class Store {
 
 	typing(cid) {
 		if (!cid) return
+		if (cid.startsWith('cslight')) return
 		this._typing(cid)
 	}
 
 	_typing = sb.throttle((convoid) => this.api.sendTyping(convoid), 3000, {trailing: false})
 
+	deleteLightConvo(id) {
+		delete this.lightConvos[id]
+		this.kv.put('light_convos', this.lightConvos)
+	}
+
+	startLightConvo(botid, message, locale) {
+		let convoid = 'cslight' + botid + '_' + this.now()
+		let user = this.cache.match('user') || {}
+
+		let old = this.lightConvos[convoid]
+		if (old) return {convo: old}
+		let now = this.now()
+		let ev = {}
+		ev.created = now
+		ev.event_time = now
+		ev.id = 'evfake' + now
+		ev.type = 'message_sent'
+		ev.by = {id: botid, type: 'bot'}
+		ev.data = {message: message}
+		ev.data.message.conversation_id = convoid
+		let newconvo = {
+			id: convoid,
+			locale: locale,
+			initial_by: botid,
+			created: now,
+			actived: now,
+			last_message_sent: ev,
+			members: [
+				{type: 'user', id: user.id},
+				{type: 'bot', id: botid, membership: 'active'},
+			],
+			state: 'active',
+			touchpoint: {id: convoid, channel: 'subiz', source: 'web'},
+			traffic_source: 'direct',
+			events: [ev],
+		}
+		this.lightConvos[convoid] = newconvo
+		this.kv.put('light_convos', this.lightConvos)
+		this.pubsub.publish('events', ev)
+		return {convo: newconvo}
+	}
+
 	async startConvo(req) {
 		if (!req) req = {}
 		await this.readyGate.entry()
@@ -990,17 +1061,18 @@ export default class Store {
 	}
 
 	createPostback(cid, postback) {
+		if (cid && cid.startsWith('cslight')) return
 		return this.api.createPostback(cid, postback)
 	}
 
 	sendReaction(cid, ev) {
+		if (cid && cid.startsWith('cslight')) return
 		return this.api.sendConvoEvent(cid, ev)
 	}
 
 	async sendConvoEvent(cid, type, data) {
 		await this.readyGate.entry()
 		var idempotency = sb.randomString(36)
-
 		let user = this.cache.match('user') || {}
 
 		var event = {
@@ -1044,6 +1116,8 @@ export default class Store {
 		})
 
 		if (event._error) return this.onWs(event) // dont send error msg
+		if (cid && cid.startsWith('cslight')) return
+
 		let {body: ret, error} = await this.api.sendConvoEvent(cid, event)
 		if (error) {
 			event._error = error
@@ -1059,7 +1133,7 @@ export default class Store {
 			dataLayer.push({event: 'SUBIZ Chat', event_action: 'Sent', event_label: 'User', first_interaction: 1})
 		}
 
-		this.kv.put('last_msg_sent', sb.Date.now())
+		this.kv.put('last_msg_sent', this.now())
 		return ret
 	}
 
@@ -1179,6 +1253,7 @@ export default class Store {
 
 	async listmessageapi(type, anchor, limit) {
 		let convoid = type
+		if (convoid && convoid.startsWith('cslight')) return [fakeevents, '', undefined, true]
 		let {body: events, code, error} = await this.api.listMessages(convoid, -limit, anchor)
 		if (error || code !== 200) return [[], anchor, error]
 		anchor = sb.get(sb.last(events), 'id')
@@ -1212,16 +1287,16 @@ export default class Store {
 	timeDiff = 0
 	async loopTime() {
 		if (this._die) return
-		let startms = sb.Date.now()
+		let startms = this.now()
 
 		// store not init
 		if (!sb.get(this.cache.match('user'), 'id')) return sb.setTimeout(() => this.loopTime(), 240000)
 
 		let {body: t, error} = await this.api.time()
 		if (error) return sb.setTimeout(() => this.loopTime(), 30000)
-		var latences = Math.abs(sb.Date.now() - startms) / 2
+		var latences = Math.abs(this.now() - startms) / 2
 		var serverMs = new sb.Date(t).getTime() + latences
-		var localMs = sb.Date.now()
+		var localMs = this.now()
 		this.timeDiff = Math.floor(serverMs - localMs)
 		sb.setTimeout(() => this.loopTime(), 240000)
 	}