@subiz/widget-v4 4.0.61 → 4.0.66

package/compiled_src/plugin.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _index = _interopRequireDefault(require("./util/index.js"));
 
+var common = _interopRequireWildcard(require("./common.js"));
+
 var _preact = require("preact");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23,16 +25,13 @@ const LoadPopup = () => Promise.resolve().then(() => _interopRequireWildcard(req
 
 const LoadNotif = () => Promise.resolve().then(() => _interopRequireWildcard(require('./notif/notif.js')));
 
-let langMessages = {};
-let downloadLock = false;
-
 function Plugin(plugin, store, $container, lib) {
   if (!$container) throw '$div must is a valid html node';
   var $div = document.createElement('div');
   $div.id = plugin.id;
   $container.appendChild($div);
 
-  let _locale = getLocale(plugin, _index.default.detectLang());
+  let _locale = common.getLocale(plugin, _index.default.detectLang());
 
   var domGate = new _index.default.Gate();
   var pageIndex = 0;
@@ -165,7 +164,7 @@ function Plugin(plugin, store, $container, lib) {
   let t = key => {
     if (_locale === 'debug') return `{{${key}}}`;
 
-    let messages = _index.default.get(langMessages, _locale, []);
+    let messages = _index.default.get(common.langMessages, _locale, []);
 
     let message = _index.default.find(messages, message => message.key === key);
 
@@ -187,7 +186,7 @@ function Plugin(plugin, store, $container, lib) {
   t.locale = () => _locale;
 
   this.forceDownloadLanguage = async () => {
-    await downloadLanguage(store, _locale, true);
+    await common.downloadLanguage(store, _locale, true);
     this.update(plugin);
   };
 
@@ -197,8 +196,8 @@ function Plugin(plugin, store, $container, lib) {
 
     _render();
 
-    _locale = getLocale(plugin, locale);
-    await downloadLanguage(store, _locale);
+    _locale = common.getLocale(plugin, locale);
+    await common.downloadLanguage(store, _locale);
     this.t = t;
 
     _render();
@@ -237,7 +236,7 @@ function Plugin(plugin, store, $container, lib) {
   }
 
   this.update(plugin);
-  downloadLanguage(store, _locale).then(() => {
+  common.downloadLanguage(store, _locale).then(() => {
     this.t = t;
     this.update(plugin);
   });
@@ -387,36 +386,4 @@ class PluginMgr {
 
 }
 
-exports.default = PluginMgr;
-
-function downloadLanguage(store, locale, force) {
-  if (downloadLock) return new Promise(resolve => setTimeout(() => downloadLanguage(store, locale, force).then(resolve), 100));
-  downloadLock = true;
-  let messages;
-
-  if (locale === 'debug' || langMessages[locale] && !force) {
-    downloadLock = false;
-    return Promise.resolve();
-  }
-
-  return store.getLocaleContent(locale).then(res => {
-    downloadLock = false;
-    messages = _index.default.get(res, 'body.messages', []);
-    langMessages[locale] = messages;
-  });
-}
-
-const getLocale = (plugin, loc) => {
-  if (!loc) loc = '';
-
-  let found = _index.default.find(plugin.locales, l => l.toLowerCase().trim() === loc.toLowerCase().trim());
-
-  if (found) return found;
-  found = _index.default.find(plugin.locales, l => {
-    l = l.replace('-', '_').split('_')[0].trim().toLowerCase();
-    let compareloc = loc.replace('-', '_').split('_')[0].trim().toLowerCase();
-    return l == compareloc;
-  });
-  if (found) return found;
-  return plugin.locale || 'en-US';
-};
+exports.default = PluginMgr;

package/compiled_src/store/api.js

@@ -113,6 +113,26 @@ class _default {
 
     _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.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) => {

package/compiled_src/store/store.js

@@ -46,10 +46,14 @@ class Store {
       return this.kv.match('user');
     });
 
+    _defineProperty(this, "suggest_addresses", keyword => this.api.suggest_address(keyword));
+
     _defineProperty(this, "matchSession", () => this.kv.match('session') || {});
 
     _defineProperty(this, "matchAccount", () => this.cache.match('account'));
 
+    _defineProperty(this, "matchPaymentMethods", () => this.cache.match('payment_methods'));
+
     _defineProperty(this, "matchUnread", () => {
       let user = this.matchUser();
       let allconvos = this.matchConvo('*');
@@ -103,6 +107,14 @@ class Store {
       return this.reconnectGate.open();
     });
 
+    _defineProperty(this, "list_provinces", () => this.api.list_provinces());
+
+    _defineProperty(this, "list_districts", p => this.api.list_districts(p));
+
+    _defineProperty(this, "list_wards", p => this.api.list_wards(p));
+
+    _defineProperty(this, "list_provices", void 0);
+
     _defineProperty(this, "listEvents", id => {
       if (!id || id === '*' || typeof id !== 'string') return;
 
@@ -178,7 +190,10 @@ class Store {
     _defineProperty(this, "setIsOpen", isopen => {
       let lastisopen = this.kv.match('isopen');
       this.kv.put('isopen', isopen);
-      if (!lastisopen && isopen) sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
+
+      if (!lastisopen && isopen) {
+        sendEventToThirdParty('SUBIZ Chat', 'Opened', 'Subiz Windows');
+      }
     });
 
     _defineProperty(this, "closePreview", () => this.kv.put('close_preview_at', new _index.default.Date().getTime()));
@@ -247,6 +262,24 @@ class Store {
     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();
@@ -470,6 +503,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 +607,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');
   }
 
@@ -795,6 +832,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);
   }
@@ -862,6 +907,19 @@ class Store {
 
     this.onWs(ret);
     sendEventToThirdParty('SUBIZ Chat', 'Sent', 'User');
+    let lastMsgSent = this.kv.match('last_msg_sent');
+
+    if (!lastMsgSent) {
+      let dataLayer = window.dataLayer || [];
+      dataLayer.push({
+        event: 'SUBIZ Chat',
+        event_action: 'Sent',
+        event_label: 'User',
+        first_interaction: 1
+      });
+    }
+
+    this.kv.put('last_msg_sent', _index.default.Date.now());
   }
 
   _setConvo(convo) {
@@ -1002,7 +1060,7 @@ class Store {
   async loopTime() {
     let startms = _index.default.Date.now();
 
-    if (!_index.default.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 30000);
+    if (!_index.default.get(this.kv.match('user'), 'id')) return setTimeout(() => this.loopTime(), 120000);
     let {
       body: t,
       error
@@ -1014,7 +1072,7 @@ class Store {
     var localMs = _index.default.Date.now();
 
     this.timeDiff = Math.floor(serverMs - localMs);
-    setTimeout(() => this.loopTime(), 60000);
+    setTimeout(() => this.loopTime(), 120000);
   }
 
   replaceFileUrl(src) {
@@ -1172,6 +1230,12 @@ function sendEventToThirdParty(category, action, label) {
   }));
   sendToGA(category, action, label);
   sendToFBPixel(category, action, label);
+  let dataLayer = window.dataLayer || [];
+  dataLayer.push({
+    event: category,
+    event_action: action,
+    event_label: label
+  });
 }
 
 let mobileCheck = function (a) {

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;
 
@@ -998,6 +1000,7 @@ function preloadWebfonts(fonts, done) {
       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);
@@ -1133,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) {
@@ -1161,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);
+  }
 }