@subiz/widget-v4 4.0.91 → 4.0.93

package/compiled_src/chatbox/FormAttachment.js

@@ -4,31 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _ListField = _interopRequireDefault(require("./ListField.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class FormAttachment extends _common.Com {
   constructor(props) {
     super(props);
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     let user = this.props.store.matchUser();
     let fields = _index.default.get(this.props.form, 'fields') || [];
-
     let formData = _index.default.map(fields, field => {
       let is_required = field.is_required || false;
       var state = _index.default.parseJSON(field.state) || {};
       if (!is_required) is_required = state.require || false;
-
       var userattr = _index.default.getUserAttr(user, field.name, state.type || 'text');
-
       return {
         name: field.name,
         items: field.items,
@@ -38,25 +29,20 @@ class FormAttachment extends _common.Com {
         type: field.input_type
       };
     });
-
     this.setState({
       formData
     });
   }
-
   isSummited() {
     let found = _index.default.find(this.state.formData, field => !!field.answered);
-
     if (found) return true;
     let convo = this.props.store.matchConvo(_index.default.convoOfEv(this.props.ev));
     return convo.state === 'ended';
   }
-
   render() {
     if (_index.default.size(this.state.formData) === 0) return null;
     let $fields = this.renderFields();
     let $submitbutton = null;
-
     if (!this.isSummited()) {
       $submitbutton = (0, _preact.h)("div", {
         class: "mt-2"
@@ -66,18 +52,16 @@ class FormAttachment extends _common.Com {
         class: "form-attachment--submit-btn"
       }, this.props.t('btn_submit_form_attachment')));
     }
-
     return (0, _preact.h)("div", {
       class: "form-attachment",
       onClick: e => e.stopPropagation()
     }, this.props.t(this.props.form.title) || this.props.t('capture_lead_title'), $fields, $submitbutton);
   }
-
   focus() {
     if (this.props.store.isPreview) return;
     if (_index.default.size(this.state.formData) === 0) return;
-    let $field;
 
+    let $field;
     if (this.isFormFilled()) {
       var keys = Object.keys(this.state.formData);
       var lastkey = keys[_index.default.size(keys) - 1];
@@ -88,30 +72,23 @@ class FormAttachment extends _common.Com {
       if (!firstunfilledfield) return;
       $field = this['field.' + encode(firstunfilledfield.name)];
     }
-
     if ($field) $field.focus();
   }
-
   firstUnfilledField() {
     return _index.default.find(this.state.formData, field => field.value == null || field.value === '');
   }
-
   isFormFilled() {
     return !_index.default.find(this.state.formData, field => field.value == null || field.value === '');
   }
-
   onInputChange(index, val) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     formData[index].value = val;
     this.setState({
       formData
     });
   }
-
   onListAddItem(index, val) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     let field = formData[index];
     field.value = field.value || [];
     field.value.push(val);
@@ -119,10 +96,8 @@ class FormAttachment extends _common.Com {
       formData
     });
   }
-
   onListRemoveItem(index, vindex) {
     let formData = _index.default.cloneDeep(this.state.formData);
-
     let field = formData[index];
     field.value = field.value || [];
     field.value.splice(vindex, 1);
@@ -130,14 +105,12 @@ class FormAttachment extends _common.Com {
       formData
     });
   }
-
   renderFields() {
     if (_index.default.size(this.state.formData) === 0) return null;
     let $fields = null;
     $fields = _index.default.map(this.state.formData, (field, index) => {
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
-
       if (field.type === 'text') {
         if (this.isSummited()) {
           $field = (0, _preact.h)("div", {
@@ -211,9 +184,7 @@ class FormAttachment extends _common.Com {
         }, (0, _preact.h)("div", null)));
       } else if (field.type === 'list') {
         let selected = field.value || [];
-
         let items = _index.default.filter(_index.default.get(field, 'items', []), item => !selected.includes(item));
-
         $field = (0, _preact.h)(_ListField.default, {
           selected: selected,
           items: items,
@@ -231,9 +202,7 @@ class FormAttachment extends _common.Com {
           type: "date"
         });
       }
-
       let label = field.label;
-
       if (field.name === 'fullname') {
         label = this.props.t('fullname');
       } else if (field.name === 'emails') {
@@ -241,7 +210,6 @@ class FormAttachment extends _common.Com {
       } else if (field.name === 'phones') {
         label = this.props.t('phones');
       }
-
       return (0, _preact.h)("div", null, (0, _preact.h)("p", {
         class: "label mt-3"
       }, label, field.is_required ? (0, _preact.h)("span", {
@@ -252,10 +220,8 @@ class FormAttachment extends _common.Com {
     });
     return (0, _preact.h)("div", null, $fields);
   }
-
   async submit() {
     var hasError = false;
-
     _index.default.map(this.state.formData, field => {
       if (field.is_required && (field.value === undefined || field.value === '' || _index.default.size(field.value) === 0 && Array.isArray(field.value))) {
         field.error = this.props.t('error_empty');
@@ -263,7 +229,6 @@ class FormAttachment extends _common.Com {
       } else {
         field.error = '';
       }
-
       if (field.name === 'emails' && field.value) {
         if (!_index.default.isEmail(field.value)) {
           field.error = this.props.t('error_email_invalid');
@@ -271,49 +236,38 @@ class FormAttachment extends _common.Com {
         }
       }
     });
-
     this.forceUpdate();
     if (hasError) return;
     let user = {};
-
     let formData = _index.default.cloneDeep(this.state.formData);
-
     _index.default.map(formData, field => {
       var attr = {
         key: field.name
       };
       field.answered = new _index.default.Date().getTime();
-
       if (field.type === 'number') {
         attr.number = parseInt(field.value);
         field.answer = _index.default.stringify(attr.number);
       }
-
       if (field.type === 'datetime') {
         attr.datetime = new _index.default.Date(field.value).toISOString();
         field.answer = _index.default.stringify(attr.datetime);
       }
-
       if (field.type === 'list') {
         attr.list = field.value;
         field.answer = _index.default.stringify(attr.list);
       }
-
       if (field.type === 'text' || field.type === 'boolean') {
         attr[field.type] = field.value;
         field.answer = _index.default.stringify(field.value);
       }
-
       _index.default.setUserAttr(user, attr);
     });
-
     _index.default.map(formData, field => {
       let ffield = _index.default.find(this.props.form.fields, ffield => ffield.name === field.name);
-
       if (!ffield) return;
       ffield.answered = field.answered;
     });
-
     this.setState({
       formData
     });
@@ -328,19 +282,14 @@ class FormAttachment extends _common.Com {
         }
       }]
     };
-
     let cid = _index.default.convoOfEv(this.props.ev);
-
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
     this.props.onSubmit && this.props.onSubmit();
   }
-
 }
-
 exports.default = FormAttachment;
-
 function encode(key) {
   return btoa(key).split('=').join('');
 }

package/compiled_src/chatbox/FormAttachments.js

@@ -4,36 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _FormAttachment = _interopRequireDefault(require("./FormAttachment.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class FormAttachments extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     if (byType === 'user') return;
     let forms = [];
     let attachments = _index.default.get(this.props.ev, 'data.message.attachments') || [];
-
     _index.default.each(attachments, att => {
       if (!att) return;
       if (att.type !== 'form' && att.type !== 'ask_info_form') return;
       att.form._type = att.type;
       forms.push(att.form);
     });
-
     let $forms = _index.default.map(forms, (form, formIndex) => {
       return (0, _preact.h)(_FormAttachment.default, {
         store: this.props.store,
@@ -47,18 +37,14 @@ class FormAttachments extends _common.Com {
         t: this.props.t
       });
     });
-
     if ($forms.length === 0) return null;
     return (0, _preact.h)("div", {
       class: "message-agent"
     }, $forms);
   }
-
   focus() {
     var $form = this['form.0'];
     if ($form) $form.focus();
   }
-
 }
-
 exports.default = FormAttachments;

package/compiled_src/chatbox/FormSubmitAttachments.js

@@ -4,39 +4,28 @@ 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 FormSubmitAttachments extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     return null;
     let submits = [];
     let attachments = _index.default.get(this.props.ev, 'data.message.attachments') || [];
-
     _index.default.each(attachments, att => {
       if (!att) return;
       if (att.type !== 'form_submit') return;
       if (!att.form_submit) return;
       submits.push(att.form_submit);
     });
-
     let $submits = _index.default.map(submits, (submit, index) => (0, _preact.h)("div", {
       class: "info-message"
     }, (0, _preact.h)("span", null, this.props.tt('prechat_form_thanks'))));
-
     return (0, _preact.h)("div", null, $submits);
   }
-
 }
-
 exports.default = FormSubmitAttachments;

package/compiled_src/chatbox/GenericTemplateAttachments.js

@@ -4,32 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Buttons = _interopRequireDefault(require("./Buttons.js"));
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _touchscroll = _interopRequireDefault(require("./touchscroll"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class GenericTemplateAttachments extends _common.Com {
   constructor(props) {
     super(props);
     this.state = {
       focusing: 0
     };
+
     this.galleryRef = (0, _preact.createRef)();
   }
-
   componentDidMount() {
     this.bindDrag();
   }
-
   focus(eleindex) {
     this.setState({
       focusing: eleindex
@@ -42,15 +34,11 @@ class GenericTemplateAttachments extends _common.Com {
 
   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;
-
     var $generics = _index.default.map(generics, (gen, index) => {
       var $eles = _index.default.map(gen.elements, ele => {
         let title = this.props.t.i18n(ele.i18n_title) || ele.title;
@@ -75,9 +63,7 @@ class GenericTemplateAttachments extends _common.Com {
           t: this.props.t
         }));
       });
-
       let elements = _index.default.get(attachments, '0.elements', []);
-
       let leftNavigatorCls = 'generic-attachment-navigator generic-attachment-navigator--left';
       let rightNavigatorCls = 'generic-attachment-navigator generic-attachment-navigator--right';
       if (this.state.focusing === 0) leftNavigatorCls += ' generic-attachment-navigator--disabled';
@@ -99,17 +85,12 @@ class GenericTemplateAttachments extends _common.Com {
         class: "generic-attachment-navigator-icon"
       }, "\u203A"))));
     });
-
     return $generics;
   }
-
   bindDrag() {
     if (!this.props.store.isMobile()) return;
     let eles = document.getElementsByClassName('generic-attachment');
-
     _index.default.map(eles, ele => (0, _touchscroll.default)(ele, () => {}));
   }
-
 }
-
 exports.default = GenericTemplateAttachments;

package/compiled_src/chatbox/Header.js

@@ -4,34 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _AgentsAvatar = _interopRequireDefault(require("./AgentsAvatar.js"));
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 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 }; }
-
 class Header extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     let headerMode = 'collapsed';
     let cls = 'widget-header';
     let renderSocial = false;
     let renderTeam = false;
     let renderCollapsed = this.props.view !== 'list' && headerMode === 'collapsed';
-    let accSetting = this.props.plugin.chatbox || {};
 
+    let accSetting = this.props.plugin.chatbox || {};
     let layout = _index.default.get(accSetting, 'header.layout');
-
     if (renderCollapsed) {
       cls += ' widget-header--collapsed';
     } else {
@@ -39,23 +30,17 @@ class Header extends _common.Com {
       renderSocial = layout === 'social';
       renderTeam = !renderSocial;
     }
-
     return (0, _preact.h)("div", {
       class: cls
     }, this.renderCollapsedHeader(renderCollapsed), this.renderSocial(renderSocial), this.renderTeam(renderTeam));
   }
-
   renderCollapsedHeader(show) {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount();
     let state = acc.is_online ? this.props.t('agent_online') : this.props.t('agent_offline');
-
     let tagline = _index.default.get(accSetting, `tagline`, {});
-
     let desc = this.props.t.i18n(tagline) || accSetting.introduction || state;
-
     let agentIdsJoined = _index.default.map(this.getAgentJoined(this.props.cid), agent => agent.id);
-
     let cls = 'widget-header--inner widget-header--inner--collapsed';
     if (!show) cls += ' widget-header--inner--hidden';
     return (0, _preact.h)("div", {
@@ -74,15 +59,12 @@ class Header extends _common.Com {
       title: desc
     }, desc)), this.renderCloseButton());
   }
-
   renderSocial(show) {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount();
     let links = _index.default.get(accSetting, 'header.links') || [];
-
     let $links = _index.default.map(links, link => {
       if (!link.url || !link.type || link.type === 'subiz') return null;
-
       if (link.type === 'email') {
         return (0, _preact.h)("div", null, (0, _preact.h)("a", {
           href: `mailto:${link.url}`,
@@ -91,7 +73,6 @@ class Header extends _common.Com {
           class: `social__links-logo social__links-logo--${link.type}`
         })));
       }
-
       return (0, _preact.h)("div", null, (0, _preact.h)("a", {
         href: link.url,
         target: "_blank",
@@ -101,21 +82,16 @@ class Header extends _common.Com {
         class: `social__links-logo social__links-logo--${link.type}`
       })));
     });
-
     const DEFTEAMINTO = `Chúng tôi sẵn sàng trợ giúp :wave:.
 Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn`;
-
     let tagline = _index.default.get(accSetting, `tagline`, {});
-
     var teamintro = this.props.t.i18n(tagline) || accSetting.introduction || this.props.t('team_intro') || DEFTEAMINTO;
-
     var tags = _index.default.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0, _preact.h)(_Emoji.default, {
         emojiCode: tag.text
       });
       return tag.text;
     });
-
     let cls = 'widget-header--inner widget-header--inner--expanded';
     if (!show) cls += ' widget-header--inner--hidden';
     return (0, _preact.h)("div", {
@@ -138,23 +114,18 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
       class: "social__links"
     }, $links)))));
   }
-
   renderTeam(show) {
     let accSetting = this.props.plugin.chatbox || {};
     const DEFTEAMINTO = `Chúng tôi sẵn sàng trợ giúp :wave:.
 Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn`;
-
     let tagline = _index.default.get(accSetting, `tagline`, {});
-
     var teamintro = this.props.t.i18n(tagline) || accSetting.introduction || this.props.t('team_intro') || DEFTEAMINTO;
-
     var tags = _index.default.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0, _preact.h)(_Emoji.default, {
         emojiCode: tag.text
       });
       return tag.text;
     });
-
     let cls = 'widget-header--inner widget-header--inner--expanded';
     if (!show) cls += ' widget-header--inner--hidden';
     return (0, _preact.h)("div", {
@@ -179,36 +150,29 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
       class: "widget-header--description"
     }, tags)))));
   }
-
   getTitle() {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount();
     let agentsJoined = this.getAgentJoined(this.props.cid);
-
     let caption = _index.default.get(this.props.plugin, 'chatbox.caption', {});
-
     let title = this.props.t.i18n(caption) || accSetting.title;
     return getJoinedNameMember(agentsJoined) || title || acc.name || this.props.t('widget_title');
   }
-
   renderBackButton() {
     let allconvos = this.props.store.matchConvo('*');
     if (_index.default.size(allconvos) === 0) return null;
     var $unreadcount = null;
     let user = this.props.store.matchUser();
     let unreadcount = 0;
-
     _index.default.map(allconvos, convo => {
       if (convo.id == this.props.cid) return;
       if (!_index.default.isConvoSeen(convo, user.id)) unreadcount++;
     });
-
     if (unreadcount !== 0) {
       $unreadcount = (0, _preact.h)("span", {
         class: "widget-header--total-unread-convo"
       }, unreadcount);
     }
-
     return (0, _preact.h)("div", {
       class: `widget-header--wrap-button-back ${unreadcount ? 'widget-header--has-convo-unred' : ''}`,
       onClick: e => this.onBackClick(e)
@@ -217,7 +181,6 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
       "data-tooltip": this.props.t('menu_back')
     }), $unreadcount);
   }
-
   renderCloseButton() {
     let accSetting = this.props.plugin.chatbox || {};
     if (accSetting.hide_close_button) return null;
@@ -230,29 +193,21 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
       class: "widget-header--button-close-icon"
     }));
   }
-
   onBackClick(e) {
     e.stopPropagation();
     e.preventDefault();
     this.props.onGotoList && this.props.onGotoList();
   }
-
   onCloseClick(e) {
     e.stopPropagation();
     e.preventDefault();
     this.props.onClose && this.props.onClose();
   }
-
   getAgentJoined(cid) {
     var convo = this.props.store.matchConvo(cid) || {};
-
     let joined = _index.default.filter(convo.members, mem => mem.type === 'agent' && mem.membership === 'active');
-
     return joined;
   }
-
 }
-
 exports.default = Header;
-
 let getJoinedNameMember = agents => _index.default.map(agents, agent => agent.name).join(', ');

package/compiled_src/chatbox/ImageAttachments.js

@@ -4,42 +4,29 @@ 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 ImageAttachment extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     var attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
-
     var images = [];
-
     let byType = _index.default.get(this.props.ev, 'by.type');
-
     _index.default.each(attachments, (att, i) => {
       if (!att) return;
       if (!_index.default.includes(att.mimetype, 'image')) return;
       if (!att.url) return;
       var uri = att.url;
-
       if (!uri.startsWith('https://') && !uri.startsWith('http://') && !uri.startsWith('content://') && !uri.startsWith('data:')) {
         att.url = this.props.store.FileURL + uri;
       }
-
       images.push(att);
     });
-
     if (images.length === 0) return null;
-
     var $images = _index.default.map(images, (image, index) => (0, _preact.h)("div", {
       class: `image-attachment image-attachment--${byType}`
     }, (0, _preact.h)("a", {
@@ -51,7 +38,6 @@ class ImageAttachment extends _common.Com {
       src: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
       onload: e => this.props.onLoad && this.props.onLoad()
     }))));
-
     if (byType === 'agent') {
       return (0, _preact.h)("div", {
         class: "message-agent"
@@ -62,7 +48,5 @@ class ImageAttachment extends _common.Com {
       }, $images);
     }
   }
-
 }
-
 exports.default = ImageAttachment;