@subiz/widget-v4 4.1.70 → 4.1.72

package/compiled_src/chatbox/InfoMessage.js

@@ -23,7 +23,8 @@ class InfoMessage extends _common.Com {
       $time = (0, _preact.h)("div", {
         class: "convo-event-time"
       }, (0, _preact.h)(_time.default, {
-        time: ev.created
+        time: ev.created,
+        t: this.props.t
       }));
     }
     if (ev.type === 'conversation_rated') {

package/compiled_src/chatbox/OrderAttachments.js

@@ -17,7 +17,7 @@ class ProductAttachments extends _common.Com {
     let orders = _index.default.filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);
     if (orders.length === 0) return null;
     let $orders = _index.default.map(orders, (order, index) => {
-      _index.default.calcOrderTotal(order);
+      calcOrderTotal(order);
       let $note = null;
       if (order.note) {
         $note = (0, _preact.h)("div", null, (0, _preact.h)("div", {
@@ -46,7 +46,7 @@ class ProductAttachments extends _common.Com {
             title: this.props.t.i18n(product.i18n_name) || product.name
           }, this.props.t.i18n(product.i18n_name) || product.name), (0, _preact.h)("div", {
             class: "order_attachment__product_desc"
-          }, _index.default.getProductPropName(product, ' / ')), (0, _preact.h)("div", {
+          }, getProductPropName(product, ' / ')), (0, _preact.h)("div", {
             class: "order_attachment__product_desc"
           }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", _index.default.formatCurrency(product.price))));
         }));
@@ -66,10 +66,10 @@ class ProductAttachments extends _common.Com {
       phone = phone || _index.default.trim(phoneattr.text);
       if (phone) phone = this.props.t('phn') + ': ' + phone;
       let $shipto = null;
-      if (_index.default.displayOrderShippingAddress(order) || phone) {
+      if (displayOrderShippingAddress(order) || phone) {
         $shipto = (0, _preact.h)("div", null, (0, _preact.h)("div", {
           class: "order_attachment__label"
-        }, this.props.t('ship_to')), (0, _preact.h)("div", null, _index.default.displayOrderShippingAddress(order)), (0, _preact.h)("div", {
+        }, this.props.t('ship_to')), (0, _preact.h)("div", null, displayOrderShippingAddress(order)), (0, _preact.h)("div", {
           class: "order_attachment__text_truncate"
         }, phone));
       }
@@ -160,9 +160,105 @@ class ProductAttachments extends _common.Com {
         class: "order_attachment__header"
       }, this.props.t('order'), (0, _preact.h)("span", {
         class: "order_attachment__text_muted order_attachment__text_sm"
-      }, _index.default.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
+      }, getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
     });
     return $orders;
   }
 }
-exports.default = ProductAttachments;
+exports.default = ProductAttachments;
+function getProductPropName(product, seperator = ' - ') {
+  let options = op.get(product, 'options', []);
+  let props = op.get(product, 'props', []);
+  let multiPropsOptions = op.filter(options, option => op.size(option.values) > 1);
+  let names = [];
+  op.each(multiPropsOptions, option => {
+    let prop = op.find(props, prop => prop.key === option.key) || {};
+    if (prop.value) names.push(prop.value);
+  });
+  return names.join(seperator);
+}
+function getOrderDisplayName(order = {}) {
+  return order.number || order.id || '';
+}
+function displayOrderShippingAddress(order, isShorten) {
+  let addr = op.get(order, 'shipping.address', {});
+  let fulladdr = [addr.address, addr.ward, addr.district, addr.province].filter(a => a).join(', ').trim();
+  if (isShorten) fulladdr = shortenAddr(fulladdr);
+  return fulladdr;
+}
+function shortenAddr(str) {
+  str = str || '';
+  str = str.replace(/Hà Nội/gi, 'HN');
+  str = str.replace(/Hồ Chí Minh/gi, 'HCM');
+  str = str.replace(/Thành Phố/gi, 'TP');
+  return str;
+}
+function calcOrderTotal(order) {
+  let subtotal = 0;
+  let beforeTaxDiscount = 0;
+  let ordervalue = 0;
+  op.map(order.items, item => {
+    if (!item.product) return 0;
+    let price = op.get(item, 'product.price', 0) * (item.quantity || 0);
+    ordervalue += price;
+    if (item.discount_type == 'percentage') {
+      if (item.discount_percentage > 0) {
+        beforeTaxDiscount += price * item.discount_percentage / 10000;
+        price = price * (1 - (item.discount_percentage || 0) / 10000);
+      }
+    } else if (item.discount_type == 'amount') {
+      if (item.discount_amount > 0) {
+        beforeTaxDiscount += item.discount_amount;
+        price = price - (item.discount_amount || 0);
+        if (price <= 0) price = 0;
+      }
+    }
+    item.total = price;
+    subtotal += price;
+  });
+  let taxM = {};
+  op.map(order.items, (item, i) => {
+    if (!item.product) return;
+    let tax = item.product.tax;
+    if (!tax) return;
+    if (!tax.id) return;
+    let taxprice = item.total * tax.percentage / 10000;
+    item.total_tax = taxprice;
+    taxM[i] = {
+      tax: tax,
+      taxprice: taxprice
+    };
+  });
+  let totaltax = 0;
+  op.map(taxM, t => totaltax += t.taxprice);
+  let computed_discount = 0;
+  if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
+    computed_discount = (subtotal + totaltax) * order.discount_percentage / 10000;
+  } else if (order.discount_type == 'amount') {
+    computed_discount = order.discount_amount || 0;
+  }
+  let shippingfee = op.get(order, 'shipping.nominal_fee', 0);
+  if (shippingfee > 0) {
+    if (op.get(order, 'shipping.tax.id')) {
+      let tax = order.shipping.tax;
+      let taxprice = shippingfee * (tax.percentage / 10000);
+      taxM['ship'] = {
+        tax: tax,
+        taxprice: taxprice
+      };
+      order.shipping.total_tax = taxprice;
+    }
+  }
+  totaltax = 0;
+  op.map(taxM, t => totaltax += t.taxprice);
+  let total = subtotal + totaltax - computed_discount + shippingfee;
+  total += order.adjustment || 0;
+  if (total < 0) total = 0;
+  order.subtotal = subtotal;
+  order._computed_discount = computed_discount;
+  order._taxM = taxM;
+  order.total = total;
+  order.total_tax = totaltax;
+  order._discount_before_tax = beforeTaxDiscount;
+  order._order_value = ordervalue;
+}

package/compiled_src/chatbox/PoweredBy.js

@@ -3,32 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _common = require("../common.js");
+exports.default = PoweredBy;
 var _preact = require("preact");
 var logo = require('../../assets/img/subiz-mono.svg');
-class PoweredBy extends _common.Com {
-  constructor(props) {
-    super(props);
-  }
-  render() {
-    if (this.props.store.isMobile()) return null;
-    let user = this.props.store.matchUser() || {};
-    var link = `https://subiz.com.vn/?utm_source=${window.location.host || `id-${user.account_id}`}&utm_medium=widget&utm_campaign=widget_referral`;
-    return (0, _preact.h)("div", {
-      class: "poweredby"
-    }, (0, _preact.h)("a", {
-      href: link,
-      class: "poweredby--text",
-      target: "_blank",
-      title: "Subiz"
-    }, (0, _preact.h)("img", {
-      width: "14",
-      height: "10",
-      class: "poweredby--subiz-logo",
-      src: logo,
-      alt: "power by subiz"
-    }), " Subiz"));
-  }
-}
-exports.default = PoweredBy;
+function PoweredBy(props) {
+  if (props.store.isMobile()) return null;
+  let user = props.store.matchUser() || {};
+  var link = `https://subiz.com.vn/?utm_source=${window.location.host || `id-${user.account_id}`}&utm_medium=widget&utm_campaign=widget_referral`;
+  return (0, _preact.h)("div", {
+    class: "poweredby"
+  }, (0, _preact.h)("a", {
+    href: link,
+    class: "poweredby--text",
+    target: "_blank",
+    title: "Subiz"
+  }, (0, _preact.h)("img", {
+    width: "14",
+    height: "10",
+    class: "poweredby--subiz-logo",
+    src: logo,
+    alt: "powerred by subiz"
+  }), " Subiz"));
+}

package/compiled_src/chatbox/Rating.js

@@ -145,7 +145,7 @@ class Rating extends _common.Com {
     let foundUser = false;
     _index.default.map(this.props.store.listEvents(this.props.cid), ev => {
       if (!ev || !ev.by) return;
-      if (ev.by.type == 'user') foundUser = true;
+      if (ev.by.type == 'user' && ev.type == 'message_sent') foundUser = true;
       if (ev.type === 'conversation_state_updated' && _index.default.get(ev, 'data.conversation.state') === 'ended') {
         ended = ev;
       }

package/compiled_src/chatbox/TextMessage.js

@@ -66,20 +66,6 @@ class TextMessage extends _common.Com {
       if (insert.dynamicField) {
         return _index.default.get(insert, 'dynamicField.text', '');
       }
-      if (insert.mention) {
-        if (insert.mention.id == '*' || insert.mention.id == 'all') {
-          return (0, _preact.h)("span", {
-            class: "mention"
-          }, "@", this.$t('all'));
-        }
-        let ag = store.matchAgent(insert.mention.id);
-        let name = _index.default.getAgentDisplayName(ag, insert.mention.fullname);
-        return (0, _preact.h)("span", {
-          class: "mention",
-          "data-agent-id": ag.id,
-          "data-agent-fullname": name
-        }, "@", name);
-      }
       if (insert.emoji) return (0, _preact.h)(_Emoji.default, {
         emojiCode: `:${insert.emoji}:`
       });

package/compiled_src/chatbox/VideoAttachments.js

@@ -23,6 +23,7 @@ class VideoAttachments extends _common.Com {
     if (videos.length === 0) return null;
     var $videos = _index.default.map(videos, (video, index) => {
       return (0, _preact.h)("div", {
+        key: index,
         class: `video-attachment video-attachment--${byType}`
       }, (0, _preact.h)("video", {
         class: "video-attachment__video",

package/compiled_src/chatbox/Widget.js

@@ -13,7 +13,6 @@ var _MessageInput = _interopRequireDefault(require("./MessageInput.js"));
 var _Events = _interopRequireDefault(require("./Events.js"));
 var _Typing = _interopRequireDefault(require("./Typing.js"));
 var _Rating = _interopRequireDefault(require("./Rating.js"));
-var _Order = _interopRequireDefault(require("./Order.js"));
 var _ListField = _interopRequireDefault(require("./ListField.js"));
 var _spinner = _interopRequireDefault(require("./spinner.js"));
 var _time = _interopRequireDefault(require("./time.js"));
@@ -23,9 +22,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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); }
+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; }
 var send = require('../../assets/img/send.svg');
 var checkedimg = require('../../assets/img/done_gray.svg');
 var empty = require('../../assets/img/empty.svg');
+let Order = false;
+const LoadOrder = () => Promise.resolve().then(() => _interopRequireWildcard(require('./Order.js')));
 const defaultAvatar = 'https://file-subiz.com/fiqoahedjbgwclpouoml-avatar_default_baa8a1d7.png';
 class Widget extends _common.Com {
   constructor(props) {
@@ -95,9 +98,12 @@ class Widget extends _common.Com {
       if (noschemeurl.startsWith('widget.subiz.com.vn/orders/')) {
         let orderid = noschemeurl.substr('widget.subiz.com.vn/orders/'.length);
         orderid = orderid.split('/')[0];
-        this.setState({
-          showOrder: true,
-          order_id: orderid
+        _index.default.setTimeout(async () => {
+          if (!Order) Order = (await LoadOrder()).default;
+          this.setState({
+            showOrder: true,
+            order_id: orderid
+          });
         });
         e.preventDefault();
         return;
@@ -462,14 +468,16 @@ class Widget extends _common.Com {
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
       if (field.type === 'text') {
-        if (key === 'question') {
+        if (key == 'question' || _index.default.get(field, 'def.multiple_line')) {
           $field = (0, _preact.h)("textarea", {
             class: "form-control",
             ref: ref => {
               this['form_' + encode(key)] = ref;
             },
+            id: 'form_' + encode(key),
             value: field.value || '',
             onInput: e => this.onInputChange(key, e.target.value),
+            onChange: e => this.onInputChange(key, e.target.value),
             row: "4",
             class: "form-control"
           });
@@ -479,20 +487,9 @@ class Widget extends _common.Com {
           $field = this.renderRadioField(field);
         } else if (_index.default.get(field, 'def.select') === 'dropdown') {
           $field = this.renderDropdownField(field);
-        } else if (_index.default.get(field, 'def.multiple_line')) {
-          $field = (0, _preact.h)("textarea", {
-            class: "form-control",
-            ref: ref => {
-              this['form_' + encode(key)] = ref;
-            },
-            value: field.value || '',
-            onInput: e => this.onInputChange(key, e.target.value),
-            onChange: e => this.onInputChange(key, e.target.value),
-            row: "4",
-            class: "form-control"
-          });
         } else {
           $field = (0, _preact.h)("input", {
+            id: 'form_' + encode(key),
             value: field.value || '',
             onInput: e => this.onInputChange(key, e.target.value),
             onChange: e => this.onInputChange(key, e.target.value),
@@ -505,6 +502,7 @@ class Widget extends _common.Com {
         }
       } else if (field.type === 'number') {
         $field = (0, _preact.h)("input", {
+          id: 'form_' + encode(key),
           value: field.value,
           onInput: e => this.onInputChange(key, e.target.value),
           ref: ref => {
@@ -557,6 +555,7 @@ class Widget extends _common.Com {
         $field = this.renderDropdownField(field);
       } else if (field.type === 'datetime') {
         $field = (0, _preact.h)("input", {
+          id: 'form_' + encode(key),
           value: field.value,
           onInput: e => this.onInputChange(key, e.target.value),
           class: `form-control ${errclass}`,
@@ -576,8 +575,9 @@ class Widget extends _common.Com {
       if (field.label) label = field.label;
       return (0, _preact.h)("div", {
         key: 'form_' + encode(key)
-      }, (0, _preact.h)("div", {
-        class: "label"
+      }, (0, _preact.h)("label", {
+        class: "label",
+        for: 'form_' + encode(key)
       }, label, field.is_required ? (0, _preact.h)("span", {
         class: "ml-1 red"
       }, "*") : ''), field.error ? (0, _preact.h)("div", {
@@ -779,7 +779,7 @@ class Widget extends _common.Com {
       onRate: e => this.onRate(e),
       cid: this.props.cid,
       t: this.props.t
-    }), (0, _preact.h)(_Order.default, {
+    }), (0, _preact.h)(Order, {
       forceView: this.props.view,
       plugin: this.props.plugin,
       show: this.state.showOrder,
@@ -872,7 +872,7 @@ class Widget extends _common.Com {
     }, (0, _preact.h)(_time.default, {
       ago: true,
       time: time,
-      key: time,
+      t: this.props.t,
       short: true
     }))), (0, _preact.h)("div", {
       class: "d-flex flex-row"

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