@transferwise/comparison-components 22.1.1 → 22.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/comparison-components",
-  "version": "22.1.1",
+  "version": "22.1.2",
   "description": "Display a comparison table of providers given a route and amount.",
   "homepage": "https://wise.com/gb/compare/",
   "main": "dist/umd/comparison-components.js",

package/src/provider-comparison-widget/__test__/AmountInput.spec.jsx

@@ -8,9 +8,11 @@ import translations from '../assets/translations/translations.json';
 import AmountInput from '../components/AmountInput';
 
 jest.mock('@transferwise/formatting', () => ({
-  parseAmount: jest.fn(),
   formatAmount: jest.fn(),
 }));
+jest.mock('@transferwise/components', () => ({
+  parseAmount: jest.fn(),
+}));
 const mountRenderComponent = (renderProps) =>
   mount(
     <IntlProvider locale="en" messages={translations.en}>
@@ -22,6 +24,7 @@ const mountRenderComponent = (renderProps) =>
     },
   );
 
+const currencyParsing = require('@transferwise/components');
 const currencyFormatting = require('@transferwise/formatting');
 
 describe('AmountInput', () => {
@@ -72,7 +75,7 @@ describe('AmountInput', () => {
       children: <AmountInput {...{ ...props, locale: 'en-US' }} />,
     });
     component.update();
-    jest.spyOn(currencyFormatting, 'parseAmount').mockImplementation(parseFloat);
+    jest.spyOn(currencyParsing, 'parseAmount').mockImplementation(parseFloat);
     enterAmount('123.45');
     component.update();
     expect(amountInput().prop('value')).toBe('123.45');
@@ -91,7 +94,7 @@ describe('AmountInput', () => {
     });
 
     component.update();
-    jest.spyOn(currencyFormatting, 'parseAmount').mockImplementation((amount, currency, locale) => {
+    jest.spyOn(currencyParsing, 'parseAmount').mockImplementation((amount, currency, locale) => {
       expect(amount).toBe('500.1234');
       expect(locale).toBe('es-ES');
       expect(currency).toBe('eur');
@@ -114,7 +117,7 @@ describe('AmountInput', () => {
       children: <AmountInput {...{ ...props, onAmountChange }} />,
     });
     component.update();
-    jest.spyOn(currencyFormatting, 'parseAmount').mockImplementation(() => NaN);
+    jest.spyOn(currencyParsing, 'parseAmount').mockImplementation(() => NaN);
     enterAmount('cannot parse this yo');
     expect(onAmountChange).not.toHaveBeenCalled();
   });

package/src/provider-comparison-widget/components/AmountInput.jsx

@@ -1,4 +1,5 @@
-import { formatAmount, parseAmount } from '@transferwise/formatting';
+import { parseAmount } from '@transferwise/components';
+import { formatAmount } from '@transferwise/formatting';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';

package/src/travel-money/components/AmountInput.jsx

@@ -1,4 +1,5 @@
-import { formatAmount, parseAmount } from '@transferwise/formatting';
+import { parseAmount } from '@transferwise/components';
+import { formatAmount } from '@transferwise/formatting';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';