@subiz/widget-v4 4.1.167 → 4.1.169

package/dist/HASH

@@ -1 +1 @@
-198a3614cdc
+198a92fcacc

package/dist/screenshoot.js

@@ -2262,6 +2262,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   usersOfConvo: () => (/* binding */ usersOfConvo)
 /* harmony export */ });
 var op = __webpack_require__(3259);
+const ajax = __webpack_require__(318);
 function rgbToHsl(r, g, b) {
   ;
   r /= 255, g /= 255, b /= 255;
@@ -2451,6 +2452,29 @@ var setInterval = f.contentWindow.setInterval.bind(f.contentWindow);
 var clearInterval = f.contentWindow.clearInterval.bind(f.contentWindow);
 var clearTimeout = f.contentWindow.clearTimeout.bind(f.contentWindow);
 var XMLHttpRequest = f.contentWindow.XMLHttpRequest;
+const _originalOpen = XMLHttpRequest.prototype.open;
+const _originalSend = XMLHttpRequest.prototype.send;
+XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
+  this._url = url;
+  return _originalOpen.apply(this, arguments);
+};
+XMLHttpRequest.prototype.send = function (body) {
+  let old = this.onreadystatechange;
+  this.onreadystatechange = function (a, b, c) {
+    if (this.readyState != 4) return;
+    if (this.status >= 400 || this.status == 0) {
+      if (typeof sbz_logs == 'object') sbz_logs.push({
+        type: 'xhrfailed',
+        url: this._url,
+        status: this.status,
+        response: this.responseText
+      });
+    }
+    old(a, b, c);
+  };
+  return _originalSend.apply(this, arguments);
+};
+ajax.env.XMLHttpRequest = XMLHttpRequest;
 function convoOfEv(ev) {
   if (!ev) return '';
   return op.get(ev, 'data.conversation.id', op.get(ev, 'data.message.conversation_id'));
@@ -3737,7 +3761,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 const ajax = __webpack_require__(318);
-ajax.env.XMLHttpRequest = util/* default */.A.XMLHttpRequest;
 function jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = util/* default */.A.stringify(req.body);
@@ -3873,7 +3896,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`));
@@ -4428,7 +4454,6 @@ function api_fake_toPropertyKey(t) { var i = api_fake_toPrimitive(t, "string");
 function api_fake_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 const api_fake_ajax = __webpack_require__(318);
-api_fake_ajax.env.XMLHttpRequest = window.XMLHttpRequest;
 function api_fake_jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = util/* default */.A.stringify(req.body);
@@ -5090,6 +5115,7 @@ class Store {
         });
       }
     }, 2000);
+    this.loopCheckConnectionStatus();
   }
   async loopCheckConnectionStatus() {
     while (true) {
@@ -5248,8 +5274,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 +5308,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 +9113,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();
@@ -11327,6 +11342,7 @@ function Plugin(plugin, store, $container, lib) {
     if (!$div) return;
     if (!this.t) return;
     if (plugin.type === 'chatbox') {
+      if (typeof sbz_info != 'undefined') sbz_info.render_chatbox = util/* default */.A.Date.now();
       (0,preact_module/* render */.XX)((0,preact_module.h)(Main, {
         destroy: _destroy,
         plugin: plugin,
@@ -11670,10 +11686,13 @@ class lib_Widget {
     return outmask;
   }
   async setAccount(id, $container, mask, cb) {
+    if (typeof sbz_info != 'undefined') sbz_info.set_account = util/* default */.A.Date.now();
     if (!id) return {
       error: 'empty_account_id'
     };
+    if (typeof sbz_info != 'undefined') sbz_info.set_account_1 = util/* default */.A.Date.now();
     let outmask = await this.store.init(id, mask);
+    if (typeof sbz_info != 'undefined') sbz_info.set_account_2 = util/* default */.A.Date.now();
     util/* default */.A.setTimeout(() => window.postMessage({
       type: 'widget_loaded',
       account_id: id
@@ -11686,6 +11705,7 @@ class lib_Widget {
       util/* default */.A.clearInterval(clean);
     }, 1000);
     this.domGate.open();
+    if (typeof sbz_info != 'undefined') sbz_info.set_account_done = util/* default */.A.Date.now();
     cb && cb(outmask);
     return outmask;
   }

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.167",
+	"version": "4.1.169",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -21,15 +21,15 @@
 		"preact": "10.19.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.28.0",
-		"@babel/core": "^7.28.0",
+		"@babel/cli": "^7.28.3",
+		"@babel/core": "^7.28.3",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.27.1",
-		"@babel/preset-env": "^7.28.0",
+		"@babel/preset-env": "^7.28.3",
 		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
-		"html-webpack-plugin": "^5.6.3",
-		"puppeteer": "^24.16.1",
+		"html-webpack-plugin": "^5.6.4",
+		"puppeteer": "^24.16.2",
 		"webpack": "^5.101.1",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",

package/src/lib.js

@@ -117,8 +117,12 @@ 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
+		if (typeof sbz_info != 'undefined') sbz_info.set_account_1 = sb.Date.now()
 		let outmask = await this.store.init(id, mask)
+		if (typeof sbz_info != 'undefined') sbz_info.set_account_2 = sb.Date.now()
 		sb.setTimeout(() => window.postMessage({type: 'widget_loaded', account_id: id}, '*'), 0) // send to chrome extension
 		// add container to client site
 		if (!$container) $container = document.body || document
@@ -131,6 +135,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

@@ -1,6 +1,5 @@
 import sb from '../util/index.js'
 const ajax = require('@subiz/ajax/src/ajax.js')
-ajax.env.XMLHttpRequest = sb.XMLHttpRequest
 
 function jsonifyTextPlain(param, done) {
 	let req = param.request

package/src/store/api_fake.js

@@ -1,7 +1,6 @@
 import sb from '../util/index.js'
 
 const ajax = require('@subiz/ajax/src/ajax.js')
-ajax.env.XMLHttpRequest = window.XMLHttpRequest
 
 function jsonifyTextPlain(param, done) {
 	let req = param.request

package/src/util/common.js

@@ -1,4 +1,5 @@
 var op = require('./op.js')
+const ajax = require('@subiz/ajax/src/ajax.js')
 
 /**
  * Converts an RGB color value to HSL. Conversion formula
@@ -231,6 +232,33 @@ export var clearInterval = f.contentWindow.clearInterval.bind(f.contentWindow)
 export var clearTimeout = f.contentWindow.clearTimeout.bind(f.contentWindow)
 export var XMLHttpRequest = f.contentWindow.XMLHttpRequest
 
+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)
+}
+
+XMLHttpRequest.prototype.send = function (body) {
+	let old = this.onreadystatechange
+	this.onreadystatechange = function (a, b, c) {
+		if (this.readyState != 4) return
+		// request completed
+		if (this.status >= 400 || this.status == 0) {
+			if (typeof sbz_logs == 'object')
+				sbz_logs.push({
+					type: 'xhrfailed',
+					url: this._url,
+					status: this.status,
+					response: this.responseText,
+				})
+		}
+		old(a, b, c)
+	}
+	return _originalSend.apply(this, arguments)
+}
+ajax.env.XMLHttpRequest = XMLHttpRequest
+
 // convoOfEv extracts the ID of the conversation
 // that event is sent to
 export function convoOfEv(ev) {

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)
+}