@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/popup/tick.view.flip.commonjs.js

@@ -4,16 +4,13 @@ module.exports = function () {
   if (!module) {
     var module = {};
   }
-
   ;
   'use strict';
-
   var classCallCheck = function (instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError('Cannot call a class as a function');
     }
   };
-
   var createClass = function () {
     function defineProperties(target, props) {
       for (var i = 0; i < props.length; i++) {
@@ -24,37 +21,37 @@ module.exports = function () {
         Object.defineProperty(target, descriptor.key, descriptor);
       }
     }
-
     return function (Constructor, protoProps, staticProps) {
       if (protoProps) defineProperties(Constructor.prototype, protoProps);
       if (staticProps) defineProperties(Constructor, staticProps);
       return Constructor;
     };
   }();
-
   var index = function (_ref) {
     var DOM = _ref.DOM,
-        animate = _ref.Animation.animate,
-        Extension = _ref.Extension,
-        performance = _ref.Date.performance,
-        _ref$View = _ref.View,
-        rooter = _ref$View.rooter,
-        destroyer = _ref$View.destroyer,
-        drawer = _ref$View.drawer,
-        updater = _ref$View.updater,
-        styler = _ref$View.styler;
+      animate = _ref.Animation.animate,
+      Extension = _ref.Extension,
+      performance = _ref.Date.performance,
+      _ref$View = _ref.View,
+      rooter = _ref$View.rooter,
+      destroyer = _ref$View.destroyer,
+      drawer = _ref$View.drawer,
+      updater = _ref$View.updater,
+      styler = _ref$View.styler;
     var easeOutCubic = Extension.getExtension(Extension.Type.EASING_FUNCTION, 'ease-out-cubic');
     var easeOutSine = Extension.getExtension(Extension.Type.EASING_FUNCTION, 'ease-out-sine');
-
     var draw = function draw(state) {
       if (state.isInitialValue()) {
         state.root.textContent = '';
+
         state.spacer = DOM.create('span', 'tick-flip-spacer');
         state.root.appendChild(state.spacer);
+
         var shadowTop = DOM.create('span', 'tick-flip-shadow-top tick-flip-shadow tick-flip-front');
         var shadowBottom = DOM.create('span', 'tick-flip-shadow-bottom tick-flip-shadow tick-flip-back');
         state.root.appendChild(shadowTop);
         state.root.appendChild(shadowBottom);
+
         state.shadowCard = DOM.create('span', 'tick-flip-card-shadow');
         state.root.appendChild(state.shadowCard);
       }
@@ -70,7 +67,6 @@ module.exports = function () {
       }
 
       var turningCard = state.cards[state.cards.length - 1];
-
       if (turningCard) {
         turningCard.waiting = false;
         turningCard.offset = performance();
@@ -93,18 +89,16 @@ module.exports = function () {
       topCard.waiting = true;
       topCard.front = state.value;
       topCard.rotate(0);
+
       state.root.insertBefore(topCard.root, state.root.firstChild);
       state.cards.push(topCard);
-
       if (!state.animating) {
         state.animating = true;
         var ease = Extension.getExtension(Extension.Type.EASING_FUNCTION, state.style.flipEasing);
-
         var tick = function tick() {
           var cardsToAnimate = state.cards.filter(function (card) {
             return !card.done && !card.waiting;
           });
-
           if (cardsToAnimate.length === 0) {
             state.animating = false;
             return;
@@ -114,50 +108,49 @@ module.exports = function () {
             if (card.offset !== null) {
               card.progress = (performance() - card.offset) / state.style.flipDuration;
             }
-
             if (card.progress >= 1) {
               card.progress = 1;
               card.done = true;
             }
-
             card.visual_progress = ease(card.progress);
           });
+
           var cardDistance = 0.01;
           cardsToAnimate.reverse().forEach(function (card, index) {
             var previousCard = cardsToAnimate[index - 1];
-
             if (previousCard && card.visual_progress <= previousCard.visual_progress) {
               card.visual_progress = previousCard.visual_progress + cardDistance;
             }
           });
           cardsToAnimate.reverse();
+
           state.cards.forEach(function (card, index) {
             var shadowFrontProgress = 1 - Math.abs(card.visual_progress - 0.5) * 2;
             var highlightBackProgress = 1 - (card.visual_progress - 0.5) / 0.5;
             card.shadowFront = shadowFrontProgress;
             card.highlightBack = highlightBackProgress;
+
             var cardAbove = state.cards[index + 1];
 
             if (cardAbove && card.visual_progress > 0.5 && card.visual_progress > 0) {
               card.shadowBack = easeOutCubic(cardAbove.visual_progress);
             }
           });
+
           cardsToAnimate.forEach(function (card, index) {
             var p = card.visual_progress;
-
             if (p > 0.5 && !card.done) {
               card.root.style.setProperty('z-index', 10 + index, 'important');
             } else {
               card.root.style.removeProperty('z-index');
             }
-
             card.rotate(p * -180);
           });
+
           var shadowProgress = 0;
           var dist = 1;
           cardsToAnimate.forEach(function (card) {
             var d = Math.abs(card.visual_progress - 0.5);
-
             if (d < dist) {
               dist = d;
               shadowProgress = card.visual_progress;
@@ -166,9 +159,11 @@ module.exports = function () {
           var s = shadowProgress < 0.5 ? easeOutSine(shadowProgress / 0.5) : easeOutSine((1 - shadowProgress) / 0.5);
           state.shadowCard.style.setProperty('opacity', s, 'important');
           DOM.transform(state.shadowCard, 'scaleY', s);
+
           state.cards.filter(function (card) {
             return card.done;
           }).slice(0, -1).forEach(function (card) {
+
             state.cards = state.cards.filter(function (c) {
               return c !== card;
             });
@@ -179,15 +174,14 @@ module.exports = function () {
           });
           requestAnimationFrame(tick);
         };
-
         tick();
       }
     };
-
     var FlipCard = function () {
       function FlipCard() {
         classCallCheck(this, FlipCard);
         this._root = DOM.create('span', 'tick-flip-card');
+
         var front = DOM.create('span', 'tick-flip-panel-front tick-flip-front tick-flip-panel');
         var textFront = DOM.create('span', 'tick-flip-panel-front-text');
         var textFrontWrapper = DOM.create('span', 'tick-flip-panel-text-wrapper');
@@ -206,7 +200,6 @@ module.exports = function () {
         back.appendChild(shadowBack);
 
         this._root.appendChild(front);
-
         this._root.appendChild(back);
 
         this._front = front;
@@ -214,17 +207,17 @@ module.exports = function () {
         this._shadowFront = shadowFront;
         this._shadowBack = shadowBack;
         this._highlightBack = highlightBack;
+
         this._textBack = textBackWrapper;
         this._textFront = textFrontWrapper;
+
         this._frontValue = null;
         this._backValue = null;
       }
-
       createClass(FlipCard, [{
         key: 'rotate',
         value: function rotate(degrees) {
           this._front.style.setProperty('transform', 'rotateX(' + degrees + 'deg)', 'important');
-
           this._back.style.setProperty('transform', 'rotateX(' + (-180 + degrees) + 'deg)', 'important');
         }
       }, {
@@ -288,7 +281,6 @@ module.exports = function () {
       }), drawer(state, draw), destroyer(state));
     };
   };
-
   module.exports = index;
   module.exports.identifier = {
     name: 'flip',

package/compiled_src/store/api.js

@@ -4,33 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const ajax = require('@subiz/ajax/src/ajax.js');
-
 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 = _index.default.stringify(req.body);
   done(true);
 }
-
 class _default {
   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, "ajax", ajax);
-
     _defineProperty(this, "start", extraData => {
       let data = {
         starter_id: this.uid,
@@ -40,30 +29,19 @@ class _default {
           source: 'web'
         }
       };
-
       _index.default.each(extraData, (v, k) => {
         data[k] = v;
       });
-
       return this.apireq.post('/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, "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, "sendPresence", (device, is_focused, productid, source_id, sku) => this.sendEvent({
       by: {
         id: this.uid,
@@ -80,7 +58,6 @@ class _default {
         }
       }
     }));
-
     _defineProperty(this, "uploadToS3", async file => {
       let {
         body: signed,
@@ -102,6 +79,7 @@ class _default {
       if (error) return {
         error
       };
+
       let body;
       ({
         body,
@@ -116,46 +94,41 @@ class _default {
         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, "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`));
-
     _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`));
-
     _defineProperty(this, "getOrder", id => this.apireq.get(`/accounts/${this.accid}/orders/` + id));
-
     _defineProperty(this, "updateOrder", order => this.apireq.post(`/accounts/${this.accid}/orders/` + order.id, order));
-
     _defineProperty(this, "fetchShippingAddresses", () => this.apireq.get(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`));
-
     _defineProperty(this, "createShippingAddress", addr => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}/shipping-addresses`, addr));
-
     _defineProperty(this, "list_provinces", () => this.apireq.get(`/accounts/${this.accid}/provinces`));
-
     _defineProperty(this, "list_districts", p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/districts`));
-
     _defineProperty(this, "list_wards", p => this.apireq.setQuery(p).get(`/accounts/${this.accid}/wards`));
-
     _defineProperty(this, "suggest_address", keyword => this.apireq.setQuery({
       keyword: keyword
     }).get(`/accounts/${this.accid}/addresses`));
-
+    this.refreshLock = new _index.default.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
     this.apireq = ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json').beforeHook((param, done) => {
+      if (this.token_generator) {
+        let user_id = this.profile_id;
+        this.token_generator().then(token => {
+          if (user_id != this.profile_id) return done(true);
+
+          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);
     });
@@ -164,13 +137,97 @@ class _default {
   setAgentId(agid) {
     this.agentid = agid;
   }
-
   setAuth(obj) {
     this.accid = obj.accid;
     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 || !_index.default.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;
+      }
+
+      let age = (_index.default.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(uid);
+          } 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 = _index.default.Date.now();
+          this.refreshLock.unlock();
+        });
+        return this.last_token;
+      }
+
+      let token;
+      let err;
+      try {
+        token = await tokenGenerator(uid);
+      } 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 = _index.default.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 (!_index.default.get(outuser, 'body.id')) {
+        let sleeptime = Math.min(2000 + i * 100, 120000);
+        await _index.default.sleep(sleeptime);
+        continue;
+      }
+      break;
+    }
+    if (outuser.error) {
+      if (_index.default.get(outuser.body.code)) return {
+        error: outuser.body.code
+      };
+      return outuser;
+    }
+    this.uid = outuser.body.id;
+    return outuser.body;
+  }
   sendContentView(device, pageUrl, pageTitle, id, source_id, sku) {
     if (!id) id = undefined;
     if (!source_id) source_id = undefined;
@@ -192,25 +249,6 @@ class _default {
       }
     });
   }
-
-  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 _index.default.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 {
@@ -225,16 +263,12 @@ class _default {
         body: user,
         error
       } = await this.apireq.post(`/accounts/${accid}/scrypt-challenges/users`, data);
-
       if (error) {
         await _index.default.sleep(1000);
         continue;
       }
-
       return user;
     }
   }
-
 }
-
 exports.default = _default;

package/compiled_src/store/api_fake.js

@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 const ajax = require('@subiz/ajax/src/ajax.js');
-
 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 = _index.default.stringify(req.body);
   done(true);
 }
-
 const OK200 = Promise.resolve({
   code: 200
 });
-
 class _default {
   constructor(ApiURL, FileURL) {
     _defineProperty(this, "listConversations", _ => {
@@ -39,7 +30,6 @@ class _default {
         code: 200
       });
     });
-
     _defineProperty(this, "listMessages", (cid, limit, start_id) => {
       let messages = makeFakeMessages(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid);
       return Promise.resolve({
@@ -47,68 +37,43 @@ class _default {
         code: 200
       });
     });
-
     _defineProperty(this, "ajax", ajax);
-
     _defineProperty(this, "start", extraData => OK200);
-
     _defineProperty(this, "sendConvoEvent", (cid, ev) => OK200);
-
     _defineProperty(this, "createPostback", (cid, p) => OK200);
-
     _defineProperty(this, "markAsReceived", (cid, messageId) => OK200);
-
     _defineProperty(this, "markAsSeen", (cid, messageId) => OK200);
-
     _defineProperty(this, "getConversation", cid => Promise.resolve({
       body: makeFakeConvo(this.accid, 'csqwudlkftltnbebvq', this.uid, this.agentid),
       code: 200
     }));
-
     _defineProperty(this, "getLocaleContent", locale => this.apireq.get(`/accounts/${this.accid}/locales/${locale}`));
-
     _defineProperty(this, "sendEvent", data => OK200);
-
     _defineProperty(this, "sendTyping", cid => OK200);
-
     _defineProperty(this, "sendPresence", data => OK200);
-
     _defineProperty(this, "sendContent", data => OK200);
-
     _defineProperty(this, "uploadToS3", async file => OK200);
-
     _defineProperty(this, "getChallenge", accid => OK200);
-
     _defineProperty(this, "createUser", accid => Promise.resolve({
       account_id: accid,
       id: 'usqzgtgfake',
       mask: 'fakemask'
     }));
-
-    _defineProperty(this, "createAgentUser", agenttoken => Promise.resolve('fakemask'));
-
     _defineProperty(this, "time", _ => Promise.resolve({
       code: 200,
       body: new _index.default.Date().toISOString()
     }));
-
     _defineProperty(this, "updateUser", data => OK200);
-
     _defineProperty(this, "getUser", _ => Promise.resolve({
       code: 200,
       body: {
         id: '-'
       }
     }));
-
     _defineProperty(this, "getAccountSetting", () => this.apireq.get(`/accounts/${this.accid}/settings`));
-
     _defineProperty(this, "getIsOnline", () => this.apireq.get(`/accounts/${this.accid}/is_online`));
-
     _defineProperty(this, "sendImpression", impression => OK200);
-
     _defineProperty(this, "sendConversion", conversion => OK200);
-
     this.FileURL = FileURL;
     this.apireq = ajax.setBaseUrl(ApiURL).setContentType('text/plain').beforeHook(jsonifyTextPlain).setParser('json');
   }
@@ -116,17 +81,17 @@ class _default {
   setAgentId(agid) {
     this.agentid = agid;
   }
-
+  setTokenGenerator(accid, uid, tokenGenerator) {
+    this.accid = accid;
+  }
   setAuth(obj) {
     this.accid = obj.accid;
     this.mask = obj.mask;
     this.uid = obj.uid;
   }
-
 }
 
 exports.default = _default;
-
 function makeFakeConvo(accid, convoid, userid, agentid) {
   let inteid = accid + '.subizv4.subikon';
   return {
@@ -192,7 +157,6 @@ function makeFakeConvo(accid, convoid, userid, agentid) {
     source: 'https://subiz.com.vn/'
   };
 }
-
 function makeFakeMessages(accid, convoid, userid, agentid) {
   let inteid = accid + '.subizv4.subikon';
   return [{

package/compiled_src/store/realtime_fake.js

@@ -4,16 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 class _default {
   onEvent() {}
-
   onInterrupted() {}
-
   subscribe() {}
-
   stop() {}
-
 }
-
 exports.default = _default;