@subiz/widget-v4 4.1.1 → 4.1.4

package/dist/screenshoot.js

@@ -560,7 +560,7 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI) {
 	var lastToken = ''
 
 	// kill force the connection to dead state
-	this.kill = function() {
+	this.kill = function () {
 		dead = true
 	}
 
@@ -569,9 +569,9 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI) {
 	// exponential backoff algorithm. Polling loop will terminate if it encounter an
 	// un-retryable error
 	// the polling loop starts after the first subscribe call finished successfully
-	var polling = function(backoff) {
+	var polling = function (backoff) {
 		if (dead) return
-		callAPI('get', apiUrl + 'poll?token=' + lastToken, undefined, function(body, code) {
+		callAPI('get', apiUrl + 'poll?token=' + lastToken, undefined, function (body, code) {
 			if (dead) return
 			if (retryable(code)) return setTimeout(polling, calcNextBackoff(backoff), backoff + 1)
 			if (code !== 200) {
@@ -593,20 +593,26 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI) {
 		})
 	}
 
-	var subQueue = flow.batch(50, 100, function(events) {
+	var subQueue = flow.batch(50, 100, function (events) {
 		if (dead) return ['dead']
 		if (events.length <= 0) return []
 
 		var out = []
 		return flow
-			.loop(function() {
-				return new Promise(function(rs) {
+			.loop(function () {
+				return new Promise(function (rs) {
 					var query = '?token=' + lastToken
-					credential.getAccessToken().then(function(access_token) {
-						if (credential.user_mask) query += '&user-mask=' + encodeURIComponent(credential.user_mask)
+					credential.getAccessToken().then(function (access_token) {
+						if (credential.user_ref)
+							query +=
+								'&user_ref=' +
+								encodeURIComponent(credential.user_ref) +
+								'&account_id=' +
+								encodeURIComponent(credential.account_id)
+						else if (credential.user_mask) query += '&user-mask=' + encodeURIComponent(credential.user_mask)
 						else if (access_token) query += '&access-token=' + access_token
 
-						callAPI('post', apiUrl + 'subs' + query, JSON.stringify({events: events}), function(body, code) {
+						callAPI('post', apiUrl + 'subs' + query, JSON.stringify({events: events}), function (body, code) {
 							if (dead) {
 								out = repeat('dead', events.length)
 								return rs(false) // break loop
@@ -639,7 +645,7 @@ function Conn(apiUrl, credential, onDead, onEvents, callAPI) {
 					})
 				})
 			})
-			.then(function() {
+			.then(function () {
 				return out
 			})
 	})
@@ -661,7 +667,7 @@ function Realtime(apiUrls, credential, callAPI) {
 	if (typeof apiUrls === 'string' || apiUrls instanceof String) apiUrls = [apiUrls]
 	credential = credential || {}
 	if (!credential.getAccessToken) {
-		credential.getAccessToken = function() {
+		credential.getAccessToken = function () {
 			return Promise.resolve('')
 		}
 	}
@@ -678,22 +684,22 @@ function Realtime(apiUrls, credential, callAPI) {
 
 	// stop the connection
 	var stop = false
-	this.stop = function() {
+	this.stop = function () {
 		if (stop) return
 		stop = true
 		conn.kill()
 	}
 
-	this.onEvent = function(cb) {
+	this.onEvent = function (cb) {
 		return pubsub.on('event', cb)
 	}
 
-	this.onInterrupted = function(cb) {
+	this.onInterrupted = function (cb) {
 		return pubsub.on('interrupted', cb)
 	}
 
 	var conn
-	this.subscribe = function(events) {
+	this.subscribe = function (events) {
 		if (stop) return Promise.resolve({})
 		if (typeof events === 'string') events = [events]
 		if (!Array.isArray(events)) return Promise.resolve({error: 'param should be an array or string'})
@@ -706,7 +712,7 @@ function Realtime(apiUrls, credential, callAPI) {
 			if (!topics[topic]) all.push(conn.subscribe(topic))
 		}
 		if (all.length === 0) return Promise.resolve({})
-		return Promise.all(all).then(function(errs) {
+		return Promise.all(all).then(function (errs) {
 			for (var i = 0; i < errs.length; i++) if (errs[i]) return {error: errs[i]}
 			for (var j = 0; j < events.length; j++) topics[events[j]] = true
 			return {}
@@ -715,7 +721,7 @@ function Realtime(apiUrls, credential, callAPI) {
 
 	// reconnect make sure there is alway a Conn running in the background
 	// if the Conn is dead, it recreate a new one
-	var reconnect = function() {
+	var reconnect = function () {
 		if (stop) return
 		// reset subscribed topic
 		var allTopics = Object.keys(topics)
@@ -725,12 +731,12 @@ function Realtime(apiUrls, credential, callAPI) {
 		conn = new Conn(
 			randomUrl,
 			credential,
-			function(code, body, status) {
+			function (code, body, status) {
 				if (stop) return
 				pubsub.emit('interrupted', code, body, status)
 				setTimeout(reconnect, 2000) // reconnect and resubscribe after 2 sec
 			},
-			function(topics) {
+			function (topics) {
 				if (stop) return
 				for (var i = 0; i < topics.length; i++) pubsub.emit('event', topics[i])
 			},
@@ -744,7 +750,7 @@ function Realtime(apiUrls, credential, callAPI) {
 	reconnect()
 }
 
-var dofetch = function(method, url, body, cb) {
+var dofetch = function (method, url, body, cb) {
 	let headers = {}
 	if (body) headers['content-type'] = 'text/plain'
 	fetch(url, {
@@ -756,16 +762,16 @@ var dofetch = function(method, url, body, cb) {
 		.catch((err) => cb && cb(err, -1))
 }
 // xhrsend sends an HTTP request
-var xhrsend = function(method, url, body, cb) {
+var xhrsend = function (method, url, body, cb) {
 	if (typeof XMLHttpRequest === 'undefined') return dofetch(method, url, body, cb)
 	var request = new XMLHttpRequest()
-	request.onreadystatechange = function(e) {
+	request.onreadystatechange = function (e) {
 		if (request.readyState !== 4) return
 		cb && cb(request.responseText, request.status)
 		cb = undefined // dont call cb anymore
 	}
 
-	request.onerror = function() {
+	request.onerror = function () {
 		cb && cb(request.responseText, -1) // network error
 		cb = undefined // dont call cb anymore
 	}
@@ -793,7 +799,7 @@ function Pubsub() {
 
 	// emit notifies any callback functions that previously
 	// subscribed to the topic (by the on function)
-	this.emit = function(topic) {
+	this.emit = function (topic) {
 		// skip the first item in arguments, which is the topic
 		var args = []
 		for (var i = 1; i < arguments.length; i++) args.push(arguments[i])
@@ -806,7 +812,7 @@ function Pubsub() {
 	// register a callback function for a topic
 	// when something is sent to the topic (by the emit function),
 	// the callback function will be called
-	this.on = function(topic, cb) {
+	this.on = function (topic, cb) {
 		if (!listeners[topic]) listeners[topic] = []
 		listeners[topic].push(cb)
 	}
@@ -1704,7 +1710,7 @@ function orderBy(a, k, d) {
   return clone;
 }
 function isPhone(phone) {
-  var re = /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im;
+  var re = /^[\+]?[(]?[0-9]{2,3}[)]?[-\s\.]?[0-9]{3,4}[-\s\.]?[0-9]{4,6}$/im;
   return re.test(String(phone));
 }
 function isURL(url) {
@@ -3359,7 +3365,6 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 
 const ajax = __webpack_require__(7460);
 ajax.env.XMLHttpRequest = window.XMLHttpRequest;
-const findAnswer = challenge => challenge.answer;
 function jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = util/* default.stringify */.Z.stringify(req.body);
@@ -3367,8 +3372,8 @@ function jsonifyTextPlain(param, done) {
 }
 /* harmony default export */ const api = (class {
   constructor(ApiURL, FileURL) {
-    _defineProperty(this, "listConversations", _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get('/conversations'));
-    _defineProperty(this, "listMessages", (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/conversations/${cid}/messages`));
+    _defineProperty(this, "listConversations", _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get(`/accounts/${this.accid}/conversations`));
+    _defineProperty(this, "listMessages", (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/accounts/${this.accid}/conversations/${cid}/messages`));
     _defineProperty(this, "ajax", ajax);
     _defineProperty(this, "start", extraData => {
       let data = {
@@ -3382,16 +3387,16 @@ function jsonifyTextPlain(param, done) {
       util/* default.each */.Z.each(extraData, (v, k) => {
         data[k] = v;
       });
-      return this.apireq.post('/conversations', data);
+      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, "createPostback", (cid, p) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/postbacks`, p));
-    _defineProperty(this, "markAsReceived", (cid, messageId) => this.apireq.post(`/conversations/${cid}/messages/${messageId}/receive`));
-    _defineProperty(this, "markAsSeen", (cid, messageId) => this.apireq.post(`/conversations/${cid}/messages/${messageId}/seen`));
-    _defineProperty(this, "getConversation", cid => this.apireq.get(`/conversations/${cid}`));
+    _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.post(`/users/${this.uid}/events`, data));
-    _defineProperty(this, "sendTyping", cid => this.apireq.post(`/conversations/${cid}/typing`));
+    _defineProperty(this, "sendEvent", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/events`, data));
+    _defineProperty(this, "sendTyping", cid => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`));
     _defineProperty(this, "sendLostFocus", (device, productid, source_id, sku) => this.sendEvent({
       by: {
         id: this.uid,
@@ -3443,9 +3448,8 @@ function jsonifyTextPlain(param, done) {
         url: this.FileURL + body.url
       };
     });
-    _defineProperty(this, "getChallenge", accid => this.apireq.post(`/accounts/${accid}/scrypt-challenges`));
-    _defineProperty(this, "time", _ => this.apireq.get('/time'));
-    _defineProperty(this, "updateUser", data => this.apireq.post(`/users/${this.uid}`, data));
+    _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, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
@@ -3477,99 +3481,130 @@ function jsonifyTextPlain(param, done) {
         });
         return;
       }
-      if (this.mask) param.request = param.request.addQuery('x-user-mask', this.mask);
+      if (this.ref) param.request = param.request.addQuery('x-user-ref', this.ref);else if (this.mask) param.request = param.request.addQuery('x-user-mask', this.mask);
       return done(true);
     });
   }
   setAgentId(agid) {
     this.agentid = agid;
   }
-  setAuth(obj) {
-    this.accid = obj.accid;
+  async setAuth(obj) {
+    if (obj.accid) this.accid = obj.accid;
+    if (obj.ref) this.ref = obj.ref;
     this.mask = obj.mask;
-    this.uid = obj.uid;
-  }
-  async setTokenGenerator(accid, uid, tokenGenerator) {
-    this.tokensession = this.tokensession || 0;
-    this.tokensession++;
-    let tokensession = this.tokensession;
-    if (!accid || !util/* default.startsWith */.Z.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;
+    this.profile_id = obj.profile_id;
+    if (obj.ref) {
+      let outuser;
+      for (let i = 0; true; i++) {
+        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').addQuery('x-user-ref', this.ref).setParser('json').get(`/accounts/${this.accid}/users/${this.ref}`);
+        if (!util/* default.get */.Z.get(outuser, 'body.id')) {
+          let sleeptime = Math.min(2000 + i * 200, 60000);
+          await util/* default.sleep */.Z.sleep(sleeptime);
+          continue;
+        }
+        break;
       }
-      let age = (util/* default.Date.now */.Z.Date.now() - (this.last_token_at || 0)) / 1000;
-      if (!force && this.last_token && age < 1800) {
-        this.refreshLock.unlock();
-        return this.last_token;
+      if (outuser.error) {
+        if (util/* default.get */.Z.get(outuser.body.code)) return {
+          error: outuser.body.code
+        };
+        return outuser;
       }
-      if (!force && this.last_token && age < 3000) {
-        if (this.token_generator) setTimeout(async () => {
-          let token, err;
-          try {
-            token = await tokenGenerator(uid);
-          } catch (e) {
-            err = e;
-          }
-          if (tokensession != this.tokensession) {
+      this.uid = outuser.body.id;
+      return outuser.body;
+    }
+    if (obj.tokenGenerator) {
+      this.tokensession = this.tokensession || 0;
+      this.tokensession++;
+      let tokensession = this.tokensession;
+      if (!this.accid || !util/* default.startsWith */.Z.startsWith(this.accid, 'ac')) return {
+        error: 'invalid_account_id'
+      };
+      if (!this.profile_id) return {
+        error: 'invalid_profile_id'
+      };
+      if (typeof this.tokenGenerator !== 'function') return {
+        error: 'invalid_token_generator'
+      };
+      let profile_id = this.profile_id;
+      this.token_generator = async force => {
+        await this.refreshLock.lock();
+        if (tokensession != this.tokensession) {
+          this.refreshLock.unlock();
+          return;
+        }
+        let age = (util/* default.Date.now */.Z.Date.now() - (this.last_token_at || 0)) / 1000;
+        if (!force && this.last_token && age < 1800) {
+          this.refreshLock.unlock();
+          return this.last_token;
+        }
+        if (!force && this.last_token && age < 3000) {
+          if (this.token_generator) setTimeout(async () => {
+            let token, err;
+            try {
+              token = await tokenGenerator(profile_id);
+            } catch (e) {
+              err = e;
+            }
+            if (tokensession != this.tokensession) {
+              this.refreshLock.unlock();
+              return;
+            }
+            if (err) this.last_token = 'error';else this.last_token = token;
+            this.last_token_at = util/* default.Date.now */.Z.Date.now();
             this.refreshLock.unlock();
-            return;
-          }
-          if (err) this.last_token = 'error';else this.last_token = token;
-          this.last_token_at = util/* default.Date.now */.Z.Date.now();
+          });
+          return this.last_token;
+        }
+        let token;
+        let err;
+        try {
+          token = await tokenGenerator(profile_id);
+        } catch (e) {
+          err = e;
+        }
+        if (tokensession != this.tokensession) {
           this.refreshLock.unlock();
-        });
-        return this.last_token;
-      }
-      let token;
-      let err;
-      try {
-        token = await tokenGenerator(uid);
-      } catch (e) {
-        err = e;
-      }
-      if (tokensession != this.tokensession) {
+          return;
+        }
+        if (err) this.last_token = 'error';else this.last_token = token;
+        this.last_token_at = util/* default.Date.now */.Z.Date.now();
         this.refreshLock.unlock();
-        return;
+        return this.last_token;
+      };
+      let outuser;
+      for (let i = 0; true; i++) {
+        await this.token_generator(true);
+        if (tokensession != this.tokensession) break;
+        outuser = await ajax.setBaseUrl(this.ApiURL).withCredentials(true).addQuery('v', '6').addQuery('x-access-token', this.last_token).setParser('json').get(`/accounts/${accid}/users/${profile_id}`);
+        if (!util/* default.get */.Z.get(outuser, 'body.id')) {
+          let sleeptime = Math.min(2000 + i * 100, 120000);
+          await util/* default.sleep */.Z.sleep(sleeptime);
+          continue;
+        }
+        break;
       }
-      if (err) this.last_token = 'error';else this.last_token = token;
-      this.last_token_at = util/* default.Date.now */.Z.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;
-      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 (!util/* default.get */.Z.get(outuser, 'body.id')) {
-        let sleeptime = Math.min(2000 + i * 100, 120000);
-        await util/* default.sleep */.Z.sleep(sleeptime);
-        continue;
+      if (outuser.error) {
+        if (util/* default.get */.Z.get(outuser.body.code)) return {
+          error: outuser.body.code
+        };
+        return outuser;
       }
-      break;
+      this.uid = outuser.body.id;
+      return outuser.body;
     }
-    if (outuser.error) {
-      if (util/* default.get */.Z.get(outuser.body.code)) return {
-        error: outuser.body.code
+    if (this.mask) {
+      let parts = this.mask.split('@');
+      this.uid = parts[1];
+      return {
+        id: this.uid
       };
-      return outuser;
     }
-    this.uid = outuser.body.id;
-    return outuser.body;
+    return {
+      error: 'invalid_auth'
+    };
   }
+  async setTokenGenerator(accid, uid, tokenGenerator) {}
   sendContentView(device, pageUrl, pageTitle, id, source_id, sku) {
     if (!id) id = undefined;
     if (!source_id) source_id = undefined;
@@ -3591,27 +3626,6 @@ function jsonifyTextPlain(param, done) {
       }
     });
   }
-  async createUser(accid) {
-    for (var i = 0; i < 10; i++) {
-      const {
-        body: challenge
-      } = await this.getChallenge(accid);
-      const answer = findAnswer(challenge);
-      const data = {
-        challenge_id: challenge.id,
-        answer: '' + answer
-      };
-      let {
-        body: user,
-        error
-      } = await this.apireq.post(`/accounts/${accid}/scrypt-challenges/users`, data);
-      if (error) {
-        await util/* default.sleep */.Z.sleep(1000);
-        continue;
-      }
-      return user;
-    }
-  }
 });
 ;// CONCATENATED MODULE: ./src/store/api_fake.js
 function api_fake_defineProperty(obj, key, value) { key = api_fake_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -3620,7 +3634,7 @@ function api_fake_toPrimitive(input, hint) { if (typeof input !== "object" || in
 
 const api_fake_ajax = __webpack_require__(7460);
 api_fake_ajax.env.XMLHttpRequest = window.XMLHttpRequest;
-const api_fake_findAnswer = challenge => challenge.answer;
+const findAnswer = challenge => challenge.answer;
 function api_fake_jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = util/* default.stringify */.Z.stringify(req.body);
@@ -3665,11 +3679,6 @@ const OK200 = Promise.resolve({
     api_fake_defineProperty(this, "sendContent", data => OK200);
     api_fake_defineProperty(this, "uploadToS3", async file => OK200);
     api_fake_defineProperty(this, "getChallenge", accid => OK200);
-    api_fake_defineProperty(this, "createUser", accid => Promise.resolve({
-      account_id: accid,
-      id: 'usqzgtgfake',
-      mask: 'fakemask'
-    }));
     api_fake_defineProperty(this, "time", _ => Promise.resolve({
       code: 200,
       body: new util/* default.Date */.Z.Date().toISOString()
@@ -3698,6 +3707,10 @@ const OK200 = Promise.resolve({
     this.accid = obj.accid;
     this.mask = obj.mask;
     this.uid = obj.uid;
+    return {
+      account_id: accid,
+      id: 'usqzgtgfake'
+    };
   }
 });
 function makeFakeConvo(accid, convoid, userid, agentid) {
@@ -4179,6 +4192,14 @@ class Store {
     this.fake = fakeapi;
     this.FileURL = FileURL;
     if (this.fake) this.api = new api_fake(ApiURL, FileURL);else this.api = new api(ApiURL, FileURL);
+    if (!inmem) {
+      try {
+        document.cookie;
+        localStorage;
+      } catch (e) {
+        inmem = true;
+      }
+    }
     if (inmem) {
       this.inmem = inmem;
       this.cookie = inmemCookie;
@@ -4318,58 +4339,64 @@ class Store {
     await this.readyGate.entry();
     if (!this.isInsync('account')) this.reconnect();
   }
-  async init(accid, mask) {
+  async init(accid, mask, userRef) {
     this.readyGate.close();
     accid = (accid || '').trim();
     this.api.setAuth({
       accid: accid
     });
     this.g_sync = {};
-    if (!mask) {
+    if (!userRef) {
       try {
-        mask = this.cookie.get('__sbmask', '');
+        userRef = this.cookie.get('__sbref', '');
       } catch (e) {}
+      if (!userRef) {
+        if (!mask) {
+          try {
+            mask = this.cookie.get('__sbmask', '');
+          } catch (e) {}
+        }
+        if (mask) {
+          let parts = mask.split('@');
+          if (parts[0] != accid) {
+            userRef = util/* default.randomString */.Z.randomString(40);
+            this.new_visitor = true;
+          }
+          this.new_visitor = false;
+          this.cookie.set('__sbmask', mask);
+        } else {
+          userRef = util/* default.randomString */.Z.randomString(40);
+          this.new_visitor = true;
+        }
+      }
     }
-    let localstorageMask = this.kv.match('mask');
-    if (!mask && localstorageMask) mask = localstorageMask;
-    if (mask && localstorageMask && mask !== localstorageMask) this.clearBrowserData();
-    var userId = '';
-    if (mask) {
-      let parts = mask.split('@');
-      if (parts[0] != accid) {
-        mask = '';
-        this.clearBrowserData();
-      } else userId = parts[1];
-    }
-    if (!mask) {
-      let user = await this.api.createUser(accid);
-      this.new_visitor = true;
-      mask = user.mask;
-      userId = user.id;
-    } else {
-      this.new_visitor = false;
-    }
-    this.cookie.set('__sbmask', mask);
-    this.kv.put('mask', mask);
+    if (userRef) this.cookie.set('__sbref', userRef);
+    let user = await this.api.setAuth({
+      accid: accid,
+      mask: mask,
+      ref: userRef
+    });
+    if (user.error) return;
     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
     });
     this.realtime.onEvent(this.onWs.bind(this));
-    this.realtime.onInterrupted(() => this.reconnectWs(accid, userId));
-    this.api.setAuth({
-      accid: accid,
-      uid: userId,
-      mask: mask
-    });
+    this.realtime.onInterrupted(() => this.reconnectWs(accid, user.id));
     this.seenLoop();
     await this.reconnect();
     this.readyGate.open();
-    this.reconnectWs(accid, userId);
-    return mask;
+    this.reconnectWs(accid, user.id);
+    return user;
   }
   async login(accid, user_id, tokenGenerator) {
-    let user = await this.api.setTokenGenerator(accid, user_id, tokenGenerator);
+    let user = await this.api.setAuth({
+      accid: accid,
+      profile_id: user_id,
+      tokenGenerator: tokenGenerator
+    });
     if (user.error) return user;
     this.clearBrowserData();
     this.readyGate.close();
@@ -4388,8 +4415,10 @@ class Store {
     this.reconnectWs(accid, user.id);
     return user;
   }
-  logout(user_id) {
-    this.api.setTokenGenerator(undefined, undefined, undefined);
+  logout(userRef) {
+    return this.api.setAuth({
+      ref: userRef
+    });
   }
   seenLoop() {
     this.seenQueue = [];
@@ -4409,7 +4438,7 @@ class Store {
         this.api.markAsSeen(id, lastmsgsent.id);
         let convo = this.cache.match('convo_' + id) || {};
         let mem = util/* default.find */.Z.find(convo.members, m => m.id === user.id);
-        mem.seen_at = Date.now();
+        if (mem) mem.seen_at = Date.now();
         this._setConvo(convo);
         this.g_haveSentSeenM[lastmsgsent.id] = true;
       });
@@ -5351,9 +5380,6 @@ class Widget {
     lib_defineProperty(this, "setSetting", setting => this.store.setSetting({
       account_setting: setting
     }));
-    lib_defineProperty(this, "getSetting", _ => ({
-      account_setting: util/* default.cloneDeep */.Z.cloneDeep(this.store.matchAccountSetting())
-    }));
     lib_defineProperty(this, "getUser", () => util/* default.parseJSON */.Z.parseJSON(util/* default.stringify */.Z.stringify(this.store.matchUser())));
     lib_defineProperty(this, "setViewingProduct", p => this.store.linkProduct(p));
     lib_defineProperty(this, "getViewingProduct", () => this.store.getLinkedProduct());
@@ -5366,16 +5392,6 @@ class Widget {
       _isMounted: true
     }, ev => util/* default.map */.Z.map(this.subs, sub => sub(ev)));
   }
-  setLang(obj) {
-    var xhttp = new XMLHttpRequest();
-    xhttp.open('GET', 'https://api.sbz.vn/4.0/oldlang', true);
-    xhttp.send();
-  }
-  toggleLangDebugMode() {
-    var xhttp = new XMLHttpRequest();
-    xhttp.open('GET', 'https://api.sbz.vn/4.0/oldlangdebug', true);
-    xhttp.send();
-  }
   async waitReady(cb) {
     await this.store.readyGate.entry();
     cb();
@@ -5393,12 +5409,27 @@ class Widget {
     this.domGate.open();
     return user;
   }
-  logout(accid) {
-    return this.store.logout();
+  logout(userref) {
+    return this.store.logout(userref);
+  }
+  async init(param, $container) {
+    param = param || {};
+    let accid = param.account_id;
+    let ref = param.ref;
+    let user = await this.store.init(accid, undefined, ref);
+    if (!$container) $container = document.body || document;
+    this.pluginMgr = new PluginMgr(this, $container);
+    let clean = setInterval(() => {
+      if ($container && $container.isConnected) return;
+      this.pluginMgr.destroy();
+      clearInterval(clean);
+    }, 1000);
+    this.domGate.open();
+    return user;
   }
   async setAccount(id, $container, mask, cb) {
     let outmask = await this.store.init(id, mask);
-    if (!$container) $container = document.body;
+    if (!$container) $container = document.body || document;
     this.pluginMgr = new PluginMgr(this, $container);
     let clean = setInterval(() => {
       if ($container && $container.isConnected) return;
@@ -5478,6 +5509,10 @@ class Widget {
     await this.domGate.entry();
     return this.pluginMgr.setCurrentChatboxLocale(locale);
   }
+  async setLanguage(locale) {
+    await this.domGate.entry();
+    return this.pluginMgr.setCurrentChatboxLocale(locale);
+  }
   async setPluginLocale(id, locale) {
     await this.domGate.entry();
     return this.pluginMgr.setPluginLocale(id, locale);
@@ -5522,7 +5557,7 @@ window.__sbz_WIDGET = Widget;
 /* harmony default export */ const lib = (Widget);
 ;// CONCATENATED MODULE: ./screenshoot.js
 
-let accid = 'acqsulrowbxiugvginhw';
+let screenshoot_accid = 'acqsulrowbxiugvginhw';
 let widget = new lib('https://api.subiz.com.vn/4.0/', 'https://file-subiz.com/', 'https://rt-0.subiz.com.vn/', true, true);
 function main() {
   var $div = document.createElement('div');
@@ -5562,9 +5597,9 @@ function main() {
       }];
     }
   }
-  plugin.account_id = accid;
+  plugin.account_id = screenshoot_accid;
   widget._overridePlugin([plugin]);
-  widget.setAccount(accid, $div);
+  widget.setAccount(screenshoot_accid, $div);
 }
 main();
 })();