@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/chatbox/ChatButton.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _Emoji = _interopRequireDefault(require("./Emoji.js"));
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var defaultBubble = require('../../assets/img/bubble_default.svg');
-
 let defaultAvatar = require('../../assets/img/default_avatar.png');
-
 class ChatButton extends _common.Com {
   constructor(props) {
     super(props);
@@ -31,20 +23,15 @@ class ChatButton extends _common.Com {
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => {
       if (_index.default.get(ev, 'type') !== 'message_sent') return;
-
       let bytype = _index.default.get(ev, 'by.type');
-
       if (bytype !== 'system' && bytype !== 'agent') return;
       let isquickreplies = false;
-
       _index.default.map(_index.default.get(ev, 'data.message.attachments', []), att => {
         if (!att) return;
-
         if (att.type === 'quick_replies') {
           isquickreplies = true;
         }
       });
-
       if (isquickreplies) return;
       this.setState({
         displayPreview: true,
@@ -52,52 +39,38 @@ class ChatButton extends _common.Com {
       });
     });
   }
-
   fixMissingSetting(chatbox) {
     chatbox = _index.default.cloneDeep(chatbox);
-
     if (_index.default.get(chatbox, 'desktop_button.background_image_url')) {
       chatbox.desktop_button.background_image_url = this.props.store.replaceFileUrl(chatbox.desktop_button.background_image_url);
     }
-
     if (_index.default.get(chatbox, 'desktop_button.background_mask_url')) {
       chatbox.desktop_button.background_mask_url = this.props.store.replaceFileUrl(chatbox.desktop_button.background_mask_url);
     }
-
     if (_index.default.get(chatbox, 'mobile_button.background_image_url')) {
       chatbox.mobile_button.background_image_url = this.props.store.replaceFileUrl(chatbox.mobile_button.background_image_url);
     }
-
     if (_index.default.get(chatbox, 'mobile_button.background_mask_url')) {
       chatbox.mobile_button.background_mask_url = this.props.store.replaceFileUrl(chatbox.mobile_button.background_mask_url);
     }
-
     return chatbox;
   }
-
   render() {
     let accountSetting = this.props.plugin.chatbox;
     let position = _index.default.get(accountSetting, 'desktop_button.position') || 'right';
-
     if (this.props.store.isMobile()) {
       position = _index.default.get(accountSetting, 'mobile_button.position') || position;
-
       let hiddenButtonMobile = _index.default.get(accountSetting, 'mobile_button.hidden');
-
       if (hiddenButtonMobile) return null;
     }
-
     let hiddenButtonDesktop = _index.default.get(accountSetting, 'desktop_button.hidden');
-
     if (hiddenButtonDesktop) return null;
     let cls = 'widget-layout widget-layout--' + position;
     let opacity = this.state.opacity;
-
     if (!this.props.isShow) {
       cls += ' widget-layout--hidden';
       opacity = 0;
     }
-
     return (0, _preact.h)("div", {
       class: cls,
       style: 'opacity: ' + opacity + ' !important'
@@ -112,7 +85,6 @@ class ChatButton extends _common.Com {
 
   ShowGreeting() {
     let greeting = _index.default.get(this.props.plugin, 'chatbox.greeting', {});
-
     let agentM = this.props.store.matchAgent('*');
     let byid = greeting.agent_id;
     if (!byid) byid = randomAgent(agentM).id;
@@ -133,34 +105,26 @@ class ChatButton extends _common.Com {
       displayPreview: true
     });
   }
-
   HideGreeting() {
     this.setState({
       previewEvent: {}
     });
   }
-
   loadGreeting() {
     let accountSetting = this.props.plugin.chatbox;
     if (new _index.default.Date().getTime() - this.props.store.matchClosePreviewAt() < Ms30Mins) return;
-
     let greeting = _index.default.get(accountSetting, 'greeting', {});
-
     let text = this.props.t.i18n(_index.default.get(greeting, 'greeting', {})) || greeting.message;
-
     if (!text || !greeting.enabled) {
       this.setState({
         previewEvent: {}
       });
       return;
     }
-
     this.ShowGreeting();
   }
-
   onClick() {
     let lastview = this.props.store.matchLastview();
-
     if (_index.default.get(lastview, 'view')) {
       if (lastview.view !== 'list' || _index.default.size(this.props.store.matchConvo('*')) > 0) {
         return this.props.onClick && this.props.onClick(Object.assign({}, lastview.opts, {
@@ -171,26 +135,20 @@ class ChatButton extends _common.Com {
 
     return this.onPreviewClick();
   }
-
   onPreviewClick(e) {
     let cid = _index.default.convoOfEv(this.state.previewEvent);
-
     if (!cid) {
       let convos = _index.default.map(this.props.store.matchConvo('*'));
-
       let convo = _index.default.find(convos, convo => !_index.default.isConvoSeen(convo, this.props.store.matchUser().id));
-
       if (!convo) convo = convos[0] || {};
       cid = convo.id;
     }
-
     this.closePreview(e);
     this.props.onClick && this.props.onClick({
       view: 'chat',
       cid
     });
   }
-
   renderUnread() {
     let unreadcount = this.props.store.matchUnread();
     if (unreadcount === 0) return null;
@@ -198,29 +156,23 @@ class ChatButton extends _common.Com {
       class: "chat-button--unread"
     }, unreadcount);
   }
-
   renderPreview() {
     let account = this.props.store.matchAccount();
     let accountSetting = this.props.plugin.chatbox;
-
     let byid = _index.default.get(this.state.previewEvent, 'by.display_id', _index.default.get(this.state.previewEvent, 'by.id'));
-
     let agent = _index.default.cloneDeep(this.props.store.matchAgent(byid)) || {};
     agent.fullname = agent.fullname || _index.default.get(account, 'name') || this.props.t('agent');
     agent.avatar_url = agent.avatar_url || defaultAvatar;
     let position = _index.default.get(accountSetting, 'desktop_button.position') || 'right';
-
     if (this.props.store.isMobile()) {
       position = _index.default.get(accountSetting, 'mobile_button.position') || position;
     }
-
     if (accountSetting && accountSetting.hide_agent_profile) {
       agent = Object.assign({}, account, {
         avatar_url: account.logo_url || require('../../assets/img/image_default.png'),
         fullname: account.name || this.props.t('agent')
       });
     }
-
     let cls = 'widget-preview widget-preview--' + position;
     if (!this.state.displayPreview) cls += ' widget-preview--hidden';
     var tags = this.renderMessagePreview(this.state.previewEvent, this.props.t('sent_you_a_message'));
@@ -252,53 +204,42 @@ class ChatButton extends _common.Com {
       class: "widget-preview--action-text"
     }, this.props.t('chat_now'))));
   }
-
   onProfileReady() {
     if (this._buttonLoaded) this.setState({
       opacity: 1
     });
     this._profileLoaded = true;
   }
-
   onButtonReady() {
     if (this._profileLoaded) this.setState({
       opacity: 1
     });
     this._buttonLoaded = true;
   }
-
   renderButton() {
     let accountSetting = this.props.plugin.chatbox;
     accountSetting = this.fixMissingSetting(accountSetting);
     let imgsrc = _index.default.get(accountSetting, 'desktop_button.background_image_url') || _index.default.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
     let background = _index.default.get(accountSetting, 'background') || DEF_BG;
     let position = _index.default.get(accountSetting, 'desktop_button.position') || 'right';
-
     let imgurl = _index.default.get(accountSetting, 'desktop_button.background_image_url');
-
     let maskurl = _index.default.get(accountSetting, 'desktop_button.background_mask_url');
-
     if (this.props.store.isMobile()) {
       imgsrc = _index.default.get(accountSetting, 'mobile_button.background_image_url') || _index.default.get(accountSetting, 'mobile_button.background_mask_url') || imgsrc;
       position = _index.default.get(accountSetting, 'mobile_button.position') || position;
-
       let mobileimgurl = _index.default.get(accountSetting, 'mobile_button.background_image_url');
-
       let mobilemaskurl = _index.default.get(accountSetting, 'mobile_button.background_mask_url');
-
       if (mobileimgurl || mobilemaskurl) {
         imgurl = mobileimgurl;
         maskurl = mobilemaskurl;
       }
     }
-
     let whitebgcls = 'chat-button--white-bg';
     if (!imgurl && maskurl) whitebgcls += ' chat-button--white-bg--mask-only';
     let imgcontainerstyle = '';
     imgurl = this.props.store.replaceFileUrl(imgurl);
     imgsrc = this.props.store.replaceFileUrl(imgsrc);
     maskurl = this.props.store.replaceFileUrl(maskurl);
-
     if (!imgurl && !maskurl) {
       whitebgcls += ' chat-button--white-bg--mask-only';
       imgcontainerstyle = `
@@ -311,7 +252,6 @@ class ChatButton extends _common.Com {
 				background: ${background} !important;
 			`;
     }
-
     if (imgurl && maskurl) {
       imgcontainerstyle = `
 				-webkit-mask-image: url("${encodeURI(maskurl)}") !important;
@@ -322,14 +262,12 @@ class ChatButton extends _common.Com {
 				background-repeat: no-repeat !important;
 			`;
     }
-
     if (imgurl && !maskurl) {
       imgcontainerstyle = `
 				background-image: url("${encodeURI(imgurl)}") !important;
 				background-repeat: no-repeat !important;
 			`;
     }
-
     if (!imgurl && maskurl) {
       imgcontainerstyle = `
 				-webkit-mask-image: url("${encodeURI(maskurl)}") !important;
@@ -341,8 +279,8 @@ class ChatButton extends _common.Com {
 				background: ${background} !important;
 			`;
     }
-
     let cls = 'chat-button chat-button--' + position;
+
     return (0, _preact.h)("div", {
       class: cls,
       onClick: e => this.onClick(e)
@@ -361,33 +299,26 @@ class ChatButton extends _common.Com {
       onError: (e, a) => this.onChatButtonError(e, a)
     })), this.renderUnread());
   }
-
   onProfileError(ev) {
     var $el = ev.target;
     $el.src = defaultAvatar;
     this.onProfileReady();
   }
-
   onChatButtonError(ev) {
     if (this._onChatButtonErrorExecuted) return;
     this._onChatButtonErrorExecuted = true;
     var $el = ev.target;
     $el.src = defaultBubble;
   }
-
   renderMessagePreview(ev, defmsg) {
     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;
-
     let byType = _index.default.get(ev, 'by.type');
-
     var tags = _index.default.extractText(message).map(tag => {
       if (tag.type === 'emoji') return (0, _preact.h)(_Emoji.default, {
         emojiCode: tag.text,
@@ -395,33 +326,25 @@ class ChatButton extends _common.Com {
       });
       return tag.text;
     });
-
     return tags;
   }
-
   closePreview(e) {
     if (e) {
       e.preventDefault();
       e.stopPropagation();
     }
-
     this.setState({
       displayPreview: false
     });
     this.props.store.closePreview();
     this.forceUpdate();
   }
-
 }
-
 exports.default = ChatButton;
-
 function randomAgent(agentM) {
   var agents = _index.default.filter(agentM, ag => ag.type === 'agent');
-
   return agents[Math.floor(Math.random() * _index.default.size(agents))] || {};
 }
-
 const Ms30Mins = 30 * 60 * 1000;
 const DEF_BG_URL = 'https://file-subiz.com/bubble_11.svg';
 const DEF_BG = 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)';

package/compiled_src/chatbox/DropdownSelect.js

@@ -4,46 +4,33 @@ 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");
-
 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; }
-
 class DropdownSelect extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       show: false,
       searchValue: ''
     });
-
     _defineProperty(this, "filterRef", (0, _preact.createRef)());
-
     _defineProperty(this, "overlayRef", (0, _preact.createRef)());
-
     _defineProperty(this, "onTouchMove", e => {
       if (e.target === this.overlayRef.current) {
         e.preventDefault();
         e.stopPropagation();
       }
     });
-
     _defineProperty(this, "hideDropdown", () => {
       this.setState({
         show: false,
         searchValue: ''
       });
     });
-
     _defineProperty(this, "onKeydown", e => {
       if (e.key === 'Escape') {
         if (!this.state.show) return;
@@ -54,36 +41,27 @@ class DropdownSelect extends _common.Com {
         e.stopPropagation();
       }
     });
-
     _defineProperty(this, "hasSearch", () => {
       if (this.props.has_search) return true;
       return _index.default.size(this.props.items) >= 10;
     });
-
     _defineProperty(this, "getFilteredOptions", () => {
       let items = this.props.items;
-
       if (this.state.searchValue && this.hasSearch()) {
         items = _index.default.filter(items, item => {
           let optionName = _index.default.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
-
           let optionDesc = _index.default.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
-
           let searchValue = _index.default.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
-
           return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
         });
       }
-
       return items;
     });
-
     _defineProperty(this, "onChangeSearchValue", e => {
       this.setState({
         searchValue: e.target.value
       });
     });
-
     _defineProperty(this, "toogleDropdown", async () => {
       await this.setState({
         show: true,
@@ -91,28 +69,25 @@ class DropdownSelect extends _common.Com {
       });
       this.focusFilter();
     });
-
     _defineProperty(this, "onSelect", item => {
       this.props.onSelect(item);
       this.hideDropdown();
     });
-
     _defineProperty(this, "onBackgroundScroll", e => {
       console.log('EEEEEEE', e);
       alert('y');
     });
-
-    document.addEventListener('touchmove', function (e) {});
+    document.addEventListener('touchmove', function (e) {
+    }
+    );
   }
 
   componentDidMount() {
     window.addEventListener('keydown', this.onKeydown);
   }
-
   componentWillUnmount() {
     window.removeEventListener('keydown', this.onKeydown);
   }
-
   renderEmpty() {
     return (0, _preact.h)("div", {
       class: "dropdown_select_filter__empty"
@@ -124,7 +99,6 @@ class DropdownSelect extends _common.Com {
       style: "text-align: center !important;"
     }, "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3"));
   }
-
   renderLoading() {
     return (0, _preact.h)("div", {
       class: "dropdown_select_filter__empty pt-3"
@@ -136,7 +110,6 @@ class DropdownSelect extends _common.Com {
       style: "text-align: center !important;"
     }, "\u0110ang t\u1EA3i d\u1EEF li\u1EC7u"));
   }
-
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
@@ -145,33 +118,27 @@ class DropdownSelect extends _common.Com {
       this.filterRef.current.focus();
     }, 100);
   }
-
   renderDropdown() {
     if (!this.state.show) return null;
     let items = this.getFilteredOptions();
-
     let $items = _index.default.map(items, item => {
       return (0, _preact.h)("div", {
         class: "dropdown_select__item",
         onClick: _ => this.onSelect(item)
       }, item.name);
     });
-
     let $filter = null;
-
     if (this.hasSearch()) {
       let $img = (0, _preact.h)("img", {
         class: "dropdown_select_filter__icon",
         src: require('../../assets/img/search.svg')
       });
-
       if (this.props.loading) {
         $img = (0, _preact.h)("img", {
           class: "dropdown_select_filter__icon",
           src: require('../../assets/img/loader.svg')
         });
       }
-
       $filter = (0, _preact.h)("div", {
         class: "dropdown_select_filter"
       }, $img, (0, _preact.h)("input", {
@@ -182,11 +149,9 @@ class DropdownSelect extends _common.Com {
         class: "dropdown_select_filter_input "
       }));
     }
-
     if ($items.length == 0) $items = this.renderEmpty();
     if (this.props.loading) $items = this.renderLoading();
     let style = `width: ${this.props.width || '150px'} !important;`;
-
     if (this.props.full) {
       style = ` top: 20px !important; left: 20px !important; right: 20px !important; width: unset !important; `;
       return (0, _preact.h)("div", {
@@ -205,7 +170,6 @@ class DropdownSelect extends _common.Com {
         class: "dropdown_select__items"
       }, $items)));
     }
-
     return (0, _preact.h)("div", {
       class: "dropdown_select",
       style: style
@@ -213,7 +177,6 @@ class DropdownSelect extends _common.Com {
       class: "dropdown_select__items"
     }, $items));
   }
-
   render() {
     let $name = (0, _preact.h)("div", {
       class: "muted text-truncate",
@@ -224,11 +187,9 @@ class DropdownSelect extends _common.Com {
       style: "flex: 1 !important;"
     }, _index.default.get(this.props, 'selected.name'));
     let style = 'position: relative !important;';
-
     if (this.props.full) {
       style = '';
     }
-
     return (0, _preact.h)("div", {
       style: style
     }, (0, _preact.h)(_common.Clickaway, {
@@ -242,7 +203,5 @@ class DropdownSelect extends _common.Com {
       src: require('../../assets/img/caret.svg')
     })), this.renderDropdown()));
   }
-
 }
-
 exports.default = DropdownSelect;

package/compiled_src/chatbox/Emoji.js

@@ -4,15 +4,10 @@ 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 Emoji extends _common.Com {
   render() {
     var emojiCode = this.props.emojiCode;
@@ -23,7 +18,5 @@ class Emoji extends _common.Com {
       class: `emoji emoji--${emojiText}`
     });
   }
-
 }
-
 exports.default = Emoji;