@subiz/widget-v4 4.0.92 → 4.0.93

package/compiled_src/chatbox/InfoMessage.js

@@ -4,29 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 }; }
-
 function getRateLang(rating) {
   if (!rating) return 'poor';
   if (rating < 2) return 'poor';
   if (rating < 4) return 'average';
   return 'great';
 }
-
 class InfoMessage extends _common.Com {
   render() {
     let ev = this.props.ev.ev;
     var $time = null;
-
     if (this.props.ev.show_time) {
       $time = (0, _preact.h)("div", {
         class: "convo-event-time"
@@ -40,7 +32,6 @@ class InfoMessage extends _common.Com {
         no_rating: true,
         rating: 0
       });
-
       if (rating.no_rating) return null;
       return (0, _preact.h)("div", {
         class: "convo-event"
@@ -48,7 +39,6 @@ class InfoMessage extends _common.Com {
         class: "info-message"
       }, this.props.t('rated_as') + ' ' + this.props.t(getRateLang(rating.rating)).toLowerCase()));
     }
-
     if (ev.type === 'conversation_state_updated' && _index.default.get(ev, 'data.conversation.state') === 'ended') {
       return (0, _preact.h)("div", {
         class: "convo-event"
@@ -56,10 +46,7 @@ class InfoMessage extends _common.Com {
         class: "info-message"
       }, this.props.t('conversation_ended')));
     }
-
     return null;
   }
-
 }
-
 exports.default = InfoMessage;

package/compiled_src/chatbox/ListField.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 ListField extends _common.Com {
   constructor(props) {
     super(props);
@@ -21,21 +16,18 @@ class ListField extends _common.Com {
       isShow: false
     });
   }
-
   render() {
     let fields = _index.default.filter(this.props.items, item => {
       let search = this.state.search.toLowerCase();
       let name = item || '';
       return name.toLowerCase().indexOf(search) > -1;
     });
-
     let $fields = _index.default.map(fields, field => {
       return (0, _preact.h)("li", {
         class: "custom-select--item-options",
         onClick: () => this.add(field)
       }, field);
     });
-
     let $selected = _index.default.map(this.props.selected, (item, i) => {
       return (0, _preact.h)("div", {
         class: "custom-select--selected-item",
@@ -44,7 +36,6 @@ class ListField extends _common.Com {
         class: "icn-delete delete-tag"
       }));
     });
-
     let $dropdown = (0, _preact.h)("div", {
       class: "custom-select--wrap-options"
     }, (0, _preact.h)("input", {
@@ -65,11 +56,9 @@ class ListField extends _common.Com {
     }), (0, _preact.h)("ul", {
       class: "custom-select--items-options"
     }, $fields));
-
     if (!this.state.isShow) {
       $dropdown = null;
     }
-
     return (0, _preact.h)("div", {
       class: "form-control custom-select"
     }, (0, _preact.h)(_common.Clickaway, {
@@ -96,23 +85,18 @@ class ListField extends _common.Com {
       fill: "black"
     })))))));
   }
-
   clickaway() {
     this.setState({
       isShow: false
     });
   }
-
   add(field) {
     this.props.onAddItem && this.props.onAddItem(field);
   }
-
   remove(e, index) {
     e.preventDefault();
     e.stopPropagation();
     this.props.onRemoveItem && this.props.onRemoveItem(index);
   }
-
 }
-
 exports.default = ListField;

package/compiled_src/chatbox/MessageInput.js

@@ -4,33 +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");
-
 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; }
-
 class MessageInput extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "onEnter", _index.default.throttle(function () {
       this.submitMessage();
     }, 50));
-
     this.refFileInput = (0, _preact.createRef)();
     this.refMessageInput = (0, _preact.createRef)();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => {
       var evcid = _index.default.convoOfEv(ev);
-
       if (evcid !== this.props.cid) return;
       this.forceUpdate();
     });
@@ -45,13 +35,11 @@ class MessageInput extends _common.Com {
       input.style.setProperty('height', `${height}px`, 'important');
     }, 5);
   }
-
   blur() {
     const $input = this.refMessageInput.current;
     if (!$input) return;
     $input.blur();
   }
-
   render() {
     var buttons = (0, _preact.h)("div", {
       class: "d-flex flex-row align-self-end"
@@ -60,9 +48,7 @@ class MessageInput extends _common.Com {
       class: "message-input--button message-input--attachment-button",
       onClick: e => this.selectFile(e)
     }));
-
     var msg = _index.default.trim(this.refMessageInput.current && this.refMessageInput.current.value);
-
     if (msg.length > 0) {
       buttons = (0, _preact.h)("div", {
         class: "d-flex flex-row align-self-end"
@@ -72,7 +58,6 @@ class MessageInput extends _common.Com {
         onClick: () => this.submitMessage()
       }));
     }
-
     var containercls = '';
     var disabled = this.hasUnfinishRequiredFormOrLock() || this.props.disabled;
     if (disabled) containercls = 'message-input--disabled';
@@ -100,28 +85,22 @@ class MessageInput extends _common.Com {
       onKeydown: e => this.onKeydown(e)
     }), buttons);
   }
-
   hasUnfinishRequiredFormOrLock() {
     let convo = this.props.store.matchConvo(this.props.cid);
     if (_index.default.get(convo, 'state') === 'ended') return false;
     let events = this.props.store.listEvents(this.props.cid);
     events = _index.default.orderBy(events, 'created', 'desc').filter(ev => ev.type === 'message_sent');
-
     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;
 
+    var last_agent_sent;
     for (let ev of events) {
       if (_index.default.get(ev, 'by.type') === 'user') continue;
       last_agent_sent = ev;
       break;
     }
-
     attachments = _index.default.get(last_agent_sent, 'data.message.attachments', []);
-
     let pendingForms = _index.default.filter(attachments, att => {
       if (!att) return false;
       if (att.type !== 'form' && att.type !== 'ask_info_form') return false;
@@ -132,10 +111,8 @@ class MessageInput extends _common.Com {
       if (isSummited(att.form)) return false;
       return true;
     });
-
     return _index.default.size(pendingForms) > 0;
   }
-
   renderEmojiPopup() {
     if (!this.state.openEmoji) return null;
     return (0, _preact.h)("div", {
@@ -235,7 +212,6 @@ class MessageInput extends _common.Com {
       class: "emoji-picker--item emoji--wink"
     })));
   }
-
   focus() {
     if (this.props.disabled) return;
     this.refMessageInput.current && this.refMessageInput.current.focus();
@@ -246,14 +222,12 @@ class MessageInput extends _common.Com {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     }, 100);
   }
-
   renderEmoji() {
     return (0, _preact.h)("div", null, this.renderEmojiPopup(), (0, _preact.h)("div", {
       class: "message-input--button message-input--emoji-button",
       onClick: e => this.toggleEmoji(e)
     }));
   }
-
   toggleEmoji(e) {
     e.stopPropagation();
     this.focus();
@@ -262,7 +236,6 @@ class MessageInput extends _common.Com {
       openEmoji: !this.state.openEmoji
     });
   }
-
   emojiPick(code) {
     const input = this.refMessageInput.current;
     const position = input.selectionStart;
@@ -274,39 +247,29 @@ class MessageInput extends _common.Com {
     this.resizeInput();
     input.focus();
   }
-
   onKeydown(e) {
     if (e.keyCode === 13 && e.shiftKey === false) {
       this.onEnter();
       return e.preventDefault();
     }
-
     this._forceUpdate();
-
     this.sendTyping();
   }
-
   onChange() {
     this.resizeInput();
   }
-
   selectFile() {
     if (this.props.disabled) return;
     this.refFileInput.current.click();
   }
-
   sendFile() {
     let $input = this.refFileInput.current;
-
     this._sendFile($input.files);
-
     $input.value = '';
   }
-
   _sendFile(files) {
     if (_index.default.size(files) === 0) return;
     if (this.props.disabled) return;
-
     let attachments = _index.default.map(files, file => {
       return {
         type: 'file',
@@ -316,7 +279,6 @@ class MessageInput extends _common.Com {
         size: file.size
       };
     });
-
     this.props.onSend && this.props.onSend({
       attachments
     });
@@ -336,12 +298,10 @@ class MessageInput extends _common.Com {
       format: 'plaintext'
     });
   }
-
   sendTyping() {
     if (!this.props.cid) return;
     return this.props.store.typing(this.props.cid);
   }
-
   pasteImage(event) {
     if (!window.File || !window.FileReader || !window.FileList || !window.Blob) return;
     let now = new _index.default.Date();
@@ -354,24 +314,18 @@ class MessageInput extends _common.Com {
     const name = `Paste-image-${year}-${month}-${date}-${hour}-${min}-${sec}`;
     let blob = null;
     const copiedData = event.clipboardData.items[0];
-
     if (copiedData.type.indexOf('image') === 0) {
       blob = copiedData.getAsFile();
     }
-
     if (!blob) return;
     const parts = [blob, new ArrayBuffer()];
     const file = new File(parts, `${name}.png`, {
       type: 'image/png'
     });
-
     this._sendFile([file]);
   }
-
 }
-
 exports.default = MessageInput;
-
 function isSummited(form) {
   let fields = _index.default.get(form, 'fields') || [];
   return _index.default.find(fields, field => !!field.answered);

package/compiled_src/chatbox/Order.js

@@ -4,45 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 var _releaseAnimation = _interopRequireDefault(require("./releaseAnimation.js"));
-
 var _time = _interopRequireDefault(require("./time.js"));
-
 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; }
-
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
-
 let defaultAvatar = require('../../assets/img/default_avatar.png');
-
 class Order extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       hide: true,
       ratingHeight: 0,
       overlayOpacity: 0.3
     });
-
     _defineProperty(this, "onResponse", response => {
       this.setState({
         response
       });
     });
-
     _defineProperty(this, "confirm", () => {
       this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
         message: {
@@ -60,10 +46,8 @@ class Order extends _common.Com {
         }
       });
     });
-
     _defineProperty(this, "close", async () => {
       await _index.default.sleep(100);
-
       if (this.state.response === 'confirmed') {
         this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
           message: {
@@ -97,7 +81,6 @@ class Order extends _common.Com {
           }
         });
       } else {}
-
       this.setState({
         response: ''
       });
@@ -110,7 +93,6 @@ class Order extends _common.Com {
           ratingHeight: h,
           overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
         });
-
         if (h < POPUP_MIN_HEIGHT + 10) {
           if (!this.state.hide) {
             this.setState({
@@ -121,18 +103,13 @@ class Order extends _common.Com {
       });
       this.props.onClose();
     });
-
     this.refRating = (0, _preact.createRef)();
     this.refHandle = (0, _preact.createRef)();
   }
-
   componentDidMount() {
     this.mouseUp = e => this.onMouseUp(e);
-
     this.mouseMove = e => this.onMouseMove(e);
-
     this.mouseDown = e => this.onMouseDown(e);
-
     var $ratingHandle = this.refHandle.current;
     $ratingHandle.addEventListener('mousedown', this.mouseDown, {
       passive: true
@@ -159,7 +136,6 @@ class Order extends _common.Com {
     });
     this.close();
   }
-
   componentWillUnmount() {
     var $ratingHandle = this.refHandle.current;
     $ratingHandle.removeEventListener('mousedown', this.mouseDown, 0);
@@ -169,7 +145,6 @@ class Order extends _common.Com {
     window.removeEventListener('mousemove', this.mouseMove, 0);
     window.removeEventListener('touchmove', this.mouseMove, 0);
   }
-
   render() {
     if (this._show != this.props.show) {
       this._show = this.props.show;
@@ -177,7 +152,6 @@ class Order extends _common.Com {
         if (!this._show) this.close();else this.open();
       });
     }
-
     let cls = this.state.hide ? 'd-none' : '';
     return (0, _preact.h)("div", {
       class: cls
@@ -208,7 +182,6 @@ class Order extends _common.Com {
       cid: this.props.cid
     }))));
   }
-
   open() {
     if (!this.state.hide) return;
     if (!this.props.order_id) return;
@@ -225,7 +198,6 @@ class Order extends _common.Com {
       });
     });
   }
-
   onMouseDown(e) {
     this.mousePushed = true;
     this.animation.stop();
@@ -233,7 +205,6 @@ class Order extends _common.Com {
     if (e.touches && e.touches[0]) e = e.touches[0];
     this.mousePushedDy = e.pageY - window.pageYOffset - this.refRating.current.getBoundingClientRect().y;
   }
-
   onMouseUp(e) {
     if (!this.mousePushed) return;
     if (e.touches && e.touches[0]) e = e.touches[0];
@@ -245,7 +216,6 @@ class Order extends _common.Com {
         ratingHeight: h,
         overlayOpacity: Math.min(1, (h - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
       });
-
       if (h < POPUP_MIN_HEIGHT + 10) {
         if (!this.state.hide) {
           this.setState({
@@ -258,7 +228,6 @@ class Order extends _common.Com {
       }
     });
   }
-
   onMouseMove(e) {
     if (!this.mousePushed) return;
     if (e.touches && e.touches[0]) e = e.touches[0];
@@ -268,18 +237,14 @@ class Order extends _common.Com {
     my = my - this.mousePushedDy;
     var K = 10000;
     var height = this.refRating.current.getBoundingClientRect().bottom - my;
-
     if (height > POPUP_MAX_HEIGHT) {
       var beta = K / (POPUP_HARD_MAX_HEIGHT - POPUP_MAX_HEIGHT) - POPUP_MAX_HEIGHT;
       height = POPUP_HARD_MAX_HEIGHT - K / (height + beta);
     }
-
     this.setState({
       ratingHeight: height,
       overlayOpacity: Math.min(1, (height - POPUP_MIN_HEIGHT) / (POPUP_HARD_MAX_HEIGHT - POPUP_MIN_HEIGHT))
     });
   }
-
 }
-
 exports.default = Order;

package/compiled_src/chatbox/OrderAttachments.js

@@ -4,31 +4,21 @@ 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 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();
 
+    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);
-
     if (orders.length === 0) return null;
-
     let $orders = _index.default.map(orders, (order, index) => {
       let $note = null;
-
       if (order.note) {
         $note = (0, _preact.h)("div", null, (0, _preact.h)("div", {
           class: "order_attachment__label"
@@ -36,9 +26,7 @@ class ProductAttachments extends _common.Com {
           class: "order_attachment__text_truncate"
         }, order.note));
       }
-
       let $products = null;
-
       if (_index.default.size(order.items) > 0) {
         $products = (0, _preact.h)("div", null, (0, _preact.h)("div", {
           class: "order_attachment__label"
@@ -61,26 +49,20 @@ class ProductAttachments extends _common.Com {
           }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", _index.default.formatCurrency(product.price))));
         }));
       }
-
       let $total = (0, _preact.h)("div", {
         class: "order_attachment__footer"
       }, (0, _preact.h)("div", null, this.props.t('total')), ' ', (0, _preact.h)("div", null, (0, _preact.h)("b", null, _index.default.formatCurrency(order.total))));
-
       let addr = _index.default.get(order, 'shipping.address', {});
-
       let fulladdr = [addr.street, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');
       let address = fulladdr;
       let phoneattr = _index.default.find(_index.default.get(order, 'user.attributes', []), attr => attr.key === 'phones') || {
         key: 'phones',
         text: ''
       };
-
       let phone = _index.default.get(order, 'shipping.address.phone', '').trim();
-
       phone = phone || _index.default.trim(phoneattr.text);
       if (phone) phone = this.props.t('phn') + ': ' + phone;
       let $shipto = null;
-
       if (address || phone) {
         $shipto = (0, _preact.h)("div", null, (0, _preact.h)("div", {
           class: "order_attachment__label"
@@ -90,7 +72,6 @@ class ProductAttachments extends _common.Com {
           class: "order_attachment__text_truncate"
         }, phone));
       }
-
       return (0, _preact.h)("div", {
         class: `order_attachment order_attachment__${byType}`
       }, (0, _preact.h)("div", {
@@ -101,10 +82,7 @@ class ProductAttachments extends _common.Com {
         class: "order_attachment__label"
       }, this.props.t('payment')), (0, _preact.h)("div", null, "COD")), $note, $total);
     });
-
     return $orders;
   }
-
 }
-
 exports.default = ProductAttachments;

package/compiled_src/chatbox/PoweredBy.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _common = require("../common.js");
-
 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();
@@ -35,7 +30,5 @@ class PoweredBy extends _common.Com {
       alt: "power by"
     }), " Subiz"));
   }
-
 }
-
 exports.default = PoweredBy;