@subiz/widget-v4 4.1.14 → 4.1.15

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.14",
+	"version": "4.1.15",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -14,7 +14,7 @@
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^3.1.9",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.27.1",
+		"core-js": "^3.27.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.3",
@@ -24,11 +24,11 @@
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.20.7",
-		"@babel/core": "^7.20.12",
+		"@babel/core": "^7.20.7",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.20.7",
 		"@babel/preset-env": "^7.20.2",
-		"babel-loader": "^9.1.2",
+		"babel-loader": "^9.1.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
 		"prettier": "^2.8.1",

package/src/popup/popup.js

@@ -285,6 +285,10 @@ export default class Popup extends Com {
 		primarystyle.font_weight = primarystyle.font_weight || '500'
 		primarystyle.font_size = primarystyle.font_size || popup.font_size || '14px'
 		primarystyle.background = primarystyle.background || popup.text_color
+
+		if (this.props.mobile && com.mobile_style) {
+			primarystyle = Object.assign(primarystyle, com.mobile_style)
+		}
 		let $primary = null
 		if (com.buttons.primary_enabled && com.buttons.primary_text) {
 			let style = Object.assign({font_size: popup.font_size || '14px'}, page.primary_button)
@@ -304,6 +308,9 @@ export default class Popup extends Com {
 		let $secondary = null
 		if (com.buttons.secondary_enabled && com.buttons.secondary_text) {
 			let style = Object.assign({font_size: popup.font_size || '14px'}, page.secondary_button)
+			if (this.props.mobile && com.mobile_style) {
+				style = Object.assign(style, com.mobile_style)
+			}
 			$secondary = (
 				<div
 					class={'btn btn__secondary'}
@@ -700,7 +707,7 @@ export default class Popup extends Com {
 			(this.props.mobile && com.mobile_style) || com.style,
 		)
 		delete style.margin_top
-		delete style.margin_bottom
+		//delete style.margin_bottom
 
 		return (
 			<div class='text popup_component' style={this.js2css(style)} onClick={(e) => e.stopPropagation()}>

package/src/store/store.js

@@ -47,11 +47,10 @@ export default class Store {
 			this.cookie = inmemCookie
 		}
 
-		cleanLocalStorage()
 		this.pubsub = new sb.Pubsub()
-		this.kv = new stor8.kv(new stor8.lsdb('sbz2023', this.inmem), 'kv')
-		this.cache = new stor8.kv(new stor8.lsdb('sbz2023', true), 'kv')
-		this.chain = new stor8.chain(new stor8.lsdb('cbz2023', true), 'ch')
+		this.kv = new stor8.kv(new stor8.lsdb('sbz2020', this.inmem), 'kv')
+		this.cache = new stor8.kv(new stor8.lsdb('sbz2020', true), 'kv')
+		this.chain = new stor8.chain(new stor8.lsdb('cbz2020', true), 'ch')
 		this.getLocaleContent = this.api.getLocaleContent
 
 		// dont dupplicate seen
@@ -61,9 +60,9 @@ export default class Store {
 		window.addEventListener('focus', () => this.sendPresence())
 
 		// faster send rate when has focus
-		sb.setInterval(() => this.browserVisibility === 'visible' && document.hasFocus() && this.sendPresence(), 20000) // dont bother delete this
+		setInterval(() => this.browserVisibility === 'visible' && document.hasFocus() && this.sendPresence(), 20000) // dont bother delete this
 		// slower send rate send when no focus
-		sb.setInterval(() => (this.browserVisibility !== 'visible' || document.hasFocus()) && this.sendPresence(), 60000) // dont bother delete this
+		setInterval(() => (this.browserVisibility !== 'visible' || document.hasFocus()) && this.sendPresence(), 60000) // dont bother delete this
 
 		onVisibilityChange((val) => {
 			this.browserVisibility = val
@@ -74,8 +73,8 @@ export default class Store {
 		this.device = this.getDeviceInfo()
 
 		// try to get Google Analytics tracking id and client id by periodically checking it after an interval
-		const _gaInterval = sb.setInterval(() => {
-			let user = this.cache.match('user') || {}
+		const _gaInterval = setInterval(() => {
+			let user = this.kv.match('user') || {}
 			if (!user.id) return // store not init
 			var dev = this.getDeviceInfo()
 			if (!dev.ga_tracking_ids || !dev.ga_client_id) return
@@ -143,7 +142,7 @@ export default class Store {
 		await this.readyGate.entry()
 		this.disconnect('account')
 		await this.reconnect()
-		sb.setTimeout(this.pubsub.publish('resetCSS'), 10)
+		setTimeout(this.pubsub.publish('resetCSS'), 10)
 	}
 
 	getDeviceInfo() {
@@ -226,7 +225,7 @@ export default class Store {
 	// must ensure only call this function after init is done
 	matchUser = () => {
 		this._touchAcc()
-		return this.cache.match('user')
+		return this.kv.match('user')
 	}
 
 	suggest_addresses = (keyword) => this.api.suggest_address(keyword)
@@ -294,7 +293,7 @@ export default class Store {
 	listEvents = (id) => {
 		if (!id || id === '*' || typeof id !== 'string') return
 		if (!this.isInsync('events' + id)) {
-			sb.setTimeout(async () => {
+			setTimeout(async () => {
 				await this.readyGate.entry()
 				await this.reconnectGate.entry(undefined, true)
 				if (this.isInsync('events' + id)) return this.reconnectGate.open()
@@ -325,16 +324,7 @@ export default class Store {
 	wsGate = new sb.Gate(true)
 
 	// last widget screen
-	matchLastview = () => {
-		let lastView = this.kv.match('lastview') || {}
-
-		// make sure last view of correct user
-		let user = this.cache.match('user') || {}
-		if (!user.id) return {}
-		if (lastView.user_id != user.id) return {}
-		return lastView
-	}
-
+	matchLastview = () => this.kv.match('lastview') || {}
 	matchIsOpen = () => !!this.kv.match('isopen') // is widget currently open
 	matchHasManuallyClosed = () => !!this.kv.match('hasManuallyClosed') // true if user has ever closed the widget
 	matchClosePreviewAt = () => this.kv.match('close_preview_at') || 0
@@ -342,8 +332,8 @@ export default class Store {
 	sendPresence = sb.throttle(
 		async () => {
 			await this.readyGate.entry()
-			if (!sb.get(this.cache.match('user'), 'id')) return // store not init
-			if (sb.isUserBanned(this.cache.match('user'))) return
+			if (!sb.get(this.kv.match('user'), 'id')) return // store not init
+			if (sb.isUserBanned(this.kv.match('user'))) return
 
 			let hasfocus = this.browserVisibility === 'visible' && document.hasFocus()
 			if (!hasfocus) {
@@ -464,10 +454,10 @@ export default class Store {
 		// periodically send seen
 		this.seenQueue = []
 		clearInterval(this._seenInterval)
-		this._seenInterval = sb.setInterval(() => {
+		this._seenInterval = setInterval(() => {
 			// deduplicate
 			this.seenQueue = [...new Set(this.seenQueue)]
-			let user = this.cache.match('user') || {}
+			let user = this.kv.match('user') || {}
 			sb.map(this.seenQueue, (id) => {
 				var events = this.listEvents(id)
 				if (!events) return
@@ -560,7 +550,7 @@ export default class Store {
 
 	_setUser(user) {
 		user = sb.cloneDeep(user)
-		let olduser = this.cache.match('user') || {}
+		let olduser = this.kv.match('user') || {}
 		var accid = olduser.account_id || user.account_id
 		var id = olduser.id || user.id
 
@@ -577,7 +567,7 @@ export default class Store {
 		olduser.account_id = accid
 		olduser.id = id
 
-		this.cache.put('user', olduser)
+		this.kv.put('user', olduser)
 		this.pubsub.publish('account')
 	}
 
@@ -676,7 +666,7 @@ export default class Store {
 		if (!ev || !ev.type) return
 		ev.created = sb.getMs(ev.created)
 		if (ev.type === 'user_info_updated') {
-			let user = sb.cloneDeep(this.cache.match('user'))
+			let user = sb.cloneDeep(this.kv.match('user'))
 			let attrs = sb.get(ev, 'data.user.attributes') || []
 			sb.map(attrs, (attr) => sb.setUserAttr(user, attr))
 			this._setUser(user)
@@ -684,7 +674,7 @@ export default class Store {
 		}
 
 		// convo events
-		let user = this.cache.match('user') || {}
+		let user = this.kv.match('user') || {}
 		let cid = sb.convoOfEv(ev)
 		let convo
 
@@ -712,7 +702,7 @@ export default class Store {
 		// so re-get events of this conversation to ensure we dont miss any event
 		if (ev.type === 'conversation_joined') {
 			let members = sb.get(ev, 'data.conversation.members', [])
-			let me = sb.find(members, (m) => m.id === this.cache.match('user').id)
+			let me = sb.find(members, (m) => m.id === this.kv.match('user').id)
 			if (me) {
 				await this.chain.reload(cid, (type, anchor, limit) => this.listmessageapi(type, anchor, limit))
 				this.markSync('events' + cid)
@@ -743,7 +733,7 @@ export default class Store {
 	}
 
 	async restConvoEvent(ev) {
-		let user = this.cache.match('user')
+		let user = this.kv.match('user')
 		let cid = sb.convoOfEv(ev)
 		let convo = this.cache.match('convo_' + cid) || {}
 		if (ev.type === 'conversation_state_updated') {
@@ -868,7 +858,7 @@ export default class Store {
 		await this.readyGate.entry()
 		var idempotency = sb.randomString(36)
 
-		let user = this.cache.match('user') || {}
+		let user = this.kv.match('user') || {}
 
 		var event = {
 			id: idempotency,
@@ -935,7 +925,7 @@ export default class Store {
 		let count = 0
 
 		// ignore invalid conversation
-		let user = this.cache.match('user')
+		let user = this.kv.match('user')
 
 		let channel = sb.get(convo, 'touchpoint.channel', '')
 		if (channel && channel != 'subiz') return
@@ -974,11 +964,7 @@ export default class Store {
 		}
 	}
 	closePreview = () => this.kv.put('close_preview_at', new sb.Date().getTime())
-	setLastview = (view, opts) => {
-		let user = this.cache.match('user') || {}
-		if (!user.id) return // store not init
-		this.kv.put('lastview', {user_id: user.id, view, opts})
-	}
+	setLastview = (view, opts) => this.kv.put('lastview', {view, opts})
 
 	matchLastPluginRun(pluginid) {
 		let log = this.kv.match('plugin_run_logs') || {}
@@ -997,7 +983,7 @@ export default class Store {
 	}
 
 	sendImpression(id) {
-		let user = this.cache.match('user') || {}
+		let user = this.kv.match('user') || {}
 		let log = this.kv.match('plugin_run_logs') || {}
 		log[id] = {web_plugin_id: id, created: this.now()}
 		this.kv.put('plugin_run_logs', log)
@@ -1012,7 +998,7 @@ export default class Store {
 	}
 
 	sendConversion(id, fields, impressionToken) {
-		let user = this.cache.match('user') || {}
+		let user = this.kv.match('user') || {}
 		let submission = {account_id: user.account_id, user_id: user.id, fields: fields}
 
 		let conv = this.kv.match('conversions') || {}
@@ -1048,7 +1034,7 @@ export default class Store {
 		})
 
 		// mark conversation as received
-		let user = this.cache.match('user') || {}
+		let user = this.kv.match('user') || {}
 		for (let i = 0; i < events.length; i++) {
 			let ev = events[i].value
 
@@ -1069,15 +1055,15 @@ export default class Store {
 		let startms = sb.Date.now()
 
 		// store not init
-		if (!sb.get(this.cache.match('user'), 'id')) return sb.setTimeout(() => this.loopTime(), 240000)
+		if (!sb.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 240000)
 
 		let {body: t, error} = await this.api.time()
-		if (error) return sb.setTimeout(() => this.loopTime(), 30000)
+		if (error) return setTimeout(() => this.loopTime(), 30000)
 		var latences = Math.abs(sb.Date.now() - startms) / 2
 		var serverMs = new sb.Date(t).getTime() + latences
 		var localMs = sb.Date.now()
 		this.timeDiff = Math.floor(serverMs - localMs)
-		sb.setTimeout(() => this.loopTime(), 240000)
+		setTimeout(() => this.loopTime(), 240000)
 	}
 
 	replaceFileUrl(src) {
@@ -1112,9 +1098,9 @@ export default class Store {
 			if ((k || '').startsWith('__sb')) this.cookie.remove(k)
 		})
 		this.kv.destroy()
-		this.kv = new stor8.kv(new stor8.lsdb('sbz2023', this.inmem), 'kv')
+		this.kv = new stor8.kv(new stor8.lsdb('sbz2020', this.inmem), 'kv')
 		this.chain.destroy()
-		this.chain = new stor8.chain(new stor8.lsdb('cbz2023', true), 'ch')
+		this.chain = new stor8.chain(new stor8.lsdb('cbz2020', true), 'ch')
 	}
 
 	destroy() {
@@ -1259,18 +1245,3 @@ let tabletCheck =
 	/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(
 		navigator.userAgent,
 	)
-
-let cleanLocalStorage = () => {
-	try {
-		localStorage
-	} catch (e) {
-		return
-	}
-	sb.setTimeout(() => {
-		for (var key in localStorage) {
-			if ((key && key.startsWith('cbz2020')) || key.startsWith('sbz2020')) {
-				localStorage.removeItem(key)
-			}
-		}
-	})
-}

package/src/util/common.js

@@ -14,8 +14,8 @@ export var stringify = f.contentWindow.JSON.stringify
 var parse = f.contentWindow.JSON.parse
 export var Date = f.contentWindow.Date
 export var requestAnimationFrame = f.contentWindow.requestAnimationFrame
-export var setTimeout = f.contentWindow.setTimeout.bind(f.contentWindow)
-export var setInterval = f.contentWindow.setInterval.bind(f.contentWindow)
+export var setTimeout = f.contentWindow.setTimeout
+export var setInterval = f.contentWindow.setInterval
 
 // convoOfEv extracts the ID of the conversation
 // that event is sent to