@subiz/widget-v4 4.1.27 → 4.1.29

package/index.html

@@ -13,6 +13,7 @@
 	</head>
 	<body>
 		<h1>Subiz widget testing</h1>
+		<button id="test1">Test 1</button>
 		<script>
 			function getUrlParameter(name) {
 				name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]')
@@ -38,6 +39,13 @@
 			if (accid == 'acpxkgumifuoofoosble') {
 				window.subiz('setViewingProduct', {id: '220170', sku: 'ipx', source_id: 'IPHONE10'})
 			}
+
+			setTimeout(function () {
+				const button = document.createElement('button')
+				button.innerText = 'test2'
+				button.id = 'test2'
+				document.body.appendChild(button)
+			}, 2000)
 		</script>
 	</body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.27",
+	"version": "4.1.29",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -12,30 +12,30 @@
 		"@subiz/ajax": "^3.0.12",
 		"@subiz/flow": "^1.0.9",
 		"@subiz/storage": "0.0.8",
-		"@subiz/wsclient": "^4.0.10",
+		"@subiz/wsclient": "^4.0.14",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.29.0",
+		"core-js": "^3.30.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.3",
 		"less-loader": "^11.1.0",
-		"marked": "^4.2.12",
-		"preact": "^10.13.0"
+		"marked": "^4.3.0",
+		"preact": "^10.13.2"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.21.0",
-		"@babel/core": "^7.21.0",
+		"@babel/core": "^7.21.4",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.21.0",
-		"@babel/preset-env": "^7.20.2",
+		"@babel/preset-env": "^7.21.4",
 		"babel-loader": "^9.1.2",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
-		"prettier": "^2.8.4",
+		"prettier": "^2.8.7",
 		"puppeteer": "^19.7.3",
-		"webpack": "^5.76.0",
+		"webpack": "^5.78.0",
 		"webpack-bundle-analyzer": "^4.8.0",
 		"webpack-cli": "^5.0.1",
-		"webpack-dev-server": "^4.11.1"
+		"webpack-dev-server": "^4.13.2"
 	}
 }

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/chatbox/Widget.js

@@ -25,6 +25,8 @@ export default class Widget extends Com {
 	constructor(props) {
 		super(props)
 		this.userSent = {}
+		// check user had input form
+		this.wasFormInputed = false
 		this.setState({
 			creating: false,
 			clickedJoin: false,
@@ -241,6 +243,7 @@ export default class Widget extends Com {
 	}
 
 	onBooleanChange(key, e) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (_, fkkey) => fkkey === key)
 		if (!field) return
@@ -250,6 +253,7 @@ export default class Widget extends Com {
 	}
 
 	onInputChange(key, val) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (_, fkkey) => fkkey === key)
 		if (!field) return
@@ -258,6 +262,7 @@ export default class Widget extends Com {
 	}
 
 	onListAddItem(key, val) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (_, fkkey) => fkkey === key)
 		if (!field) return
@@ -268,6 +273,7 @@ export default class Widget extends Com {
 	}
 
 	onListRemoveItem(key, index) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (_, fkkey) => fkkey === key)
 		if (!field) return
@@ -308,6 +314,7 @@ export default class Widget extends Com {
 	}
 
 	toggleCheckboxField(key, v) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (f, fkkey) => f.key === key)
 		if (!field) return
@@ -355,6 +362,7 @@ export default class Widget extends Com {
 	}
 
 	toggleRadioField(key, v) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (f, fkkey) => f.key === key)
 		if (!field) return
@@ -364,6 +372,7 @@ export default class Widget extends Com {
 	}
 
 	selectDropdownField(key, v) {
+		this.wasFormInputed = true
 		let formData = sb.cloneDeep(this.state.formData)
 		let field = sb.find(formData, (f, fkkey) => f.key === key)
 		if (!field) return
@@ -722,12 +731,17 @@ export default class Widget extends Com {
 		this.props.store.createPostback(this.props.cid, postback)
 	}
 
+	onChangeMessageInput() {
+		this.wasFormInputed = true
+	}
+
 	renderChat() {
 		let $input = (
 			<MessageInput
 				store={this.props.store}
 				ref={this.msgInput}
 				cid={this.props.cid}
+				onChange={this.onChangeMessageInput}
 				onSend={this.sendMessage}
 				t={this.props.t}
 			/>

package/src/chatbox/main.js

@@ -14,6 +14,7 @@ export default class Main extends Com {
 	constructor(props) {
 		super(props)
 		this.refButton = createRef()
+		this.refWidget = createRef()
 	}
 
 	async refreshCSS() {
@@ -49,7 +50,7 @@ export default class Main extends Com {
 
 		this.checkExpand()
 		this.props.store.onResetCSS(this, () => this.refreshCSS())
-		this.props.store.onConvoEvent(this, (_) => this.checkExpand())
+		this.props.store.onConvoEvent(this, (ev) => this.onConvoEvent(ev))
 		this.props.store.onUpdate(this, (_) => this.checkExpand())
 		await this.refreshCSS()
 		this.setState({cssready: true})
@@ -89,11 +90,33 @@ export default class Main extends Com {
 					onClose={(a) => this.onWidgetClose(a)}
 					onGo={(a) => this.showWidget(a)}
 					t={this.props.t}
+					ref={this.refWidget}
 				/>
 			</div>
 		)
 	}
 
+	onConvoEvent(ev) {
+		this.checkExpand()
+		this.checkShowBotConvo(ev)
+	}
+
+	checkShowBotConvo(ev) {
+		let $widget = this.refWidget.current
+		if (!$widget) return
+		if ($widget.wasFormInputed) return
+		if (ev.type !== 'message_sent') return
+		if (!this.state.isShowWidget) return
+
+		let byType = sb.get(ev, 'by.type')
+		let byid = sb.get(ev, 'by.id') || ''
+		if (!byid.startsWith('bb') || byType !== 'agent') return
+
+		let cid = sb.get(ev, 'data.message.conversation_id')
+		if (!cid) return
+		this.showWidget({cid, view: 'chat'})
+	}
+
 	checkExpand() {
 		// run on desktop environment only
 		if (this.props.store.isMobile()) return

package/src/util/campaign.js

@@ -35,14 +35,15 @@ export function trackAreaClicked(selector, cb) {
 	common.map(selector.split('\n'), (selector) => {
 		selector = common.trim(selector)
 		if (!selector) return
-		let doms = []
-		try {
-			doms = document.querySelectorAll(selector)
-		} catch (e) {}
-		common.map(doms, (dom) => {
-			if (!dom) return
-			dom.addEventListener('click', cb, false)
-		})
+		on('click', selector, cb)
+		//let doms = []
+		//try {
+		//doms = document.querySelectorAll(selector)
+		//} catch (e) {}
+		//common.map(doms, (dom) => {
+		//if (!dom) return
+		//dom.addEventListener('click', cb, false)
+		//})
 	})
 }
 
@@ -99,3 +100,23 @@ export function trackTimeOnPage(seconds = 0, cb) {
 		common.clearInterval(timer)
 	}, 1000)
 }
+
+function on(eventName, selector, fn) {
+	document.addEventListener(eventName, function (event) {
+		let possibleTargets = document.querySelectorAll(selector)
+		let target = event.target
+
+		for (let i = 0, l = possibleTargets.length; i < l; i++) {
+			let el = target
+			let p = possibleTargets[i]
+
+			while (el && el !== document) {
+				if (el === p) {
+					return fn.call(p, event)
+				}
+
+				el = el.parentNode
+			}
+		}
+	})
+}

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) {