@subiz/widget-v4 4.0.91 → 4.0.93

package/compiled_src/util/common.test.js

@@ -1,9 +1,7 @@
 "use strict";
 
 const test = require('tape');
-
 const util = require('./common.js');
-
 test('util.getNotiDescription', t => {
   var tcs = [{
     desc: 'not a message sent',
@@ -442,11 +440,9 @@ test('mapize', t => {
     value: 4
   }];
   var m = util.mapize(arr, 'id');
-
   for (var i = 0; i < arr.length; i++) {
     t.equal(m[i], arr[i]);
   }
-
   t.end();
 });
 test('convo id from topic', t => {

package/compiled_src/util/extractor.js

@@ -10,15 +10,11 @@ exports.extractLinks = extractLinks;
 exports.extractPhones = extractPhones;
 exports.extractText = extractText;
 exports.pipeExtracts = pipeExtracts;
-
 var common = require('./common.js');
-
 let emojis = ['like', 'unlike', 'wink', 'tongue-out', 'tired', 'surprised', 'smiling', 'sleepy', 'sad', 'neutral', 'heart-eyes', 'grinning', 'crying', 'confused', 'angry', 'cry', 'heart_eyes', 'neutral_face', 'emoji--disappointed', 'smile', 'open_mouth', 'tired_face', 'stuck_out_tongue', 'moyai', 'thumbsdown', 'dislike', 'thumbsup', 'ok_hand', 'octopus', 'pig2', 'wave', 'mouse', 'mouse2', 'rat'];
 emojis = common.map(emojis, e => ':' + e + ':');
-
 function extractEmojis(text) {
   var out = [];
-
   for (var i = 0; i < text.length; i++) {
     for (var e = 0; e < emojis.length; e++) {
       if (text.indexOf(emojis[e], i) !== i) continue;
@@ -30,77 +26,63 @@ function extractEmojis(text) {
       break;
     }
   }
-
   return out;
 }
-
 function extractLinks(text) {
   text = text || '';
   var reg = /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.,~#?&//=]*)/gim;
   var out = [];
   var match;
-
   while (match = reg.exec(text)) {
     out.push({
       index: match.index,
       length: reg.lastIndex - match.index
     });
   }
-
   return out;
 }
-
 function extractEmails(text) {
   text = text || '';
   var reg = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/gim;
   var out = [];
   var match;
-
   while (match = reg.exec(text)) {
     out.push({
       index: match.index,
       length: reg.lastIndex - match.index
     });
   }
-
   return out;
 }
-
 function extractPhones(msg) {
   msg = msg || '';
   var fgmsg = '';
-  var realchmap = {};
 
+  var realchmap = {};
   for (var i = 0; i < msg.length; i++) {
     var ch = msg.charAt(i);
-
     if (ch !== '.' && ch !== '-' && ch !== ' ') {
       fgmsg += ch;
       realchmap[fgmsg.length - 1] = i;
       continue;
     }
-
     var prevCh = i > 0 ? msg.charAt(i - 1) : '-';
     var nextCh = i < msg.length - 1 ? msg.charAt(i + 1) : '-';
     if ('0123456789'.indexOf(prevCh) !== -1 && '0123456789'.indexOf(nextCh) !== -1) continue;
     fgmsg += ch;
     realchmap[fgmsg.length - 1] = i;
   }
-
   var reg = /([0-9]{8,13})/gim;
   var out = [];
   var match;
-
   while (match = reg.exec(fgmsg)) {
     out.push({
       index: realchmap[match.index],
       length: realchmap[reg.lastIndex - 1] - realchmap[match.index] + 1
     });
   }
-
   return out;
 }
-
 function extract(text, extractor, type) {
   if (!text) return [];
   var out = [];
@@ -128,7 +110,6 @@ function extract(text, extractor, type) {
   });
   return common.filter(out, o => o.text !== '');
 }
-
 function pipeExtracts(text, extractors) {
   var out = [];
   if (common.size(extractors) === 0) return [{
@@ -143,7 +124,6 @@ function pipeExtracts(text, extractors) {
   });
   return out;
 }
-
 function extractText(text) {
   var link = extractLinks;
   link.type = 'link';

package/compiled_src/util/extractor.test.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var test = require('tape');
-
 var lo = require('lodash');
-
 let {
   extractEmails,
   extractPhones,
@@ -12,7 +10,6 @@ let {
   extractEmojis,
   maskEmojis
 } = require('./extractor.js');
-
 test('extract emails', t => {
   var tcs = [{
     text: 'email',

package/compiled_src/util/gate.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 class Gate {
   constructor(isOpen) {
     this.isOpen = isOpen === true;
     this.cbs = [];
   }
-
   open() {
     this.isOpen = true;
     let newcbs = [];
@@ -19,18 +17,15 @@ class Gate {
     });
     this.cbs = newcbs;
   }
-
   close() {
     this.isOpen = false;
   }
-
   entry(cb, lock) {
     if (this.isOpen) {
       if (lock) this.isOpen = false;
       cb && cb();
       return Promise.resolve();
     }
-
     return new Promise(resolve => {
       this.cbs.push(() => {
         if (lock) this.isOpen = false;
@@ -39,7 +34,5 @@ class Gate {
       });
     });
   }
-
 }
-
 exports.default = Gate;

package/compiled_src/util/gate.test.js

@@ -1,11 +1,10 @@
 "use strict";
 
 var test = require('tape');
-
 var Gate = require('./gate.js');
-
 test('gate', async t => {
   var gate = new Gate();
+
   var flip = 0;
   setTimeout(function () {
     flip = 1;

package/compiled_src/util/index.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var common = _interopRequireWildcard(require("./common.js"));
-
 var extractor = _interopRequireWildcard(require("./extractor.js"));
-
 var campaign = _interopRequireWildcard(require("./campaign.js"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var sb = {};
 sb = Object.assign(sb, common);
 sb.Gate = require('./gate.js').default;
-
+sb.Mutex = require('./mutex.js').default;
 var op = require('./op.js');
-
 sb.get = op.get;
 sb.set = op.set;
 sb.Pubsub = require('./pubsub.js').default;

package/compiled_src/util/mutex.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class Mutex {
+  constructor() {
+    this.isOpen = true;
+    this.cbs = [];
+  }
+  _check() {
+    if (!this.isOpen) return;
+    let cb = this.cbs.pop();
+    if (!cb) return;
+    this.isOpen = false;
+    cb();
+  }
+  lock() {
+    return new Promise(resolve => {
+      this.cbs.push(resolve);
+      this._check();
+    });
+  }
+  unlock() {
+    if (this.isOpen) return;
+    this.isOpen = true;
+    this._check();
+  }
+}
+exports.default = Mutex;

package/compiled_src/util/op.js

@@ -5,65 +5,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.get = get;
 exports.set = set;
-var toStr = Object.prototype.toString;
 
+var toStr = Object.prototype.toString;
 var isArray = Array.isArray || function (obj) {
   return toStr.call(obj) === '[object Array]';
 };
-
 function hasOwnProperty(obj, prop) {
   if (obj == null) return false;
   return Object.prototype.hasOwnProperty.call(obj, prop);
 }
-
 function getKey(key) {
   var intKey = parseInt(key);
   return intKey.toString() === key ? intKey : key;
 }
-
 function hasShallowProperty(obj, prop) {
   return typeof prop === 'number' && isArray(obj) || hasOwnProperty(obj, prop);
 }
-
 function getShallowProperty(obj, prop) {
   if (hasShallowProperty(obj, prop)) return obj[prop];
 }
-
 function get(obj, path, defaultValue) {
   if (typeof path === 'number') path = [path];
   if (!path || path.length === 0) return obj;
   if (obj == null) return defaultValue;
-
   if (typeof path === 'string') {
     return get(obj, path.split('.'), defaultValue);
   }
-
   var currentPath = getKey(path[0]);
   var nextObj = getShallowProperty(obj, currentPath);
   if (nextObj === void 0) return defaultValue;
   if (path.length === 1) return nextObj;
   return get(obj[currentPath], path.slice(1), defaultValue);
 }
-
 function set(obj, path, value) {
   if (typeof path === 'number') path = [path];
   if (!path || path.length === 0) return obj;
-
   if (typeof path === 'string') {
     return set(obj, path.split('.').map(getKey), value);
   }
-
   var currentPath = path[0];
   var currentValue = getShallowProperty(obj, currentPath);
-
   if (path.length === 1) {
     obj[currentPath] = value;
     return currentValue;
   }
-
   if (currentValue === void 0) {
     obj[currentPath] = typeof path[1] === 'number' ? [] : {};
   }
-
   return set(obj[currentPath], path.slice(1), value);
 }

package/compiled_src/util/pubsub.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var {
   filter,
   map
 } = require('./common.js');
-
 class Pubsub {
   constructor() {
     this.listeners = {};
   }
-
   publish(topic, payload, payload2, payload3) {
     this.listeners[topic] = filter(this.listeners[topic], sub => sub.obj._isMounted);
     map(this.listeners[topic], _ref => {
@@ -24,7 +21,6 @@ class Pubsub {
       return cb(payload, payload2, payload3);
     });
   }
-
   on2(obj, topic, cb) {
     if (!this.listeners[topic]) this.listeners[topic] = [];
     this.listeners[topic].push({
@@ -32,7 +28,5 @@ class Pubsub {
       cb
     });
   }
-
 }
-
 exports.default = Pubsub;

package/compiled_src/util/pubsub.test.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var test = require('tape');
-
 var Pubsub = require('./pubsub.js');
-
 test('pubsub simple', t => {
   var ps = new Pubsub();
   var msg = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.0.91",
+	"version": "4.0.93",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -14,27 +14,27 @@
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^3.1.7",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.25.2",
+		"core-js": "^3.26.1",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.3",
-		"less-loader": "^11.0.0",
-		"marked": "^4.1.0",
-		"preact": "^10.11.0"
+		"less-loader": "^11.1.0",
+		"marked": "^4.2.2",
+		"preact": "^10.11.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.18.10",
-		"@babel/core": "^7.19.1",
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.20.2",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.19.0",
-		"@babel/preset-env": "^7.19.1",
-		"babel-loader": "^8.2.5",
+		"@babel/preset-env": "^7.20.2",
+		"babel-loader": "^9.1.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
 		"prettier": "^2.7.1",
-		"puppeteer": "^17.1.3",
-		"webpack": "^5.74.0",
-		"webpack-bundle-analyzer": "^4.6.1",
+		"puppeteer": "^19.2.2",
+		"webpack": "^5.75.0",
+		"webpack-bundle-analyzer": "^4.7.0",
 		"webpack-cli": "^4.10.0",
 		"webpack-dev-server": "^4.11.1"
 	}

package/src/chatbox/main.js

@@ -22,7 +22,8 @@ export default class Main extends Com {
 		let found = sb.find(plugins, (plugin) => plugin.id === this.props.plugin.id)
 		if (!found) return
 		let css = (await promiseMainCSS).default.default.toString()
-		var outcss = sb.replaceCssVariable(css, this.props.plugin.chatbox)
+
+		var outcss = sb.replaceCssVariable(css, found.chatbox)
 		sb.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss)
 	}
 
@@ -68,9 +69,8 @@ export default class Main extends Com {
 		if (!this.state.cssready) return null
 		if (sb.isUserBanned(this.props.store.matchUser())) return null
 		if (!this.props.t) return null
-		var cls = this.props.store.isMobile() ? 'mobile' : 'desktop'
 		return (
-			<div class={cls}>
+			<div class={this.props.store.isMobile() ? 'mobile' : 'desktop'}>
 				<ChatButton
 					plugin={this.props.plugin}
 					store={this.props.store}

package/src/lib.js

@@ -10,9 +10,9 @@ document.head.append($link)
 sb.preloadWebfonts(['Roboto'], [400, 500])
 
 class Widget {
-	constructor(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken) {
+	constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {
 		this.domGate = new sb.Gate()
-		this.store = new Store(ApiURL, FileURL, RealtimeURL, inmem, fake, agenttoken)
+		this.store = new Store(ApiURL, FileURL, RealtimeURL, inmem, fake)
 
 		// expose store for debugging purpose
 		window.sbz_store = this.store
@@ -37,6 +37,28 @@ class Widget {
 		cb()
 	}
 
+	async cleanLogin(user_id, tokenGenerator) {}
+
+	async login(accid, user_id, tokenGenerator, $container) {
+		let user = await this.store.login(accid, user_id, tokenGenerator)
+
+		if (!$container) $container = document.body
+		this.pluginMgr = new PluginMgr(this, $container)
+
+		let clean = setInterval(() => {
+			// check if the dom is deleted
+			if ($container && $container.isConnected) return
+			this.pluginMgr.destroy()
+			clearInterval(clean)
+		}, 1000)
+		this.domGate.open()
+		return user
+	}
+
+	logout(accid) {
+		return this.store.logout()
+	}
+
 	async setAccount(id, $container, mask, cb) {
 		let outmask = await this.store.init(id, mask)
 		// add container to client site

package/src/store/api.js

@@ -13,6 +13,8 @@ function jsonifyTextPlain(param, done) {
 
 export default class {
 	constructor(ApiURL, FileURL) {
+		this.refreshLock = new sb.Mutex()
+
 		this.FileURL = FileURL
 		this.ApiURL = ApiURL
 		this.apireq = ajax
@@ -23,7 +25,19 @@ export default class {
 			.beforeHook(jsonifyTextPlain)
 			.setParser('json')
 			.beforeHook((param, done) => {
-				// attachAccessToken
+				if (this.token_generator) {
+					let user_id = this.profile_id
+					this.token_generator().then((token) => {
+						if (user_id != this.profile_id) return done(true) // outdated
+
+						if (!token) return done(false)
+						if (token == 'error') return done(false)
+						param.request = param.request.addQuery('x-access-token', token)
+						return done(true)
+					})
+					return
+				}
+
 				if (this.mask) param.request = param.request.addQuery('x-user-mask', this.mask)
 				return done(true)
 			})
@@ -40,6 +54,101 @@ export default class {
 		this.uid = obj.uid
 	}
 
+	async setTokenGenerator(accid, uid, tokenGenerator) {
+		this.tokensession = this.tokensession || 0
+		this.tokensession++
+		let tokensession = this.tokensession
+
+		if (!accid || !sb.startsWith(accid, 'ac')) return {error: 'invalid_account_id'}
+		if (!uid) return {error: 'invalid_user_id'}
+		if (typeof tokenGenerator !== 'function') return {error: 'invalid_token_generator'}
+
+		this.accid = accid
+		this.profile_id = uid
+		this.token_generator = async (force) => {
+			await this.refreshLock.lock()
+			if (tokensession != this.tokensession) {
+				this.refreshLock.unlock()
+				return // outdated
+			}
+			let age = (sb.Date.now() - (this.last_token_at || 0)) / 1000
+
+			// very good token, use this one
+			if (!force && this.last_token && age < 1800) {
+				this.refreshLock.unlock()
+				return this.last_token
+			}
+
+			if (!force && this.last_token && age < 3000) {
+				// the token is still good, but should get new one
+				if (this.token_generator)
+					setTimeout(async () => {
+						let token, err
+						try {
+							token = await tokenGenerator(uid)
+						} catch (e) {
+							err = e
+						}
+						if (tokensession != this.tokensession) {
+							this.refreshLock.unlock()
+							return // outdated
+						}
+
+						if (err) this.last_token = 'error'
+						else this.last_token = token
+						this.last_token_at = sb.Date.now()
+						this.refreshLock.unlock()
+					})
+				return this.last_token
+			}
+
+			// the token is outdated, must get new one
+			let token
+			let err
+			try {
+				token = await tokenGenerator(uid)
+			} catch (e) {
+				err = e
+			}
+
+			if (tokensession != this.tokensession) {
+				this.refreshLock.unlock()
+				return // outdated
+			}
+
+			if (err) this.last_token = 'error'
+			else this.last_token = token
+			this.last_token_at = sb.Date.now()
+			this.refreshLock.unlock()
+			return this.last_token
+		}
+
+		let outuser
+		for (let i = 0; true; i++) {
+			await this.token_generator(true)
+			if (tokensession != this.tokensession) break // outdated
+			outuser = await ajax
+				.setBaseUrl(this.ApiURL)
+				.withCredentials(true)
+				.addQuery('v', '6')
+				.addQuery('x-access-token', this.last_token)
+				.setParser('json')
+				.get(`/accounts/${accid}/users/${uid}`)
+			if (!sb.get(outuser, 'body.id')) {
+				let sleeptime = Math.min(2000 + i * 100, 120000)
+				await sb.sleep(sleeptime)
+				continue
+			}
+			break
+		}
+		if (outuser.error) {
+			if (sb.get(outuser.body.code)) return {error: outuser.body.code}
+			return outuser
+		}
+		this.uid = outuser.body.id
+		return outuser.body
+	}
+
 	listConversations = (_) =>
 		this.apireq
 			.addQuery('user_id', this.uid)
@@ -52,7 +161,7 @@ export default class {
 	ajax = ajax
 
 	start = (extraData) => {
-		let data = {starter_id: this.uid, starter_type: 'user', integration_id: `${this.accid}.subizv4.subikon`}
+		let data = {starter_id: this.uid, starter_type: 'user', touchpoint: {channel: 'subiz', source: 'web'}}
 		sb.each(extraData, (v, k) => {
 			data[k] = v
 		})
@@ -119,26 +228,6 @@ export default class {
 
 	getChallenge = (accid) => this.apireq.post(`/accounts/${accid}/scrypt-challenges`)
 
-	async createAgentUser(agenttoken) {
-		for (var i = 0; i < 10; i++) {
-			let {body, error} = await ajax
-				.setBaseUrl(this.ApiURL)
-				.setContentType('text/plain')
-				.beforeHook(jsonifyTextPlain)
-				.setParser('json')
-				.addQuery('x-access-token', agenttoken)
-				.post(`/agent-users`)
-			if (error) {
-				await sb.sleep(1000)
-				continue
-			}
-
-			let userid = body ? body.id || '' : ''
-			if (!userid) return ''
-			return body.account_id + '@' + userid
-		}
-	}
-
 	async createUser(accid) {
 		for (var i = 0; i < 10; i++) {
 			const {body: challenge} = await this.getChallenge(accid)

package/src/store/api_fake.js

@@ -16,11 +16,7 @@ const OK200 = Promise.resolve({code: 200})
 export default class {
 	constructor(ApiURL, FileURL) {
 		this.FileURL = FileURL
-		this.apireq = ajax
-			.setBaseUrl(ApiURL)
-			.setContentType('text/plain')
-			.beforeHook(jsonifyTextPlain)
-			.setParser('json')
+		this.apireq = ajax.setBaseUrl(ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json')
 	}
 
 	// for faking data (optional for real api)
@@ -28,6 +24,10 @@ export default class {
 		this.agentid = agid
 	}
 
+	setTokenGenerator(accid, uid, tokenGenerator) {
+		this.accid = accid
+	}
+
 	setAuth(obj) {
 		this.accid = obj.accid
 		this.mask = obj.mask
@@ -66,7 +66,6 @@ export default class {
 	getChallenge = (accid) => OK200
 
 	createUser = (accid) => Promise.resolve({account_id: accid, id: 'usqzgtgfake', mask: 'fakemask'})
-	createAgentUser = (agenttoken) => Promise.resolve('fakemask')
 
 	time = (_) => Promise.resolve({code: 200, body: new sb.Date().toISOString()})
 	updateUser = (data) => OK200