@subiz/widget-v4 4.1.73 → 4.1.74

package/compiled_src/store/store.js

@@ -175,6 +175,7 @@ class Store {
     this.fake = fakeapi;
     this.FileURL = FileURL;
     this._track_page_view = true;
+    this.device_type = 'desktop';
     if (this.fake) this.api = new _api_fake.default(ApiURL, FileURL);else this.api = new _api.default(ApiURL, FileURL);
     if (!inmem) {
       try {
@@ -195,15 +196,27 @@ class Store {
     this.chain = new _storage.default.chain(new _storage.default.lsdb('cbz2023', true), 'ch');
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
-    window.addEventListener('blur', this.sendPresence);
-    window.addEventListener('focus', this.sendPresence);
+    this.last_focused = _index.default.Date.now();
+    window.addEventListener('blur', () => {
+      this.last_focused = _index.default.Date.now();
+      this.sendPresence();
+    });
+    window.addEventListener('focus', () => {
+      this.last_focused = 0;
+      this.sendPresence();
+    });
+    window.addEventListener('beforeunload', () => this.api.sendLostFocus());
     this._presenceInterval1 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval1);
       if (this.browserVisibility === 'visible' && document.hasFocus()) this.sendPresence();
     }, 20000);
     this._presenceInterval2 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval2);
-      if (this.browserVisibility !== 'visible' || !document.hasFocus()) this.sendPresence();
+      if (this.browserVisibility === 'visible' && document.hasFocus()) return;
+      if (this.last_focused && _index.default.Date.now() - this.last_focused > 30 * 60000) {
+        return;
+      }
+      this.sendPresence();
     }, 60000);
     onVisibilityChange(val => {
       if (this._die) return;
@@ -281,12 +294,9 @@ class Store {
   }
   getDeviceInfo() {
     let device = {
-      user_agent: window.navigator.userAgent,
       screen_resolution: window.screen.width + 'x' + window.screen.height,
       source_referrer: document.referrer,
       platform: window.navigator.platform,
-      referrer: document.URL,
-      type: this.isMobile() ? 'mobile' : 'desktop',
       language: navigator.language,
       page_url: document.URL,
       page_title: document.title
@@ -305,10 +315,10 @@ class Store {
     this.pubsub.publish('account');
   }
   isMobile() {
-    return this.forceDevice === 'mobile' || mobileCheck;
+    return this.forceDevice === 'mobile' || this.device_type == 'mobile';
   }
   isTablet() {
-    return this.forceDevice === 'tablet' || tabletCheck;
+    return this.forceDevice === 'tablet' || this.device_type == 'tablet';
   }
   isDesktop() {
     return this.forceDevice === 'desktop' || !this.isMobile() && !this.isTable();
@@ -546,6 +556,7 @@ class Store {
       botM[bot.id] = bot;
     });
     this.cache.put('bot', botM);
+    this.device_type = setting.device_type || 'desktop';
     let plugins = _index.default.get(setting, 'plugins', []);
     let pluginM = {};
     _index.default.map(plugins, plugin => {
@@ -1076,10 +1087,6 @@ function sendEventToThirdParty(category, action, label) {
     event_label: label
   });
 }
-let mobileCheck = function (a) {
-  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4));
-}(navigator.userAgent || navigator.vendor || window.opera);
-let tabletCheck = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(navigator.userAgent);
 let cleanLocalStorage = () => {
   try {
     localStorage;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.73",
+	"version": "4.1.74",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -30,9 +30,9 @@
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.0",
-		"puppeteer": "^22.6.3",
+		"puppeteer": "^22.6.4",
 		"webpack": "^5.91.0",
-		"webpack-bundle-analyzer": "^4.10.1",
+		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.0.4"
 	}

package/src/store/store.js

@@ -29,6 +29,7 @@ export default class Store {
 		this.fake = fakeapi
 		this.FileURL = FileURL
 		this._track_page_view = true
+		this.device_type = 'desktop'
 		if (this.fake) this.api = new APIFake(ApiURL, FileURL)
 		else this.api = new API(ApiURL, FileURL)
 
@@ -57,9 +58,16 @@ export default class Store {
 
 		// dont dupplicate seen
 		this.g_haveSentSeenM = {}
-
-		window.addEventListener('blur', this.sendPresence)
-		window.addEventListener('focus', this.sendPresence)
+		this.last_focused = sb.Date.now() // 0 -> in focus, timestamp -> lost focus at
+		window.addEventListener('blur', () => {
+			this.last_focused = sb.Date.now()
+			this.sendPresence()
+		})
+		window.addEventListener('focus', () => {
+			this.last_focused = 0 //
+			this.sendPresence()
+		})
+		window.addEventListener('beforeunload', () => this.api.sendLostFocus())
 
 		// faster send rate when has focus
 		this._presenceInterval1 = sb.setInterval(() => {
@@ -69,7 +77,12 @@ export default class Store {
 		// slower send rate send when user not focused
 		this._presenceInterval2 = sb.setInterval(() => {
 			if (this._die) return sb.clearInterval(this._presenceInterval2)
-			if (this.browserVisibility !== 'visible' || !document.hasFocus()) this.sendPresence()
+			if (this.browserVisibility === 'visible' && document.hasFocus()) return
+			if (this.last_focused && sb.Date.now() - this.last_focused > 30 * 60000) {
+				// lost focus for more than 30 min
+				return // dont send presence
+			}
+			this.sendPresence()
 		}, 60000) // dont bother delete this
 
 		onVisibilityChange((val) => {
@@ -162,12 +175,9 @@ export default class Store {
 
 	getDeviceInfo() {
 		let device = {
-			user_agent: window.navigator.userAgent,
 			screen_resolution: window.screen.width + 'x' + window.screen.height,
 			source_referrer: document.referrer,
 			platform: window.navigator.platform,
-			referrer: document.URL,
-			type: this.isMobile() ? 'mobile' : 'desktop',
 			language: navigator.language,
 			page_url: document.URL,
 			page_title: document.title,
@@ -192,11 +202,11 @@ export default class Store {
 	}
 
 	isMobile() {
-		return this.forceDevice === 'mobile' || mobileCheck
+		return this.forceDevice === 'mobile' || this.device_type == 'mobile'
 	}
 
 	isTablet() {
-		return this.forceDevice === 'tablet' || tabletCheck
+		return this.forceDevice === 'tablet' || this.device_type == 'tablet'
 	}
 
 	isDesktop() {
@@ -647,7 +657,7 @@ export default class Store {
 			botM[bot.id] = bot
 		})
 		this.cache.put('bot', botM)
-
+		this.device_type = setting.device_type || 'desktop'
 		// web plugin
 		let plugins = sb.get(setting, 'plugins', [])
 		let pluginM = {}
@@ -1259,23 +1269,6 @@ function sendEventToThirdParty(category, action, label) {
 	dataLayer.push({event: category, event_action: action, event_label: label})
 }
 
-// from http://detectmobilebrowsers.com/
-let mobileCheck = (function (a) {
-	return (
-		/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
-			a,
-		) ||
-		/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
-			a.substr(0, 4),
-		)
-	)
-})(navigator.userAgent || navigator.vendor || window.opera)
-
-let tabletCheck =
-	/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(
-		navigator.userAgent,
-	)
-
 let cleanLocalStorage = () => {
 	try {
 		localStorage

package/dist/127.js

@@ -1,273 +0,0 @@
-"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;
-}
-
-/***/ })
-
-}]);