@subiz/widget-v4 4.1.190 → 4.1.195

package/compiled_src/chatbox/Widget.js

@@ -32,6 +32,43 @@ class Widget extends _common.Com {
   constructor(props) {
     super(props);
     _defineProperty(this, "msgInput", (0, _preact.createRef)());
+    _defineProperty(this, "findMissingRTMessage", async started => {
+      let messageSentDict = this.props.store.listAgentRealtimeMessageSent();
+      let res1 = await this.props.store.sbzListConversations();
+      let conversions = _index.default.get(res1, 'body.conversations') || [];
+      let cids = _index.default.map(conversions, convo => convo.id);
+      let promises = _index.default.map(cids, cid => this.props.store.sbzListMessages(cid));
+      let msgReses = await Promise.all(promises);
+      _index.default.map(msgReses, msgRes => {
+        let messages = _index.default.get(msgRes, 'body') || [];
+        _index.default.map(messages, ev => {
+          if (ev.created < started) return;
+          if (ev.type !== 'message_sent') return;
+          if (_index.default.get(ev, 'by.type') === 'user') return;
+          console.log('check ev pass condition', ev);
+          if (!messageSentDict[ev.id]) {
+            this.props.store.sendBugReport('[WIDGET ' + accid + '] Missing agent message sent evid ' + ev.id + ', cid ' + _index.default.convoOfEv(ev));
+          }
+        });
+      });
+    });
+    _defineProperty(this, "debugRTAgentMessageSent", async () => {
+      try {
+        let debugAccountIds = this.props.store.matchDebugAccountIds();
+        let accid = _index.default.get(this.props.store.matchAccount(), 'id');
+        if (!debugAccountIds.includes(accid)) return;
+        console.log('START check RT agent message with BE source');
+        let started = Date.now();
+        this.findMissingRTMessage(started);
+        for (let i = 0; i < 100_000; i++) {
+          await _index.default.sleep(120_000);
+          console.log('LOOP check RT agent message with BE source', i);
+          this.findMissingRTMessage(started);
+        }
+      } catch (err) {
+        this.props.store.sendBugReport(`debugRTAgentMessageSent ERROR ${err.stack}`);
+      }
+    });
     _defineProperty(this, "formMounted", form => {
       let formData = this.fillForm(form);
       if (form.question_required || this.state.quickReplyMessage.text) {
@@ -65,6 +102,9 @@ class Widget extends _common.Com {
         });
         let botid = cid.split('_')[0].slice(7);
         let oldconvo = this.props.store.matchConvo(this.props.cid) || {};
+        let greeting_msg = _index.default.find(oldconvo.events, ev => {
+          return ev.type == 'message_sent' && ev.by && ev.by.type == 'bot';
+        });
         const {
           convo,
           error
@@ -78,7 +118,8 @@ class Widget extends _common.Com {
             bot_version: oldconvo.bot_version
           }],
           initial_by: this.props.store.matchUser().id,
-          is_testing: oldconvo.is_testing
+          is_testing: oldconvo.is_testing,
+          greeting_message: greeting_msg
         });
         if (_creating != this._creating) return;
         if (error) {
@@ -184,6 +225,7 @@ class Widget extends _common.Com {
   componentDidMount() {
     if (!this.props.store.isMobile()) this.focusInput();
     this.updateFormDataFields();
+    this.debugRTAgentMessageSent();
   }
   applyMessage(text) {
     this.focusInput(text);

package/compiled_src/store/api.js

@@ -45,6 +45,7 @@ let trackResponseFn = (param, done) => {
 };
 class _default {
   constructor(ApiURL, FileURL) {
+    _defineProperty(this, "sendBugReport", str => this.bugReq.post('/bugs', str));
     _defineProperty(this, "listConversations", _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get(`/accounts/${this.accid}/conversations`));
     _defineProperty(this, "listMessages", (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/accounts/${this.accid}/conversations/${cid}/messages`));
     _defineProperty(this, "ajax", ajax);
@@ -199,6 +200,7 @@ class _default {
     this.refreshLock = new _index.default.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
+    this.bugReq = ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').setContentType('text/plain');
     this.api41 = ajax.setBaseUrl('https://api.sbz.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).beforeHook(trackRequestFn).setParser('json');
     this.apireq = ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).setParser('json').beforeHook(trackRequestFn).beforeHook((param, done) => {
       if (this.token_generator) {

package/compiled_src/store/store.js

@@ -24,6 +24,7 @@ cookie.defaults.expires = 3650;
 let memlocalStorage = require('./inmem_localstorage.js');
 const MAX_CONVO = 20;
 const page_loaded = _index.default.Date.now();
+const DEBUG_ACCOUNT_IDS = ['acqsulrowbxiugvginhw', 'acryguzgwxmamhzmqlyx'];
 class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi) {
     _defineProperty(this, "inmem", false);
@@ -132,6 +133,21 @@ class Store {
       }
       return this._doFetchMsg(convoid);
     });
+    _defineProperty(this, "reloadConvoEvents", async convoid => {
+      await this.chain.reload(convoid, () => {
+        return [[], ''];
+      });
+      let {
+        error
+      } = await this.chain.fetchMore(convoid, 150, async (type, anchor, limit) => {
+        let [events, newanchor, error, outofmsg] = await this.listmessageapi(type, anchor, limit);
+        if (outofmsg) this.outofmsgM[convoid] = true;
+        return [events, newanchor, error];
+      });
+      return {
+        error
+      };
+    });
     _defineProperty(this, "_doFetchMsg", async convoid => {
       let {
         error
@@ -174,12 +190,24 @@ class Store {
     _defineProperty(this, "now", () => _index.default.Date.now() + this.timeDiff);
     _defineProperty(this, "seenQueue", []);
     _defineProperty(this, "matchTrafficSource", () => this.kv.match('traffic_source'));
+    _defineProperty(this, "sendBugReport", str => this.api.sendBugReport(str));
+    _defineProperty(this, "matchDebugAccountIds", () => DEBUG_ACCOUNT_IDS);
+    _defineProperty(this, "sbzListConversations", () => {
+      return this.api.listConversations();
+    });
+    _defineProperty(this, "sbzListMessages", cid => {
+      return this.api.listMessages(cid, 100, '');
+    });
+    _defineProperty(this, "listAgentRealtimeMessageSent", () => {
+      return this.agent_rt_message_sent_dict;
+    });
     _defineProperty(this, "_alreadyReceived", {});
     _defineProperty(this, "_typing", _index.default.throttle(convoid => this.api.sendTyping(convoid), 3000, {
       trailing: false
     }));
     _defineProperty(this, "onConvoEvent", (o, cb) => this.pubsub.on2(o, 'events', cb));
     _defineProperty(this, "onWidgetClose", (o, cb) => this.pubsub.on2(o, 'sbz_close_widget', cb));
+    _defineProperty(this, "onMessageUpdated", (o, cb) => this.pubsub.on2(o, 'message_updated', cb));
     _defineProperty(this, "seenConvo", id => {
       if (!id || id === 'create') return;
       this.seenQueue.push(id);
@@ -208,6 +236,7 @@ class Store {
     this.CONNECTION_CHECK_INTERVAL = 3000;
     this.reconnectTimestamp = 0;
     this.g_sync = {};
+    this.agent_rt_message_sent_dict = {};
     this._die = false;
     this.forceDevice = null;
     this.forcePlugins = {};
@@ -533,6 +562,7 @@ class Store {
   }
   async _initResource(accid, auth, realtimep) {
     this.g_sync = {};
+    this._current_acc_id = accid;
     let user = await this.api.setAuth(auth);
     if (typeof sbz_info != 'undefined') sbz_info.store_7 = true;
     if (user.error) {
@@ -635,7 +665,7 @@ class Store {
     }, 1000);
   }
   async reconnectWs(accid, userid) {
-    await this.realtime.subscribe([`conversation_state_updated.account.${accid}.user.${userid}`, `conversation_joined.account.${accid}.user.${userid}`, `conversation_typing.account.${accid}.user.${userid}`, `message_sent.account.${accid}.user.${userid}`, `message_pong.account.${accid}.user.${userid}`, `conversation_rating_requested.account.${accid}.user.${userid}`, `conversation_rated.account.${accid}.user.${userid}`]);
+    await this.realtime.subscribe([`conversation_state_updated.account.${accid}.user.${userid}`, `conversation_joined.account.${accid}.user.${userid}`, `conversation_typing.account.${accid}.user.${userid}`, `message_sent.account.${accid}.user.${userid}`, `message_pong.account.${accid}.user.${userid}`, `conversation_rating_requested.account.${accid}.user.${userid}`, `conversation_rated.account.${accid}.user.${userid}`, `conversation_events.account.${accid}.user.${userid}`]);
     await this.readyGate.entry();
   }
   async reconnect(p) {
@@ -769,7 +799,15 @@ class Store {
     await this._onWs(ev);
     this.wsGate.open();
   }
+  handleLogCompare(ev) {
+    if (!DEBUG_ACCOUNT_IDS.includes(this._current_acc_id)) return;
+    if (ev.type !== 'message_sent') return;
+    let byType = _index.default.get(ev, 'by.type');
+    if (byType === 'user') return;
+    this.agent_rt_message_sent_dict[ev.id] = ev;
+  }
   async _onWs(ev) {
+    this.handleLogCompare(ev);
     if (this._die) return;
     if (!ev || !ev.type) return;
     ev.created = _index.default.getMs(ev.created);
@@ -781,6 +819,10 @@ class Store {
       this._setUser(user);
       return;
     }
+    if (ev.type === 'message_deleted') {
+      this.pubsub.publish('message_updated', ev);
+      return;
+    }
     let user = this.cache.match('user') || {};
     let cid = _index.default.convoOfEv(ev);
     let convo;
@@ -798,7 +840,7 @@ class Store {
         this._setConvo(convo);
       }
     }
-    if (cid.startsWith('cslight')) {
+    if (cid && cid.startsWith('cslight')) {
       convo = this.lightConvos[cid];
       if (!convo) return;
       convo.events.push(ev);

package/compiled_src/util/common.js

@@ -302,6 +302,7 @@ function convoToEv(convoid, ev) {
   switch (ev.type) {
     case 'message_sent':
     case 'message_updated':
+    case 'message_deleted':
     case 'message_pong':
       return op.set(ev, 'data.message.conversation_id', convoid);
     case 'ticket_updated':
@@ -1330,5 +1331,16 @@ function isEmptyBlock(block) {
 }
 function isEmptyMessage(msg) {
   if (!msg) return true;
-  if (!msg.text && isEmptyBlock(msg.block) && !size(msg.attachments)) return true;
+  if (!msg.text && isEmptyBlock(msg.block) && isEmptyAttachment(msg)) return true;
+  return false;
+}
+function isEmptyAttachment(msg) {
+  if (!msg) return true;
+  if (!size(msg.attachments)) return true;
+  return size(filter(msg.attachments, att => {
+    if (att.type == 'quick_replies') {
+      return size(filter(att.quick_replies, r => size(trim(r)) > 0)) > 0;
+    }
+    return true;
+  })) == 0;
 }

package/dist/127.js

@@ -0,0 +1,273 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[127],{
+
+/***/ 6127
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ ProductAttachments)
+/* harmony export */ });
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
+/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2840);
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(172);
+
+
+
+class ProductAttachments extends _common_js__WEBPACK_IMPORTED_MODULE_1__/* .Com */ .Mw {
+  render() {
+    let byType = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.ev, 'by.type');
+    if (byType === 'user') return null;
+    let acc = this.props.store.matchAccount();
+    var attachments = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.ev, 'data.message.attachments', []);
+    let orders = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);
+    if (orders.length === 0) return null;
+    let $orders = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.map(orders, (order, index) => {
+      calcOrderTotal(order);
+      let $note = null;
+      if (order.note) {
+        $note = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label"
+        }, this.props.t('note')), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__note",
+          title: order.note
+        }, order.note));
+      }
+      let $products = null;
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(order.items) > 0) {
+        $products = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label"
+        }, this.props.t('product')), _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.map(order.items, item => {
+          let product = item.product || {};
+          return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+            class: "order_attachment__product"
+          }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("img", {
+            class: "order_attachment__product_img",
+            alt: '' + _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(product, 'id'),
+            src: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(product, 'image', __webpack_require__(2876))
+          }), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+            style: "overflow: hidden !important;"
+          }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.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__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+            class: "order_attachment__product_desc"
+          }, getProductPropName(product, ' / ')), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+            class: "order_attachment__product_desc"
+          }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(product.price))));
+        }));
+      }
+      let $total = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: "order_attachment__footer"
+      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: "d-flex align-items-center justify-content-between"
+      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, this.props.t('total')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("b", {
+        class: "order_attachment__total"
+      }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order.total)))));
+      let phoneattr = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.find(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(order, 'user.attributes', []), attr => attr.key === 'phones') || {
+        key: 'phones',
+        text: ''
+      };
+      let phone = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(order, 'shipping.address.phone', '').trim();
+      phone = phone || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.trim(phoneattr.text);
+      if (phone) phone = this.props.t('phn') + ': ' + phone;
+      let $shipto = null;
+      if (displayOrderShippingAddress(order) || phone) {
+        $shipto = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label"
+        }, this.props.t('ship_to')), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, displayOrderShippingAddress(order)), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__text_truncate"
+        }, phone));
+      }
+      let $beforeTax = null;
+      if (order._discount_before_tax) {
+        $beforeTax = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__footer"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('subtotal_before_tax')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order._order_value))), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('discount_before_tax')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", null, "-", _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order._discount_before_tax))));
+      }
+      let $subtotal = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: "d-flex align-items-center justify-content-between"
+      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: "order_attachment__label no_margin"
+      }, this.props.t('subtotal')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        style: ""
+      }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order.subtotal)));
+      let $tax = null;
+      if (order.total_tax) {
+        let taxname = '';
+        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(order._taxM) === 1) {
+          let tax = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(order._taxM, '0.tax', {});
+          if (tax.name && tax.percentage) taxname = `(${tax.name} ${Math.round(tax.percentage || 0) / 100}%)`;
+        }
+        $tax = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('tax'), " ", taxname), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          style: ""
+        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order.total_tax)));
+      }
+      let $discount = null;
+      if (order.discount_type === 'percentage' && order.discount_percentage) {
+        $discount = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('discount_after_tax'), " (", Math.round(order.discount_percentage / 100), "%)"), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          style: ""
+        }, "-", _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order._computed_discount)));
+      }
+      if (order.discount_type === 'amount' && order.discount_amount) {
+        $discount = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('discount_after_tax')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "no-shrink"
+        }, "-", _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order._computed_discount)));
+      }
+      let $shipping = null;
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(order, 'shipping.nominal_fee')) {
+        $shipping = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, this.props.t('shipping_fee')), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          style: ""
+        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(order, 'shipping.nominal_fee', 0))));
+      }
+      let $adjustment = null;
+      if (order.adjustment) {
+        $adjustment = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "d-flex align-items-center justify-content-between"
+        }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "order_attachment__label no_margin"
+        }, order.adjustment_description), ' ', (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+          class: "no-shrink"
+        }, _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formatCurrency(order.adjustment)));
+      }
+      $subtotal = (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: "order_attachment__footer"
+      }, $subtotal, $tax, $shipping, $discount, $adjustment);
+      if (!$shipping && !$adjustment && !$discount && !$tax) {
+        $subtotal = null;
+      }
+      return (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: `order_attachment order_attachment__${byType}`
+      }, (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("div", {
+        class: "order_attachment__header"
+      }, this.props.t('order'), (0,preact__WEBPACK_IMPORTED_MODULE_2__.h)("span", {
+        class: "order_attachment__text_muted order_attachment__text_sm"
+      }, getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
+    });
+    return $orders;
+  }
+}
+function getProductPropName(product, seperator = ' - ') {
+  let options = op.get(product, 'options', []);
+  let props = op.get(product, 'props', []);
+  let multiPropsOptions = op.filter(options, option => op.size(option.values) > 1);
+  let names = [];
+  op.each(multiPropsOptions, option => {
+    let prop = op.find(props, prop => prop.key === option.key) || {};
+    if (prop.value) names.push(prop.value);
+  });
+  return names.join(seperator);
+}
+function getOrderDisplayName(order = {}) {
+  return order.number || order.id || '';
+}
+function displayOrderShippingAddress(order, isShorten) {
+  let addr = op.get(order, 'shipping.address', {});
+  let fulladdr = [addr.address, addr.ward, addr.district, addr.province].filter(a => a).join(', ').trim();
+  if (isShorten) fulladdr = shortenAddr(fulladdr);
+  return fulladdr;
+}
+function shortenAddr(str) {
+  str = str || '';
+  str = str.replace(/Hà Nội/gi, 'HN');
+  str = str.replace(/Hồ Chí Minh/gi, 'HCM');
+  str = str.replace(/Thành Phố/gi, 'TP');
+  return str;
+}
+function calcOrderTotal(order) {
+  let subtotal = 0;
+  let beforeTaxDiscount = 0;
+  let ordervalue = 0;
+  op.map(order.items, item => {
+    if (!item.product) return 0;
+    let price = op.get(item, 'product.price', 0) * (item.quantity || 0);
+    ordervalue += price;
+    if (item.discount_type == 'percentage') {
+      if (item.discount_percentage > 0) {
+        beforeTaxDiscount += price * item.discount_percentage / 10000;
+        price = price * (1 - (item.discount_percentage || 0) / 10000);
+      }
+    } else if (item.discount_type == 'amount') {
+      if (item.discount_amount > 0) {
+        beforeTaxDiscount += item.discount_amount;
+        price = price - (item.discount_amount || 0);
+        if (price <= 0) price = 0;
+      }
+    }
+    item.total = price;
+    subtotal += price;
+  });
+  let taxM = {};
+  op.map(order.items, (item, i) => {
+    if (!item.product) return;
+    let tax = item.product.tax;
+    if (!tax) return;
+    if (!tax.id) return;
+    let taxprice = item.total * tax.percentage / 10000;
+    item.total_tax = taxprice;
+    taxM[i] = {
+      tax: tax,
+      taxprice: taxprice
+    };
+  });
+  let totaltax = 0;
+  op.map(taxM, t => totaltax += t.taxprice);
+  let computed_discount = 0;
+  if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
+    computed_discount = (subtotal + totaltax) * order.discount_percentage / 10000;
+  } else if (order.discount_type == 'amount') {
+    computed_discount = order.discount_amount || 0;
+  }
+  let shippingfee = op.get(order, 'shipping.nominal_fee', 0);
+  if (shippingfee > 0) {
+    if (op.get(order, 'shipping.tax.id')) {
+      let tax = order.shipping.tax;
+      let taxprice = shippingfee * (tax.percentage / 10000);
+      taxM['ship'] = {
+        tax: tax,
+        taxprice: taxprice
+      };
+      order.shipping.total_tax = taxprice;
+    }
+  }
+  totaltax = 0;
+  op.map(taxM, t => totaltax += t.taxprice);
+  let total = subtotal + totaltax - computed_discount + shippingfee;
+  total += order.adjustment || 0;
+  if (total < 0) total = 0;
+  order.subtotal = subtotal;
+  order._computed_discount = computed_discount;
+  order._taxM = taxM;
+  order.total = total;
+  order.total_tax = totaltax;
+  order._discount_before_tax = beforeTaxDiscount;
+  order._order_value = ordervalue;
+}
+
+/***/ }
+
+}]);