@subiz/widget-v4 4.1.206 → 4.1.208

package/assets/less/chatbox.less

@@ -37,6 +37,7 @@
 //@mobile-chat-button-background-mask-url  : '@mobile_button.background_mask_url'; // @default-chat-button-background-image-url;
 @mobile-chat-button-margin-x: '@mobile_button.margin_x'; // 20px;
 @mobile-chat-button-margin-y: '@mobile_button.margin_y'; //20px;
+@mobile-widget-height: '@mobile_height'; // 100%;
 
 @widget-position: '@widget_position';
 

package/assets/less/widget.less

@@ -154,11 +154,11 @@
 		border-radius: 0px;
 		max-height: 100%;
 		margin-bottom: 0;
-		top: 0;
+		top: auto;
 		left: 0;
 		right: 0;
 		width: 100%;
-		height: 100%;
+		height: @mobile-widget-height;
 
 		opacity: 1;
 		transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);

package/compiled_src/chatbox/block.js

@@ -104,6 +104,9 @@ class Block extends _common.Com {
       ele.attrs['src'] = _index.default.get(block, 'image.url');
       ele.attrs['alt'] = block.alt_text;
     }
+    if (block.type == 'hard_break') {
+      ele.tag = 'br';
+    }
     let $body = null;
     if (_index.default.size(block.content)) {
       $body = _index.default.map(block.content, block => this.renderBlock(block));
@@ -177,6 +180,8 @@ class Block extends _common.Com {
         return (0, _preact.h)("b", null, $body);
       case 'hr':
         return (0, _preact.h)("hr", null);
+      case 'br':
+        return (0, _preact.h)("br", null);
       case 'a':
         return (0, _preact.h)("a", {
           class: this.props.textMessage ? 'message-text-link' : '',

package/compiled_src/chatbox/main.js

@@ -62,7 +62,7 @@ class Main extends _common.Com {
     });
     this.refreshCSS();
     let lastview = this.props.store.matchLastview() || {};
-    let cid = _index.default.get(lastview, 'opts.cid');
+    let cid = _index.default.get(lastview, 'screen') === 'widget' ? _index.default.get(lastview, 'opts.cid') : '';
     if (cid) {
       this._last_cid = cid;
       this.setState({
@@ -172,7 +172,7 @@ class Main extends _common.Com {
     });
   }
   onNewMessageShowWidget(cid) {
-    if (this.props.store.isMobile()) modifyViewport();
+    if (this.props.store.isMobile()) modifyViewport(this.shouldLockPageScroll());
     this.props.store.updateLastview({
       screen: 'widget',
       previewEvent: {},
@@ -183,6 +183,9 @@ class Main extends _common.Com {
     });
     this.forceUpdate();
   }
+  shouldLockPageScroll() {
+    return _index.default.get(this.props.plugin, 'chatbox.mobile_height') === undefined;
+  }
   async showWidget(p) {
     let cid = p.cid;
     let newView = {
@@ -203,7 +206,7 @@ class Main extends _common.Com {
         cid
       };
     }
-    if (this.props.store.isMobile()) modifyViewport();
+    if (this.props.store.isMobile()) modifyViewport(this.shouldLockPageScroll());
     this.props.store.updateLastview(newView);
     this.forceUpdate();
   }
@@ -248,9 +251,11 @@ function restoreViewport() {
   let metatag = document.getElementById('subiz-meta-viewport');
   if (metatag) metatag.remove();
 }
-function modifyViewport() {
-  if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll');
-  if (document.documentElement && document.documentElement.classList) document.documentElement.classList.add('sbz_no_scroll');
+function modifyViewport(lockPageScroll) {
+  if (lockPageScroll) {
+    if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll');
+    if (document.documentElement && document.documentElement.classList) document.documentElement.classList.add('sbz_no_scroll');
+  }
   let currentMetas = document.querySelectorAll('meta[name="viewport"]');
   let shouldAddMetaTag = true;
   for (let i = 0; i < currentMetas.length; i++) {

package/compiled_src/util/common.js

@@ -640,6 +640,7 @@ function replaceCssVariable(css, setting) {
   tokens = tokenize(tokens, "'@mobile_button.border_radius'");
   tokens = tokenize(tokens, "'@mobile_button.margin_x'");
   tokens = tokenize(tokens, "'@mobile_button.margin_y'");
+  tokens = tokenize(tokens, "'@mobile_height'");
   tokens = tokenize(tokens, "'@widget_position'");
   tokens = tokenize(tokens, "'@z_index'");
   tokens = tokenize(tokens, "'@z_index_2'");
@@ -763,6 +764,7 @@ const DEFVAL = exports.DEFVAL = {
     margin_x: 0.3,
     margin_y: 0.3
   },
+  mobile_height: '100%',
   widget_position: 'fixed',
   z_index: 2000000000
 };

package/compiled_src/util/common.test.js

@@ -51,6 +51,14 @@ test('util.randomString', t => {
   t.equal(12, util.randomString(12).length);
   t.end();
 });
+test('replaceCssVariable mobile height', t => {
+  let css = "height: '@mobile_height';";
+  t.equal(util.replaceCssVariable(css, {}), 'height: 100%;', 'defaults to full mobile height');
+  t.equal(util.replaceCssVariable(css, {
+    mobile_height: '50%'
+  }), 'height: 50%;', 'uses configured mobile height');
+  t.end();
+});
 test('convert message event first msg send', t => {
   var events = [{
     by: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.206",
+	"version": "4.1.208",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -21,19 +21,19 @@
 		"preact": "10.19.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.28.6",
-		"@babel/core": "^7.29.0",
+		"@babel/cli": "^7.28.7",
+		"@babel/core": "^7.29.7",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/plugin-transform-react-jsx": "^7.28.6",
-		"@babel/preset-env": "^7.29.5",
+		"@babel/plugin-transform-react-jsx": "^7.28.7",
+		"@babel/preset-env": "^7.29.7",
 		"babel-loader": "^10.1.1",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.8",
 		"puppeteer": "^25.9.0",
 		"tape": "^5.10.2",
-		"webpack": "^5.110.1",
+		"webpack": "^5.110.3",
 		"webpack-bundle-analyzer": "^5.3.2",
-		"webpack-cli": "^7.2.2",
+		"webpack-cli": "^7.2.3",
 		"webpack-dev-server": "^6.0.0"
 	}
 }

package/src/chatbox/block.js

@@ -111,6 +111,9 @@ export default class Block extends Com {
 			ele.attrs['src'] = sb.get(block, 'image.url')
 			ele.attrs['alt'] = block.alt_text
 		}
+		if (block.type == 'hard_break') {
+			ele.tag = 'br'
+		}
 
 		let $body = null
 		if (sb.size(block.content)) {
@@ -185,10 +188,12 @@ export default class Block extends Com {
 				return <b>{$body}</b>
 			case 'hr':
 				return <hr />
+			case 'br':
+				return <br />
 			case 'a':
 				return (
 					<a
-          class={this.props.textMessage ? 'message-text-link' : ''}
+						class={this.props.textMessage ? 'message-text-link' : ''}
 						href={ele.attrs['href']}
 						target={this.props.textMessage ? '_blank' : ele.attrs['target']}
 						title={ele.attrs['title']}

package/src/chatbox/main.js

@@ -66,7 +66,9 @@ export default class Main extends Com {
 		this.refreshCSS()
 
 		let lastview = this.props.store.matchLastview() || {}
-		let cid = sb.get(lastview, 'opts.cid')
+		// Only validate a saved cid when restoring an opened widget.
+		// Mobile init may downgrade a saved widget state to preview while keeping stale opts.
+		let cid = sb.get(lastview, 'screen') === 'widget' ? sb.get(lastview, 'opts.cid') : ''
 		if (cid) {
 			this._last_cid = cid
 			this.setState({changing: true}, () => {
@@ -177,11 +179,15 @@ export default class Main extends Com {
 	}
 
 	onNewMessageShowWidget(cid) {
-		if (this.props.store.isMobile()) modifyViewport()
+		if (this.props.store.isMobile()) modifyViewport(this.shouldLockPageScroll())
 		this.props.store.updateLastview({screen: 'widget', previewEvent: {}, view: 'chat', opts: {cid}})
 		this.forceUpdate()
 	}
 
+	shouldLockPageScroll() {
+		return sb.get(this.props.plugin, 'chatbox.mobile_height') === undefined
+	}
+
 	async showWidget(p) {
 		//this.refButton.current && this.refButton.current.ClearPreview()
 
@@ -196,7 +202,7 @@ export default class Main extends Com {
 			newView.opts = {cid}
 		}
 
-		if (this.props.store.isMobile()) modifyViewport()
+		if (this.props.store.isMobile()) modifyViewport(this.shouldLockPageScroll())
 		this.props.store.updateLastview(newView)
 		this.forceUpdate()
 	}
@@ -248,11 +254,13 @@ function restoreViewport() {
 	if (metatag) metatag.remove()
 }
 
-function modifyViewport() {
-	// dont allow to scroll background document
-	if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll')
-	if (document.documentElement && document.documentElement.classList)
-		document.documentElement.classList.add('sbz_no_scroll')
+function modifyViewport(lockPageScroll) {
+	if (lockPageScroll) {
+		// dont allow to scroll background document
+		if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll')
+		if (document.documentElement && document.documentElement.classList)
+			document.documentElement.classList.add('sbz_no_scroll')
+	}
 
 	let currentMetas = document.querySelectorAll('meta[name="viewport"]')
 	let shouldAddMetaTag = true

package/src/util/common.js

@@ -682,6 +682,7 @@ export function replaceCssVariable(css, setting) {
 	//tokens = tokenize(tokens, "'@mobile_button.background_mask_url'")
 	tokens = tokenize(tokens, "'@mobile_button.margin_x'")
 	tokens = tokenize(tokens, "'@mobile_button.margin_y'")
+	tokens = tokenize(tokens, "'@mobile_height'")
 	tokens = tokenize(tokens, "'@widget_position'")
 	tokens = tokenize(tokens, "'@z_index'")
 	tokens = tokenize(tokens, "'@z_index_2'")
@@ -838,6 +839,7 @@ export const DEFVAL = {
 		margin_x: 0.3,
 		margin_y: 0.3,
 	},
+	mobile_height: '100%',
 	widget_position: 'fixed',
 	z_index: 2000000000,
 }

package/src/util/common.test.js

@@ -56,6 +56,13 @@ test('util.randomString', (t) => {
 	t.end()
 })
 
+test('replaceCssVariable mobile height', (t) => {
+	let css = "height: '@mobile_height';"
+	t.equal(util.replaceCssVariable(css, {}), 'height: 100%;', 'defaults to full mobile height')
+	t.equal(util.replaceCssVariable(css, {mobile_height: '50%'}), 'height: 50%;', 'uses configured mobile height')
+	t.end()
+})
+
 test('convert message event first msg send', (t) => {
 	var events = [
 		{by: {id: 1}, type: 'message_sent', created: 1100},

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