@subiz/widget-v4 4.1.125 → 4.1.129

package/src/form/index.js

@@ -0,0 +1,79 @@
+import Store from '../store/store.js'
+import * as common from '../common.js'
+import sb from '../util/index.js'
+import {h, render} from 'preact'
+import FormPage from './FormPage.js'
+// find the body
+let promiseMainCSS = (() => import(/*webpackChunkName: "main-css" */ '../chatbox/css.js'))()
+const config = require('../../config.js')
+
+function findChatbox(store) {
+	let pluginM = store.matchPlugin()
+	let chatboxs = sb.filter(pluginM, (plugin) => plugin.type === 'chatbox')
+	if (sb.size(chatboxs) === 0) {
+		console.error('no chatbox found.')
+		return
+	}
+	return chatboxs[0]
+}
+
+function getUrlParameter(name) {
+	name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]')
+	var regex = new RegExp('[\\?&]' + name + '=([^&#]*)')
+	var results = regex.exec(location.search)
+	return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '))
+}
+
+var $link = document.createElement('link')
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'
+$link.rel = 'stylesheet'
+document.head.append($link)
+
+sb.preloadWebfonts(['Inter'], [400, 500])
+
+async function load() {
+	let store = new Store(config.ApiURL, config.FileURL, config.RealtimeURL, true)
+	window.store = store
+	let accid =
+		getUrlParameter('id') || getUrlParameter('acc_id') || getUrlParameter('account_id') || 'acqsulrowbxiugvginhw'
+	let mask = accid + '@' + 'abcd'
+  let token = getUrlParameter('token')
+	await store.init(accid, mask)
+
+	let acc = store.matchAccount() || {}
+	let plugin = findChatbox(store) || {}
+
+	// make sure you are still alive
+	let css = (await promiseMainCSS).default.default.toString()
+	var outcss = sb.replaceCssVariable(css, plugin.chatbox)
+
+	let $cssStyleDiv = document.createElement('style')
+	document.head.appendChild($cssStyleDiv)
+	$cssStyleDiv.type = 'text/css'
+	$cssStyleDiv.id = 'subiz-style-for-order'
+
+	sb.setCss('form', $cssStyleDiv, outcss)
+
+	let t = (key) => {
+		if (_locale === 'debug') return `{{${key}}}`
+
+		let messages = sb.get(common.langMessages, _locale, [])
+		let message = sb.find(messages, (message) => message.key === key)
+		return sb.get(message, 'message', key)
+	}
+	let _locale = plugin.locale || acc.locale || 'vi-VN'
+	t.i18n = (i18nText) => {
+		if (!i18nText) return ''
+		let fallbackLocale = plugin.locale || acc.locale || 'vi-VN'
+		fallbackLocale = fallbackLocale.replace('-', '_')
+		let locale = _locale.replace('-', '_')
+
+		return i18nText[locale] || i18nText[fallbackLocale]
+	}
+	t.locale = () => _locale
+	common.downloadLanguage(store, _locale).then(() => {
+		render(<FormPage store={store} t={t} token={token}/>, document.getElementById('form'))
+	})
+}
+
+load()

package/src/store/api.js

@@ -14,6 +14,12 @@ export default class {
 
 		this.FileURL = FileURL
 		this.ApiURL = ApiURL
+		this.api41 = ajax
+			.setBaseUrl('https://api5.subiz.com.vn/4.1')
+			.withCredentials(true)
+			.setContentType('text/plain')
+			.beforeHook(jsonifyTextPlain)
+			.setParser('json')
 		this.apireq = ajax
 			.setBaseUrl(ApiURL)
 			.withCredentials(true)
@@ -316,6 +322,8 @@ export default class {
 	list_districts = (p) => this.apireq.setQuery(p).get(`/accounts/${this.accid}/districts`)
 	list_wards = (p) => this.apireq.setQuery(p).get(`/accounts/${this.accid}/wards`)
 
+	checkFormToken = (token) => this.api41.get(`/submissions/${token}`)
+	submitForm2 = (token, data) => this.api41.post(`/submissions/${token}`, data)
 	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/realtime_fake.js

@@ -1,6 +1,10 @@
 export default class {
-	onEvent () {}
-	onInterrupted () {}
-	subscribe () {}
-	stop () {}
+	onEvent() {}
+	onInterrupted() {}
+	subscribe() {}
+	stop() {}
+	getStatus() {
+		return 'active'
+	}
+	reconnect() {}
 }

package/src/store/store.js

@@ -21,6 +21,9 @@ export default class Store {
 	cookie = cookie
 
 	constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi) {
+		this.connectionStatus = 'active' // active, dead: Internet coneection issue or rt server error, connecting: Subscribe rt too long
+		this.CONNECTION_CHECK_INTERVAL = 3000
+		this.reconnectTimestamp = 0
 		this.g_sync = {}
 		this._die = false
 		this.forceDevice = null
@@ -123,6 +126,28 @@ export default class Store {
 		}, 2000)
 	}
 
+	async loopCheckConnectionStatus() {
+		while (true) {
+			if (this._die) break
+			await sb.sleep(this.CONNECTION_CHECK_INTERVAL)
+			if (!this.realtime) continue
+			if (!this.realtime.getStatus || !this.realtime.reconnect) continue
+
+			if (this.connectionStatus === 'dead') {
+				await this.realtime.reconnect()
+			}
+
+			let currentStatus = this.connectionStatus
+			this.connectionStatus = this.realtime.getStatus()
+			if (currentStatus !== this.connectionStatus) {
+				console.log('publish connectionStatus', this.connectionStatus)
+				this.pubsub.publish('connection')
+			}
+		}
+	}
+
+	getConnectionStatus = () => this.connectionStatus
+
 	// inmem
 	_currentViewingProduct = {}
 	linkProduct(p) {
@@ -409,6 +434,8 @@ export default class Store {
 	matchHasManuallyClosed = () => !!this.kv.match('hasManuallyClosed') // true if user has ever closed the widget
 	matchClosePreviewAt = () => this.kv.match('close_preview_at') || 0
 
+	checkFormToken = (token) => this.api.checkFormToken(token)
+	submitForm2 = (token, data) =>  this.api.submitForm2(token, data)
 	sendPresence = sb.throttle(
 		async () => {
 			if (this._die) return dieErr
@@ -501,6 +528,7 @@ export default class Store {
 		await this.reconnect({user: user}) // already fetched
 		this.readyGate.open()
 		this.reconnectWs(accid, user.id)
+		this.loopCheckConnectionStatus()
 		return user
 	}
 
@@ -1063,6 +1091,7 @@ export default class Store {
 	}
 
 	onUpdate = (o, cb) => this.pubsub.on2(o, 'account', cb)
+	onConnection = (o, cb) => this.pubsub.on2(o, 'connection', cb)
 	onResetCSS = (o, cb) => this.pubsub.on2(o, 'resetCSS', cb)
 	onHighlight = (o, cb) => this.pubsub.on2(o, 'highlight', cb)
 

package/src/util/campaign.js

@@ -81,10 +81,7 @@ export function trackInactivity(seconds = 0, cb) {
 	}
 }
 
-let timeOnPage = 0 // seconds
-common.setInterval(() => {
-	timeOnPage += 5
-}, 5000)
+let _pageLoaded = common.Date.now()
 
 // when user has been on the page for at least X seconds
 export function trackTimeOnPage(seconds = 0, cb) {
@@ -95,10 +92,11 @@ export function trackTimeOnPage(seconds = 0, cb) {
 	}
 
 	let timer = common.setInterval(() => {
+		let timeOnPage = (common.Date.now() - _pageLoaded) / 1000
 		if (timeOnPage < seconds) return
 		if (cb) cb(timeOnPage)
 		common.clearInterval(timer)
-	}, 1000)
+	}, 200)
 }
 
 function on(eventName, selector, fn) {

package/src/util/common.js

@@ -1411,6 +1411,22 @@ export function blockToText(block) {
 	return _blockToText(block).trim()
 }
 
+export function isBlockEmpty(block) {
+	return _isBlockEmpty(block)
+}
+
+function _isBlockEmpty(block = {}) {
+	if (!size(block.content)) {
+		if ((block.text || '').trim()) return false
+		return true
+	}
+	let result = true
+	map(block.content, (content) => {
+		result = result && _isBlockEmpty(content)
+	})
+	return result
+}
+
 function _blockToText(block) {
 	if (!block || !block.type) return ''
 	let out = ''

package/webpack.dev.js

@@ -6,6 +6,7 @@ module.exports = {
 		webview: './webview.js',
 		app: './app.js',
 		inject: './inject.js',
+		form: './src/form/index.js',
 		preview: './preview.js',
 		library: './library.js',
 		order: './src/order/index.js',
@@ -20,6 +21,7 @@ module.exports = {
 		new HtmlWebpackPlugin({filename: './preview.html', template: './preview.html', chunks: ['preview']}),
 		new HtmlWebpackPlugin({filename: './inject.html', template: './inject.html', inject: 'body', chunks: ['inject']}),
 		new HtmlWebpackPlugin({filename: './library.html', template: './index.html', inject: 'body', chunks: ['library']}),
+		new HtmlWebpackPlugin({filename: './form.html', template: './form.html', inject: 'body', chunks: ['form']}),
 		new HtmlWebpackPlugin({
 			filename: './screenshoot.html',
 			template: './screenshoot.html',

package/webpack.prod.js

@@ -9,6 +9,7 @@ webpackconfig.entry = {
 	webview: './webview.js',
 	app: './app.js',
 	preview: './preview.js',
+	form: './src/form/index.js',
 	library: './library.js',
 }
 
@@ -39,6 +40,12 @@ webpackconfig.plugins = [
 		inject: 'body',
 		chunks: ['preview'],
 	}),
+	new HtmlWebpackPlugin({
+		filename: HASH + '.form.html',
+		template: './form.html',
+		inject: 'body',
+		chunks: ['form'],
+	}),
 	new HtmlWebpackPlugin({
 		filename: HASH + '.library.html',
 		template: './index.html',