@subiz/widget-v4 4.0.46 → 4.0.51

package/compiled_src/chatbox/main.js

@@ -62,6 +62,7 @@ class Main extends _common.Com {
       widgetView: '',
       widgetConvoId: ''
     });
+    this.checkExpand();
     this.props.store.onResetCSS(this, () => this.refreshCSS());
     this.props.store.onConvoEvent(this, _ => this.checkExpand());
     this.props.store.onUpdate(this, _ => this.checkExpand());
@@ -131,7 +132,7 @@ class Main extends _common.Com {
   }
 
   async showWidget(p) {
-    this.refButton.current && this.refButton.current.clearPreview();
+    this.refButton.current && this.refButton.current.ClearPreview();
 
     if (!p.view) {
       let lastview = this.props.store.matchLastview() || {};
@@ -156,11 +157,11 @@ class Main extends _common.Com {
   }
 
   showGreeting() {
-    this.refButton.current && this.refButton.current.showGreeting();
+    this.refButton.current && this.refButton.current.ShowGreeting();
   }
 
   hideGreeting() {
-    this.refButton.current && this.refButton.current.hideGreeting();
+    this.refButton.current && this.refButton.current.HideGreeting();
   }
 
   hideWidget() {
@@ -172,7 +173,7 @@ class Main extends _common.Com {
   }
 
   onWidgetClose() {
-    this.refButton.current && this.refButton.current.clearPreview();
+    this.refButton.current && this.refButton.current.ClearPreview();
     this.props.store.setHasManuallyClosed();
     this.hideWidget();
   }

package/compiled_src/chatbox/time.js

@@ -13,11 +13,6 @@ var _preact = require("preact");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var dayjs = require('dayjs');
-
-var relativeTime = require('dayjs/plugin/relativeTime');
-
-dayjs.extend(relativeTime);
 var g_pub = new _index.default.Pubsub();
 setInterval(() => g_pub.publish('time'), 20 * 1000);
 
@@ -34,7 +29,22 @@ class Time extends _common.Com {
     var t = '';
 
     if (this.props.ago) {
-      if (this.props.time > 0) t = dayjs(this.props.time).fromNow(true);else t = '';
+      if (this.props.short) {
+        if (Math.abs(this.props.time - new _index.default.Date().getTime()) > 86400000 * 10) {
+          let tim = new _index.default.Date(this.props.time);
+          let tzyear = tim.getFullYear();
+
+          let locale = _index.default.get(navigator, 'languages.0', 'en-US');
+
+          let tzmonthname = tim.toLocaleDateString(locale, {
+            month: 'short'
+          });
+          let tzdate = tim.getDate();
+          t = tzdate + ' ' + tzmonthname + ' ' + tzyear;
+        }
+      }
+
+      if (!t && this.props.time > 0) t = ago(this.props.time, new _index.default.Date().getTime());
     } else t = _index.default.shortTime(this.props.time, this.props.tzoffset);
 
     if (this.props.uppercase) t = t.toUpperCase();
@@ -55,4 +65,81 @@ class Time extends _common.Com {
 
 }
 
-exports.default = Time;
+exports.default = Time;
+
+function ago(timeA, timeB) {
+  const relObj = {
+    s: '%d s',
+    m: '1m',
+    mm: '%dm',
+    h: '1h',
+    hh: '%dh',
+    d: '1d',
+    dd: '%dd',
+    M: '1M',
+    MM: '%M',
+    y: '1y',
+    yy: '%dy'
+  };
+  const loc = relObj;
+  const T = [{
+    l: 's',
+    r: 44,
+    d: 1000
+  }, {
+    l: 'm',
+    r: 89
+  }, {
+    l: 'mm',
+    r: 44,
+    d: 60000
+  }, {
+    l: 'h',
+    r: 89
+  }, {
+    l: 'hh',
+    r: 21,
+    d: 3600000
+  }, {
+    l: 'd',
+    r: 35
+  }, {
+    l: 'dd',
+    r: 25,
+    d: 86400000
+  }, {
+    l: 'M',
+    r: 45
+  }, {
+    l: 'MM',
+    r: 10,
+    d: 30 * 86400000
+  }, {
+    l: 'y',
+    r: 17
+  }, {
+    l: 'yy',
+    d: 365 * 86400000
+  }];
+  const Tl = T.length;
+  let result;
+  let out;
+
+  for (let i = 0; i < Tl; i += 1) {
+    let t = T[i];
+
+    if (t.d) {
+      result = (timeA - timeB) / t.d;
+    }
+
+    let abs = Math.round(Math.abs(result));
+
+    if (abs <= t.r || !t.r) {
+      if (abs <= 1 && i > 0) t = T[i - 1];
+      out = loc[t.l].replace('%d', abs);
+      break;
+    }
+  }
+
+  return out;
+}

package/compiled_src/common.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Clickaway = exports.Com = void 0;
+exports.Com = exports.Clickaway = void 0;
 
 var _preact = require("preact");
 

package/compiled_src/contact/contact.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = exports.DEFVAL = void 0;
 exports.replaceCssVariable = replaceCssVariable;
-exports.DEFVAL = exports.default = void 0;
 
 var _index = _interopRequireDefault(require("../util/index.js"));
 

package/compiled_src/plugin.js

@@ -407,10 +407,16 @@ function downloadLanguage(store, locale, force) {
 }
 
 const getLocale = (plugin, loc) => {
-  let found = _index.default.find(plugin.locales, l => l === loc);
+  if (!loc) loc = '';
+
+  let found = _index.default.find(plugin.locales, l => l.toLowerCase().trim() === loc.toLowerCase().trim());
 
   if (found) return loc;
-  found = _index.default.find(plugin.locales, l => (l || '').toLowerCase().includes(loc.toLowerCase()));
+  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';
 };

package/compiled_src/store/store.js

@@ -28,11 +28,6 @@ var cookie = require('cookie_js');
 cookie.defaults.path = '/';
 cookie.expiresMultiplier = 60 * 60 * 24;
 cookie.defaults.expires = 3650;
-
-var dayjs = require('dayjs');
-
-require('dayjs/locale/vi');
-
 const MAX_CONVO = 20;
 
 const page_loaded = _index.default.Date.now();
@@ -1020,6 +1015,156 @@ class Store {
     setTimeout(() => this.loopTime(), 60000);
   }
 
+  getPrice(obj, field, currency) {
+    if (!obj) return 0;
+    if (!currency) return obj[field] || 0;
+
+    let defcur = _index.default.get(this.matchAccount(), 'currency');
+
+    if (currency != defcur) return _index.default.get(obj, [field + '_locale', currency], 0);
+    return obj[field] || 0;
+  }
+
+  getOrderTotal(order) {
+    let subtotal = 0;
+
+    _index.default.map(order.items, item => {
+      if (!item.product) return 0;
+      let price = this.getPrice(item.product, 'price', order.currency) * item.quantity;
+
+      if (item.discount_type) {
+        if (item.discount_type == 'percentage') {
+          if (item.discount_before_tax && item.discount_percentage > 0) {
+            price = price * (1 - item.discount_percentage / 10000);
+          }
+        } else if (item.discount_type == 'amount') {
+          let computed_discount = this.getPrice(item, 'discount', order.currency);
+
+          if (item.discount_before_tax && computed_discount > 0) {
+            price = price - computed_discount;
+            if (price <= 0) price = 0;
+          }
+        }
+      }
+
+      subtotal += price;
+    });
+
+    let computed_discount = 0;
+
+    _index.default.map(order.items, item => {
+      if (!item.discount_type) return;
+      if (!item.product) return 0;
+      let price = this.getPrice(item.product, 'price', order.currency) * item.quantity;
+      let tax = item.product.tax;
+      let taxprice = 0;
+      if (tax && tax.id) taxprice = price * tax.percentage / 10000;
+
+      if (item.discount_type == 'percentage' && !item.discount_before_tax && item.discount_percentage > 0) {
+        computed_discount += (price + taxprice) * item.discount_percentage / 10000;
+      } else if (item.discount_type == 'amount') {
+        let itemdiscount = this.getPrice(item, 'discount', order.currency);
+
+        if (!item.discount_before_tax && itemdiscount > 0) {
+          if (itemdiscount > price + taxprice) itemdiscount = price + taxprice;
+          computed_discount += itemdiscount;
+        }
+      }
+    });
+
+    let totaltax = 0;
+    let taxM = {};
+
+    _index.default.map(order.items, (item, i) => {
+      if (!item.product) return;
+      let tax = item.product.tax;
+      if (!tax) return;
+      if (!tax.id) return;
+      let price = this.getPrice(item.product, 'price', order.currency) * item.quantity;
+
+      if (item.discount_type) {
+        if (item.discount_type == 'percentage') {
+          if (item.discount_before_tax && item.discount_percentage > 0) {
+            price = price * (1 - item.discount_percentage / 10000);
+          }
+        } else if (item.discount_type == 'amount') {
+          let computed_discount = this.getPrice(item, 'discount', order.currency);
+
+          if (item.discount_before_tax && computed_discount > 0) {
+            price = price - computed_discount;
+            if (price <= 0) price = 0;
+          }
+        }
+      }
+
+      let taxprice = price * tax.percentage / 10000;
+      taxM[i] = {
+        tax: tax,
+        taxprice: taxprice
+      };
+    });
+
+    if (order.discount_before_tax) {
+      if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
+        _index.default.map(taxM, t => {
+          t.taxprice = t.taxprice * (1 - order.discount_percentage / 10000);
+        });
+
+        computed_discount += subtotal * order.discount_percentage / 10000;
+      } else if (order.discount_type == 'amount') {
+        let discount = this.getPrice(order, 'discount', order.currency);
+
+        if (subtotal > 0) {
+          _index.default.map(taxM, t => {
+            if (discount > subtotal) discount = subtotal;
+            t.taxprice = t.taxprice * (1 - discount / subtotal);
+          });
+        }
+
+        computed_discount += discount;
+      }
+    } else {
+      if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
+        let taxprice = 0;
+
+        _index.default.map(taxM, t => taxprice += t.taxprice);
+
+        computed_discount += (subtotal + taxprice) * order.discount_percentage / 10000;
+      } else if (order.discount_type == 'amount') {
+        let discount = this.getPrice(order, 'discount', order.currency);
+        computed_discount += discount;
+      }
+    }
+
+    let shippingfee = this.getPrice(order.shipping, 'fee', order.currency);
+
+    if (shippingfee > 0) {
+      if (_index.default.get(order, 'shipping.tax.id')) {
+        let tax = order.shipping.tax;
+        let taxprice = shippingfee * tax.percentage / 10000;
+        taxM['ship'] = {
+          tax: tax,
+          taxprice: taxprice
+        };
+      }
+    }
+
+    let taxprice = 0;
+
+    _index.default.map(taxM, t => taxprice += t.taxprice);
+
+    let total = subtotal + taxprice - computed_discount + shippingfee;
+    let adj = this.getPrice(order, 'adjustment', order.currency);
+    total += adj;
+    if (total < 0) total = 0;
+    return {
+      subtotal,
+      computed_discount,
+      taxM,
+      total
+    };
+  }
+
   replaceFileUrl(src) {
     if (!src) return '';
     if (_index.default.startsWith(src, '/')) return src;

package/compiled_src/util/campaign.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.trackExitIntent = trackExitIntent;
-exports.trackScrollingPercentage = trackScrollingPercentage;
 exports.trackAreaClicked = trackAreaClicked;
+exports.trackExitIntent = trackExitIntent;
 exports.trackInactivity = trackInactivity;
+exports.trackScrollingPercentage = trackScrollingPercentage;
 exports.trackTimeOnPage = trackTimeOnPage;
 
 var common = require('./common.js');

package/compiled_src/util/common.js

@@ -3,65 +3,69 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.parseJSON = parseJSON;
+exports.Date = exports.DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = exports.DEFVAL = void 0;
+exports.agentsOfConvo = agentsOfConvo;
+exports.checkRunConditions = checkRunConditions;
+exports.cloneDeep = cloneDeep;
 exports.convoOfEv = convoOfEv;
 exports.convoToEv = convoToEv;
-exports.setMsgField = setMsgField;
-exports.getMsgField = getMsgField;
-exports.merge = merge;
-exports.cloneDeep = cloneDeep;
-exports.randomString = randomString;
-exports.filter = filter;
-exports.includes = includes;
-exports.map = map;
+exports.detectLang = detectLang;
+exports.diffDay = diffDay;
+exports.diffYear = diffYear;
 exports.each = each;
-exports.usersOfConvo = usersOfConvo;
-exports.isConvoSeen = isConvoSeen;
-exports.agentsOfConvo = agentsOfConvo;
-exports.startsWith = startsWith;
-exports.size = size;
-exports.replaceAll = replaceAll;
-exports.trim = trim;
-exports.trimStart = trimStart;
-exports.throttle = throttle;
+exports.filter = filter;
 exports.find = find;
-exports.orderBy = orderBy;
+exports.formatCurrency = formatCurrency;
+exports.getAgentDisplayName = getAgentDisplayName;
+exports.getDayName = getDayName;
 exports.getIntegrationId = getIntegrationId;
+exports.getMs = getMs;
+exports.getMsgField = getMsgField;
+exports.getUrlParameter = getUrlParameter;
+exports.getUserAttr = getUserAttr;
+exports.includes = includes;
+exports.isConvoSeen = isConvoSeen;
+exports.isEmail = isEmail;
+exports.isNumber = isNumber;
 exports.isPhone = isPhone;
 exports.isURL = isURL;
-exports.isNumber = isNumber;
-exports.isEmail = isEmail;
-exports.last = last;
-exports.getAgentDisplayName = getAgentDisplayName;
 exports.isUserBanned = isUserBanned;
-exports.setUserAttr = setUserAttr;
-exports.getUserAttr = getUserAttr;
-exports.norm = norm;
-exports.noop = noop;
-exports.replaceCssVariablePlugin = replaceCssVariablePlugin;
-exports.replaceCssVariable = replaceCssVariable;
-exports.tokenize = tokenize;
-exports.setCss = setCss;
 exports.js2css = js2css;
-exports.checkRunConditions = checkRunConditions;
-exports.getDayName = getDayName;
-exports.preloadWebfonts = preloadWebfonts;
-exports.preloadImg = preloadImg;
+exports.last = last;
+exports.map = map;
+exports.merge = merge;
+exports.noop = noop;
+exports.norm = norm;
 exports.offsetToMin = offsetToMin;
-exports.diffDay = diffDay;
-exports.diffYear = diffYear;
+exports.orderBy = orderBy;
+exports.parseJSON = parseJSON;
+exports.preloadImg = preloadImg;
+exports.preloadWebfonts = preloadWebfonts;
+exports.randomString = randomString;
+exports.replaceAll = replaceAll;
+exports.replaceCssVariable = replaceCssVariable;
+exports.replaceCssVariablePlugin = replaceCssVariablePlugin;
+exports.requestAnimationFrame = void 0;
 exports.sameDay = sameDay;
+exports.setCss = setCss;
+exports.setInterval = void 0;
+exports.setMsgField = setMsgField;
+exports.setTimeout = void 0;
+exports.setUserAttr = setUserAttr;
 exports.shortTime = shortTime;
+exports.size = size;
+exports.sleep = void 0;
+exports.startsWith = startsWith;
+exports.stringify = void 0;
+exports.throttle = throttle;
+exports.tokenize = tokenize;
+exports.trim = trim;
+exports.trimStart = trimStart;
 exports.unixSec = unixSec;
-exports.getMs = getMs;
-exports.detectLang = detectLang;
-exports.getUrlParameter = getUrlParameter;
-exports.sleep = exports.DEFVAL = exports.DEF_CHAT_BUTTON_BACKGROUND_IMAGE_URL = exports.setInterval = exports.setTimeout = exports.requestAnimationFrame = exports.Date = exports.stringify = void 0;
+exports.usersOfConvo = usersOfConvo;
 
 var op = require('./op.js');
 
-var dayjs = require('dayjs');
-
 function parseJSON(str) {
   try {
     return parse(str);
@@ -164,7 +168,11 @@ function isObject(item) {
   return item && typeof item === 'object' && !Array.isArray(item);
 }
 
-function merge(target, ...sources) {
+function merge(target) {
+  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    sources[_key - 1] = arguments[_key];
+  }
+
   if (!sources.length) return target;
   const source = sources.shift();
 
@@ -1059,12 +1067,27 @@ function shortTime(utcms, tzoffset, now) {
   var offsetmin = machineoffsetmin;
   if (tzoffset) offsetmin = offsetToMin(tzoffset);
   var time = new Date(getMs(utcms));
-  var tztime = dayjs(time).add(offsetmin - machineoffsetmin, 'minute');
+  let tztime = new Date(time);
+  tztime.setMinutes(time.getMinutes() + offsetmin - machineoffsetmin);
   if (!now) now = new Date();
-  if (sameDay(time, now, tzoffset)) return dayjs(tztime).format('HH:mm');
-  if (diffDay(time, now, tzoffset) <= 5) return dayjs(tztime).format('dddd, HH:mm');
-  if (diffYear(time, now, tzoffset) === 0) return dayjs(tztime).format('MMM D, HH:mm');
-  return dayjs(tztime).format('YYYY/M/D, HH:mm');
+  let tzhour = tztime.getHours();
+  let tzmin = tztime.getMinutes();
+  let locale = op.get(navigator, 'languages.0', 'en-US');
+  let tzdddd = tztime.toLocaleDateString(locale, {
+    weekday: 'long'
+  });
+  let tzyear = tztime.getFullYear();
+  let tzmonth = tztime.getMonth() + 1;
+  let tzmonthname = tztime.toLocaleDateString(locale, {
+    month: 'long'
+  });
+  let tzdate = tztime.getDate();
+  if (tzhour < 10) tzhour = '0' + tzhour;
+  if (tzmin < 10) tzmin = '0' + tzmin;
+  if (sameDay(time, now, tzoffset)) return tzhour + ':' + tzmin;
+  if (diffDay(time, now, tzoffset) <= 5) return tzdddd + ', ' + tzhour + ':' + tzmin;
+  if (diffYear(time, now, tzoffset) === 0) return tzmonthname + ' ' + tzdate + ', ' + tzhour + ':' + tzmin;
+  return tzyear + '/' + tzmonth + '/' + tzdate + ', ' + tzhour + ':' + tzmin;
 }
 
 function unixSec(t) {
@@ -1107,6 +1130,12 @@ var sleep = ms => new Promise(res => setTimeout(res, ms));
 
 exports.sleep = sleep;
 
+function formatCurrency(val) {
+  if (!val) return 0;
+  val = Math.round(val);
+  return val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
+}
+
 function replaceFileUrl(src) {
   let fileurl = 'https://vcdn.subiz-cdn.com/file/';
   if (!src) return '';

package/compiled_src/util/extractor.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.extract = extract;
+exports.extractEmails = extractEmails;
 exports.extractEmojis = extractEmojis;
 exports.extractLinks = extractLinks;
-exports.extractEmails = extractEmails;
 exports.extractPhones = extractPhones;
-exports.extract = extract;
-exports.pipeExtracts = pipeExtracts;
 exports.extractText = extractText;
+exports.pipeExtracts = pipeExtracts;
 
 var common = require('./common.js');
 

package/compiled_src/util/pubsub.js

@@ -17,9 +17,12 @@ class Pubsub {
 
   publish(topic, payload, payload2, payload3) {
     this.listeners[topic] = filter(this.listeners[topic], sub => sub.obj._isMounted);
-    map(this.listeners[topic], ({
-      cb
-    }) => cb(payload, payload2, payload3));
+    map(this.listeners[topic], _ref => {
+      let {
+        cb
+      } = _ref;
+      return cb(payload, payload2, payload3);
+    });
   }
 
   on2(obj, topic, cb) {