@subiz/widget-v4 4.1.90 → 4.1.93

package/assets/less/message.less

@@ -101,7 +101,7 @@
 	margin: 5px 0 0;
 	display: inline-block;
 	background-color: @gray-200;
-	// color: @black;
+	.color(@black);
 	padding: 10px 14px 10px 14px;
 	//padding: 12px;
 }

package/assets/less/message_input.less

@@ -30,6 +30,7 @@ textarea[disabled=disabled] {
 	flex: 1;
 	align-self: center;
 	margin-right: 7.5px;
+	.color(@black);
 }
 
 .message-input--emoji-button {

package/assets/less/rating.less

@@ -29,6 +29,7 @@
 	z-index: 10;
 
 	.rating--comment {
+		.color(@black);
 		resize: none;
 		margin-left: 20px;
 		margin-right: 20px;

package/compiled_src/bot.js

@@ -10,6 +10,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(store) {
+  if (!store.matchAutoStartBot()) return;
   let botM = store.matchBot();
   if (Object.keys(botM).length === 0) return;
   _index.default.each(botM, bot => {

package/compiled_src/lib.js

@@ -285,6 +285,9 @@ class Widget {
       this.pluginMgr.showCurrentGreeting();
     }
   }
+  stopAutobot() {
+    this.store.doNotStartBot();
+  }
 }
 window.__sbz_WIDGET = Widget;
 var _default = exports.default = Widget;

package/compiled_src/store/api.js

@@ -33,14 +33,14 @@ class _default {
       });
       return this.apireq.post(`/accounts/${this.accid}/conversations`, data);
     });
-    _defineProperty(this, "sendConvoEvent", (cid, ev) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/events`, ev));
+    _defineProperty(this, "sendConvoEvent", (cid, ev) => this.apireq.addQuery('x-referer', _index.default.get(location, 'origin', '')).post(`/accounts/${this.accid}/conversations/${cid}/events`, ev));
     _defineProperty(this, "createPostback", (cid, p) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/postbacks`, p));
     _defineProperty(this, "markAsReceived", (cid, messageId) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/messages/${messageId}/receive`));
     _defineProperty(this, "markAsSeen", (cid, messageId) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/messages/${messageId}/seen`));
     _defineProperty(this, "getConversation", cid => this.apireq.get(`/accounts/${this.accid}/conversations/${cid}`));
     _defineProperty(this, "getLocaleContent", locale => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`));
-    _defineProperty(this, "sendEvent", data => this.apireq.addQuery('shorten', true).post(`/accounts/${this.accid}/users/${this.uid}/events`, data));
-    _defineProperty(this, "submitForm", (form_id, page_url, device, data, user) => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/events`, {
+    _defineProperty(this, "sendEvent", data => this.apireq.addQuery('shorten', true).addQuery('x-referer', _index.default.get(location, 'origin', '')).post(`/accounts/${this.accid}/users/${this.uid}/events`, data));
+    _defineProperty(this, "submitForm", (form_id, page_url, device, data, user) => this.apireq.addQuery('x-referer', _index.default.get(location, 'origin', '')).post(`/accounts/${this.accid}/users/${this.uid}/events`, {
       by: {
         id: this.uid,
         device: device

package/compiled_src/store/store.js

@@ -217,6 +217,13 @@ class Store {
       this.sendPresence();
     });
     window.addEventListener('beforeunload', () => this.api.sendLostFocus());
+    this.doNotStartBot = () => {
+      this._donotstartbot = true;
+    };
+    this.autoStartBot = () => {
+      this._donotstartbot = false;
+    };
+    this.matchAutoStartBot = () => !this._donotstartbot;
     this._presenceInterval1 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval1);
       if (this.browserVisibility === 'visible' && document.hasFocus()) this.sendPresence();

package/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
 	<head>
 		<meta name="description" content="Subiz preview" />
@@ -46,6 +46,30 @@
 				button.id = 'test2'
 				document.body.appendChild(button)
 			}, 2000)
+
+			setTimeout(function () {
+				// only run when url contain ?bot=greeting
+				var urlParams = new URLSearchParams(window.location.search)
+				const greeting = urlParams.get('bot')
+				if (greeting !== 'greeting') return
+
+				let botid = '<botid>' ////////////////////// replace your bot id here. eg: bbrtilgagvnoehvpzg
+
+				// dont allow other bots to run
+				subiz('shrinkWidget')
+				subiz('stopAutobot')
+
+				subiz('waitReady', function () {
+					let kk = subiz('startConvo', {
+						initial_by: botid,
+						state: 'active',
+						members: [{id: botid, type: 'bot'}],
+					}).then(function (out) {
+						if (!out || !out.convo || !out.convo.id) return
+						subiz('showWidget', 'chat', out.convo.id)
+					})
+				})
+			})
 		</script>
 	</body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.90",
+	"version": "4.1.93",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -9,10 +9,10 @@
 		"lib": "rm -rf compiled_src && npx babel --out-dir=compiled_src src"
 	},
 	"dependencies": {
-		"@subiz/ajax": "^3.0.16",
+		"@subiz/ajax": "^3.0.18",
 		"@subiz/flow": "^1.1.0",
 		"@subiz/storage": "0.0.8",
-		"@subiz/wsclient": "^4.0.24",
+		"@subiz/wsclient": "^4.0.27",
 		"cookie_js": "1.4.2",
 		"core-js": "^3.37.1",
 		"css-loader": "5.2.7",
@@ -23,14 +23,14 @@
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.24.8",
-		"@babel/core": "^7.24.9",
+		"@babel/core": "^7.25.2",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/plugin-transform-react-jsx": "^7.24.7",
-		"@babel/preset-env": "^7.24.8",
+		"@babel/plugin-transform-react-jsx": "^7.25.2",
+		"@babel/preset-env": "^7.25.2",
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.0",
-		"puppeteer": "^22.13.0",
+		"puppeteer": "^22.14.0",
 		"webpack": "^5.93.0",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^5.1.4",

package/src/bot.js

@@ -1,7 +1,8 @@
 import sb from './util/index.js'
 import * as common from './common.js'
 
-export default function(store) {
+export default function (store) {
+	if (!store.matchAutoStartBot()) return
 	let botM = store.matchBot()
 	if (Object.keys(botM).length === 0) return
 	sb.each(botM, (bot) => {

package/src/lib.js

@@ -306,6 +306,10 @@ class Widget {
 			this.pluginMgr.showCurrentGreeting()
 		}
 	}
+
+	stopAutobot() {
+		this.store.doNotStartBot()
+	}
 }
 
 // for debugging purpose

package/src/store/api.js

@@ -209,7 +209,10 @@ export default class {
 		return this.apireq.post(`/accounts/${this.accid}/conversations`, data)
 	}
 
-	sendConvoEvent = (cid, ev) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/events`, ev)
+	sendConvoEvent = (cid, ev) =>
+		this.apireq
+			.addQuery('x-referer', sb.get(location, 'origin', ''))
+			.post(`/accounts/${this.accid}/conversations/${cid}/events`, ev)
 	createPostback = (cid, p) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/postbacks`, p)
 	markAsReceived = (cid, messageId) =>
 		this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/messages/${messageId}/receive`)
@@ -219,23 +222,28 @@ 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.addQuery('shorten', true).post(`/accounts/${this.accid}/users/${this.uid}/events`, data)
+		this.apireq
+			.addQuery('shorten', true)
+			.addQuery('x-referer', sb.get(location, 'origin', ''))
+			.post(`/accounts/${this.accid}/users/${this.uid}/events`, data)
 
 	submitForm = (form_id, page_url, device, data, user) =>
-		this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/events`, {
-			by: {id: this.uid, device: device},
-			type: 'form_submitted',
-			data: {
-				user: user,
-				form_submission: {
-					user_id: this.uid,
-					form_id: form_id,
-					page_url: page_url,
-					submitted_at: sb.Date.now(),
-					values: data,
+		this.apireq
+			.addQuery('x-referer', sb.get(location, 'origin', ''))
+			.post(`/accounts/${this.accid}/users/${this.uid}/events`, {
+				by: {id: this.uid, device: device},
+				type: 'form_submitted',
+				data: {
+					user: user,
+					form_submission: {
+						user_id: this.uid,
+						form_id: form_id,
+						page_url: page_url,
+						submitted_at: sb.Date.now(),
+						values: data,
+					},
 				},
-			},
-		})
+			})
 
 	sendTyping = (cid) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`)
 

package/src/store/store.js

@@ -69,6 +69,16 @@ export default class Store {
 		})
 		window.addEventListener('beforeunload', () => this.api.sendLostFocus())
 
+		this.doNotStartBot = () => {
+			this._donotstartbot = true
+		}
+
+		this.autoStartBot = () => {
+			this._donotstartbot = false
+		}
+
+		this.matchAutoStartBot = () => !this._donotstartbot
+
 		// faster send rate when has focus
 		this._presenceInterval1 = sb.setInterval(() => {
 			if (this._die) return sb.clearInterval(this._presenceInterval1)