@subiz/widget-v4 4.0.58 → 4.0.63

package/compiled_src/store/store.js

@@ -17,8 +17,6 @@ var _realtime_fake = _interopRequireDefault(require("./realtime_fake.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; }
-
 var flow = require('@subiz/flow');
 
 var Realtime = require('@subiz/wsclient/index.js');
@@ -34,162 +32,6 @@ const page_loaded = _index.default.Date.now();
 
 class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi, agenttoken) {
-    _defineProperty(this, "inmem", false);
-
-    _defineProperty(this, "cookie", cookie);
-
-    _defineProperty(this, "new_visitor", true);
-
-    _defineProperty(this, "matchUser", () => {
-      this._touchAcc();
-
-      return this.kv.match('user');
-    });
-
-    _defineProperty(this, "matchSession", () => this.kv.match('session') || {});
-
-    _defineProperty(this, "matchAccount", () => this.cache.match('account'));
-
-    _defineProperty(this, "matchUnread", () => {
-      let user = this.matchUser();
-      let allconvos = this.matchConvo('*');
-      let unreadcount = 0;
-
-      _index.default.map(allconvos, convo => {
-        if (!_index.default.isConvoSeen(convo, user.id)) unreadcount++;
-      });
-
-      return unreadcount;
-    });
-
-    _defineProperty(this, "matchPlugin", () => {
-      if (_index.default.size(this.forcePlugins) > 0) return _index.default.cloneDeep(this.forcePlugins);
-      return _index.default.cloneDeep(this.cache.match('plugin')) || {};
-    });
-
-    _defineProperty(this, "device", {});
-
-    _defineProperty(this, "browserVisibility", 'visible');
-
-    _defineProperty(this, "matchAgent", id => {
-      let agentM = this.cache.match('agent') || {};
-      if (id === '*') return agentM;
-      return agentM[id];
-    });
-
-    _defineProperty(this, "matchConvo", id => {
-      if (!id) return;
-
-      if (id === '*') {
-        this._touchAcc();
-
-        return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
-      }
-
-      if (!this.isInsync(id)) this.fetchConvo(id);
-      return this.cache.match('convo_' + id);
-    });
-
-    _defineProperty(this, "fetchConvo", async cid => {
-      await this.readyGate.entry();
-      await this.reconnectGate.entry(undefined, true);
-      if (this.isInsync(cid)) return this.reconnectGate.open();
-      this.markSync(cid);
-      let {
-        body: convo,
-        error
-      } = await this.api.getConversation(cid);
-      if (convo && !error) this._setConvo(convo);
-      return this.reconnectGate.open();
-    });
-
-    _defineProperty(this, "listEvents", id => {
-      if (!id || id === '*' || typeof id !== 'string') return;
-
-      if (!this.isInsync('events' + id)) {
-        setTimeout(async () => {
-          await this.readyGate.entry();
-          await this.reconnectGate.entry(undefined, true);
-          if (this.isInsync('events' + id)) return this.reconnectGate.open();
-          this.markSync('events' + id);
-          await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
-          this.pubsub.publish('account');
-          return this.reconnectGate.open();
-        }, 10);
-      }
-
-      return this.chain.listM(id);
-    });
-
-    _defineProperty(this, "fetchMoreEvents", async convoid => {
-      let {
-        error
-      } = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
-      this.pubsub.publish('account');
-      return {
-        error
-      };
-    });
-
-    _defineProperty(this, "matchBot", () => this.cache.match('bot') || {});
-
-    _defineProperty(this, "readyGate", new _index.default.Gate());
-
-    _defineProperty(this, "convoGate", new _index.default.Gate(true));
-
-    _defineProperty(this, "reconnectGate", new _index.default.Gate(true));
-
-    _defineProperty(this, "matchLastview", () => this.kv.match('lastview') || {});
-
-    _defineProperty(this, "matchIsOpen", () => !!this.kv.match('isopen'));
-
-    _defineProperty(this, "matchHasManuallyClosed", () => !!this.kv.match('hasManuallyClosed'));
-
-    _defineProperty(this, "matchClosePreviewAt", () => this.kv.match('close_preview_at') || 0);
-
-    _defineProperty(this, "sendPresence", _index.default.throttle(async () => {
-      await this.readyGate.entry();
-      if (!_index.default.get(this.kv.match('user'), 'id')) return;
-      if (_index.default.isUserBanned(this.kv.match('user'))) return;
-      return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus());
-    }, 1000));
-
-    _defineProperty(this, "now", () => _index.default.Date.now() + this.timeDiff);
-
-    _defineProperty(this, "seenQueue", []);
-
-    _defineProperty(this, "_typing", _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000));
-
-    _defineProperty(this, "onConvoEvent", (o, cb) => this.pubsub.on2(o, 'events', cb));
-
-    _defineProperty(this, "seenConvo", id => {
-      if (!id || id === 'create') return;
-      this.seenQueue.push(id);
-    });
-
-    _defineProperty(this, "onUpdate", (o, cb) => this.pubsub.on2(o, 'account', cb));
-
-    _defineProperty(this, "onResetCSS", (o, cb) => this.pubsub.on2(o, 'resetCSS', cb));
-
-    _defineProperty(this, "onHighlight", (o, cb) => this.pubsub.on2(o, 'highlight', cb));
-
-    _defineProperty(this, "setHasManuallyClosed", () => this.kv.put('hasManuallyClosed', true));
-
-    _defineProperty(this, "setIsOpen", isopen => {
-      let lastisopen = this.kv.match('isopen');
-      this.kv.put('isopen', isopen);
-      if (!lastisopen && isopen) sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
-    });
-
-    _defineProperty(this, "closePreview", () => this.kv.put('close_preview_at', new _index.default.Date().getTime()));
-
-    _defineProperty(this, "setLastview", (view, opts) => this.kv.put('lastview', {
-      view,
-      opts
-    }));
-
-    _defineProperty(this, "timeDiff", 0);
-
     this.agent_token = agenttoken;
     this.g_sync = {};
     this.forceDevice = null;
@@ -243,10 +85,31 @@ class Store {
     }, 2000);
   }
 
+  inmem = false;
+  cookie = cookie;
+
   isInsync(key) {
     return _index.default.Date.now() - (this.g_sync[key] || 0) < 300000;
   }
 
+  async fetchShippingAddresses() {
+    let out = await this.api.fetchShippingAddresses();
+    if (out.error) return null;
+    this.cache.put('shipping_address', out.body.shipping_addresses);
+  }
+
+  matchShippingAddresses() {
+    return this.cache.match('shipping_address');
+  }
+
+  updateOrder(order) {
+    return this.api.updateOrder(order);
+  }
+
+  createShippingAddress(addr) {
+    return this.api.createShippingAddress(addr);
+  }
+
   async overrideAcc(acc) {
     this.forceAcc = _index.default.cloneDeep(acc);
     await this.readyGate.entry();
@@ -325,12 +188,115 @@ class Store {
     this.g_sync[key] = _index.default.Date.now();
   }
 
+  new_visitor = true;
+
   async _touchAcc() {
     if (this.isInsync('account')) return;
     await this.readyGate.entry();
     if (!this.isInsync('account')) this.reconnect();
   }
 
+  matchUser = () => {
+    this._touchAcc();
+
+    return this.kv.match('user');
+  };
+  suggest_addresses = keyword => this.api.suggest_address(keyword);
+  matchSession = () => this.kv.match('session') || {};
+  matchAccount = () => this.cache.match('account');
+  matchPaymentMethods = () => this.cache.match('payment_methods');
+  matchUnread = () => {
+    let user = this.matchUser();
+    let allconvos = this.matchConvo('*');
+    let unreadcount = 0;
+
+    _index.default.map(allconvos, convo => {
+      if (!_index.default.isConvoSeen(convo, user.id)) unreadcount++;
+    });
+
+    return unreadcount;
+  };
+  matchPlugin = () => {
+    if (_index.default.size(this.forcePlugins) > 0) return _index.default.cloneDeep(this.forcePlugins);
+    return _index.default.cloneDeep(this.cache.match('plugin')) || {};
+  };
+  device = {};
+  browserVisibility = 'visible';
+  matchAgent = id => {
+    let agentM = this.cache.match('agent') || {};
+    if (id === '*') return agentM;
+    return agentM[id];
+  };
+  matchConvo = id => {
+    if (!id) return;
+
+    if (id === '*') {
+      this._touchAcc();
+
+      return _index.default.filter(this.cache.all(), (value, k) => k.startsWith('convo_'));
+    }
+
+    if (!this.isInsync(id)) this.fetchConvo(id);
+    return this.cache.match('convo_' + id);
+  };
+  fetchConvo = async cid => {
+    await this.readyGate.entry();
+    await this.reconnectGate.entry(undefined, true);
+    if (this.isInsync(cid)) return this.reconnectGate.open();
+    this.markSync(cid);
+    let {
+      body: convo,
+      error
+    } = await this.api.getConversation(cid);
+    if (convo && !error) this._setConvo(convo);
+    return this.reconnectGate.open();
+  };
+  list_provinces = () => this.api.list_provinces();
+  list_districts = p => this.api.list_districts(p);
+  list_wards = p => this.api.list_wards(p);
+  list_provices;
+  listEvents = id => {
+    if (!id || id === '*' || typeof id !== 'string') return;
+
+    if (!this.isInsync('events' + id)) {
+      setTimeout(async () => {
+        await this.readyGate.entry();
+        await this.reconnectGate.entry(undefined, true);
+        if (this.isInsync('events' + id)) return this.reconnectGate.open();
+        this.markSync('events' + id);
+        await this.chain.reload(id, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
+        this.pubsub.publish('account');
+        return this.reconnectGate.open();
+      }, 10);
+    }
+
+    return this.chain.listM(id);
+  };
+  fetchMoreEvents = async convoid => {
+    let {
+      error
+    } = await this.chain.fetchMore(convoid, 50, (type, anchor, limit) => this.listmessageapi(type, anchor, limit));
+    this.pubsub.publish('account');
+    return {
+      error
+    };
+  };
+  matchBot = () => this.cache.match('bot') || {};
+  readyGate = new _index.default.Gate();
+  convoGate = new _index.default.Gate(true);
+  reconnectGate = new _index.default.Gate(true);
+  matchLastview = () => this.kv.match('lastview') || {};
+  matchIsOpen = () => !!this.kv.match('isopen');
+  matchHasManuallyClosed = () => !!this.kv.match('hasManuallyClosed');
+  matchClosePreviewAt = () => this.kv.match('close_preview_at') || 0;
+  sendPresence = _index.default.throttle(async () => {
+    await this.readyGate.entry();
+    if (!_index.default.get(this.kv.match('user'), 'id')) return;
+    if (_index.default.isUserBanned(this.kv.match('user'))) return;
+    return this.api.sendPresence(this.device, this.browserVisibility === 'visible' && document.hasFocus());
+  }, 1000);
+  now = () => _index.default.Date.now() + this.timeDiff;
+
   async init(accid, mask) {
     this.readyGate.close();
     accid = (accid || '').trim();
@@ -389,6 +355,8 @@ class Store {
     return mask;
   }
 
+  seenQueue = [];
+
   seenLoop() {
     this.seenQueue = [];
     clearInterval(this._seenInterval);
@@ -470,6 +438,7 @@ class Store {
   }
 
   _setUser(user) {
+    user = _index.default.cloneDeep(user);
     let olduser = this.kv.match('user') || {};
     var accid = olduser.account_id || user.account_id;
     var id = olduser.id || user.id;
@@ -573,6 +542,9 @@ class Store {
       this.cache.put('agent', agentM);
     }
 
+    let pms = _index.default.get(setting, 'payment_methods', []);
+
+    this.cache.put('payment_methods', pms);
     this.pubsub.publish('account');
   }
 
@@ -775,6 +747,8 @@ class Store {
     this._typing(cid);
   }
 
+  _typing = _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000);
+
   async startConvo(req) {
     await this.readyGate.entry();
     this.convoGate.close();
@@ -795,6 +769,14 @@ class Store {
     };
   }
 
+  fetchOrder(id) {
+    return this.api.getOrder(id);
+  }
+
+  lookupOrder(key) {
+    return this.api.lookupOrder(key);
+  }
+
   createPostback(cid, postback) {
     return this.api.createPostback(cid, postback);
   }
@@ -864,6 +846,12 @@ class Store {
     sendEventToThirdParty('SUBIZ Chat', 'Sent', 'User');
   }
 
+  onConvoEvent = (o, cb) => this.pubsub.on2(o, 'events', cb);
+  seenConvo = id => {
+    if (!id || id === 'create') return;
+    this.seenQueue.push(id);
+  };
+
   _setConvo(convo) {
     let count = 0;
     let user = this.kv.match('user');
@@ -895,6 +883,21 @@ class Store {
     this.cache.put('convo_' + convo.id, convo);
   }
 
+  onUpdate = (o, cb) => this.pubsub.on2(o, 'account', cb);
+  onResetCSS = (o, cb) => this.pubsub.on2(o, 'resetCSS', cb);
+  onHighlight = (o, cb) => this.pubsub.on2(o, 'highlight', cb);
+  setHasManuallyClosed = () => this.kv.put('hasManuallyClosed', true);
+  setIsOpen = isopen => {
+    let lastisopen = this.kv.match('isopen');
+    this.kv.put('isopen', isopen);
+    if (!lastisopen && isopen) sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
+  };
+  closePreview = () => this.kv.put('close_preview_at', new _index.default.Date().getTime());
+  setLastview = (view, opts) => this.kv.put('lastview', {
+    view,
+    opts
+  });
+
   matchLastPluginRun(pluginid) {
     let log = this.kv.match('plugin_run_logs') || {};
     return log[pluginid];
@@ -999,6 +1002,8 @@ class Store {
     return [events, anchor];
   }
 
+  timeDiff = 0;
+
   async loopTime() {
     let startms = _index.default.Date.now();
 

package/compiled_src/util/common.js

@@ -47,6 +47,7 @@ exports.replaceCssVariable = replaceCssVariable;
 exports.replaceCssVariablePlugin = replaceCssVariablePlugin;
 exports.requestAnimationFrame = void 0;
 exports.sameDay = sameDay;
+exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
 exports.setCss = setCss;
 exports.setInterval = void 0;
 exports.setMsgField = setMsgField;
@@ -61,6 +62,7 @@ exports.throttle = throttle;
 exports.tokenize = tokenize;
 exports.trim = trim;
 exports.trimStart = trimStart;
+exports.unicodeToAscii = unicodeToAscii;
 exports.unixSec = unixSec;
 exports.usersOfConvo = usersOfConvo;
 
@@ -981,7 +983,7 @@ function getDayName(dayOfWeek) {
 
 let loadedFonts = {};
 
-function preloadWebfonts(fonts) {
+function preloadWebfonts(fonts, done) {
   for (var i = 0; i < fonts.length; i++) {
     let font = fonts[i];
     if (!font) continue;
@@ -994,8 +996,11 @@ function preloadWebfonts(fonts) {
       node.innerHTML = '@!-/#Chào mỪng1';
       node.style.position = 'absolute';
       node.style.display = 'block';
-      node.style.fontSize = '1px';
+      node.style.opacity = '0.1';
+      node.style.color = 'transparent';
+      node.style.fontSize = '20px';
       node.style.height = '0px';
+      node.style.top = '0px';
       node.style.width = '0px';
       node.style.fontWeight = weight;
       node.setAttribute('subiz-preload', font + ':' + weight);
@@ -1131,9 +1136,9 @@ var sleep = ms => new Promise(res => setTimeout(res, ms));
 exports.sleep = sleep;
 
 function formatCurrency(val) {
-  if (!val) return 0;
+  if (!val) return '0 đ';
   val = Math.round(val);
-  return val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
+  return val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + ' đ';
 }
 
 function replaceFileUrl(src) {
@@ -1159,4 +1164,35 @@ function replaceFileUrl(src) {
   src = src.replace('https://file.mysubiz.com/', fileurl);
   src = src.replace('http://file.mysubiz.com/', fileurl);
   return src;
+}
+
+function unicodeToAscii(str) {
+  str = str + '';
+  str = str.replace('đ', 'd').replace('Đ', 'D');
+  return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+
+function scrollIntoViewIfNeeded($ele) {
+  centerIfNeeded = arguments.length === 0 ? true : !!centerIfNeeded;
+  var parent = $ele.parentNode;
+  var parentComputedStyle = window.getComputedStyle(parent, null);
+  var parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width'));
+  var parentBorderLeftWidth = parseInt(parentComputedStyle.getPropertyValue('border-left-width'));
+  var overTop = $ele.offsetTop - parent.offsetTop < parent.scrollTop;
+  var overBottom = $ele.offsetTop - parent.offsetTop + $ele.clientHeight - parentBorderTopWidth > parent.scrollTop + parent.clientHeight;
+  var overLeft = $ele.offsetLeft - parent.offsetLeft < parent.scrollLeft;
+  var overRight = $ele.offsetLeft - parent.offsetLeft + $ele.clientWidth - parentBorderLeftWidth > parent.scrollLeft + parent.clientWidth;
+  var alignWithTop = overTop && !overBottom;
+
+  if ((overTop || overBottom) && centerIfNeeded) {
+    parent.scrollTop = $ele.offsetTop - parent.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + $ele.clientHeight / 2;
+  }
+
+  if ((overLeft || overRight) && centerIfNeeded) {
+    parent.scrollLeft = $ele.offsetLeft - parent.offsetLeft - parent.clientWidth / 2 - parentBorderLeftWidth + $ele.clientWidth / 2;
+  }
+
+  if ((overTop || overBottom || overLeft || overRight) && !centerIfNeeded) {
+    $ele.scrollIntoView(alignWithTop);
+  }
 }

package/dist/0b82fa7e5c3b07b40a44.png

@@ -0,0 +1 @@
+module.exports = __webpack_public_path__ + "assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png";

package/dist/0f4af006e38ee8b93633.png

@@ -0,0 +1 @@
+module.exports = __webpack_public_path__ + "assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png";