@subiz/widget-v4 4.1.28 → 4.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.28",
+	"version": "4.1.30",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/chatbox/ChatButton.js

@@ -268,6 +268,11 @@ export default class ChatButton extends Com {
 				height: 70px !important;
 				width: 70px !important;
 				background: ${background} !important;
+        mask-size: cover !important;
+        -webkit-mask-size: cover !important;
+        -o-mask-size: cover !important;
+        -moz-mask-size: cover !important;
+        mask-size: cover !important;
 			`
 		}
 		if (imgurl && maskurl) {
@@ -278,6 +283,10 @@ export default class ChatButton extends Com {
 				mask-image: url("${encodeURI(maskurl)}") !important;
 				background-image: url("${encodeURI(imgurl)}") !important;
 				background-repeat: no-repeat !important;
+        -webkit-mask-size: cover !important;
+        -o-mask-size: cover !important;
+        -moz-mask-size: cover !important;
+        mask-size: cover !important;
 			`
 		}
 
@@ -297,6 +306,10 @@ export default class ChatButton extends Com {
 				height: 70px !important;
 				width: 70px !important;
 				background: ${background} !important;
+        -webkit-mask-size: cover !important;
+        -o-mask-size: cover !important;
+        -moz-mask-size: cover !important;
+        mask-size: cover !important;
 			`
 		}
 

package/src/chatbox/GenericTemplateAttachments.js

@@ -42,14 +42,14 @@ export default class GenericTemplateAttachments extends Com {
 				let $title = title ? <div class='generic-attachment--element-title'>{title}</div> : null
 				let $subtitle = subtitle ? <div class='generic-attachment--element-subtitle'>{subtitle}</div> : null
 
+				let imgsrc = this.props.store.replaceFileUrl(ele.image_url)
+				if (!ele.image_url) {
+					imgsrc = require('../../assets/img/default.jpg')
+				}
 				return (
 					<div class='generic-attachment--element swiper-slide'>
 						<div>
-							<img
-								alt='generic attachment element'
-								class='generic-attachment--element-img'
-								src={this.props.store.replaceFileUrl(ele.image_url)}
-							/>
+							<img alt='generic attachment element' class='generic-attachment--element-img' src={imgsrc} />
 						</div>
 						<div class='generic-attachment--element-content'>
 							{$title}

package/src/chatbox/ProductAttachments.js

@@ -78,19 +78,20 @@ export default class ProductAttachments extends Com {
 			let desc = product.description || product.long_description
 			if (desc) $subtitle = <div class='product_attachment__subtitle'>{desc}</div>
 
+			let currency = product.currency || sb.get(acc, 'currency', 'VND')
 			let $price = null
 			if (product.price) {
-				$price = (
-					<div class='product_attachment__price'>
-						{product.currency || sb.get(acc, 'currency', '')} {sb.formatCurrency(product.price)}
-					</div>
-				)
+				$price = <div class='product_attachment__price'>{sb.formatCurrency(product.price, currency)}</div>
+			}
+			let imgsrc = this.props.store.replaceFileUrl(product.image)
+			if (!product.image) {
+				imgsrc = require('../../assets/img/default.jpg')
 			}
 			return (
 				<div class={'product_attachment product_attachment__' + byType}>
 					<div>
 						<a href={this.props.store.replaceFileUrl(product.image)} target='_blank'>
-							<img class='product_attachment__img' src={this.props.store.replaceFileUrl(product.image)} />
+							<img class='product_attachment__img' src={imgsrc} />
 						</a>
 					</div>
 					{$title}

package/src/util/common.js

@@ -1082,10 +1082,22 @@ export function getUrlParameter() {
 
 export var sleep = (ms) => new Promise((res) => setTimeout(res, ms))
 
-export function formatCurrency(val) {
-	if (!val) return '0 đ'
+export function formatCurrency(val, currency = 'VND') {
+	let currencyObj = ALL_CURRENCIES.find((cur) => cur.code === currency) || {name: 'Dong', code: 'VND', symbol: '₫'}
+
+	let prefix = ''
+	let suffix = ''
+	if (currency === 'VND') {
+		prefix = ''
+		suffix = ' ' + currencyObj.symbol
+	} else {
+		prefix = currencyObj.symbol + ' '
+		suffix = ''
+	}
+
+	if (!val) return `${prefix}0${suffix}`
 	val = Math.round(val)
-	return val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + ' đ'
+	return prefix + val.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + suffix
 }
 
 function replaceFileUrl(src) {
@@ -1155,6 +1167,189 @@ export function scrollIntoViewIfNeeded($ele) {
 	}
 }
 
+const ALL_CURRENCIES = [
+	{name: 'Afghani', code: 'AFN', symbol: '؋'},
+	{name: 'Euro', code: 'EUR', symbol: '€'},
+	{name: 'Lek', code: 'ALL', symbol: 'Lek'},
+	{name: 'Algerian Dinar', code: 'DZD'},
+	{name: 'US Dollar', code: 'USD', symbol: '$'},
+	{name: 'Kwanza', code: 'AOA'},
+	{name: 'East Caribbean Dollar', code: 'XCD', symbol: '$'},
+	{name: 'Argentine Peso', code: 'ARS', symbol: '$'},
+	{name: 'Armenian Dram', code: 'AMD'},
+	{name: 'Aruban Florin', code: 'AWG', symbol: 'ƒ'},
+	{name: 'Australian Dollar', code: 'AUD', symbol: '$'},
+	{name: 'Azerbaijan Manat', code: 'AZN', symbol: '₼'},
+	{name: 'Bahamian Dollar', code: 'BSD', symbol: '$'},
+	{name: 'Bahraini Dinar', code: 'BHD'},
+	{name: 'Taka', code: 'BDT'},
+	{name: 'Barbados Dollar', code: 'BBD', symbol: '$'},
+	{name: 'Belarusian Ruble', code: 'BYN', symbol: 'Br'},
+	{name: 'Belize Dollar', code: 'BZD', symbol: 'BZ$'},
+	{name: 'CFA Franc BCEAO', code: 'XOF'},
+	{name: 'Bermudian Dollar', code: 'BMD', symbol: '$'},
+	{name: 'Indian Rupee', code: 'INR', symbol: '₹'},
+	{name: 'Ngultrum', code: 'BTN'},
+	{name: 'Boliviano', code: 'BOB', symbol: '$b'},
+	{name: 'Mvdol', code: 'BOV'},
+	{name: 'Convertible Mark', code: 'BAM', symbol: 'KM'},
+	{name: 'Pula', code: 'BWP', symbol: 'P'},
+	{name: 'Norwegian Krone', code: 'NOK', symbol: 'kr'},
+	{name: 'Brazilian Real', code: 'BRL', symbol: 'R$'},
+	{name: 'Brunei Dollar', code: 'BND', symbol: '$'},
+	{name: 'Bulgarian Lev', code: 'BGN', symbol: 'лв'},
+	{name: 'Burundi Franc', code: 'BIF'},
+	{name: 'Cabo Verde Escudo', code: 'CVE'},
+	{name: 'Riel', code: 'KHR', symbol: '៛'},
+	{name: 'CFA Franc BEAC', code: 'XAF'},
+	{name: 'Canadian Dollar', code: 'CAD', symbol: '$'},
+	{name: 'Cayman Islands Dollar', code: 'KYD', symbol: '$'},
+	{name: 'Chilean Peso', code: 'CLP', symbol: '$'},
+	{name: 'Unidad de Fomento', code: 'CLF'},
+	{name: 'Yuan Renminbi', code: 'CNY', symbol: '¥'},
+	{name: 'Colombian Peso', code: 'COP', symbol: '$'},
+	{name: 'Unidad de Valor Real', code: 'COU'},
+	{name: 'Comorian Franc ', code: 'KMF'},
+	{name: 'Congolese Franc', code: 'CDF'},
+	{name: 'New Zealand Dollar', code: 'NZD', symbol: '$'},
+	{name: 'Costa Rican Colon', code: 'CRC', symbol: '₡'},
+	{name: 'Kuna', code: 'HRK', symbol: 'kn'},
+	{name: 'Cuban Peso', code: 'CUP', symbol: '₱'},
+	{name: 'Peso Convertible', code: 'CUC'},
+	{name: 'Netherlands Antillean Guilder', code: 'ANG', symbol: 'ƒ'},
+	{name: 'Czech Koruna', code: 'CZK', symbol: 'Kč'},
+	{name: 'Danish Krone', code: 'DKK', symbol: 'kr'},
+	{name: 'Djibouti Franc', code: 'DJF'},
+	{name: 'Dominican Peso', code: 'DOP', symbol: 'RD$'},
+	{name: 'Egyptian Pound', code: 'EGP', symbol: '£'},
+	{name: 'El Salvador Colon', code: 'SVC', symbol: '$'},
+	{name: 'Nakfa', code: 'ERN'},
+	{name: 'Lilangeni', code: 'SZL'},
+	{name: 'Ethiopian Birr', code: 'ETB'},
+	{name: 'Falkland Islands Pound', code: 'FKP', symbol: '£'},
+	{name: 'Fiji Dollar', code: 'FJD', symbol: '$'},
+	{name: 'CFP Franc', code: 'XPF'},
+	{name: 'Dalasi', code: 'GMD'},
+	{name: 'Lari', code: 'GEL'},
+	{name: 'Ghana Cedi', code: 'GHS', symbol: '¢'},
+	{name: 'Gibraltar Pound', code: 'GIP', symbol: '£'},
+	{name: 'Quetzal', code: 'GTQ', symbol: 'Q'},
+	{name: 'Pound Sterling', code: 'GBP', symbol: '£'},
+	{name: 'Guinean Franc', code: 'GNF'},
+	{name: 'Guyana Dollar', code: 'GYD', symbol: '$'},
+	{name: 'Gourde', code: 'HTG'},
+	{name: 'Lempira', code: 'HNL', symbol: 'L'},
+	{name: 'Hong Kong Dollar', code: 'HKD', symbol: '$'},
+	{name: 'Forint', code: 'HUF', symbol: 'Ft'},
+	{name: 'Iceland Krona', code: 'ISK', symbol: 'kr'},
+	{name: 'Rupiah', code: 'IDR', symbol: 'Rp'},
+	{name: 'SDR (Special Drawing Right)', code: 'XDR'},
+	{name: 'Iranian Rial', code: 'IRR', symbol: '﷼'},
+	{name: 'Iraqi Dinar', code: 'IQD'},
+	{name: 'New Israeli Sheqel', code: 'ILS', symbol: '₪'},
+	{name: 'Jamaican Dollar', code: 'JMD', symbol: 'J$'},
+	{name: 'Yen', code: 'JPY', symbol: '¥'},
+	{name: 'Jordanian Dinar', code: 'JOD'},
+	{name: 'Tenge', code: 'KZT', symbol: 'лв'},
+	{name: 'Kenyan Shilling', code: 'KES'},
+	{name: 'North Korean Won', code: 'KPW', symbol: '₩'},
+	{name: 'Won', code: 'KRW', symbol: '₩'},
+	{name: 'Kuwaiti Dinar', code: 'KWD'},
+	{name: 'Som', code: 'KGS', symbol: 'лв'},
+	{name: 'Lao Kip', code: 'LAK', symbol: '₭'},
+	{name: 'Lebanese Pound', code: 'LBP', symbol: '£'},
+	{name: 'Loti', code: 'LSL'},
+	{name: 'Rand', code: 'ZAR', symbol: 'R'},
+	{name: 'Liberian Dollar', code: 'LRD', symbol: '$'},
+	{name: 'Libyan Dinar', code: 'LYD'},
+	{name: 'Swiss Franc', code: 'CHF', symbol: 'CHF'},
+	{name: 'Pataca', code: 'MOP'},
+	{name: 'Denar', code: 'MKD', symbol: 'ден'},
+	{name: 'Malagasy Ariary', code: 'MGA'},
+	{name: 'Malawi Kwacha', code: 'MWK'},
+	{name: 'Malaysian Ringgit', code: 'MYR', symbol: 'RM'},
+	{name: 'Rufiyaa', code: 'MVR'},
+	{name: 'Ouguiya', code: 'MRU'},
+	{name: 'Mauritius Rupee', code: 'MUR', symbol: '₨'},
+	{name: 'ADB Unit of Account', code: 'XUA'},
+	{name: 'Mexican Peso', code: 'MXN', symbol: '$'},
+	{name: 'Mexican Unidad de Inversion (UDI)', code: 'MXV'},
+	{name: 'Moldovan Leu', code: 'MDL'},
+	{name: 'Tugrik', code: 'MNT', symbol: '₮'},
+	{name: 'Moroccan Dirham', code: 'MAD'},
+	{name: 'Mozambique Metical', code: 'MZN', symbol: 'MT'},
+	{name: 'Kyat', code: 'MMK'},
+	{name: 'Namibia Dollar', code: 'NAD', symbol: '$'},
+	{name: 'Nepalese Rupee', code: 'NPR', symbol: '₨'},
+	{name: 'Cordoba Oro', code: 'NIO', symbol: 'C$'},
+	{name: 'Naira', code: 'NGN', symbol: '₦'},
+	{name: 'Rial Omani', code: 'OMR', symbol: '﷼'},
+	{name: 'Pakistan Rupee', code: 'PKR', symbol: '₨'},
+	{name: 'Balboa', code: 'PAB', symbol: 'B/.'},
+	{name: 'Kina', code: 'PGK'},
+	{name: 'Guarani', code: 'PYG', symbol: 'Gs'},
+	{name: 'Sol', code: 'PEN', symbol: 'S/.'},
+	{name: 'Philippine Peso', code: 'PHP', symbol: '₱'},
+	{name: 'Zloty', code: 'PLN', symbol: 'zł'},
+	{name: 'Qatari Rial', code: 'QAR', symbol: '﷼'},
+	{name: 'Romanian Leu', code: 'RON', symbol: 'lei'},
+	{name: 'Russian Ruble', code: 'RUB', symbol: '₽'},
+	{name: 'Rwanda Franc', code: 'RWF'},
+	{name: 'Saint Helena Pound', code: 'SHP', symbol: '£'},
+	{name: 'Tala', code: 'WST'},
+	{name: 'Dobra', code: 'STN'},
+	{name: 'Saudi Riyal', code: 'SAR', symbol: '﷼'},
+	{name: 'Serbian Dinar', code: 'RSD', symbol: 'Дин.'},
+	{name: 'Seychelles Rupee', code: 'SCR', symbol: '₨'},
+	{name: 'Leone', code: 'SLL'},
+	{name: 'Singapore Dollar', code: 'SGD', symbol: '$'},
+	{name: 'Sucre', code: 'XSU'},
+	{name: 'Solomon Islands Dollar', code: 'SBD', symbol: '$'},
+	{name: 'Somali Shilling', code: 'SOS', symbol: 'S'},
+	{name: 'South Sudanese Pound', code: 'SSP'},
+	{name: 'Sri Lanka Rupee', code: 'LKR', symbol: '₨'},
+	{name: 'Sudanese Pound', code: 'SDG'},
+	{name: 'Surinam Dollar', code: 'SRD', symbol: '$'},
+	{name: 'Swedish Krona', code: 'SEK', symbol: 'kr'},
+	{name: 'WIR Euro', code: 'CHE'},
+	{name: 'WIR Franc', code: 'CHW'},
+	{name: 'Syrian Pound', code: 'SYP', symbol: '£'},
+	{name: 'New Taiwan Dollar', code: 'TWD', symbol: 'NT$'},
+	{name: 'Somoni', code: 'TJS'},
+	{name: 'Tanzanian Shilling', code: 'TZS'},
+	{name: 'Baht', code: 'THB', symbol: '฿'},
+	{name: 'Pa’anga', code: 'TOP'},
+	{name: 'Trinidad and Tobago Dollar', code: 'TTD', symbol: 'TT$'},
+	{name: 'Tunisian Dinar', code: 'TND'},
+	{name: 'Turkish Lira', code: 'TRY', symbol: '₺'},
+	{name: 'Turkmenistan New Manat', code: 'TMT'},
+	{name: 'Uganda Shilling', code: 'UGX'},
+	{name: 'Hryvnia', code: 'UAH', symbol: '₴'},
+	{name: 'UAE Dirham', code: 'AED', symbol: ' د.إ'},
+	{name: 'US Dollar (Next day)', code: 'USN'},
+	{name: 'Peso Uruguayo', code: 'UYU', symbol: '$U'},
+	{name: 'Uruguay Peso en Unidades Indexadas (UI)', code: 'UYI'},
+	{name: 'Unidad Previsional', code: 'UYW'},
+	{name: 'Uzbekistan Sum', code: 'UZS', symbol: 'лв'},
+	{name: 'Vatu', code: 'VUV'},
+	{name: 'Bolívar Soberano', code: 'VES'},
+	{name: 'Bolívar Soberano', code: 'VED'},
+	{name: 'Dong', code: 'VND', symbol: '₫'},
+	{name: 'Yemeni Rial', code: 'YER', symbol: '﷼'},
+	{name: 'Zambian Kwacha', code: 'ZMW'},
+	{name: 'Zimbabwe Dollar', code: 'ZWL'},
+	{name: 'Bond Markets Unit European Composite Unit (EURCO)', code: 'XBA'},
+	{name: 'Bond Markets Unit European Monetary Unit (E.M.U.-6)', code: 'XBB'},
+	{name: 'Bond Markets Unit European Unit of Account 9 (E.U.A.-9)', code: 'XBC'},
+	{name: 'Bond Markets Unit European Unit of Account 17 (E.U.A.-17)', code: 'XBD'},
+	{name: 'Codes specifically reserved for testing purposes', code: 'XTS'},
+	{name: 'The codes assigned for transactions where no currency is involved', code: 'XXX'},
+	{name: 'Gold', code: 'XAU'},
+	{name: 'Palladium', code: 'XPD'},
+	{name: 'Platinum', code: 'XPT'},
+	{name: 'Silver', code: 'XAG'},
+]
+
 // if (!Element.prototype.scrollIntoViewIfNeeded) {
 //Element.prototype.scrollIntoViewIfNeeded = function(centerIfNeeded) {