@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/chatbox/Event.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _ImageAttachments = _interopRequireDefault(require("./ImageAttachments.js"));
-
 var _AudioAttachments = _interopRequireDefault(require("./AudioAttachments.js"));
-
 var _FileAttachments = _interopRequireDefault(require("./FileAttachments.js"));
-
 var _ButtonAttachments = _interopRequireDefault(require("./ButtonAttachments.js"));
-
 var _QuickReplies = _interopRequireDefault(require("./QuickReplies.js"));
-
 var _FormAttachments = _interopRequireDefault(require("./FormAttachments.js"));
-
 var _FormSubmitAttachments = _interopRequireDefault(require("./FormSubmitAttachments.js"));
-
 var _GenericTemplateAttachments = _interopRequireDefault(require("./GenericTemplateAttachments.js"));
-
 var _ProductAttachments = _interopRequireDefault(require("./ProductAttachments.js"));
-
 var _OrderAttachments = _interopRequireDefault(require("./OrderAttachments.js"));
-
 var _VideoAttachments = _interopRequireDefault(require("./VideoAttachments.js"));
-
 var _TextMessage = _interopRequireDefault(require("./TextMessage.js"));
-
 var _InfoMessage = _interopRequireDefault(require("./InfoMessage.js"));
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 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 {
@@ -46,17 +28,13 @@ class Event extends _common.Com {
     super(props);
     this.refForm = (0, _preact.createRef)();
   }
-
   render() {
     var ev = _index.default.get(this.props.event, 'ev', {});
-
     switch (ev.type) {
       case 'conversation_joined':
         break;
-
       case 'message_sent':
         return this.renderMessageSent();
-
       case 'conversation_state_updated':
       case 'conversation_rating_requested':
       case 'conversation_rated':
@@ -67,22 +45,17 @@ class Event extends _common.Com {
           ev: this.props.event
         });
     }
-
     return null;
   }
-
   focus() {
     this.refForm.current && this.refForm.current.focus();
   }
-
   chooseQuickReply(reply) {
     let ev = _index.default.get(this.props.event, 'ev', {});
-
     let message = {
       text: reply.title,
       format: 'plaintext'
     };
-
     if (reply.payload) {
       message.attachments = [{
         type: 'postback',
@@ -92,18 +65,14 @@ class Event extends _common.Com {
         }
       }];
     }
-
     this.props.onSend(message);
   }
-
   choosePostbackBtn(button) {
     let ev = _index.default.get(this.props.event, 'ev', {});
-
     let message = {
       text: button.title,
       format: 'plaintext'
     };
-
     if (button.payload) {
       message.attachments = [{
         type: 'postback',
@@ -113,21 +82,15 @@ class Event extends _common.Com {
         }
       }];
     }
-
     this.props.onSend(message);
   }
-
   renderAgentAvatar(ev) {
     let bytype = _index.default.get(ev, 'by.type');
-
     let byid = _index.default.get(ev, 'by.display_id', _index.default.get(ev, 'by.id'));
-
     if (bytype === 'user') return null;
     var senderName = this.getSenderName(ev);
     let acc = this.props.store.matchAccount();
-
     var uri = acc.logo_url || require('../../assets/img/image_default.png');
-
     if (_index.default.get(this.props, 'chatbox.hide_agent_profile')) {
       return (0, _preact.h)("div", {
         class: "message-sender"
@@ -139,13 +102,10 @@ class Event extends _common.Com {
         class: "message-sender-name"
       }, acc.name));
     }
-
     let agentM = this.props.store.matchAgent('*');
-
     if (byid !== 'system' && bytype !== 'dummy' && bytype !== 'workflow') {
       uri = _index.default.get(agentM[byid], 'avatar_url') || acc.logo_url || require('../../assets/img/default_avatar.png');
     }
-
     return (0, _preact.h)("div", {
       class: "message-sender"
     }, (0, _preact.h)("img", {
@@ -156,11 +116,9 @@ class Event extends _common.Com {
       class: "message-sender-name"
     }, senderName));
   }
-
   renderMessageSent() {
     let ev = this.props.event.ev;
     var $time = null;
-
     if (this.props.event.show_time) {
       $time = (0, _preact.h)("div", {
         class: "convo-event-time"
@@ -168,9 +126,7 @@ class Event extends _common.Com {
         time: ev.created
       }));
     }
-
     let t = new _index.default.Date(ev.created).toLocaleString();
-
     if (_index.default.get(ev, 'by.type') !== 'user') {
       let $sender = null;
       if (this.props.event.mode === 'lead') $sender = this.renderAgentAvatar(ev);
@@ -227,7 +183,6 @@ class Event extends _common.Com {
         onSelect: e => this.chooseQuickReply(e)
       }));
     }
-
     if (_index.default.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
       setTimeout(() => this.setState({
         refresh: this.state.refresh
@@ -237,19 +192,16 @@ class Event extends _common.Com {
     let $dot = (0, _preact.h)("div", {
       class: "sending_dot"
     });
-
     if (this.props.store.now() - ev.created < 900 || _index.default.getMsgField(ev, 'idempotency') !== ev.id) {
       $dot = (0, _preact.h)("div", {
         class: "sending_dot sending_dot__hide"
       });
     }
-
     let $sender = null;
     if (this.props.event.mode === 'lead') $sender = (0, _preact.h)("div", {
       class: "pt-3"
     });
     let $error = null;
-
     if (ev._error && ev.type === 'message_sent') {
       $error = (0, _preact.h)("a", {
         class: "message_error",
@@ -261,7 +213,6 @@ class Event extends _common.Com {
         class: "message_error__icon"
       }));
     }
-
     return (0, _preact.h)("div", {
       class: "convo-event user-message",
       title: t
@@ -302,10 +253,8 @@ class Event extends _common.Com {
       ev: ev
     })), $error);
   }
-
   renderUpdateConvo(ev) {
     var state = _index.default.get(ev, 'data.conversation.state');
-
     if (state === 'active') return null;
     if (state === 'pending') return null;
     return (0, _preact.h)("div", {
@@ -314,29 +263,21 @@ class Event extends _common.Com {
       state
     }));
   }
-
   resendMessage() {
     let cid = _index.default.convoOfEv(this.props.event.ev);
-
     const message = _index.default.get(this.props.event, 'ev.data.message');
-
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
   }
-
   getSenderName(ev) {
     let bytype = _index.default.get(ev, 'by.type');
-
     let byid = _index.default.get(ev, 'by.display_id', _index.default.get(ev, 'by.id'));
-
     if (bytype === 'user') return _index.default.getUserDisplayName(this.props.store.matchUser());
     let acc = this.props.store.matchAccount();
     if (bytype === 'agent') return _index.default.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
     if (byid === 'system' || bytype === 'dummy' || bytype === 'workflow') return acc.name || 'system';
     return '';
   }
-
 }
-
 exports.default = Event;

package/compiled_src/chatbox/Events.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Event = _interopRequireDefault(require("./Event.js"));
-
 var _PoweredBy = _interopRequireDefault(require("./PoweredBy.js"));
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _spinner = _interopRequireDefault(require("./spinner.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const convoemptyimg = require('../../assets/img/convos_empty.svg');
-
 class Events extends _common.Com {
   constructor(props) {
     super(props);
@@ -35,16 +26,12 @@ class Events extends _common.Com {
     }, 500);
     this.checkAndSeen();
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.cid !== this.props.cid) this.loadConvo();
   }
-
   render() {
     if (this.state.error) return this.renderError();
-
     let events = _index.default.map(this.props.store.listEvents(this.props.cid));
-
     if (!this.state.loading && _index.default.size(events) === 0) {
       return (0, _preact.h)("div", {
         ref: ref => this.refBody = ref,
@@ -59,14 +46,12 @@ class Events extends _common.Com {
         store: this.props.store
       }));
     }
-
     events = _index.default.orderBy(events, 'created', 'asc');
     let convo = this.props.store.matchConvo(this.props.cid);
     events = _index.default.map(events, ev => ({
       ev: ev
     }));
     processEvents(convo, events);
-
     let $events = _index.default.map(events, ev => (0, _preact.h)(_Event.default, {
       chatbox: this.props.chatbox,
       onLink: this.props.onLink,
@@ -78,10 +63,8 @@ class Events extends _common.Com {
       t: this.props.t,
       key: ev.ev.id
     }));
-
     let $loading = null;
     let style = 'opacity: 1 !important';
-
     if (this.state.loading || this.props.creating) {
       $loading = (0, _preact.h)(_spinner.default, {
         static: true,
@@ -91,7 +74,6 @@ class Events extends _common.Com {
       });
       style = 'opacity: 0 !important';
     }
-
     return (0, _preact.h)(_preact.Fragment, null, $loading, (0, _preact.h)("div", {
       style: style,
       ref: ref => this.refBody = ref,
@@ -103,7 +85,6 @@ class Events extends _common.Com {
       store: this.props.store
     })));
   }
-
   renderError() {
     let $tryAgainBtn = (0, _preact.h)("a", {
       href: "#",
@@ -124,25 +105,19 @@ class Events extends _common.Com {
       class: "widget_body__events__error_retry"
     }, $tryAgainBtn));
   }
-
   focus() {
     let events = this.props.store.listEvents(this.props.cid);
     events = _index.default.orderBy(_index.default.map(events), 'created', 'desc');
     var last_agent_sent;
-
     for (let ev of events) {
       if (_index.default.get(ev, 'type') !== 'message_sent') continue;
       if (_index.default.get(ev, 'by.type') === 'user') continue;
       last_agent_sent = ev;
       break;
     }
-
     if (_index.default.get(last_agent_sent, 'by.type') === 'user') last_agent_sent = null;
-
     let attachments = _index.default.get(last_agent_sent, 'data.message.attachments', []);
-
     let convo = this.props.store.matchConvo(this.props.cid);
-
     let pendingForms = _index.default.filter(attachments, att => {
       if (!att) return false;
       if (att.type !== 'form' && att.type !== 'ask_info_form') return false;
@@ -154,6 +129,7 @@ class Events extends _common.Com {
       if (convo.state === 'ended') return false;
       return true;
     });
+
   }
 
   onEvent(newev) {
@@ -163,7 +139,6 @@ class Events extends _common.Com {
     if (_index.default.get(newev, 'type') === 'message_sent' && newev.id === _index.default.getMsgField(newev, 'idempotency')) byme = true;
     if (byme || isBottom) this.scrollToBottom();
   }
-
   async loadConvo() {
     if (!this.props.cid) return;
     this.lastContentOffsetY = 0;
@@ -171,7 +146,6 @@ class Events extends _common.Com {
       loading: true
     });
     let events = this.props.store.listEvents(this.props.cid);
-
     if (_index.default.size(events) === 0) {
       let cid = this.props.cid;
       let {
@@ -181,7 +155,6 @@ class Events extends _common.Com {
         loading: false
       });
       if (cid !== this.props.cid) return;
-
       if (error) {
         this.setState({
           error: true
@@ -189,7 +162,6 @@ class Events extends _common.Com {
         return;
       }
     }
-
     this.setState({
       loading: true
     });
@@ -202,13 +174,11 @@ class Events extends _common.Com {
       loading: false
     }), 50);
   }
-
   isBottom() {
     let $container = this.refBody;
     if (!$container) return false;
     return $container.scrollHeight < $container.scrollTop + $container.offsetHeight + 50;
   }
-
   scrollToBottom() {
     setTimeout(() => {
       const $div = this.refBody;
@@ -218,18 +188,15 @@ class Events extends _common.Com {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     }, 200);
-
     if (this.props.isShow) {
       if (this.props.store.browserVisibility === 'visible' && document.hasFocus()) {
         this.props.store.seenConvo(this.props.cid);
       }
     }
   }
-
 }
 
 exports.default = Events;
-
 function processEvents(convo, events) {
   events = events.filter(event => visibleEvent(event.ev));
   if (events.length < 1) return;
@@ -237,17 +204,14 @@ function processEvents(convo, events) {
   for (var i = 1; i < events.length; i++) {
     let curEvent = events[i];
     let lastEvent = events[i - 1];
-
     if (visibleEvent(curEvent.ev)) {
       let elapsedSec = _index.default.unixSec(curEvent.ev.created) - _index.default.unixSec(lastEvent.ev.created);
-
       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') {
       curEvent.show_time = true;
       break;
@@ -257,25 +221,21 @@ function processEvents(convo, events) {
   for (var i = 0; i < events.length; i++) {
     let curEvent = events[i];
     let prevEvent = events[i - 1];
-
     if (curEvent.ev.type === 'message_sent') {
       curEvent.mode = 'lead';
-
       if (_index.default.get(prevEvent, 'ev.type') === 'message_sent' && _index.default.get(prevEvent, 'ev.by.id') === _index.default.get(curEvent, 'ev.by.id')) {
         curEvent.mode = 'follow';
       }
-
       continue;
     }
   }
 }
-
 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') || [];
   return _index.default.find(fields, field => !!field.answered);

package/compiled_src/chatbox/FileAttachments.js

@@ -4,34 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class FileAttachments extends _common.Com {
   render() {
     var byType = _index.default.get(this.props.ev, 'by.type', 'agent');
-
     var attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
-
     var files = [];
-
     _index.default.each(attachments, att => {
       if (!att) return;
       if (!att.url && !att._file) return;
-
       if (!_index.default.includes(att.mimetype, 'video') && !_index.default.includes(att.mimetype, 'audio') && !_index.default.includes(att.mimetype, 'image') && att.type !== 'button' && att.type !== 'quick_replies' && att.type !== 'form' && att.type !== 'form_submit') {
         files.push(att);
       }
     });
-
     if (files.length === 0) return null;
-
     var $files = _index.default.map(files, (file, index) => {
       return (0, _preact.h)("div", {
         key: index,
@@ -46,12 +35,9 @@ class FileAttachments extends _common.Com {
         class: "file-attachment--filename"
       }, file.name)));
     });
-
     return (0, _preact.h)("div", {
       class: `message-${byType}`
     }, $files);
   }
-
 }
-
 exports.default = FileAttachments;