@subiz/widget-v4 4.1.71 → 4.1.73

package/compiled_src/chatbox/time.js

@@ -20,21 +20,16 @@ class Time extends _common.Com {
   }
   updateTime() {
     var t = '';
-    if (this.props.ago) {
-      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;
-        }
+    let forceLocale = '';
+    if (this.props.t) {
+      if (this.props.t.locale && typeof this.props.t.locale === 'function') {
+        forceLocale = this.props.t.locale();
       }
-      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.ago) {
+      if (this.props.short) {}
+      if (!t && this.props.time > 0) t = ago(this.props.time, new _index.default.Date().getTime(), this.props.t);
+    } else t = _index.default.shortTime(this.props.time, this.props.tzoffset, Date.now(), forceLocale);
     if (this.props.uppercase) t = t.toUpperCase();
     if (t === this.state.t) return;
     this.setState({
@@ -46,26 +41,49 @@ class Time extends _common.Com {
     this.updateTime();
   }
   render() {
+    let locale = _index.default.get(navigator, 'languages.0', 'en-US');
+    if (this.props.t) {
+      if (this.props.t.locale && typeof this.props.t.locale === 'function') {
+        locale = this.props.t.locale();
+      }
+    }
+    let title = new Date(this.props.time).toLocaleString(locale);
     return (0, _preact.h)("span", {
-      style: this.props.style
+      style: this.props.style,
+      title: title
     }, this.state.t);
   }
 }
 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'
+function ago(timeA, timeB, t) {
+  let relObj = {
+    s: '%d sec',
+    m: '1 min',
+    mm: '%d mins',
+    h: '1 hour',
+    hh: '%d hours',
+    d: '1 day',
+    dd: '%d days',
+    M: '1 month',
+    MM: '%d months',
+    y: '1 year',
+    yy: '%d years'
   };
+  if (t) {
+    relObj = {
+      s: `%d ${t('second_short')}`,
+      m: `1 ${t('minute_short')}`,
+      mm: `%d ${t('minutes_short')}`,
+      h: `1 ${t('hour_short')}`,
+      hh: `%d ${t('hours_short')}`,
+      d: `1 ${t('day_short')}`,
+      dd: `%d ${t('days_short')}`,
+      M: `1 ${t('month_short')}`,
+      MM: `%d ${t('months_short')}`,
+      y: `1 ${t('year_short')}`,
+      yy: `%d ${t('years_short')}`
+    };
+  }
   const loc = relObj;
   const T = [{
     l: 's',

package/compiled_src/lib.js

@@ -12,10 +12,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var $link = document.createElement('link');
-$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap';
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
 $link.rel = 'stylesheet';
 document.head.append($link);
-_index.default.preloadWebfonts(['Inter'], [400, 500, 600]);
+_index.default.preloadWebfonts(['Inter'], [400, 500]);
 class Widget {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {
     _defineProperty(this, "version", () => '4.5');

package/compiled_src/order/icon.js

@@ -14,10 +14,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let promiseMainCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('../chatbox/css.js'))))();
 var $link = document.createElement('link');
-$link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
 $link.rel = 'stylesheet';
 document.head.append($link);
-_index.default.preloadWebfonts(['Roboto'], [400, 500]);
+_index.default.preloadWebfonts(['Inter'], [400, 500]);
 let defaultAvatar = require('../../assets/img/default_avatar.png');
 class Icon extends common.Com {
   render() {

package/compiled_src/order/index.js

@@ -26,10 +26,10 @@ function getUrlParameter(name) {
   return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
 }
 var $link = document.createElement('link');
-$link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
 $link.rel = 'stylesheet';
 document.head.append($link);
-_index.default.preloadWebfonts(['Roboto'], [400, 500]);
+_index.default.preloadWebfonts(['Inter'], [400, 500]);
 async function load() {
   let store = new _store.default(config.ApiURL, config.FileURL, config.RealtimeURL, true);
   let signkey = getUrlParameter('x-signed-key');

package/compiled_src/plugin.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 var _index = _interopRequireDefault(require("./util/index.js"));
 var common = _interopRequireWildcard(require("./common.js"));
 var _preact = require("preact");
+var _main = _interopRequireDefault(require("./chatbox/main.js"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const LoadChatbox = () => Promise.resolve().then(() => _interopRequireWildcard(require('./chatbox/main.js')));
 const LoadContact = () => Promise.resolve().then(() => _interopRequireWildcard(require('./contact/contact.js')));
 const LoadPopup = () => Promise.resolve().then(() => _interopRequireWildcard(require('./popup/popup.js')));
 const LoadNotif = () => Promise.resolve().then(() => _interopRequireWildcard(require('./notif/notif.js')));
@@ -49,7 +49,6 @@ function Plugin(plugin, store, $container, lib) {
     }
   };
   var _ref = (0, _preact.createRef)();
-  let Chatbox = null;
   let Popup = null;
   let Contact = null;
   let Notif = null;
@@ -62,8 +61,7 @@ function Plugin(plugin, store, $container, lib) {
     if (_destroy) return;
     if (!$div) return;
     if (plugin.type === 'chatbox') {
-      if (!Chatbox) Chatbox = (await LoadChatbox()).default;
-      (0, _preact.render)((0, _preact.h)(Chatbox, {
+      (0, _preact.render)((0, _preact.h)(_main.default, {
         destroy: _destroy,
         plugin: plugin,
         store: store,

package/compiled_src/store/api.js

@@ -58,22 +58,7 @@ class _default {
       }
     }));
     _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,
-        device: device
-      },
-      type: 'presence_updated',
-      data: {
-        presence: {
-          viewing_product_sku: sku,
-          viewing_product_source_id: source_id,
-          viewing_product_id: productid,
-          pinged: _index.default.Date.now(),
-          is_focused: false
-        }
-      }
-    }));
+    _defineProperty(this, "sendLostFocus", () => this.apireq.post(`/accounts/${this.accid}/focuses/${this.uid}/delete`));
     _defineProperty(this, "uploadToS3", async file => {
       let {
         body: signed,

package/compiled_src/store/store.js

@@ -126,10 +126,7 @@ class Store {
       if (_index.default.isUserBanned(this.cache.match('user'))) return;
       if (!this._track_page_view) return;
       let hasfocus = this.browserVisibility === 'visible' && document.hasFocus();
-      if (!hasfocus) {
-        this.api.sendLostFocus(this.device, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
-        return;
-      }
+      if (!hasfocus) return this.api.sendLostFocus();
       this.api.sendContentView(this.device, location.href, document.title, this._currentViewingProduct.id, this._currentViewingProduct.source_id, this._currentViewingProduct.sku);
     }, 1000, {
       leading: false
@@ -206,7 +203,7 @@ class Store {
     }, 20000);
     this._presenceInterval2 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval2);
-      if (this.browserVisibility !== 'visible' || document.hasFocus()) this.sendPresence();
+      if (this.browserVisibility !== 'visible' || !document.hasFocus()) this.sendPresence();
     }, 60000);
     onVisibilityChange(val => {
       if (this._die) return;