@subiz/widget-v4 4.0.92 → 4.0.94

package/compiled_src/chatbox/OrderAttachments.js

@@ -4,41 +4,31 @@ 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) => {
+      _index.default.calcOrderTotal(order);
       let $note = null;
-
       if (order.note) {
         $note = (0, _preact.h)("div", null, (0, _preact.h)("div", {
           class: "order_attachment__label"
         }, this.props.t('note')), (0, _preact.h)("div", {
-          class: "order_attachment__text_truncate"
+          class: "order_attachment__note",
+          title: order.note
         }, 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"
@@ -49,62 +39,131 @@ class ProductAttachments extends _common.Com {
           }, (0, _preact.h)("img", {
             class: "order_attachment__product_img",
             alt: '' + _index.default.get(product, 'id'),
-            src: _index.default.get(product, 'images.0', require('../../assets/img/default.jpg'))
+            src: _index.default.get(product, 'image', require('../../assets/img/default.jpg'))
           }), (0, _preact.h)("div", {
             style: "overflow: hidden !important;"
           }, (0, _preact.h)("div", {
-            class: "order_attachment__product_name"
-          }, product.name), (0, _preact.h)("div", {
+            class: "order_attachment__product_name",
+            title: this.props.t.i18n(product.i18n_name) || product.name
+          }, this.props.t.i18n(product.i18n_name) || product.name), (0, _preact.h)("div", {
             class: "order_attachment__product_desc"
-          }, product.description || product.long_description), (0, _preact.h)("div", {
+          }, _index.default.getProductPropName(product, ' / ')), (0, _preact.h)("div", {
             class: "order_attachment__product_desc"
           }, 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;
+      }, (0, _preact.h)("div", {
+        class: "d-flex align-items-center justify-content-between"
+      }, (0, _preact.h)("div", null, this.props.t('total')), ' ', (0, _preact.h)("div", null, (0, _preact.h)("b", {
+        class: "order_attachment__total"
+      }, _index.default.formatCurrency(order.total)))));
       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) {
+      if (_index.default.displayOrderShippingAddress(order) || phone) {
         $shipto = (0, _preact.h)("div", null, (0, _preact.h)("div", {
           class: "order_attachment__label"
-        }, this.props.t('ship_to')), (0, _preact.h)("div", {
-          class: "order_attachment__text_truncate"
-        }, address), (0, _preact.h)("div", {
+        }, this.props.t('ship_to')), (0, _preact.h)("div", null, _index.default.displayOrderShippingAddress(order)), (0, _preact.h)("div", {
           class: "order_attachment__text_truncate"
         }, phone));
       }
-
+      let $beforeTax = null;
+      if (order._discount_before_tax) {
+        $beforeTax = (0, _preact.h)("div", {
+          class: "order_attachment__footer"
+        }, (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('subtotal_before_tax')), ' ', (0, _preact.h)("div", null, _index.default.formatCurrency(order._order_value))), (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('discount_before_tax')), ' ', (0, _preact.h)("div", null, "-", _index.default.formatCurrency(order._discount_before_tax))));
+      }
+      let $subtotal = (0, _preact.h)("div", {
+        class: "d-flex align-items-center justify-content-between"
+      }, (0, _preact.h)("div", {
+        class: "order_attachment__label no_margin"
+      }, this.props.t('subtotal')), ' ', (0, _preact.h)("div", {
+        style: ""
+      }, _index.default.formatCurrency(order.subtotal)));
+      let $tax = null;
+      if (order.total_tax) {
+        let taxname = '';
+        if (_index.default.size(order._taxM) === 1) {
+          let tax = _index.default.get(order._taxM, '0.tax', {});
+          if (tax.name && tax.percentage) taxname = `(${tax.name} ${Math.round(tax.percentage || 0) / 100}%)`;
+        }
+        $tax = (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('tax'), " ", taxname), (0, _preact.h)("div", {
+          style: ""
+        }, _index.default.formatCurrency(order.total_tax)));
+      }
+      let $discount = null;
+      if (order.discount_type === 'percentage' && order.discount_percentage) {
+        $discount = (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('discount_after_tax'), " (", Math.round(order.discount_percentage / 100), "%)"), ' ', (0, _preact.h)("div", {
+          style: ""
+        }, "-", _index.default.formatCurrency(order._computed_discount)));
+      }
+      if (order.discount_type === 'amount' && order.discount_amount) {
+        $discount = (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('discount_after_tax')), ' ', (0, _preact.h)("div", {
+          class: "no-shrink"
+        }, "-", _index.default.formatCurrency(order._computed_discount)));
+      }
+      let $shipping = null;
+      if (_index.default.get(order, 'shipping.nominal_fee')) {
+        $shipping = (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('shipping_fee')), ' ', (0, _preact.h)("div", {
+          style: ""
+        }, _index.default.formatCurrency(_index.default.get(order, 'shipping.nominal_fee', 0))));
+      }
+      let $adjustment = null;
+      if (order.adjustment) {
+        $adjustment = (0, _preact.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0, _preact.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, order.adjustment_description), ' ', (0, _preact.h)("div", {
+          class: "no-shrink"
+        }, _index.default.formatCurrency(order.adjustment)));
+      }
+      $subtotal = (0, _preact.h)("div", {
+        class: "order_attachment__footer"
+      }, $subtotal, $tax, $shipping, $discount, $adjustment);
+      if (!$shipping && !$adjustment && !$discount && !$tax) {
+        $subtotal = null;
+      }
       return (0, _preact.h)("div", {
         class: `order_attachment order_attachment__${byType}`
       }, (0, _preact.h)("div", {
         class: "order_attachment__header"
       }, this.props.t('order'), (0, _preact.h)("span", {
         class: "order_attachment__text_muted order_attachment__text_sm"
-      }, "#", order.id)), $products, $shipto, (0, _preact.h)("div", null, (0, _preact.h)("div", {
-        class: "order_attachment__label"
-      }, this.props.t('payment')), (0, _preact.h)("div", null, "COD")), $note, $total);
+      }, _index.default.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $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;

package/compiled_src/chatbox/ProductAttachments.js

@@ -4,29 +4,19 @@ 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 attachments = _index.default.get(this.props.ev, 'data.message.attachments', []);
-
     let products = _index.default.filter(attachments, att => _index.default.get(att, 'type') === 'product' || _index.default.get(att, 'type') === 'product_preview');
-
     products = products.filter(product => product.product && product.product.name);
     if (products.length === 0) return null;
     let acc = this.props.store.matchAccount();
-
     let $products = _index.default.map(products, (att, index) => {
       let product = att.product;
       let $detailbtns = [];
@@ -41,7 +31,6 @@ class ProductAttachments extends _common.Com {
         class: "product_attachment__btn_external_link"
       })));
       console.log('P', product);
-
       if (_index.default.size(product.buttons) > 0) {
         $detailbtns = $detailbtns.concat(_index.default.map(product.buttons, (button, index) => {
           if (button.type === 'call_button') {
@@ -52,7 +41,6 @@ class ProductAttachments extends _common.Com {
               title: button.title
             }, this.props.t.i18n(button.i18n_title) || button.title);
           }
-
           if (button.type === 'url_button') {
             return (0, _preact.h)("a", {
               class: "product_attachment__btn",
@@ -65,7 +53,6 @@ class ProductAttachments extends _common.Com {
               class: "product_attachment__btn_external_link"
             }));
           }
-
           if (button.type === 'postback_button') {
             return (0, _preact.h)("a", {
               class: "product_attachment__btn",
@@ -75,7 +62,6 @@ class ProductAttachments extends _common.Com {
           }
         }));
       }
-
       let $title = (0, _preact.h)("a", {
         href: url,
         class: "product_attachment__title",
@@ -87,13 +73,11 @@ class ProductAttachments extends _common.Com {
         class: "product_attachment__subtitle"
       }, desc);
       let $price = null;
-
       if (product.price) {
         $price = (0, _preact.h)("div", {
           class: "product_attachment__price"
         }, product.currency || _index.default.get(acc, 'currency', ''), " ", _index.default.formatCurrency(product.price));
       }
-
       return (0, _preact.h)("div", {
         class: 'product_attachment product_attachment__' + byType
       }, (0, _preact.h)("div", null, (0, _preact.h)("a", {
@@ -106,10 +90,7 @@ class ProductAttachments extends _common.Com {
         class: "product_attachment__btns"
       }, $detailbtns));
     });
-
     return $products;
   }
-
 }
-
 exports.default = ProductAttachments;

package/compiled_src/chatbox/QuickReplies.js

@@ -4,66 +4,48 @@ 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 QuickReplies extends _common.Com {
   constructor(props) {
     super(props);
   }
-
   render() {
     if (_index.default.get(this.props.ev, 'by.type') === 'user') return null;
     let quickreplies = [];
-
     _index.default.map(_index.default.get(this.props.ev, 'data.message.attachments', []), att => {
       if (!att) return;
-
       if (att.type === 'quick_replies') {
         quickreplies = _index.default.get(att, 'quick_replies', []);
       }
     });
-
     quickreplies = _index.default.filter(quickreplies, r => r.title);
     if (quickreplies.length === 0) return null;
-
     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;
-
     for (var i = 0; i < events.length; i++) {
       if (events[i].id === this.props.ev.id) {
         evindex = i;
         break;
       }
     }
-
     for (var i = evindex + 1; i < events.length; i++) {
       if (_index.default.get(events[i], 'by.type') === 'user') return null;
     }
-
     let $replies = _index.default.map(quickreplies, r => (0, _preact.h)("div", {
       class: "message_quick_reply",
       onClick: e => this.props.onSelect(r)
     }, r.title));
-
     return (0, _preact.h)("div", {
       class: "message_quick_replies"
     }, $replies);
   }
-
 }
-
 exports.default = QuickReplies;

package/compiled_src/chatbox/Rating.js

@@ -4,56 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _index = _interopRequireDefault(require("../util/index.js"));
-
 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; }
-
 const POPUP_MAX_HEIGHT = 400;
 const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
-
 class Rating extends _common.Com {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "state", {
       hide: true,
       ratingHeight: 0,
       overlayOpacity: 0.3,
       comment: ''
     });
-
     this.refComment = (0, _preact.createRef)();
     this.refRating = (0, _preact.createRef)();
     this.refHandle = (0, _preact.createRef)();
   }
-
   componentDidMount() {
     this.props.store.onUpdate(this, () => {
       if (this.shoudDisplay()) this.open();
     });
     this.props.store.onConvoEvent(this, ev => {
       var cid = _index.default.convoOfEv(ev);
-
       if (cid !== this.props.cid) return;
       if (this.shoudDisplay()) this.open();
     });
-
     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
@@ -81,7 +65,6 @@ class Rating extends _common.Com {
     this.close();
     if (this.shoudDisplay() || this.props.forceView === 'rating') this.open();
   }
-
   componentWillUnmount() {
     var $ratingHandle = this.refHandle.current;
     $ratingHandle.removeEventListener('mousedown', this.mouseDown, 0);
@@ -91,7 +74,6 @@ class Rating extends _common.Com {
     window.removeEventListener('mousemove', this.mouseMove, 0);
     window.removeEventListener('touchmove', this.mouseMove, 0);
   }
-
   render() {
     let cls = this.state.hide ? 'd-none' : '';
     return (0, _preact.h)("div", {
@@ -152,29 +134,24 @@ class Rating extends _common.Com {
       onClick: e => this.onCloseRating(e)
     }, this.props.t('no_thanks')))));
   }
-
   shoudDisplay() {
     if (!this.props.cid) return false;
     var requested;
     var rated;
     var ended;
     let user = this.props.store.matchUser();
-
     _index.default.map(this.props.store.listEvents(this.props.cid), ev => {
       if (_index.default.get(ev, 'type') === 'conversation_state_updated' && _index.default.get(ev, 'data.conversation.state') === 'ended') {
         ended = ev;
       }
-
       if (_index.default.get(ev, 'type') === 'conversation_rating_requested') requested = ev;
       if (_index.default.get(ev, 'type') === 'conversation_rated' && _index.default.get(ev, 'by.id') === user.id) rated = ev;
     });
-
     if (rated) return false;
     let accountSetting = this.props.plugin.chatbox;
     var auto = accountSetting.auto_request_rating && ended;
     return requested || auto;
   }
-
   onCloseRating() {
     this.props.onRate && this.props.onRate({
       no_rating: true,
@@ -182,7 +159,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   onRatingPoor() {
     this.props.onRate && this.props.onRate({
       rating: 1,
@@ -190,7 +166,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   onRatingAverage() {
     this.props.onRate && this.props.onRate({
       rating: 3,
@@ -198,7 +173,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   onRatingGreat() {
     this.props.onRate && this.props.onRate({
       rating: 5,
@@ -206,7 +180,6 @@ class Rating extends _common.Com {
     });
     this.close();
   }
-
   open() {
     if (!this.state.hide) return;
     this.setState({
@@ -226,7 +199,6 @@ class Rating extends _common.Com {
       });
     });
   }
-
   close() {
     if (this.state.hide) return;
     if (!this.refRating.current) return;
@@ -237,7 +209,6 @@ class Rating 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({
@@ -247,7 +218,6 @@ class Rating extends _common.Com {
       }
     });
   }
-
   onMouseDown(e) {
     this.mousePushed = true;
     this.animation.stop();
@@ -255,7 +225,6 @@ class Rating 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];
@@ -267,7 +236,6 @@ class Rating 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({
@@ -280,7 +248,6 @@ class Rating extends _common.Com {
       }
     });
   }
-
   onMouseMove(e) {
     if (!this.mousePushed) return;
     if (e.touches && e.touches[0]) e = e.touches[0];
@@ -290,18 +257,14 @@ class Rating 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 = Rating;

package/compiled_src/chatbox/ShadowDomRoot.js

@@ -4,24 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _common = require("../common.js");
-
 var _preact = require("preact");
-
 class ShadowDomRoot extends _common.Com {
   constructor(props) {
     super(props);
     this.ref = (0, _preact.createRef)();
   }
-
   componentDidMount() {
     this.shadowRoot = this.ref.current.attachShadow({
       mode: 'open'
     });
     this.update(this.props.html);
   }
-
   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 }
@@ -35,17 +30,13 @@ p { margin-bottom: 0; margin-top: 0;}
 </style>
 <div>${html}</div>`;
     let links = this.shadowRoot.querySelectorAll('a');
-
     for (var i = 0; i < links.length; i++) links[i].target = '_blank';
   }
-
   render() {
     return (0, _preact.h)("div", {
       ref: this.ref,
       style: "white-space: normal !important"
     });
   }
-
 }
-
 exports.default = ShadowDomRoot;