@subiz/widget-v4 4.1.31 → 4.1.33

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.31",
+	"version": "4.1.33",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -10,32 +10,32 @@
 	},
 	"dependencies": {
 		"@subiz/ajax": "^3.0.12",
-		"@subiz/flow": "^1.0.9",
+		"@subiz/flow": "^1.1.0",
 		"@subiz/storage": "0.0.8",
-		"@subiz/wsclient": "^4.0.14",
+		"@subiz/wsclient": "^4.0.16",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.30.0",
+		"core-js": "^3.31.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.3",
-		"less-loader": "^11.1.0",
-		"marked": "^4.3.0",
-		"preact": "^10.13.2"
+		"less-loader": "^11.1.3",
+		"marked": "^5.1.0",
+		"preact": "^10.15.1"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.21.0",
-		"@babel/core": "^7.21.4",
+		"@babel/cli": "^7.22.5",
+		"@babel/core": "^7.22.5",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/plugin-transform-react-jsx": "^7.21.0",
-		"@babel/preset-env": "^7.21.4",
+		"@babel/plugin-transform-react-jsx": "^7.22.5",
+		"@babel/preset-env": "^7.22.5",
 		"babel-loader": "^9.1.2",
 		"babel-plugin-syntax-jsx": "^6.18.0",
-		"html-webpack-plugin": "^5.5.0",
-		"prettier": "^2.8.7",
-		"puppeteer": "^19.7.3",
-		"webpack": "^5.78.0",
-		"webpack-bundle-analyzer": "^4.8.0",
-		"webpack-cli": "^5.0.1",
-		"webpack-dev-server": "^4.13.2"
+		"html-webpack-plugin": "^5.5.3",
+		"prettier": "^2.8.8",
+		"puppeteer": "^20.7.3",
+		"webpack": "^5.88.0",
+		"webpack-bundle-analyzer": "^4.9.0",
+		"webpack-cli": "^5.1.4",
+		"webpack-dev-server": "^4.15.1"
 	}
 }

package/src/plugin.js

@@ -34,7 +34,7 @@ function Plugin(plugin, store, $container, lib) {
 
 		let lastrun = store.matchLastPluginRun(plugin.id)
 		if (plugin.type === 'chatbox' || plugin.type === 'notification') lastrun = undefined
-
+		if (!plugin.enabled) return
 		let match = sb.checkRunConditions(plugin.initiative_frequency, plugin.conditions, lastrun, store)
 		if (!match) return
 		state = 'running'

package/src/store/api.js

@@ -1,6 +1,6 @@
 import sb from '../util/index.js'
 const ajax = require('@subiz/ajax/src/ajax.js')
-ajax.env.XMLHttpRequest = window.XMLHttpRequest
+ajax.env.XMLHttpRequest = sb.XMLHttpRequest
 
 function jsonifyTextPlain(param, done) {
 	let req = param.request
@@ -216,7 +216,8 @@ export default class {
 
 	getConversation = (cid) => this.apireq.get(`/accounts/${this.accid}/conversations/${cid}`)
 	getLocaleContent = (locale) => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`)
-	sendEvent = (data) => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/events`, data)
+	sendEvent = (data) =>
+		this.apireq.addQuery('shorten', true).post(`/accounts/${this.accid}/users/${this.uid}/events`, data)
 	sendTyping = (cid) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`)
 
 	sendLostFocus = (device, productid, source_id, sku) =>

package/src/store/store.js

@@ -420,7 +420,8 @@ export default class Store {
 
 		if (this.realtime) this.realtime.stop()
 		if (this.fake) this.realtime = new RealtimeFake()
-		else this.realtime = new Realtime(this.RealtimeURL, {account_id: accid, user_ref: userRef, user_mask: mask})
+		else
+			this.realtime = new Realtime(this.RealtimeURL, {account_id: accid, user_ref: userRef, user_mask: mask}, xhrsend)
 
 		this.realtime.onEvent(this.onWs.bind(this))
 		this.realtime.onInterrupted(() => this.reconnectWs(accid, user.id))
@@ -654,7 +655,7 @@ export default class Store {
 
 	// send the content view, the first presence and record domain
 	async track() {
-		let out = await this.api.sendContentView(
+			let out = await this.api.sendContentView(
 			this.device,
 			location.href,
 			document.title,
@@ -1302,3 +1303,31 @@ let cleanMyLocalStorage = () => {
 		}
 	})
 }
+
+function dofetch(method, url, body, cb) {
+	let headers = {}
+	if (body) headers['content-type'] = 'text/plain'
+	fetch(url, {method: method, headers: headers, body: body})
+		.then((res) => res.text().then((text) => cb && cb(text, res.status)))
+		.catch((err) => cb && cb(err, -1))
+}
+
+// xhrsend sends an HTTP request
+var xhrsend = function (method, url, body, cb) {
+	if (typeof sb.XMLHttpRequest === 'undefined') return dofetch(method, url, body, cb)
+	var request = new sb.XMLHttpRequest()
+	request.onreadystatechange = function (e) {
+		if (request.readyState !== 4) return
+		cb && cb(request.responseText, request.status)
+		cb = undefined // dont call cb anymore
+	}
+
+	request.onerror = function () {
+		cb && cb(request.responseText, -1) // network error
+		cb = undefined // dont call cb anymore
+	}
+
+	request.open(method, url)
+	if (body) request.setRequestHeader('content-type', 'text/plain')
+	request.send(body)
+}

package/src/util/common.js

@@ -18,6 +18,7 @@ export var setTimeout = f.contentWindow.setTimeout.bind(f.contentWindow)
 export var setInterval = f.contentWindow.setInterval.bind(f.contentWindow)
 export var clearInterval = f.contentWindow.clearInterval.bind(f.contentWindow)
 export var clearTimeout = f.contentWindow.clearTimeout.bind(f.contentWindow)
+export var XMLHttpRequest = f.contentWindow.XMLHttpRequest
 
 // convoOfEv extracts the ID of the conversation
 // that event is sent to