@subiz/widget-v4 4.1.166 → 4.1.168

package/dist/HASH

@@ -1 +1 @@
-198a3614cdc
+198a731cfbb

package/dist/screenshoot.js

@@ -3873,7 +3873,10 @@ function jsonifyTextPlain(param, done) {
     _defineProperty(this, "time", _ => ajax.setBaseUrl(this.ApiURL).withCredentials(true).setParser('json').get('/time'));
     _defineProperty(this, "updateUser", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data));
     _defineProperty(this, "getUser", _ => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`));
-    _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
+    _defineProperty(this, "getAccountSetting", () => {
+      let href = util/* default */.A.get(document, 'location.href');
+      return this.apireq.addQuery('url', href).get(`/accounts/${this.accid}/settings`);
+    });
     _defineProperty(this, "sendImpression", impression => this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression));
     _defineProperty(this, "sendConversion", conversion => this.apireq.post(`/accounts/${this.accid}/campaigns/${conversion.campaign_id}/conversions`, conversion));
     _defineProperty(this, "lookupOrder", key => ajax.setBaseUrl(this.ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').addQuery('x-signed-key', key).get(`/orders/123`));
@@ -5090,6 +5093,7 @@ class Store {
         });
       }
     }, 2000);
+    this.loopCheckConnectionStatus();
   }
   async loopCheckConnectionStatus() {
     while (true) {
@@ -5248,8 +5252,6 @@ class Store {
     if (!this.isInsync('account')) this.reconnect();
   }
   async init(accid, mask, userRef, options) {
-    this.readyGate.close();
-    accid = (accid || '').trim();
     this.g_sync = {};
     if (!options || !options.use_subdomain_cookie) {
       if (window && window.location && window.location.hostname) {
@@ -5284,69 +5286,58 @@ class Store {
       cleanMyLocalStorage();
       this.clearBrowserData();
     }
-    this.lightConvos = {};
-    this.cache = new kv(new lsdb('sbz2023', true), 'kv');
     this.api.setAuth({
       accid: accid
     });
     if (userRef) this.cookie.set('__sbref', userRef);
-    let user = await this.api.setAuth({
+    return this._initResource(accid, {
       accid: accid,
       mask: mask,
       ref: userRef
+    }, {
+      account_id: accid,
+      user_ref: userRef,
+      user_mask: mask
     });
+  }
+  async _initResource(accid, auth, realtimep) {
+    this.g_sync = {};
+    let user = await this.api.setAuth(auth);
     if (user.error) {
       console.error(user);
       return user;
     }
+    this.readyGate.close();
+    accid = (accid || '').trim();
+    this.lightConvos = this.kv.match('light_convos') || {};
+    this.cache = new kv(new lsdb('sbz2023', true), 'kv');
     if (this.realtime) this.realtime.stop();
-    if (this.fake) this.realtime = new realtime_fake();else this.realtime = new Realtime(this.RealtimeURL, {
-      account_id: accid,
-      user_ref: userRef,
-      user_mask: mask
-    }, xhrsend);
+    if (this.fake) this.realtime = new realtime_fake();else this.realtime = new Realtime(this.RealtimeURL, realtimep, xhrsend);
     this.realtime.onEvent(this.onWs.bind(this));
     this.realtime.onInterrupted(async () => {
       await this.reconnectWs(accid, user.id);
       this.reconnect();
     });
-    this.lightConvos = this.kv.match('light_convos') || {};
     this.seenLoop();
     await this.reconnect({
       user: user
     });
     this.readyGate.open();
     this.reconnectWs(accid, user.id);
-    this.loopCheckConnectionStatus();
     return user;
   }
   async login(accid, user_id, tokenGenerator) {
     if (this._die) return dieErr;
-    let user = await this.api.setAuth({
+    cleanMyLocalStorage();
+    this.clearBrowserData();
+    this.new_visitor = false;
+    return this._initResource(accid, {
       accid: accid,
       profile_id: user_id,
       tokenGenerator: tokenGenerator
-    });
-    if (user.error) return user;
-    this.clearBrowserData();
-    this.readyGate.close();
-    accid = (accid || '').trim();
-    this.g_sync = {};
-    this.new_visitor = false;
-    if (this.realtime) this.realtime.stop();
-    if (this.fake) this.realtime = new realtime_fake();else this.realtime = new Realtime(this.RealtimeURL, {
+    }, {
       getAccessToken: () => this.api.token_generator()
     });
-    this.realtime.onEvent(this.onWs.bind(this));
-    this.realtime.onInterrupted(async () => {
-      await this.reconnectWs(accid, user.id);
-      this.reconnect();
-    });
-    this.seenLoop();
-    await this.reconnect();
-    this.readyGate.open();
-    this.reconnectWs(accid, user.id);
-    return user;
   }
   logout(userRef) {
     return this.api.setAuth({
@@ -9100,6 +9091,8 @@ class Event extends common/* Com */.Mw {
   renderAIDevNote() {
     if (!this.props.isLast) return null;
     if (!this.props.store.isAIDevMode()) return null;
+    let cid = util/* default */.A.get(this.props.event.ev, 'data.message.conversation_id', '');
+    if (cid.startsWith('cslight')) return null;
     let ev = util/* default */.A.get(this.props.event, 'ev') || {};
     let pongs = util/* default */.A.get(ev, 'data.message.pongs') || [];
     let hasLike = this.hasLike();

package/index.html

@@ -15,6 +15,7 @@
 		<h1>Subiz widget testing</h1>
 		<button id="test1">Test 1</button>
 		<script>
+			let sbz_info = {}
 			function getUrlParameter(name) {
 				name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]')
 				var regex = new RegExp('[\\?&]' + name + '=([^&#]*)')

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.166",
+	"version": "4.1.168",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/lib.js

@@ -117,6 +117,8 @@ class Widget {
 	}
 
 	async setAccount(id, $container, mask, cb) {
+		if (typeof sbz_info != 'undefined') sbz_info.set_account = sb.Date.now()
+
 		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
@@ -131,6 +133,8 @@ class Widget {
 			sb.clearInterval(clean)
 		}, 1000)
 		this.domGate.open()
+		if (typeof sbz_info != 'undefined') sbz_info.set_account_done = sb.Date.now()
+
 		cb && cb(outmask)
 		return outmask
 	}

package/src/plugin.js

@@ -73,6 +73,7 @@ function Plugin(plugin, store, $container, lib) {
 
 		if (plugin.type === 'chatbox') {
 			// if (!Chatbox) Chatbox = (await LoadChatbox()).default
+			if (typeof sbz_info != 'undefined' ) sbz_info.render_chatbox = sb.Date.now()
 			render(<Chatbox destroy={_destroy} plugin={plugin} store={store} ref={_ref} t={this.t} />, $div)
 		}
 

package/src/store/api.js

@@ -358,7 +358,10 @@ export default class {
 	updateUser = (data) => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data)
 
 	getUser = (_) => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}`)
-	getAccountSetting = () => this.apireq.get(`/accounts/${this.accid}/settings`)
+	getAccountSetting = () => {
+		let href = sb.get(document, 'location.href') // send full href, this could be used to select which bot (ai-agent) should be returned
+		return this.apireq.addQuery('url', href).get(`/accounts/${this.accid}/settings`)
+	}
 
 	sendImpression = (impression) =>
 		this.apireq.post(`/accounts/${this.accid}/campaigns/${impression.campaign_id}/impressions`, impression)

package/tracking.js

@@ -1,45 +1,123 @@
 // send signal to server when the chatbox is not visible
 
-setTimeout(() => {
-	var $button = document.querySelector('div.chat-button')
-
-	let status = ''
-	if ($button) {
-		var rect = $button.getBoundingClientRect()
-		var visible = rect.width > 0 && rect.height > 0
-		if (visible) {
-			// the chatbox is visible
-			return
-		} else {
-			// the chatbox is not visible
-			status = 'hidden'
-		}
-	} else {
-		// the chatbox is not found in DOM
-		status = 'not-found'
+if (typeof sbz_info == 'undefined') {
+	var sbz_logs = []
+	var sbz_info = {}
+	// Catch synchronous runtime errors (ReferenceError, TypeError, etc.)
+	window.onerror = function (message, source, lineno, colno, error) {
+		sbz_logs.push({
+			created: Date.now(),
+			type: 'error',
+			message: message,
+			source: source,
+			line: lineno,
+			column: colno,
+			error: error,
+		})
 	}
 
-	// Collect device and browser info
-	var info = {
-		status: status,
-		href: window.location.href,
-		userAgent: navigator.userAgent,
-		platform: navigator.platform,
-		language: navigator.language,
-		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+	// Catch unhandled Promise rejections
+	window.addEventListener('unhandledrejection', function (event) {
+		sbz_logs.push({
+			created: Date.now(),
+			type: 'rejection',
+			reason: event.reason + '',
+		})
+	})
+
+	const _originalOpen = XMLHttpRequest.prototype.open
+	const _originalSend = XMLHttpRequest.prototype.send
+
+	XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
+		this._url = url // store URL for logging
+		return _originalOpen.apply(this, arguments)
 	}
 
-	// Send via XHR
-	var xhr = new XMLHttpRequest()
-	xhr.open('POST', 'https://api.subiz.com.vn/4.1/chatbox-failed', true)
-	xhr.withCredentials = false
-	xhr.setRequestHeader('Content-Type', 'text/plain')
+	XMLHttpRequest.prototype.send = function (body) {
+		this.addEventListener('load', function () {
+			if (this.status >= 400) {
+				sbz_logs.push({
+					type: 'xhrfailed',
+					url: this._url,
+					status: this.status,
+					response: this.responseText,
+				})
+			}
+		})
+		this.addEventListener('error', function () {
+			console.error('XHR network error:', {url: this._url})
+		})
+		return _originalSend.apply(this, arguments)
+	}
 
-	xhr.onreadystatechange = function () {
-		if (xhr.readyState === XMLHttpRequest.DONE) {
-			console.log('Server responded with:', xhr.status, xhr.responseText)
-		}
+	// ===== 4. Catch fetch errors =====
+	const originalFetch = window.fetch
+	window.fetch = function (...args) {
+		return originalFetch(...args)
+			.then((response) => {
+				if (!response.ok) {
+					sbz_logs.push({
+						type: 'fetchfailed',
+						url: args[0],
+						status: response.status,
+						statusText: response.statusText,
+					})
+				}
+				return response
+			})
+			.catch((err) => {
+				sbz_logs.push({
+					type: 'fetchfailed2',
+					url: args[0],
+					error: err + '',
+				})
+				throw err // re-throw if needed
+			})
 	}
 
-	xhr.send(JSON.stringify(info))
-}, 15000)
+	setTimeout(() => {
+		var $button = document.querySelector('div.chat-button')
+
+		let status = ''
+		if ($button) {
+			var rect = $button.getBoundingClientRect()
+			var visible = rect.width > 0 && rect.height > 0
+			if (visible) {
+				// the chatbox is visible
+				return
+			} else {
+				// the chatbox is not visible
+				status = 'hidden'
+			}
+		} else {
+			// the chatbox is not found in DOM
+			status = 'not-found'
+		}
+
+		// Collect device and browser info
+		var info = {
+			status: status,
+			href: window.location.href,
+			userAgent: navigator.userAgent,
+			platform: navigator.platform,
+			language: navigator.language,
+			timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+			logs: sbz_logs,
+			info: sbz_info,
+		}
+
+		// Send via XHR
+		var xhr = new XMLHttpRequest()
+		xhr.open('POST', 'https://api.subiz.com.vn/4.1/chatbox-failed', true)
+		xhr.withCredentials = false
+		xhr.setRequestHeader('Content-Type', 'text/plain')
+
+		xhr.onreadystatechange = function () {
+			if (xhr.readyState === XMLHttpRequest.DONE) {
+				console.log('Server responded with:', xhr.status, xhr.responseText)
+			}
+		}
+
+		xhr.send(JSON.stringify(info))
+	}, 15000)
+}