@subiz/widget-v4 4.1.74 → 4.1.76

package/compiled_src/chatbox/Event.js

@@ -198,7 +198,7 @@ class Event extends _common.Com {
         onSelect: e => this.chooseQuickReply(e)
       }));
     }
-    if (_index.default.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
+    if (_index.default.get(ev, 'data.message.idempotency_key') === ev.id && this.props.store.now() - ev.created < 900) {
       _index.default.setTimeout(() => this.setState({
         refresh: this.state.refresh
       }), 1000);
@@ -206,7 +206,7 @@ class Event extends _common.Com {
     let $dot = (0, _preact.h)("div", {
       class: "sending_dot"
     });
-    if (this.props.store.now() - ev.created < 900 || _index.default.getMsgField(ev, 'idempotency') !== ev.id) {
+    if (this.props.store.now() - ev.created < 900 || _index.default.get(ev, 'data.message.idempotency_key') !== ev.id) {
       $dot = (0, _preact.h)("div", {
         class: "sending_dot sending_dot__hide"
       });

package/compiled_src/chatbox/Events.js

@@ -134,7 +134,7 @@ class Events extends _common.Com {
     if (_index.default.convoOfEv(newev) !== this.props.cid) return;
     let isBottom = this.isBottom();
     var byme = false;
-    if (_index.default.get(newev, 'type') === 'message_sent' && newev.id === _index.default.getMsgField(newev, 'idempotency')) byme = true;
+    if (_index.default.get(newev, 'type') === 'message_sent' && newev.id === _index.default.get(newev, 'data.message.idempotency_key')) byme = true;
     if (byme || isBottom) this.scrollToBottom();
   }
   async loadConvo() {

package/compiled_src/store/api_fake.js

@@ -11,7 +11,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const ajax = require('@subiz/ajax/src/ajax.js');
 ajax.env.XMLHttpRequest = window.XMLHttpRequest;
-const findAnswer = challenge => challenge.answer;
 function jsonifyTextPlain(param, done) {
   let req = param.request;
   if (req.content_type === 'text/plain' && req.body !== undefined) req.body = _index.default.stringify(req.body);
@@ -58,7 +57,6 @@ class _default {
     _defineProperty(this, "sendLostFocus", data => OK200);
     _defineProperty(this, "sendContentView", data => OK200);
     _defineProperty(this, "uploadToS3", async file => OK200);
-    _defineProperty(this, "getChallenge", accid => OK200);
     _defineProperty(this, "time", _ => Promise.resolve({
       code: 200,
       body: new _index.default.Date().toISOString()
@@ -125,14 +123,6 @@ function makeFakeConvo(accid, convoid, userid, agentid) {
     }],
     ended: 1610454875505,
     state: 'ended',
-    integration: {
-      account_id: accid,
-      connector_id: 'subikon',
-      name: 'Subiz Widget',
-      connector_type: 'subiz',
-      state: 'activated',
-      id: inteid
-    },
     actived: 1610453070259,
     last_message_sent: {
       id: 'evqyiykaoizbwnkaecwphttwk',
@@ -166,6 +156,27 @@ function makeFakeConvo(accid, convoid, userid, agentid) {
 }
 function makeFakeMessages(accid, convoid, userid, agentid) {
   let inteid = accid + '.subizv4.subikon';
+  let usermember = {
+    type: 'user',
+    id: userid,
+    last_page_view_url: 'https://subiz.com.vn/',
+    conversation_id: convoid,
+    membership: 'active',
+    invited_by: {
+      id: userid,
+      type: 'user'
+    }
+  };
+  let agentmember = {
+    type: 'agent',
+    conversation_id: convoid,
+    id: agentid,
+    membership: 'active',
+    invited_by: {
+      id: userid,
+      type: 'user'
+    }
+  };
   return [{
     id: 'evqyiyjmxrjsylftvnrghrfmq',
     account_id: accid,
@@ -179,16 +190,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
       conversation: {
         id: convoid,
         account_id: accid,
-        members: [{
-          type: 'user',
-          id: userid,
-          last_page_view_url: 'https://subiz.com.vn/',
-          membership: 'observer',
-          invited_by: {
-            id: userid,
-            type: 'user'
-          }
-        }],
+        members: [usermember],
         state: 'pending'
       }
     }
@@ -205,16 +207,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
       conversation: {
         id: convoid,
         account_id: accid,
-        members: [{
-          type: 'agent',
-          id: agentid,
-          conversation_id: convoid,
-          membership: 'observer',
-          invited_by: {
-            id: userid,
-            type: 'user'
-          }
-        }],
+        members: [agentmember],
         state: 'pending',
         source: 'https://subiz.com.vn/vi/'
       }
@@ -247,16 +240,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
     data: {
       conversation: {
         id: convoid,
-        members: [{
-          type: 'user',
-          id: userid,
-          last_page_view_url: 'https://subiz.com.vn/',
-          membership: 'active',
-          invited_by: {
-            id: userid,
-            type: 'user'
-          }
-        }]
+        members: [usermember]
       }
     }
   }, {
@@ -274,10 +258,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
         conversation_id: convoid,
         text: 'Xin chào',
         format: 'plaintext',
-        fields: [{
-          key: 'idempotency',
-          value: '"wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw"'
-        }],
+        idempotency_key: 'wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw',
         integration_id: inteid,
         pongs: [{
           member_id: userid,
@@ -298,16 +279,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
     data: {
       conversation: {
         id: convoid,
-        members: [{
-          type: 'agent',
-          id: agentid,
-          conversation_id: convoid,
-          membership: 'active',
-          invited_by: {
-            id: userid,
-            type: 'user'
-          }
-        }]
+        members: [agentmember]
       }
     }
   }, {

package/compiled_src/store/store.js

@@ -446,7 +446,7 @@ class Store {
         var lastmsgsent = events[_index.default.size(events) - 1];
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
-        if (lastmsgsent.id === _index.default.getMsgField(lastmsgsent, 'idempotency')) return;
+        if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return;
         this.api.markAsSeen(id, lastmsgsent.id);
         let convo = this.cache.match('convo_' + id) || {};
         let mem = _index.default.find(convo.members, m => m.id === user.id);
@@ -683,7 +683,7 @@ class Store {
       this.chain.put(cid, oldev.id, _index.default.getMs(oldev.created), oldev);
     }
     if (ev.type === 'message_sent') {
-      let idemkey = _index.default.getMsgField(ev, 'idempotency');
+      let idemkey = _index.default.get(ev, 'data.message.idempotency_key');
       let found = _index.default.find(this.listEvents(cid), oldev => oldev.id === idemkey);
       if (found) {
         this.chain.del(cid, found.id);
@@ -750,7 +750,7 @@ class Store {
     _index.default.convoToEv(cid, event);
     let files = [];
     if (type === 'message_sent') {
-      _index.default.setMsgField(event, 'idempotency', idempotency);
+      event.data.message.idempotency_key = idempotency;
       event.data.message.conversation_id = cid;
       await flow.map(event.data.message.attachments, 2, async (att, i) => {
         if (att.type !== 'file') return;

package/compiled_src/util/common.js

@@ -20,7 +20,6 @@ exports.formatCurrency = formatCurrency;
 exports.getAgentDisplayName = getAgentDisplayName;
 exports.getDayName = getDayName;
 exports.getMs = getMs;
-exports.getMsgField = getMsgField;
 exports.getUrlParameter = getUrlParameter;
 exports.getUserAttr = getUserAttr;
 exports.includes = includes;
@@ -50,9 +49,7 @@ exports.requestAnimationFrame = void 0;
 exports.sameDay = sameDay;
 exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
 exports.setCss = setCss;
-exports.setInterval = void 0;
-exports.setMsgField = setMsgField;
-exports.setTimeout = void 0;
+exports.setTimeout = exports.setInterval = void 0;
 exports.setUserAttr = setUserAttr;
 exports.shortTime = shortTime;
 exports.size = size;
@@ -91,16 +88,6 @@ function convoOfEv(ev) {
 function convoToEv(convoid, ev) {
   if (!ev) return '';
   switch (ev.type) {
-    case 'conversation_state_updated':
-    case 'conversation_joined':
-    case 'conversation_invited':
-    case 'conversation_left':
-    case 'conversation_tagged':
-    case 'conversation_untagged':
-    case 'conversation_typing':
-    case 'conversation_rating_requested':
-    case 'conversation_rated':
-      return op.set(ev, 'data.conversation.id', convoid);
     case 'message_sent':
     case 'message_updated':
     case 'message_pong':
@@ -108,27 +95,9 @@ function convoToEv(convoid, ev) {
     case 'ticket_updated':
       return op.set(ev, 'data.ticket.conversation_id', convoid);
     default:
-      return '';
+      return op.set(ev, 'data.conversation.id', convoid);
   }
 }
-function setMsgField(ev, key, value) {
-  var fields = op.get(ev, 'data.message.fields') || [];
-  fields = filter(fields, field => field.key !== key);
-  fields.push({
-    key: key,
-    value: stringify(value)
-  });
-  op.set(ev, 'data.message.fields', fields);
-}
-function getMsgField(ev, fieldName) {
-  var fields = op.get(ev, 'data.message.fields');
-  if (size(fields) === 0) return undefined;
-  let f = fields.find(f => f.key === fieldName);
-  try {
-    if (f) return parse(f.value);
-    return undefined;
-  } catch (e) {}
-}
 function isObject(item) {
   return item && typeof item === 'object' && !Array.isArray(item);
 }
@@ -975,7 +944,7 @@ function replaceFileUrl(src) {
 }
 function unicodeToAscii(str) {
   str = str + '';
-  str = str.replace('đ', 'd').replace('Đ', 'D');
+  str = str.replaceAll('đ', 'd').replaceAll('Đ', 'D');
   return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
 function scrollIntoViewIfNeeded($ele) {

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__(6801);
+/* 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;
+}
+
+/***/ })
+
+}]);