@subiz/widget-v4 4.1.71 → 4.1.72

package/src/lib.js

@@ -3,11 +3,11 @@ import sb from './util/index.js'
 import PluginMgr from './plugin.js'
 
 var $link = document.createElement('link')
-$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap'
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'
 $link.rel = 'stylesheet'
 document.head.append($link)
 
-sb.preloadWebfonts(['Inter'], [400, 500, 600])
+sb.preloadWebfonts(['Inter'], [400, 500])
 
 class Widget {
 	constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {

package/src/order/icon.js

@@ -2,11 +2,11 @@ import sb from '../util/index.js'
 let promiseMainCSS = (() => import(/*webpackChunkName: "main-css" */ '../chatbox/css.js'))()
 
 var $link = document.createElement('link')
-$link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'
 $link.rel = 'stylesheet'
 document.head.append($link)
 
-sb.preloadWebfonts(['Roboto'], [400, 500])
+sb.preloadWebfonts(['Inter'], [400, 500])
 
 import Time from '../chatbox/time.js'
 let defaultAvatar = require('../../assets/img/default_avatar.png')

package/src/order/index.js

@@ -26,11 +26,11 @@ function getUrlParameter(name) {
 }
 
 var $link = document.createElement('link')
-$link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'
+$link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap'
 $link.rel = 'stylesheet'
 document.head.append($link)
 
-sb.preloadWebfonts(['Roboto'], [400, 500])
+sb.preloadWebfonts(['Inter'], [400, 500])
 
 async function load() {
 	let store = new Store(config.ApiURL, config.FileURL, config.RealtimeURL, true)

package/src/plugin.js

@@ -2,7 +2,8 @@ import sb from './util/index.js'
 import * as common from './common.js'
 import {h, render, createRef} from 'preact'
 
-const LoadChatbox = () => import(/*webpackChunkName: "chatbox" */ './chatbox/main.js')
+// const LoadChatbox = () => import(/*webpackChunkName: "chatbox" */ './chatbox/main.js')
+import Chatbox from './chatbox/main.js'
 const LoadContact = () => import(/*webpackChunkName: "contact" */ './contact/contact.js')
 const LoadPopup = () => import(/*webpackChunkName: "popup" */ './popup/popup.js')
 const LoadNotif = () => import(/*webpackChunkName: "notif" */ './notif/notif.js')
@@ -54,7 +55,7 @@ function Plugin(plugin, store, $container, lib) {
 
 	var _ref = createRef()
 
-	let Chatbox = null
+	// let Chatbox = null
 	let Popup = null
 	let Contact = null
 	let Notif = null
@@ -70,7 +71,7 @@ function Plugin(plugin, store, $container, lib) {
 		if (_destroy) return
 		if (!$div) return
 		if (plugin.type === 'chatbox') {
-			if (!Chatbox) Chatbox = (await LoadChatbox()).default
+			// if (!Chatbox) Chatbox = (await LoadChatbox()).default
 			render(<Chatbox destroy={_destroy} plugin={plugin} store={store} ref={_ref} t={this.t} />, $div)
 		}
 

package/src/store/api.js

@@ -239,20 +239,7 @@ export default class {
 
 	sendTyping = (cid) => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`)
 
-	sendLostFocus = (device, productid, source_id, sku) =>
-		this.sendEvent({
-			by: {id: this.uid, device: device},
-			type: 'presence_updated',
-			data: {
-				presence: {
-					viewing_product_sku: sku,
-					viewing_product_source_id: source_id,
-					viewing_product_id: productid,
-					pinged: sb.Date.now(),
-					is_focused: false,
-				},
-			},
-		})
+	sendLostFocus = () => this.apireq.post(`/accounts/${this.accid}/focuses/${this.uid}/delete`)
 
 	sendContentView(device, pageUrl, pageTitle, id, source_id, sku) {
 		if (!id) id = undefined // dont accept ''

package/src/store/store.js

@@ -364,15 +364,7 @@ export default class Store {
 			if (!this._track_page_view) return
 
 			let hasfocus = this.browserVisibility === 'visible' && document.hasFocus()
-			if (!hasfocus) {
-				this.api.sendLostFocus(
-					this.device,
-					this._currentViewingProduct.id,
-					this._currentViewingProduct.source_id,
-					this._currentViewingProduct.sku,
-				)
-				return
-			}
+			if (!hasfocus) return this.api.sendLostFocus()
 
 			this.api.sendContentView(
 				this.device,

package/src/util/common.js

@@ -24,26 +24,7 @@ export var XMLHttpRequest = f.contentWindow.XMLHttpRequest
 // that event is sent to
 export function convoOfEv(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.get(ev, 'data.conversation.id')
-		case 'message_sent':
-		case 'message_updated':
-		case 'message_pong':
-			return op.get(ev, 'data.message.conversation_id')
-		case 'ticket_updated':
-			return op.get(ev, 'data.ticket.conversation_id')
-		default:
-			return ''
-	}
+	return op.get(ev, 'data.conversation.id', op.get(ev, 'data.message.conversation_id'))
 }
 
 export function convoToEv(convoid, ev) {
@@ -696,21 +677,6 @@ function browserName() {
 	return 'unknown'
 }
 
-function osName() {
-	var OSName = 'Unknown'
-	if (window.navigator.userAgent.indexOf('Windows NT 10.0') != -1) OSName = 'Windows 10'
-	if (window.navigator.userAgent.indexOf('Windows NT 6.3') != -1) OSName = 'Windows 8.1'
-	if (window.navigator.userAgent.indexOf('Windows NT 6.2') != -1) OSName = 'Windows 8'
-	if (window.navigator.userAgent.indexOf('Windows NT 6.1') != -1) OSName = 'Windows 7'
-	if (window.navigator.userAgent.indexOf('Windows NT 6.0') != -1) OSName = 'Windows Vista'
-	if (window.navigator.userAgent.indexOf('Windows NT 5.1') != -1) OSName = 'Windows XP'
-	if (window.navigator.userAgent.indexOf('Windows NT 5.0') != -1) OSName = 'Windows 2000'
-	if (window.navigator.userAgent.indexOf('Mac') != -1) OSName = 'Mac/iOS'
-	if (window.navigator.userAgent.indexOf('X11') != -1) OSName = 'UNIX'
-	if (window.navigator.userAgent.indexOf('Linux') != -1) OSName = 'Linux'
-	return OSName
-}
-
 // frequencty
 function check_frequently(freq, lastrun, store) {
 	if (!lastrun) return true
@@ -1023,7 +989,7 @@ export function sameDay(a, b, tzoffset) {
 }
 
 // convert ms in UTC (+00:00) to short time in tz
-export function shortTime(utcms, tzoffset, now) {
+export function shortTime(utcms, tzoffset, now, forcelocale) {
 	var machineoffsetmin = -new Date().getTimezoneOffset()
 	var offsetmin = machineoffsetmin
 	if (tzoffset) offsetmin = offsetToMin(tzoffset)
@@ -1036,6 +1002,7 @@ export function shortTime(utcms, tzoffset, now) {
 	let tzhour = tztime.getHours()
 	let tzmin = tztime.getMinutes()
 	let locale = op.get(navigator, 'languages.0', 'en-US')
+	if (forcelocale) locale = forcelocale
 	let tzdddd = tztime.toLocaleDateString(locale, {weekday: 'long'})
 	let tzyear = tztime.getFullYear()
 	let tzmonth = tztime.getMonth() + 1
@@ -1052,9 +1019,18 @@ export function shortTime(utcms, tzoffset, now) {
 	if (diffDay(time, now, tzoffset) <= 5) return tzdddd + ', ' + tzhour + ':' + tzmin
 
 	// over 5 days, same year => SEP 5, 05:44
-	if (diffYear(time, now, tzoffset) === 0) return tzmonthname + ' ' + tzdate + ', ' + tzhour + ':' + tzmin
+	if (diffYear(time, now, tzoffset) === 0) {
+		if (locale === 'vi-VN') {
+			return tzdate + ' ' + tzmonthname + ', ' + tzhour + ':' + tzmin
+		}
+
+		return tzmonthname + ' ' + tzdate + ', ' + tzhour + ':' + tzmin
+	}
 
 	// difference year =>  2019/13/7, 05:44
+	if (locale === 'vi-VN') {
+		return tzdate + '/' + tzmonth + '/' + tzyear + ', ' + tzhour + ':' + tzmin
+	}
 	return tzyear + '/' + tzmonth + '/' + tzdate + ', ' + tzhour + ':' + tzmin
 }
 
@@ -1185,186 +1161,8 @@ export function scrollIntoViewIfNeeded($ele) {
 }
 
 const ALL_CURRENCIES = [
-	{code: 'AFN', symbol: '؋'}, // name: 'Afghani',
-	{code: 'EUR', symbol: '€'}, // name: 'Euro',
-	{code: 'ALL', symbol: 'Lek'}, // name: 'Lek',
-	{code: 'DZD'}, // name: 'Algerian Dinar',
 	{code: 'USD', symbol: '$'}, // name: 'US Dollar',
-	{code: 'AOA'}, // name: 'Kwanza',
-	{code: 'XCD', symbol: '$'}, // name: 'East Caribbean Dollar',
-	{code: 'ARS', symbol: '$'}, // name: 'Argentine Peso',
-	{code: 'AMD'}, // name: 'Armenian Dram',
-	{code: 'AWG', symbol: 'ƒ'}, // name: 'Aruban Florin',
-	{code: 'AUD', symbol: '$'}, // name: 'Australian Dollar',
-	{code: 'AZN', symbol: '₼'}, // name: 'Azerbaijan Manat',
-	{code: 'BSD', symbol: '$'}, // name: 'Bahamian Dollar',
-	{code: 'BHD'}, // name: 'Bahraini Dinar',
-	{code: 'BDT'}, // name: 'Taka',
-	{code: 'BBD', symbol: '$'}, // name: 'Barbados Dollar',
-	{code: 'BYN', symbol: 'Br'}, // name: 'Belarusian Ruble',
-	{code: 'BZD', symbol: 'BZ$'}, // name: 'Belize Dollar',
-	{code: 'XOF'}, // name: 'CFA Franc BCEAO',
-	{code: 'BMD', symbol: '$'}, // name: 'Bermudian Dollar',
-	{code: 'INR', symbol: '₹'}, // name: 'Indian Rupee',
-	{code: 'BTN'}, // name: 'Ngultrum',
-	{code: 'BOB', symbol: '$b'}, // name: 'Boliviano',
-	{code: 'BOV'}, // name: 'Mvdol',
-	{code: 'BAM', symbol: 'KM'}, // name: 'Convertible Mark',
-	{code: 'BWP', symbol: 'P'}, // name: 'Pula',
-	{code: 'NOK', symbol: 'kr'}, // name: 'Norwegian Krone',
-	{code: 'BRL', symbol: 'R$'}, // name: 'Brazilian Real',
-	{code: 'BND', symbol: '$'}, // name: 'Brunei Dollar',
-	{code: 'BGN', symbol: 'лв'}, // name: 'Bulgarian Lev',
-	{code: 'BIF'}, // name: 'Burundi Franc',
-	{code: 'CVE'}, // name: 'Cabo Verde Escudo',
-	{code: 'KHR', symbol: '៛'}, // name: 'Riel',
-	{code: 'XAF'}, // name: 'CFA Franc BEAC',
-	{code: 'CAD', symbol: '$'}, // name: 'Canadian Dollar',
-	{code: 'KYD', symbol: '$'}, // name: 'Cayman Islands Dollar',
-	{code: 'CLP', symbol: '$'}, // name: 'Chilean Peso',
-	{code: 'CLF'}, // name: 'Unidad de Fomento',
-	{code: 'CNY', symbol: '¥'}, // name: 'Yuan Renminbi',
-	{code: 'COP', symbol: '$'}, // name: 'Colombian Peso',
-	{code: 'COU'}, // name: 'Unidad de Valor Real',
-	{code: 'KMF'}, // name: 'Comorian Franc ',
-	{code: 'CDF'}, // name: 'Congolese Franc',
-	{code: 'NZD', symbol: '$'}, // name: 'New Zealand Dollar',
-	{code: 'CRC', symbol: '₡'}, // name: 'Costa Rican Colon',
-	{code: 'HRK', symbol: 'kn'}, // name: 'Kuna',
-	{code: 'CUP', symbol: '₱'}, // name: 'Cuban Peso',
-	{code: 'CUC'}, // name: 'Peso Convertible',
-	{code: 'ANG', symbol: 'ƒ'}, // name: 'Netherlands Antillean Guilder',
-	{code: 'CZK', symbol: 'Kč'}, // name: 'Czech Koruna',
-	{code: 'DKK', symbol: 'kr'}, // name: 'Danish Krone',
-	{code: 'DJF'}, // name: 'Djibouti Franc',
-	{code: 'DOP', symbol: 'RD$'}, // name: 'Dominican Peso',
-	{code: 'EGP', symbol: '£'}, // name: 'Egyptian Pound',
-	{code: 'SVC', symbol: '$'}, // name: 'El Salvador Colon',
-	{code: 'ERN'}, // name: 'Nakfa',
-	{code: 'SZL'}, // name: 'Lilangeni',
-	{code: 'ETB'}, // name: 'Ethiopian Birr',
-	{code: 'FKP', symbol: '£'}, // name: 'Falkland Islands Pound',
-	{code: 'FJD', symbol: '$'}, // name: 'Fiji Dollar',
-	{code: 'XPF'}, // name: 'CFP Franc',
-	{code: 'GMD'}, // name: 'Dalasi',
-	{code: 'GEL'}, // name: 'Lari',
-	{code: 'GHS', symbol: '¢'}, // name: 'Ghana Cedi',
-	{code: 'GIP', symbol: '£'}, // name: 'Gibraltar Pound',
-	{code: 'GTQ', symbol: 'Q'}, // name: 'Quetzal',
-	{code: 'GBP', symbol: '£'}, // name: 'Pound Sterling',
-	{code: 'GNF'}, // name: 'Guinean Franc',
-	{code: 'GYD', symbol: '$'}, // name: 'Guyana Dollar',
-	{code: 'HTG'}, // name: 'Gourde',
-	{code: 'HNL', symbol: 'L'}, // name: 'Lempira',
-	{code: 'HKD', symbol: '$'}, // name: 'Hong Kong Dollar',
-	{code: 'HUF', symbol: 'Ft'}, // name: 'Forint',
-	{code: 'ISK', symbol: 'kr'}, // name: 'Iceland Krona',
-	{code: 'IDR', symbol: 'Rp'}, // name: 'Rupiah',
-	{code: 'XDR'}, // name: 'SDR (Special Drawing Right)',
-	{code: 'IRR', symbol: '﷼'}, // name: 'Iranian Rial',
-	{code: 'IQD'}, // name: 'Iraqi Dinar',
-	{code: 'ILS', symbol: '₪'}, // name: 'New Israeli Sheqel',
-	{code: 'JMD', symbol: 'J$'}, // name: 'Jamaican Dollar',
-	{code: 'JPY', symbol: '¥'}, // name: 'Yen',
-	{code: 'JOD'}, // name: 'Jordanian Dinar',
-	{code: 'KZT', symbol: 'лв'}, // name: 'Tenge',
-	{code: 'KES'}, // name: 'Kenyan Shilling',
-	{code: 'KPW', symbol: '₩'}, // name: 'North Korean Won',
-	{code: 'KRW', symbol: '₩'}, // name: 'Won',
-	{code: 'KWD'}, // name: 'Kuwaiti Dinar',
-	{code: 'KGS', symbol: 'лв'}, // name: 'Som',
-	{code: 'LAK', symbol: '₭'}, // name: 'Lao Kip',
-	{code: 'LBP', symbol: '£'}, // name: 'Lebanese Pound',
-	{code: 'LSL'}, // name: 'Loti',
-	{code: 'ZAR', symbol: 'R'}, // name: 'Rand',
-	{code: 'LRD', symbol: '$'}, // name: 'Liberian Dollar',
-	{code: 'LYD'}, // name: 'Libyan Dinar',
-	{code: 'CHF', symbol: 'CHF'}, // name: 'Swiss Franc',
-	{code: 'MOP'}, // name: 'Pataca',
-	{code: 'MKD', symbol: 'ден'}, // name: 'Denar',
-	{code: 'MGA'}, // name: 'Malagasy Ariary',
-	{code: 'MWK'}, // name: 'Malawi Kwacha',
-	{code: 'MYR', symbol: 'RM'}, // name: 'Malaysian Ringgit',
-	{code: 'MVR'}, // name: 'Rufiyaa',
-	{code: 'MRU'}, // name: 'Ouguiya',
-	{code: 'MUR', symbol: '₨'}, // name: 'Mauritius Rupee',
-	{code: 'XUA'}, // name: 'ADB Unit of Account',
-	{code: 'MXN', symbol: '$'}, // name: 'Mexican Peso',
-	{code: 'MXV'}, // name: 'Mexican Unidad de Inversion (UDI)',
-	{code: 'MDL'}, // name: 'Moldovan Leu',
-	{code: 'MNT', symbol: '₮'}, // name: 'Tugrik',
-	{code: 'MAD'}, // name: 'Moroccan Dirham',
-	{code: 'MZN', symbol: 'MT'}, // name: 'Mozambique Metical',
-	{code: 'MMK'}, // name: 'Kyat',
-	{code: 'NAD', symbol: '$'}, // name: 'Namibia Dollar',
-	{code: 'NPR', symbol: '₨'}, // name: 'Nepalese Rupee',
-	{code: 'NIO', symbol: 'C$'}, // name: 'Cordoba Oro',
-	{code: 'NGN', symbol: '₦'}, // name: 'Naira',
-	{code: 'OMR', symbol: '﷼'}, // name: 'Rial Omani',
-	{code: 'PKR', symbol: '₨'}, // name: 'Pakistan Rupee',
-	{code: 'PAB', symbol: 'B/.'}, // name: 'Balboa',
-	{code: 'PGK'}, // name: 'Kina',
-	{code: 'PYG', symbol: 'Gs'}, // name: 'Guarani',
-	{code: 'PEN', symbol: 'S/.'}, // name: 'Sol',
-	{code: 'PHP', symbol: '₱'}, // name: 'Philippine Peso',
-	{code: 'PLN', symbol: 'zł'}, // name: 'Zloty',
-	{code: 'QAR', symbol: '﷼'}, // name: 'Qatari Rial',
-	{code: 'RON', symbol: 'lei'}, // name: 'Romanian Leu',
-	{code: 'RUB', symbol: '₽'}, // name: 'Russian Ruble',
-	{code: 'RWF'}, // name: 'Rwanda Franc',
-	{code: 'SHP', symbol: '£'}, // name: 'Saint Helena Pound',
-	{code: 'WST'}, // name: 'Tala',
-	{code: 'STN'}, // name: 'Dobra',
-	{code: 'SAR', symbol: '﷼'}, // name: 'Saudi Riyal',
-	{code: 'RSD', symbol: 'Дин.'}, // name: 'Serbian Dinar',
-	{code: 'SCR', symbol: '₨'}, // name: 'Seychelles Rupee',
-	{code: 'SLL'}, // name: 'Leone',
-	{code: 'SGD', symbol: '$'}, // name: 'Singapore Dollar',
-	{code: 'XSU'}, // name: 'Sucre',
-	{code: 'SBD', symbol: '$'}, // name: 'Solomon Islands Dollar',
-	{code: 'SOS', symbol: 'S'}, // name: 'Somali Shilling',
-	{code: 'SSP'}, // name: 'South Sudanese Pound',
-	{code: 'LKR', symbol: '₨'}, // name: 'Sri Lanka Rupee',
-	{code: 'SDG'}, // name: 'Sudanese Pound',
-	{code: 'SRD', symbol: '$'}, // name: 'Surinam Dollar',
-	{code: 'SEK', symbol: 'kr'}, // name: 'Swedish Krona',
-	{code: 'CHE'}, // name: 'WIR Euro',
-	{code: 'CHW'}, // name: 'WIR Franc',
-	{code: 'SYP', symbol: '£'}, // name: 'Syrian Pound',
-	{code: 'TWD', symbol: 'NT$'}, // name: 'New Taiwan Dollar',
-	{code: 'TJS'}, // name: 'Somoni',
-	{code: 'TZS'}, // name: 'Tanzanian Shilling',
-	{code: 'THB', symbol: '฿'}, // name: 'Baht',
-	{code: 'TOP'}, // name: 'Pa’anga',
-	{code: 'TTD', symbol: 'TT$'}, // name: 'Trinidad and Tobago Dollar',
-	{code: 'TND'}, // name: 'Tunisian Dinar',
-	{code: 'TRY', symbol: '₺'}, // name: 'Turkish Lira',
-	{code: 'TMT'}, // name: 'Turkmenistan New Manat',
-	{code: 'UGX'}, // name: 'Uganda Shilling',
-	{code: 'UAH', symbol: '₴'}, // name: 'Hryvnia',
-	{code: 'AED', symbol: ' د.إ'}, // name: 'UAE Dirham',
-	{code: 'USN'}, // name: 'US Dollar (Next day)',
-	{code: 'UYU', symbol: '$U'}, // name: 'Peso Uruguayo',
-	{code: 'UYI'}, // name: 'Uruguay Peso en Unidades Indexadas (UI)',
-	{code: 'UYW'}, // name: 'Unidad Previsional',
-	{code: 'UZS', symbol: 'лв'}, // name: 'Uzbekistan Sum',
-	{code: 'VUV'}, // name: 'Vatu',
-	{code: 'VES'}, // name: 'Bolívar Soberano',
-	{code: 'VED'}, // name: 'Bolívar Soberano',
 	{code: 'VND', symbol: '₫'}, // name: 'Dong',
-	{code: 'YER', symbol: '﷼'}, // name: 'Yemeni Rial',
-	{code: 'ZMW'}, // name: 'Zambian Kwacha',
-	{code: 'ZWL'}, // name: 'Zimbabwe Dollar',
-	{code: 'XBA'}, // name: 'Bond Markets Unit European Composite Unit (EURCO)',
-	{code: 'XBB'}, // name: 'Bond Markets Unit European Monetary Unit (E.M.U.-6)',
-	{code: 'XBC'}, // name: 'Bond Markets Unit European Unit of Account 9 (E.U.A.-9)',
-	{code: 'XBD'}, // name: 'Bond Markets Unit European Unit of Account 17 (E.U.A.-17)',
-	{code: 'XTS'}, // name: 'Codes specifically reserved for testing purposes',
-	{code: 'XXX'}, // name: 'The codes assigned for transactions where no currency is involved',
-	{code: 'XAU'}, // name: 'Gold',
-	{code: 'XPD'}, // name: 'Palladium',
-	{code: 'XPT'}, // name: 'Platinum',
-	{code: 'XAG'}, // name: 'Silver',
 ]
 
 // if (!Element.prototype.scrollIntoViewIfNeeded) {

package/src/util/index.js

@@ -32,7 +32,4 @@ sb = Object.assign(sb, extractor)
 import * as campaign from './campaign.js'
 sb = Object.assign(sb, campaign)
 
-import * as order from './order.js'
-sb = Object.assign(sb, order)
-
 export default sb

package/compiled_src/util/order.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.calcOrderTotal = calcOrderTotal;
-exports.displayOrderShippingAddress = displayOrderShippingAddress;
-exports.getOrderDisplayName = getOrderDisplayName;
-exports.getProductPropName = getProductPropName;
-const op = require('./op.js');
-const common = require('./common');
-op.filter = common.filter;
-op.map = common.map;
-op.each = common.each;
-op.size = common.size;
-op.find = common.find;
-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;
-}