@subiz/widget-v4 4.0.98 → 4.1.1

package/assets/less/chatbox.less

@@ -34,7 +34,7 @@
 @spacer3: @spacer; // 15px;
 @spacer4: @spacer * 1.5; // 22.5px
 
-@font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans',
+@font-family-sans-serif: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
 	sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
 @font-size-base: 15px; // Assumes the browser default, typically `16px`

package/assets/less/notif.less

@@ -43,7 +43,7 @@ body div#sbz92 {
 
 	.notif {
 		cursor: pointer;
-		font-family: roboto;
+		font-family: Inter;
 		font-size: 14px;
 		position: absolute;
 		user-select: none;

package/compiled_src/call/call.js

@@ -8,11 +8,12 @@ var _index = _interopRequireDefault(require("../util/index.js"));
 var _preact = require("preact");
 var _common = require("../common.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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 let notifCSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
-
 class Notif extends _common.Com {
   constructor(props) {
     super(props);
@@ -38,7 +39,6 @@ class Notif extends _common.Com {
       }));
     });
   }
-
   setOver(over) {
     if (!over) this.mouse_leave = _index.default.Date.now();else this.mouse_leave = 0;
   }

package/compiled_src/chatbox/AgentsAvatar.js

@@ -59,7 +59,6 @@ class AgentsAvatar extends _common.Com {
         src: this.props.store.replaceFileUrl(acc.logo_url) || require('../../assets/img/image_default.png')
       })));
     }
-
     if (agents.length === 1) {
       var agent = agents[0];
       var groupClass = mode === 'primary' ? 'group-avatar--agent-middle' : 'group-avatar--agent-left';
@@ -77,7 +76,6 @@ class AgentsAvatar extends _common.Com {
         src: this.props.store.replaceFileUrl(agent.avatar_url) || require('../../assets/img/default_avatar.png')
       })));
     }
-
     if (agents.length === 2) {
       let leftAgent = agents[0];
       let rightAgent = agents[1];
@@ -105,7 +103,6 @@ class AgentsAvatar extends _common.Com {
         src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || require('../../assets/img/default_avatar.png')
       })));
     }
-
     let leftAgent = agents[0];
     let middleAgent = agents[1];
     let rightAgent = agents[2];

package/compiled_src/chatbox/ButtonAttachments.js

@@ -16,7 +16,6 @@ class ButtonAttachments extends _common.Com {
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-
     let buttons = [];
     let attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
     _index.default.each(attachments, (att, i) => {

package/compiled_src/chatbox/ChatButton.js

@@ -76,13 +76,11 @@ class ChatButton extends _common.Com {
       style: 'opacity: ' + opacity + ' !important'
     }, this.renderPreview(), this.renderButton());
   }
-
   ClearPreview() {
     this.setState({
       previewEvent: {}
     });
   }
-
   ShowGreeting() {
     let greeting = _index.default.get(this.props.plugin, 'chatbox.greeting', {});
     let agentM = this.props.store.matchAgent('*');
@@ -132,7 +130,6 @@ class ChatButton extends _common.Com {
         }));
       }
     }
-
     return this.onPreviewClick();
   }
   onPreviewClick(e) {
@@ -280,7 +277,6 @@ class ChatButton extends _common.Com {
 			`;
     }
     let cls = 'chat-button chat-button--' + position;
-
     return (0, _preact.h)("div", {
       class: cls,
       onClick: e => this.onClick(e)
@@ -314,7 +310,6 @@ class ChatButton extends _common.Com {
     defmsg = defmsg || 'Sent you a message';
     let message = _index.default.get(ev, 'data.message.text');
     var format = _index.default.get(ev, 'data.message.format');
-
     if (format && format !== 'plaintext') message = defmsg;
     if (!message && _index.default.size(_index.default.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;

package/compiled_src/chatbox/DropdownSelect.js

@@ -9,7 +9,9 @@ var _common = require("../common.js");
 var _preact = require("preact");
 var _spinner = _interopRequireDefault(require("./spinner.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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class DropdownSelect extends _common.Com {
   constructor(props) {
     super(props);
@@ -77,11 +79,8 @@ class DropdownSelect extends _common.Com {
       console.log('EEEEEEE', e);
       alert('y');
     });
-    document.addEventListener('touchmove', function (e) {
-    }
-    );
+    document.addEventListener('touchmove', function (e) {});
   }
-
   componentDidMount() {
     window.addEventListener('keydown', this.onKeydown);
   }

package/compiled_src/chatbox/Event.js

@@ -22,7 +22,6 @@ var _time = _interopRequireDefault(require("./time.js"));
 var _common = require("../common.js");
 var _preact = require("preact");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Event extends _common.Com {
   constructor(props) {
     super(props);
@@ -188,7 +187,6 @@ class Event extends _common.Com {
         refresh: this.state.refresh
       }), 1000);
     }
-
     let $dot = (0, _preact.h)("div", {
       class: "sending_dot"
     });

package/compiled_src/chatbox/Events.js

@@ -129,9 +129,7 @@ class Events extends _common.Com {
       if (convo.state === 'ended') return false;
       return true;
     });
-
   }
-
   onEvent(newev) {
     if (_index.default.convoOfEv(newev) !== this.props.cid) return;
     let isBottom = this.isBottom();
@@ -195,12 +193,10 @@ class Events extends _common.Com {
     }
   }
 }
-
 exports.default = Events;
 function processEvents(convo, events) {
   events = events.filter(event => visibleEvent(event.ev));
   if (events.length < 1) return;
-
   for (var i = 1; i < events.length; i++) {
     let curEvent = events[i];
     let lastEvent = events[i - 1];
@@ -209,7 +205,6 @@ function processEvents(convo, events) {
       if (elapsedSec > 120) curEvent.show_time = true;
     }
   }
-
   for (var i = 0; i < events.length; i++) {
     let curEvent = events[i];
     if (_index.default.get(curEvent, 'ev.type') === 'message_sent') {
@@ -217,7 +212,6 @@ function processEvents(convo, events) {
       break;
     }
   }
-
   for (var i = 0; i < events.length; i++) {
     let curEvent = events[i];
     let prevEvent = events[i - 1];
@@ -232,9 +226,7 @@ function processEvents(convo, events) {
 }
 function visibleEvent(ev) {
   let type = _index.default.get(ev, 'type');
-  return (
-    type === 'message_sent' || type === 'conversation_state_updated'
-  );
+  return type === 'message_sent' || type === 'conversation_state_updated';
 }
 function isSummited(form) {
   let fields = _index.default.get(form, 'fields') || [];

package/compiled_src/chatbox/FormAttachment.js

@@ -60,7 +60,6 @@ class FormAttachment extends _common.Com {
   focus() {
     if (this.props.store.isPreview) return;
     if (_index.default.size(this.state.formData) === 0) return;
-
     let $field;
     if (this.isFormFilled()) {
       var keys = Object.keys(this.state.formData);

package/compiled_src/chatbox/GenericTemplateAttachments.js

@@ -16,7 +16,6 @@ class GenericTemplateAttachments extends _common.Com {
     this.state = {
       focusing: 0
     };
-
     this.galleryRef = (0, _preact.createRef)();
   }
   componentDidMount() {
@@ -31,11 +30,9 @@ class GenericTemplateAttachments extends _common.Com {
       behavior: 'smooth'
     });
   }
-
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-
     let attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
     let generics = _index.default.filter(attachments, att => _index.default.get(att, 'type') === 'generic');
     if (generics.length === 0) return null;

package/compiled_src/chatbox/Header.js

@@ -20,7 +20,6 @@ class Header extends _common.Com {
     let renderSocial = false;
     let renderTeam = false;
     let renderCollapsed = this.props.view !== 'list' && headerMode === 'collapsed';
-
     let accSetting = this.props.plugin.chatbox || {};
     let layout = _index.default.get(accSetting, 'header.layout');
     if (renderCollapsed) {
@@ -210,4 +209,8 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
   }
 }
 exports.default = Header;
-let getJoinedNameMember = agents => _index.default.map(agents, agent => agent.name).join(', ');
+let getJoinedNameMember = agents => {
+  agents = _index.default.filter(agents, agent => _index.default.trim(agent.fullname));
+  if (!agents.length) return null;
+  return _index.default.map(agents, agent => agent.fullname).join(', ');
+};

package/compiled_src/chatbox/InfoMessage.js

@@ -26,7 +26,6 @@ class InfoMessage extends _common.Com {
         time: ev.created
       }));
     }
-
     if (ev.type === 'conversation_rated') {
       var rating = _index.default.get(ev, 'data.conversation.ratings.0', {
         no_rating: true,

package/compiled_src/chatbox/MessageInput.js

@@ -9,7 +9,9 @@ var _common = require("../common.js");
 var _preact = require("preact");
 var _Emoji = _interopRequireDefault(require("./Emoji.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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class MessageInput extends _common.Com {
   constructor(props) {
     super(props);
@@ -93,7 +95,6 @@ class MessageInput extends _common.Com {
     let attachments = _index.default.get(events[0], 'data.message.attachments', []);
     let lock = _index.default.find(attachments, att => _index.default.get(att, 'lock_input'));
     if (lock) return true;
-
     var last_agent_sent;
     for (let ev of events) {
       if (_index.default.get(ev, 'by.type') === 'user') continue;
@@ -283,7 +284,6 @@ class MessageInput extends _common.Com {
       attachments
     });
   }
-
   async submitMessage(msg) {
     msg = msg || _index.default.trim(this.refMessageInput.current.value) || '';
     if (!msg) return;

package/compiled_src/chatbox/Order.js

@@ -11,7 +11,9 @@ var _common = require("../common.js");
 var _preact = require("preact");
 var _order = _interopRequireDefault(require("../order/order.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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;

package/compiled_src/chatbox/OrderAttachments.js

@@ -12,7 +12,6 @@ class ProductAttachments extends _common.Com {
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-
     let acc = this.props.store.matchAccount();
     var attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
     let orders = _index.default.filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);

package/compiled_src/chatbox/QuickReplies.js

@@ -26,7 +26,6 @@ class QuickReplies extends _common.Com {
     let cid = _index.default.convoOfEv(this.props.ev);
     let convo = this.props.store.matchConvo(cid);
     if (_index.default.get(convo, 'state') === 'ended') return null;
-
     let events = _index.default.map(this.props.store.listEvents(cid));
     events = _index.default.orderBy(events, 'created', 'asc').filter(ev => ev.type === 'message_sent');
     let evindex = 0;

package/compiled_src/chatbox/Rating.js

@@ -9,7 +9,9 @@ var _releaseAnimation = _interopRequireDefault(require("./releaseAnimation.js"))
 var _common = require("../common.js");
 var _preact = require("preact");
 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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;

package/compiled_src/chatbox/ShadowDomRoot.js

@@ -19,7 +19,7 @@ class ShadowDomRoot extends _common.Com {
   }
   update(html) {
     this.shadowRoot.innerHTML = `<style type="text/css">
-body { font-family: 'Roboto', sans-serif!important; font-size: 14px!important; line-height: 20px; overflow-y: hidden; margin:0 }
+body { font-family: 'Inter', sans-serif!important; font-size: 14px!important; line-height: 20px; overflow-y: hidden; margin:0 }
 h{ font-size: 14/18px!important; }
 a { text-decoration: none;}
 img { max-width: 100%; display: block; margin: 10px auto; }

package/compiled_src/chatbox/TextMessage.js

@@ -211,10 +211,8 @@ function trimQuillDelta(delta) {
         ops: newops
       };
     }
-
     return delta;
   }
-
   let newops = delta.ops.slice();
   newops.pop();
   return trimQuillDelta({

package/compiled_src/chatbox/Typing.js

@@ -31,7 +31,6 @@ class Typing extends _common.Com {
         });
         return;
       }
-
       let ag = this.props.store.matchAgent(ev.by.id) || {};
       if (ag.type == 'agent') return;
       if (_index.default.get(ev, 'type') !== 'conversation_typing') return;

package/compiled_src/chatbox/Widget.js

@@ -20,7 +20,9 @@ var _time = _interopRequireDefault(require("./time.js"));
 var _common = require("../common.js");
 var _preact = require("preact");
 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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var send = require('../../assets/img/send.svg');
 var checkedimg = require('../../assets/img/done_gray.svg');
 var empty = require('../../assets/img/empty.svg');
@@ -47,9 +49,7 @@ class Widget extends _common.Com {
           message: text,
           initial_by: this.props.store.matchUser().id
         });
-        if (error) {
-        }
-
+        if (error) {}
         this.creating = false;
         this.props.store.sendConvoEvent(convo.id, 'message_sent', {
           message
@@ -187,7 +187,6 @@ class Widget extends _common.Com {
       }
     });
     if (hasError) return this.forceUpdate();
-
     let data = _index.default.cloneDeep(this.state.formData);
     let user = _index.default.cloneDeep(this.props.store.matchUser());
     let is_lead = false;
@@ -225,15 +224,12 @@ class Widget extends _common.Com {
           attachments: this.state.quickReplyMessage.attachments
         }
       });
-
       this.setState({
         quickReplyMessage: {}
       });
-
       if (form.end_conversation_after_submit) await this.props.store.endConvo(this.props.cid);
       return;
     }
-
     this.setState({
       creating: true
     });
@@ -650,7 +646,6 @@ class Widget extends _common.Com {
     setTimeout(() => $input && $input.blur());
     setTimeout(() => $input && $input.blur(), 300);
   }
-
   focusInput() {
     if (this.props.store.isPreview) return;
     if (this.shouldShowForm()) {
@@ -672,7 +667,6 @@ class Widget extends _common.Com {
     setTimeout(() => $input.focus());
     setTimeout(() => $input.focus(), 300);
   }
-
   onRate(rating) {
     if (!this.props.cid) return;
     this.props.store.sendConvoEvent(this.props.cid, 'conversation_rated', {
@@ -771,21 +765,17 @@ class Widget extends _common.Com {
     if (!this.props.store.isMobile()) this.focusInput();
   }
   isFormRequired() {
-
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     if (_index.default.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-
     let offlineEnabled = _index.default.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
     if (!form) return false;
     let formData = this.fillForm(form);
-
     let convo = this.props.store.matchConvo(this.props.cid) || {};
     if (convo.state === 'ended') return true;
     if (convo.state && convo.state !== 'pending') delete formData.group;
-
     let isAllFiledEmpty = true;
     _index.default.each(formData, field => {
       if (field.value) isAllFiledEmpty = false;
@@ -810,23 +800,11 @@ class Widget extends _common.Com {
     if (!name) name = this.props.t('agent');
     var $you = null;
     if (convo.lastSenderType === 'user') {
-      $you = (0, _preact.h)("span", {
-        class: "yourmessage"
-      }, this.props.t('you'), ":");
+      $you = (0, _preact.h)("span", null, this.props.t('you'), ":");
     }
     let seen = _index.default.isConvoSeen(convo, this.props.store.matchUser().id);
-    var lastmsg = this.renderMessagePreview(convo.last_message_sent || {
-      data: {
-        message: _index.default.get(convo, 'last_message')
-      }
-    });
-    var time = _index.default.getMs(_index.default.get(convo, 'last_message_sent.created')) || _index.default.getMs(_index.default.get(convo, 'last_sent.created')) || _index.default.getMs(convo.created);
-    var $tim = (0, _preact.h)(_time.default, {
-      ago: true,
-      time: time,
-      key: time,
-      short: true
-    });
+    var lastmsg = this.renderMessagePreview(convo.last_message_sent);
+    var time = _index.default.getMs(_index.default.get(convo, 'last_message_sent.created')) || _index.default.getMs(convo.created);
     let $unread = seen ? null : (0, _preact.h)("div", {
       class: "convo-list--item-unread"
     });
@@ -846,7 +824,12 @@ class Widget extends _common.Com {
       class: "convo-list--convo-name"
     }, name), (0, _preact.h)("div", {
       class: "convo-list--convo-time"
-    }, $tim)), (0, _preact.h)("div", {
+    }, (0, _preact.h)(_time.default, {
+      ago: true,
+      time: time,
+      key: time,
+      short: true
+    }))), (0, _preact.h)("div", {
       class: "d-flex flex-row"
     }, (0, _preact.h)("div", {
       class: "convo-list--convo-last-message"
@@ -864,7 +847,6 @@ class Widget extends _common.Com {
     let defmsg = this.props.t('sent_you_a_message');
     let message = _index.default.get(ev, 'data.message.text');
     var format = _index.default.get(ev, 'data.message.format');
-
     if (format !== 'plaintext') message = defmsg;
     if (!message && _index.default.size(_index.default.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;
@@ -901,7 +883,6 @@ class Widget extends _common.Com {
     if (enableWhen === 'out_of_bussiness_hour') isonline = acc.is_in_business_hour;
     return !isonline;
   }
-
   updateFormDataFields() {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
@@ -921,7 +902,6 @@ class Widget extends _common.Com {
     var data = {};
     _index.default.each(form.fields, f => {
       var newf = Object.assign({}, f);
-
       if (f.type === 'list') {
         newf.list = f.list;
       }
@@ -940,7 +920,6 @@ class Widget extends _common.Com {
         }))
       };
     }
-
     data['question'] = {
       key: 'question',
       is_required: true,

package/compiled_src/chatbox/main.js

@@ -125,7 +125,6 @@ class Main extends _common.Com {
       widgetView: p.view
     });
     this.props.store.setIsOpen(true);
-
     this.forceUpdate();
     this.setState({
       isShowWidget: true

package/compiled_src/chatbox/releaseAnimation.js

@@ -29,7 +29,6 @@ class _default {
       run(t0);
     });
   }
-
   calcY(v, y0, t) {
     var towardY;
     if (y0 > this.maxY) towardY = this.maxY;else if (y0 < this.minY) towardY = this.minY;else if (Math.abs(v) < this.breakingV) {

package/compiled_src/contact/contact.js

@@ -9,12 +9,12 @@ var _index = _interopRequireDefault(require("../util/index.js"));
 var _preact = require("preact");
 var _common = require("../common.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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 let CSS = (() => Promise.resolve().then(() => _interopRequireWildcard(require('./css.js'))))();
-
 class Contact extends _common.Com {
   constructor(props) {
     super(props);
@@ -197,7 +197,6 @@ class Contact extends _common.Com {
     }));
     return (0, _preact.h)("div", null, icon);
   }
-
   renderButtons(buttons) {
     if (_index.default.size(buttons) === 0) return null;
     return _index.default.map(buttons, button => {
@@ -323,7 +322,6 @@ async function runCampaign(byTrigger) {
   ran = true;
   pageIndex = 0;
   let page = _index.default.get(camp, `pages.${pageIndex}`) || {};
-
   showPage(page);
   triggerType = byTrigger;
   let {
@@ -336,7 +334,6 @@ function eq(a, b) {
 }
 function replaceCssVariable(css, setting) {
   var tokens = [css];
-
   tokens = _index.default.tokenize(tokens, "'@font_family'");
   tokens = _index.default.tokenize(tokens, "'@font_size'");
   tokens = _index.default.tokenize(tokens, "'@text_color'");
@@ -353,7 +350,6 @@ function replaceCssVariable(css, setting) {
       ret.push(item);
       continue;
     }
-
     var path = item.type.substr(2, item.type.length - 3);
     var val = _index.default.get(setting, path) || _index.default.get(DEFVAL, path) || '';
     ret.push(val);