@transferwise/comparison-components 22.0.2 → 22.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/es/{ComparisonTableHeroContainer-c9945091.js → ComparisonTableHeroContainer-8f5c3e23.js} +2 -2
  3. package/dist/es/{ComparisonTableHeroContainer-c9945091.js.map → ComparisonTableHeroContainer-8f5c3e23.js.map} +1 -1
  4. package/dist/es/CurrencySelector-53db4b14.js +2 -0
  5. package/dist/es/{CurrencySelector-a7594ca9.js.map → CurrencySelector-53db4b14.js.map} +1 -1
  6. package/dist/es/{ErrorTemplate-dca84b05.js → ErrorTemplate-18b71ec4.js} +2 -2
  7. package/dist/es/{ErrorTemplate-dca84b05.js.map → ErrorTemplate-18b71ec4.js.map} +1 -1
  8. package/dist/es/{ProviderComparisonTable-14c2a046.js → ProviderComparisonTable-b988c6eb.js} +2 -2
  9. package/dist/es/{ProviderComparisonTable-14c2a046.js.map → ProviderComparisonTable-b988c6eb.js.map} +1 -1
  10. package/dist/es/{ReceiveAmount-1fd428e1.js → ReceiveAmount-e6832d9a.js} +2 -2
  11. package/dist/es/{ReceiveAmount-1fd428e1.js.map → ReceiveAmount-e6832d9a.js.map} +1 -1
  12. package/dist/es/{TravelMoney-82b1a2d2.js → TravelMoney-aac11914.js} +2 -2
  13. package/dist/es/{TravelMoney-82b1a2d2.js.map → TravelMoney-aac11914.js.map} +1 -1
  14. package/dist/es/comparison/index.js +1 -1
  15. package/dist/es/comparison-table/index.js +1 -1
  16. package/dist/es/comparison-table-hero/index.js +1 -1
  17. package/dist/es/{currencies-826c24cf.js → currencies-17707a3c.js} +2 -2
  18. package/dist/es/{currencies-826c24cf.js.map → currencies-17707a3c.js.map} +1 -1
  19. package/dist/es/{index-f7ac9a5d.js → index-00f7759d.js} +2 -2
  20. package/dist/es/{index-f7ac9a5d.js.map → index-00f7759d.js.map} +1 -1
  21. package/dist/es/index.js +1 -1
  22. package/dist/es/provider-comparison-table/index.js +1 -1
  23. package/dist/es/provider-comparison-widget/index.js +1 -1
  24. package/dist/es/travel-money/index.js +1 -1
  25. package/dist/umd/comparison/comparison.js +1 -1
  26. package/dist/umd/comparison/comparison.js.map +1 -1
  27. package/dist/umd/comparison-components.css +1 -1
  28. package/dist/umd/comparison-components.js +3 -3
  29. package/dist/umd/comparison-components.js.map +1 -1
  30. package/dist/umd/provider-comparison-table/provider-comparison-table.js +1 -1
  31. package/dist/umd/provider-comparison-table/provider-comparison-table.js.map +1 -1
  32. package/dist/umd/provider-comparison-widget/provider-comparison-widget.js +1 -1
  33. package/dist/umd/provider-comparison-widget/provider-comparison-widget.js.map +1 -1
  34. package/dist/umd/travel-money/travel-money.js +1 -1
  35. package/dist/umd/travel-money/travel-money.js.map +1 -1
  36. package/package.json +1 -1
  37. package/src/common/CurrencySelector.jsx +7 -5
  38. package/src/common/CurrencySelector.stories.jsx +11 -0
  39. package/src/comparison/assets/translations/messages.json +5 -4
  40. package/src/provider-comparison-table/assets/translations/messages.json +5 -4
  41. package/src/provider-comparison-widget/assets/translations/messages.json +5 -4
  42. package/src/resources/currencies.js +2 -1
  43. package/src/travel-money/assets/translations/messages.json +5 -4
  44. package/dist/es/CurrencySelector-a7594ca9.js +0 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/comparison-components",
3
- "version": "22.0.2",
3
+ "version": "22.1.0",
4
4
  "description": "Display a comparison table of providers given a route and amount.",
5
5
  "homepage": "https://wise.com/gb/compare/",
6
6
  "main": "dist/umd/comparison-components.js",
@@ -39,11 +39,13 @@ function generateCurrencyOptions(searchTerm, translate, availableCurrencies) {
39
39
  }
40
40
 
41
41
  function generateSelectedCurrencyOption(currencyCode, translate) {
42
- const { code, nameTranslationKey } = getCurrencyForCode(currencyCode);
43
- return toCurrencyOption({
44
- code,
45
- name: translate({ id: nameTranslationKey }),
46
- });
42
+ const currency = getCurrencyForCode(currencyCode);
43
+ if (currency && currency.code && currency.nameTranslationKey) {
44
+ return toCurrencyOption({
45
+ code: currency.code,
46
+ name: translate({ id: currency.nameTranslationKey }),
47
+ });
48
+ }
47
49
  }
48
50
 
49
51
  const CurrencySelector = ({
@@ -20,6 +20,17 @@ storiesOf('Atoms/CurrencySelector', module)
20
20
  />
21
21
  </div>
22
22
  ))
23
+ .add('Basic Usage - With selected Lowercase currency', () => (
24
+ <div className={styles['comparison-widget']}>
25
+ <CurrencySelector
26
+ type={select('Type', ['sourceCurrency', 'targetCurrency'], 'sourceCurrency')}
27
+ currencyCode={text('Currency', 'gbp')}
28
+ style={styles}
29
+ onSelectChange={() => action('on-select-change')}
30
+ onSearchChange={action('on-search-change')}
31
+ />
32
+ </div>
33
+ ))
23
34
  .add('Disabled', () => (
24
35
  <div className={styles['comparison-widget']}>
25
36
  <CurrencySelector
@@ -17,7 +17,7 @@
17
17
  "ars": "Argentine peso",
18
18
  "aud": "Australian dollar",
19
19
  "awg": "Aruban florin",
20
- "azn": "Azerbaijan manat",
20
+ "azn": "Azerbaijani manat",
21
21
  "bam": "Bosnia and Herzegovina convertible mark",
22
22
  "bbd": "Barbadian or Bajan dollar",
23
23
  "bdt": "Bangladeshi taka",
@@ -95,7 +95,7 @@
95
95
  "mga": "Malagasy ariary",
96
96
  "mkd": "Macedonian denar",
97
97
  "mmk": "Myanmar kyat",
98
- "mnt": "Mongolian tughrik",
98
+ "mnt": "Mongolian tugrik",
99
99
  "mop": "Macau pataca",
100
100
  "mro": "Mauritanian ouguiya",
101
101
  "mur": "Mauritian rupee",
@@ -124,7 +124,7 @@
124
124
  "rub": "Russian ruble",
125
125
  "rwf": "Rwandan franc",
126
126
  "sar": "Saudi riyal",
127
- "sbd": "Solomon Islander dollar",
127
+ "sbd": "Solomon Islands dollar",
128
128
  "scr": "Seychellois rupee",
129
129
  "sdg": "Sudanese pound",
130
130
  "sek": "Swedish krona",
@@ -149,6 +149,7 @@
149
149
  "usd": "US dollar",
150
150
  "uyu": "Uruguayan peso",
151
151
  "uzs": "Uzbekistani som",
152
+ "vef": "Venezuelan bolívar (2008–2018)",
152
153
  "ves": "Venezuelan bolívar",
153
154
  "vnd": "Vietnamese dong",
154
155
  "vuv": "Ni-Vanuatu vatu",
@@ -159,5 +160,5 @@
159
160
  "xpf": "CFP franc",
160
161
  "yer": "Yemeni rial",
161
162
  "zar": "South Africa rand",
162
- "zmw": "Zambian kwach"
163
+ "zmw": "Zambian kwacha"
163
164
  }
@@ -33,7 +33,7 @@
33
33
  "ars": "Argentine peso",
34
34
  "aud": "Australian dollar",
35
35
  "awg": "Aruban florin",
36
- "azn": "Azerbaijan manat",
36
+ "azn": "Azerbaijani manat",
37
37
  "bam": "Bosnia and Herzegovina convertible mark",
38
38
  "bbd": "Barbadian or Bajan dollar",
39
39
  "bdt": "Bangladeshi taka",
@@ -111,7 +111,7 @@
111
111
  "mga": "Malagasy ariary",
112
112
  "mkd": "Macedonian denar",
113
113
  "mmk": "Myanmar kyat",
114
- "mnt": "Mongolian tughrik",
114
+ "mnt": "Mongolian tugrik",
115
115
  "mop": "Macau pataca",
116
116
  "mro": "Mauritanian ouguiya",
117
117
  "mur": "Mauritian rupee",
@@ -140,7 +140,7 @@
140
140
  "rub": "Russian ruble",
141
141
  "rwf": "Rwandan franc",
142
142
  "sar": "Saudi riyal",
143
- "sbd": "Solomon Islander dollar",
143
+ "sbd": "Solomon Islands dollar",
144
144
  "scr": "Seychellois rupee",
145
145
  "sdg": "Sudanese pound",
146
146
  "sek": "Swedish krona",
@@ -165,6 +165,7 @@
165
165
  "usd": "US dollar",
166
166
  "uyu": "Uruguayan peso",
167
167
  "uzs": "Uzbekistani som",
168
+ "vef": "Venezuelan bolívar (2008–2018)",
168
169
  "ves": "Venezuelan bolívar",
169
170
  "vnd": "Vietnamese dong",
170
171
  "vuv": "Ni-Vanuatu vatu",
@@ -175,5 +176,5 @@
175
176
  "xpf": "CFP franc",
176
177
  "yer": "Yemeni rial",
177
178
  "zar": "South Africa rand",
178
- "zmw": "Zambian kwach"
179
+ "zmw": "Zambian kwacha"
179
180
  }
@@ -44,7 +44,7 @@
44
44
  "ars": "Argentine peso",
45
45
  "aud": "Australian dollar",
46
46
  "awg": "Aruban florin",
47
- "azn": "Azerbaijan manat",
47
+ "azn": "Azerbaijani manat",
48
48
  "bam": "Bosnia and Herzegovina convertible mark",
49
49
  "bbd": "Barbadian or Bajan dollar",
50
50
  "bdt": "Bangladeshi taka",
@@ -122,7 +122,7 @@
122
122
  "mga": "Malagasy ariary",
123
123
  "mkd": "Macedonian denar",
124
124
  "mmk": "Myanmar kyat",
125
- "mnt": "Mongolian tughrik",
125
+ "mnt": "Mongolian tugrik",
126
126
  "mop": "Macau pataca",
127
127
  "mro": "Mauritanian ouguiya",
128
128
  "mur": "Mauritian rupee",
@@ -151,7 +151,7 @@
151
151
  "rub": "Russian ruble",
152
152
  "rwf": "Rwandan franc",
153
153
  "sar": "Saudi riyal",
154
- "sbd": "Solomon Islander dollar",
154
+ "sbd": "Solomon Islands dollar",
155
155
  "scr": "Seychellois rupee",
156
156
  "sdg": "Sudanese pound",
157
157
  "sek": "Swedish krona",
@@ -176,6 +176,7 @@
176
176
  "usd": "US dollar",
177
177
  "uyu": "Uruguayan peso",
178
178
  "uzs": "Uzbekistani som",
179
+ "vef": "Venezuelan bolívar (2008–2018)",
179
180
  "ves": "Venezuelan bolívar",
180
181
  "vnd": "Vietnamese dong",
181
182
  "vuv": "Ni-Vanuatu vatu",
@@ -186,5 +187,5 @@
186
187
  "xpf": "CFP franc",
187
188
  "yer": "Yemeni rial",
188
189
  "zar": "South Africa rand",
189
- "zmw": "Zambian kwach"
190
+ "zmw": "Zambian kwacha"
190
191
  }
@@ -147,6 +147,7 @@ const currencies = [
147
147
  { code: 'USD', nameTranslationKey: 'usd' },
148
148
  { code: 'UYU', nameTranslationKey: 'uyu' },
149
149
  { code: 'UZS', nameTranslationKey: 'uzs' },
150
+ { code: 'VEF', nameTranslationKey: 'vef' },
150
151
  { code: 'VES', nameTranslationKey: 'ves' },
151
152
  { code: 'VND', nameTranslationKey: 'vnd' },
152
153
  { code: 'YER', nameTranslationKey: 'yer' },
@@ -158,7 +159,7 @@ function getAllCurrencies() {
158
159
  }
159
160
 
160
161
  function getCurrencyForCode(code) {
161
- return getAllCurrencies().find((c) => code === c.code);
162
+ return getAllCurrencies().find((c) => code.toUpperCase() === c.code);
162
163
  }
163
164
 
164
165
  export { getAllCurrencies, getCurrencyForCode };
@@ -39,7 +39,7 @@
39
39
  "ars": "Argentine peso",
40
40
  "aud": "Australian dollar",
41
41
  "awg": "Aruban florin",
42
- "azn": "Azerbaijan manat",
42
+ "azn": "Azerbaijani manat",
43
43
  "bam": "Bosnia and Herzegovina convertible mark",
44
44
  "bbd": "Barbadian or Bajan dollar",
45
45
  "bdt": "Bangladeshi taka",
@@ -117,7 +117,7 @@
117
117
  "mga": "Malagasy ariary",
118
118
  "mkd": "Macedonian denar",
119
119
  "mmk": "Myanmar kyat",
120
- "mnt": "Mongolian tughrik",
120
+ "mnt": "Mongolian tugrik",
121
121
  "mop": "Macau pataca",
122
122
  "mro": "Mauritanian ouguiya",
123
123
  "mur": "Mauritian rupee",
@@ -146,7 +146,7 @@
146
146
  "rub": "Russian ruble",
147
147
  "rwf": "Rwandan franc",
148
148
  "sar": "Saudi riyal",
149
- "sbd": "Solomon Islander dollar",
149
+ "sbd": "Solomon Islands dollar",
150
150
  "scr": "Seychellois rupee",
151
151
  "sdg": "Sudanese pound",
152
152
  "sek": "Swedish krona",
@@ -171,6 +171,7 @@
171
171
  "usd": "US dollar",
172
172
  "uyu": "Uruguayan peso",
173
173
  "uzs": "Uzbekistani som",
174
+ "vef": "Venezuelan bolívar (2008–2018)",
174
175
  "ves": "Venezuelan bolívar",
175
176
  "vnd": "Vietnamese dong",
176
177
  "vuv": "Ni-Vanuatu vatu",
@@ -181,5 +182,5 @@
181
182
  "xpf": "CFP franc",
182
183
  "yer": "Yemeni rial",
183
184
  "zar": "South Africa rand",
184
- "zmw": "Zambian kwach"
185
+ "zmw": "Zambian kwacha"
185
186
  }
@@ -1,2 +0,0 @@
1
- import{_ as e}from"./NeptuneProviderWrapper-3870e63b.js";import{Select as r}from"@transferwise/components";import n from"prop-types";import t from"react";import{useIntl as c}from"react-intl";import{g as a,a as o}from"./currencies-826c24cf.js";import{s}from"./style-inject.es-1f59c1d0.js";var i={"tw-select":"tw-select_2uOnXUFN8D",twSelect:"tw-select_2uOnXUFN8D"};function l(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),n.push.apply(n,t)}return n}function u(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach(function(n){e(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))})}return r}function p(e,r){return e.currency.localeCompare(r.currency)}function b(e){return{currency:e.code,value:e.code,label:e.code,note:e.name}}function d(e,r,n){return function(e){return e?e.map(a):o()}(n).map(function(e){return{code:e.code,name:r({id:e.nameTranslationKey})}}).filter(function(r){return"".concat(r.code," ").concat(r.name).toLowerCase().includes(e.toLowerCase())}).map(b).sort(p)}function f(e,r){var n=a(e);return b({code:n.code,name:r({id:n.nameTranslationKey})})}s(".tw-select_2uOnXUFN8D a{text-decoration:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jb21tb24vQ3VycmVuY3lTZWxlY3Rvci5tb2R1bGUubGVzcyIsIkN1cnJlbmN5U2VsZWN0b3IubW9kdWxlLmxlc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0JBQ0Usb0JDQ0YiLCJmaWxlIjoiQ3VycmVuY3lTZWxlY3Rvci5tb2R1bGUubGVzcyJ9 */");var m=function(e){var n=e.type,a=e.currencyCode,o=e.style,s=e.search,l=e.onSelectChange,p=e.onSearchChange,b=e.availableCurrencies,m=e.disabled,y=c().formatMessage;return t.createElement(r,{classNames:u(u({},o),i),selected:a?f(a,y):null,onChange:l(n),onSearchChange:p,searchValue:s,options:d(s,y,b),searchPlaceholder:y({id:"search-currency"}),placeholder:y({id:"search-currency"}),disabled:m})};m.propTypes={type:n.string.isRequired,currencyCode:n.string.isRequired,style:n.shape({}).isRequired,search:n.string,onSelectChange:n.func,onSearchChange:n.func,availableCurrencies:n.arrayOf(n.string),disabled:n.bool},m.defaultProps={search:"",onSelectChange:function(){},onSearchChange:function(){},availableCurrencies:null,disabled:!1};export{m as C};
2
- //# sourceMappingURL=CurrencySelector-a7594ca9.js.map