@transferwise/comparison-components 19.0.1 → 19.1.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/comparison-components",
-  "version": "19.0.1",
+  "version": "19.1.0-beta.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/common/numberEqualsWithRelativeTolerance/index.js

@@ -0,0 +1 @@
+export { numberEqualsWithRelativeTolerance as default } from './numberEqualsWithRelativeTolerance';

package/src/common/numberEqualsWithRelativeTolerance/numberEqualsWithRelativeTolerance.spec.ts

@@ -0,0 +1,57 @@
+import { numberEqualsWithRelativeTolerance } from './numberEqualsWithRelativeTolerance';
+
+describe('numberEqualsWithRelativeTolerance', () => {
+  it('should be true when two numbers are exactly the same', () => {
+    const x = 42;
+    const y = 42;
+
+    const result = numberEqualsWithRelativeTolerance(x, y, 0);
+
+    expect(result).toBeTruthy();
+  });
+
+  it('should be false when two numbers are not the same', () => {
+    const x = 42;
+    const y = 42.1;
+
+    const result = numberEqualsWithRelativeTolerance(x, y, 0);
+
+    expect(result).toBeFalsy();
+  });
+
+  it('should be true when different numbers are equals given the tolerance', () => {
+    const x = 42;
+    const y = 42.1;
+
+    const result = numberEqualsWithRelativeTolerance(x, y, 0.003);
+
+    expect(result).toBeTruthy();
+  });
+
+  it('should be false when different numbers are not equals given the tolerance', () => {
+    const x = 42;
+    const y = 42.1;
+
+    const result = numberEqualsWithRelativeTolerance(x, y, 0.002);
+
+    expect(result).toBeFalsy();
+  });
+
+  it('should be true when different big numbers are equals given the tolerance', () => {
+    const x = 42_000_000.0;
+    const y = 42_100_000.1;
+
+    const result = numberEqualsWithRelativeTolerance(x, y, 0.003);
+
+    expect(result).toBeTruthy();
+  });
+
+  it('should be false when different big numbers are not equals given the tolerance', () => {
+    const x = 42_000_000.0;
+    const y = 42_100_000.1;
+
+    const result = numberEqualsWithRelativeTolerance(x, y, 0.002);
+
+    expect(result).toBeFalsy();
+  });
+});

package/src/common/numberEqualsWithRelativeTolerance/numberEqualsWithRelativeTolerance.ts

@@ -0,0 +1,26 @@
+/**
+ * Returns {@code true} if there is no double value strictly between the
+ * arguments or the relative difference between them is less than or equal
+ * to the given tolerance. Returns {@code false} if either of the arguments
+ * is NaN.
+ *
+ * @param x First value.
+ * @param y Second value.
+ * @param epsilon Amount of allowed relative error.
+ * @return {@code true} if the values are two adjacent floating point
+ * numbers or they are within range of each other.
+ */
+export const numberEqualsWithRelativeTolerance = (
+  x: number,
+  y: number,
+  epsilon: number,
+): boolean => {
+  if (x === y) {
+    return true;
+  }
+
+  const absoluteMax = Math.max(Math.abs(x), Math.abs(y));
+  const relativeDifference = Math.abs((x - y) / absoluteMax);
+
+  return relativeDifference <= epsilon;
+};

package/src/provider-filters/largest-provider/config.ts

@@ -7,6 +7,6 @@ export const largestProviderByCountry: Map<string, Array<string>> = new Map([
   ['us', [PAYPAL, WESTERN_UNION, 'chase', 'moneygram', 'wells-fargo', 'xoom', TW_ALIAS]],
   ['au', [PAYPAL, WESTERN_UNION, 'commonwealth-bank-of-australia', 'anz', 'westpac', 'national-australia-bank', TW_ALIAS]], //eslint-disable-line prettier/prettier
   ['hk', [PAYPAL, WESTERN_UNION, 'hang-seng', 'hsbc-hk', 'ocbc', 'ccb-hk', TW_ALIAS]],
-  ['nl', [PAYPAL, WESTERN_UNION, 'lacaixa', 'bbva', 'sabadell', TW_ALIAS]],
-  ['es', [PAYPAL, WESTERN_UNION, 'ing-nl', 'abn-amro-bank', 'rabobank', TW_ALIAS]],
+  ['es', [PAYPAL, WESTERN_UNION, 'lacaixa', 'bbva', 'sabadell', TW_ALIAS]],
+  ['nl', [PAYPAL, WESTERN_UNION, 'ing-nl', 'abn-amro-bank', 'rabobank', TW_ALIAS]],
 ]);

package/src/resources/clients/quotes/__test__/transformQuotesResponseV2.spec.ts

@@ -63,6 +63,7 @@ describe('quotes v3 response transformations to the canonical model V2', () => {
             total: { value: 2, currency: 'GBP' },
           },
           receiveAmount: { value: 1278.44, currency: 'EUR' },
+          sendAmount: { value: 1280.44, currency: 'GBP' },
         },
       ],
     };
@@ -123,6 +124,7 @@ describe('quotes v3 response transformations to the canonical model V2', () => {
             total: { value: 27.57, currency: 'GBP' },
           },
           receiveAmount: { value: 1252.8712, currency: 'EUR' },
+          sendAmount: { value: 1280.44, currency: 'GBP' },
         },
       ],
     };
@@ -179,12 +181,251 @@ describe('quotes v3 response transformations to the canonical model V2', () => {
             total: { value: 4.48, currency: 'GBP' },
           },
           receiveAmount: { value: 1510.55, currency: 'EUR' },
+          sendAmount: { value: 1280.44, currency: 'GBP' },
         },
       ],
     };
 
-    expect(transformQuotesResponseV2(providerWise, wiseQuoteApiResponse)).toStrictEqual(
-        expected,
-    );
+    expect(transformQuotesResponseV2(providerWise, wiseQuoteApiResponse)).toStrictEqual(expected);
+  });
+
+  it('given a provider with a high amount of HKD and no hidden fee, dont show hidden fee', () => {
+    const wiseProvider = {
+      ...wiseQuoteApiAdjusted,
+      rate: 0.095782,
+    };
+    const providers = {
+      providers: [
+        {
+          name: 'Western Union',
+          alias: 'western-union',
+          logo: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+          partner: true,
+          quotes: [
+            {
+              rate: 0.095782,
+              fee: 109.08,
+              dateCollected: new Date('2018-10-23T12:03:27'),
+              receivedAmount: 2384.1,
+            },
+          ],
+        },
+      ],
+      sendAmount: 25000,
+      sourceCurrency: 'HKD',
+      targetCurrency: 'GBP',
+    };
+
+    const expected = {
+      quotes: [
+        {
+          provider: {
+            name: 'Western Union',
+            alias: 'western-union',
+            logoUrl: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+            partner: true,
+          },
+          route: {
+            sourceCurrency: 'HKD',
+            targetCurrency: 'GBP',
+          },
+          rate: 0.095782,
+          fees: {
+            breakdown: [
+              {
+                type: FeeType.MARKETED,
+                amount: { value: 109.08, currency: 'HKD' },
+              },
+            ],
+            total: { value: 109.08, currency: 'HKD' },
+          },
+          receiveAmount: { value: 2384.1, currency: 'GBP' },
+          sendAmount: { value: 25000, currency: 'HKD' },
+        },
+      ],
+    };
+
+    expect(transformQuotesResponseV2(providers, wiseProvider)).toStrictEqual(expected);
+  });
+
+  it('given a provider with a better fee than expected, dont show hidden fee', () => {
+    const wiseProvider = {
+      ...wiseQuoteApiAdjusted,
+      rate: 0.085782,
+    };
+    const providers = {
+      providers: [
+        {
+          name: 'Western Union',
+          alias: 'western-union',
+          logo: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+          partner: true,
+          quotes: [
+            {
+              rate: 0.095782,
+              fee: 109.08,
+              dateCollected: new Date('2018-10-23T12:03:27'),
+              receivedAmount: 2384.1,
+            },
+          ],
+        },
+      ],
+      sendAmount: 25000,
+      sourceCurrency: 'HKD',
+      targetCurrency: 'GBP',
+    };
+
+    const expected = {
+      quotes: [
+        {
+          provider: {
+            name: 'Western Union',
+            alias: 'western-union',
+            logoUrl: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+            partner: true,
+          },
+          route: {
+            sourceCurrency: 'HKD',
+            targetCurrency: 'GBP',
+          },
+          rate: 0.095782,
+          fees: {
+            breakdown: [
+              {
+                type: FeeType.MARKETED,
+                amount: { value: 109.08, currency: 'HKD' },
+              },
+            ],
+            total: { value: 109.08, currency: 'HKD' },
+          },
+          receiveAmount: { value: 2384.1, currency: 'GBP' },
+          sendAmount: { value: 25000, currency: 'HKD' },
+        },
+      ],
+    };
+
+    expect(transformQuotesResponseV2(providers, wiseProvider)).toStrictEqual(expected);
+  });
+
+  it('given a route with a small conversion rate, and provider doesnt have hidden fee, show no hidden fee', () => {
+    const wiseProvider = {
+      ...wiseQuoteApiAdjusted,
+      rate: 0.00769645,
+    };
+    const providers = {
+      providers: [
+        {
+          name: 'Western Union',
+          alias: 'western-union',
+          logo: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+          partner: true,
+          quotes: [
+            {
+              rate: 0.00769645,
+              fee: 43,
+              dateCollected: new Date('2018-10-23T12:03:27'),
+              receivedAmount: 0.44,
+            },
+          ],
+        },
+      ],
+      sendAmount: 100,
+      sourceCurrency: 'JPY',
+      targetCurrency: 'EUR',
+    };
+
+    const expected = {
+      quotes: [
+        {
+          provider: {
+            name: 'Western Union',
+            alias: 'western-union',
+            logoUrl: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+            partner: true,
+          },
+          route: {
+            sourceCurrency: 'JPY',
+            targetCurrency: 'EUR',
+          },
+          rate: 0.00769645,
+          fees: {
+            breakdown: [
+              {
+                type: FeeType.MARKETED,
+                amount: { value: 43, currency: 'JPY' },
+              },
+            ],
+            total: { value: 43, currency: 'JPY' },
+          },
+          receiveAmount: { value: 0.44, currency: 'EUR' },
+          sendAmount: { value: 100, currency: 'JPY' },
+        },
+      ],
+    };
+
+    expect(transformQuotesResponseV2(providers, wiseProvider)).toStrictEqual(expected);
+  });
+
+  it('given a route with a small conversion rate, and provider does have hidden fee, show the hidden fee', () => {
+    const wiseProvider = {
+      ...wiseQuoteApiAdjusted,
+      rate: 0.00769645,
+    };
+    const providers = {
+      providers: [
+        {
+          name: 'Western Union',
+          alias: 'western-union',
+          logo: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+          partner: true,
+          quotes: [
+            {
+              rate: 0.00759645,
+              fee: 40,
+              dateCollected: new Date('2018-10-23T12:03:27'),
+              receivedAmount: 0.46,
+            },
+          ],
+        },
+      ],
+      sendAmount: 100,
+      sourceCurrency: 'JPY',
+      targetCurrency: 'EUR',
+    };
+
+    const expected = {
+      quotes: [
+        {
+          provider: {
+            name: 'Western Union',
+            alias: 'western-union',
+            logoUrl: 'https://dq8dwmysp7hk1.cloudfront.net/logos/western-union.svg',
+            partner: true,
+          },
+          route: {
+            sourceCurrency: 'JPY',
+            targetCurrency: 'EUR',
+          },
+          rate: 0.00759645,
+          fees: {
+            breakdown: [
+              {
+                type: FeeType.MARKETED,
+                amount: { value: 40, currency: 'JPY' },
+              },
+              {
+                type: FeeType.HIDDEN,
+                amount: { value: 0.23, currency: 'JPY' },
+              },
+            ],
+            total: { value: 40.23, currency: 'JPY' },
+          },
+          receiveAmount: { value: 0.46, currency: 'EUR' },
+          sendAmount: { value: 100, currency: 'JPY' },
+        },
+      ],
+    };
+
+    expect(transformQuotesResponseV2(providers, wiseProvider)).toStrictEqual(expected);
   });
 });

package/src/resources/clients/quotes/transformQuotesResponseV2.ts

@@ -1,3 +1,4 @@
+import { numberEqualsWithRelativeTolerance } from '../../../common/numberEqualsWithRelativeTolerance/numberEqualsWithRelativeTolerance';
 import QuoteApi from '../../../domain/QuoteApi';
 import LegacyComparisons, {
   LegacyQuote,
@@ -21,12 +22,19 @@ function extractHiddenFeeInSourceCurrency(
   marketedFee: number,
   midmarketRate: number,
 ) {
-  const toleranceAmount = 0.1;
+  const toleranceAmountInPercentage = 0.001;
   const expectedReceivedAmount = midmarketRate * (sendAmount - marketedFee);
-  const hiddenFeePaidOnTargetCurrency =
-    receivedAmount < expectedReceivedAmount - toleranceAmount
-      ? expectedReceivedAmount - receivedAmount
-      : 0;
+
+  const receivedTheExpectedAmount = numberEqualsWithRelativeTolerance(
+    receivedAmount,
+    expectedReceivedAmount,
+    toleranceAmountInPercentage,
+  );
+  const receivedHigherThanExpected =
+    !receivedTheExpectedAmount && receivedAmount > expectedReceivedAmount;
+
+  const hasHiddenFee = !receivedTheExpectedAmount && !receivedHigherThanExpected;
+  const hiddenFeePaidOnTargetCurrency = hasHiddenFee ? expectedReceivedAmount - receivedAmount : 0;
 
   return parseFloat((hiddenFeePaidOnTargetCurrency * (1 / midmarketRate)).toFixed(2));
 }
@@ -96,6 +104,7 @@ function transformQuotesResponseV2(
         total: { value: quote.fee + hiddenFee, currency: quotesResults.sourceCurrency },
       },
       receiveAmount: { value: quote.receivedAmount, currency: quotesResults.targetCurrency },
+      sendAmount: { value: quotesResults.sendAmount, currency: quotesResults.sourceCurrency },
     };
   });
 

package/src/transfer-fee-comparison/domain/Quote.ts

@@ -27,6 +27,7 @@ type TransferFeeComparisonQuote = {
     total: Money;
   };
   receiveAmount: Money;
+  sendAmount: Money;
 };
 
 export default TransferFeeComparisonQuote;

package/src/transfer-fee-comparison/mocks/Quotes.ts

@@ -32,6 +32,10 @@ const WISE_QUOTE = {
     currency: 'EUR',
     value: 1170.21,
   },
+  sendAmount: {
+    currency: 'GBP',
+    value: 996.2,
+  },
 };
 
 const TRANSPARENT_PARTNER_QUOTE = {
@@ -65,6 +69,10 @@ const TRANSPARENT_PARTNER_QUOTE = {
     currency: 'EUR',
     value: 1170.21,
   },
+  sendAmount: {
+    currency: 'GBP',
+    value: 996.2,
+  },
 };
 
 const TRANSPARENT_NON_PARTNER_QUOTE = {
@@ -98,6 +106,10 @@ const TRANSPARENT_NON_PARTNER_QUOTE = {
     currency: 'EUR',
     value: 1175.65,
   },
+  sendAmount: {
+    currency: 'GBP',
+    value: 996.2,
+  },
 };
 
 const NON_TRANSPARENT_NON_PARTNER_QUOTE = {
@@ -138,6 +150,10 @@ const NON_TRANSPARENT_NON_PARTNER_QUOTE = {
     currency: 'EUR',
     value: 1155.72,
   },
+  sendAmount: {
+    currency: 'GBP',
+    value: 996.2,
+  },
 };
 
 const ALL_QUOTES: TransferFeeComparisonQuote[] = [

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/TransferFeeComparisonTableRow.tsx

@@ -78,9 +78,7 @@ const TransferFeeComparisonTableRow = ({
         <td className={componentStyles.row__fee}>
           <TotalFeeAndHiddenFee
             totalFee={quote.fees.total}
-            hiddenFee={
-              isProviderWise(quote) ? { value: 0, currency: hiddenFee.currency } : hiddenFee
-            }
+            hiddenFee={hiddenFee}
             darkMode={isProviderWise(quote)}
             locale={locale}
           />
@@ -93,7 +91,6 @@ const TransferFeeComparisonTableRow = ({
             onClose={() => setFeeBreakdownOpen(false)}
             urlLocale={urlLocale}
             locale={locale}
-            isProviderWise={isProviderWise(quote)}
             onPopoverClick={() => {
               onFeePopoverClick && onFeePopoverClick(quote.provider.name);
             }}

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/FeeMakeupPopover.tsx

@@ -18,7 +18,6 @@ export type FeeMakeupPopoverProps = {
   onClose: () => void;
   urlLocale: string;
   locale: Locale;
-  isProviderWise: boolean,
   onPopoverClick?: () => void;
 };
 
@@ -29,10 +28,9 @@ const FeeMakeupPopover = ({
   onClose,
   urlLocale,
   locale,
-  isProviderWise,
   onPopoverClick,
 }: FeeMakeupPopoverProps): JSX.Element => {
-  const content = PopoverContent(quote, midmarketRate, urlLocale, isProviderWise);
+  const content = PopoverContent(quote, midmarketRate, urlLocale);
   const messages = translations[locale];
   const intl = createIntl({ locale: locale, messages: messages });
 
@@ -62,9 +60,8 @@ const PopoverContent = (
   quote: TransferFeeComparisonQuote,
   midmarketRate: number,
   urlLocale: string,
-  isProviderWise: boolean,
 ): JSX.Element => {
-  const hiddenFeesAmount = isProviderWise ? 0 : getFeesSumByType(quote, FeeType.HIDDEN);
+  const hiddenFeesAmount = getFeesSumByType(quote, FeeType.HIDDEN);
   const marketedFeesAmount = getFeesSumByType(quote, FeeType.MARKETED);
 
   if (hiddenFeesAmount > 0) {
@@ -84,7 +81,6 @@ const PopoverContent = (
         midmarketRate={midmarketRate}
         marketedFeesAmount={marketedFeesAmount}
         urlLocale={urlLocale}
-        isProviderWise={isProviderWise}
       />
     );
   }

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages.json

@@ -1,7 +1,7 @@
 {
   "close": "Close",
   "what-makes-up-this-fee": "What makes up this fee",
-  "conversion-fees-details": "If you send {receiveAmountValue} {receiveAmountCurrency} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
+  "conversion-fees-details": "If you send {sendAmount} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
   "using-bad-conversion-rate": "{providerName} is using a conversion rate of <span>{conversionRate}</span> which is worse than the mid-market rate of <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is the same as the mid-market rate of <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is better than the mid-market rate of <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_bg.json

@@ -1,7 +1,7 @@
 {
   "close": "Затваряне",
   "what-makes-up-this-fee": "What makes up this fee",
-  "conversion-fees-details": "If you send {receiveAmountValue} {receiveAmountCurrency} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
+  "conversion-fees-details": "If you send {sendAmount} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
   "using-bad-conversion-rate": "{providerName} is using a conversion rate of <span>{conversionRate}</span> which is worse than the mid-market rate of <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is the same as the mid-market rate of <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is better than the mid-market rate of <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_cs.json

@@ -1,7 +1,7 @@
 {
   "close": "Zavřít",
   "what-makes-up-this-fee": "What makes up this fee",
-  "conversion-fees-details": "If you send {receiveAmountValue} {receiveAmountCurrency} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
+  "conversion-fees-details": "If you send {sendAmount} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
   "using-bad-conversion-rate": "{providerName} is using a conversion rate of <span>{conversionRate}</span> which is worse than the mid-market rate of <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is the same as the mid-market rate of <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is better than the mid-market rate of <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_de.json

@@ -1,7 +1,7 @@
 {
   "close": "Schließen",
   "what-makes-up-this-fee": "Wie sich diese Gebühr zusammensetzt",
-  "conversion-fees-details": "Wenn du {receiveAmountValue} {receiveAmountCurrency} mit {providerName} überweist, zahlst du dafür {marketedFeesAmount} {totalCurrency} an Überweisungsgebühren.",
+  "conversion-fees-details": "Wenn du {sendAmount} mit {providerName} überweist, zahlst du dafür {marketedFeesAmount} {totalCurrency} an Überweisungsgebühren.",
   "using-bad-conversion-rate": "{providerName} verwendet einen Wechselkurs von <span>{conversionRate}</span> – dieser Kurs ist schlechter als der Devisenmittelkurs, der bei <a>{midmarketRate}</a> liegt.",
   "using-good-conversion-rate": "{providerName} verwendet einen Wechselkurs von <a>{conversionRate}</a> – dieser Kurs entspricht dem Devisenmittelkurs, der bei <a>{midmarketRate}</a> liegt.",
   "using-great-conversion-rate": "{providerName} verwendet einen Wechselkurs von <a>{conversionRate}</a> – dieser Kurs ist besser als der Devisenmittelkurs, der bei <a>{midmarketRate}</a> liegt.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_el.json

@@ -1,7 +1,7 @@
 {
   "close": "Κλείσιμο",
   "what-makes-up-this-fee": "What makes up this fee",
-  "conversion-fees-details": "If you send {receiveAmountValue} {receiveAmountCurrency} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
+  "conversion-fees-details": "If you send {sendAmount} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
   "using-bad-conversion-rate": "{providerName} is using a conversion rate of <span>{conversionRate}</span> which is worse than the mid-market rate of <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is the same as the mid-market rate of <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is better than the mid-market rate of <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_en.json

@@ -1,7 +1,7 @@
 {
   "close": "Close",
   "what-makes-up-this-fee": "What makes up this fee",
-  "conversion-fees-details": "If you send {receiveAmountValue} {receiveAmountCurrency} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
+  "conversion-fees-details": "If you send {sendAmount} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
   "using-bad-conversion-rate": "{providerName} is using a conversion rate of <span>{conversionRate}</span> which is worse than the mid-market rate of <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is the same as the mid-market rate of <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} is using a conversion rate of <a>{conversionRate}</a> which is better than the mid-market rate of <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_es.json

@@ -1,7 +1,7 @@
 {
   "close": "Cerrar",
   "what-makes-up-this-fee": "En qué consiste esta comisión",
-  "conversion-fees-details": "Si tú envías {receiveAmountValue} {receiveAmountCurrency} usando {providerName}, pagarás {marketedFeesAmount} {totalCurrency} en comisiones por transferencia.",
+  "conversion-fees-details": "Si tú envías {sendAmount} usando {providerName}, pagarás {marketedFeesAmount} {totalCurrency} en comisiones por transferencia.",
   "using-bad-conversion-rate": "{providerName} está usando un tipo de conversión de <span>{conversionRate}</span> , que es peor que el tipo de cambio real del mercado de <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} está usando un tipo de conversión de <a>{conversionRate}</a> , que es el mismo que el tipo de cambio real del mercado de <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} está usando un tipo de conversión de <a>{conversionRate}</a> , que es mejor que el tipo de cambio real del mercado de <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_fr.json

@@ -1,7 +1,7 @@
 {
   "close": "Fermer",
   "what-makes-up-this-fee": "De quoi se compose ces frais",
-  "conversion-fees-details": "Si vous envoyez {receiveAmountValue} {receiveAmountCurrency} avec {providerName}, vous payerez des frais de transferts s'élevant à {marketedFeesAmount} {totalCurrency}.",
+  "conversion-fees-details": "Si vous envoyez {sendAmount} avec {providerName}, vous payerez des frais de transferts s'élevant à {marketedFeesAmount} {totalCurrency}.",
   "using-bad-conversion-rate": "{providerName} utilise un taux de conversion de <span>{conversionRate}</span>, ce qui est moins avantageux que le taux moyen du marché de <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} utilise un taux de conversion de <a>{conversionRate}</a>, ce qui est identique au taux moyen du marché de <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} utilise un taux de conversion de <a>{conversionRate}</a>, ce qui est plus avantageux que le taux moyen du marché de <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_hu.json

@@ -1,7 +1,7 @@
 {
   "close": "Bezárás",
   "what-makes-up-this-fee": "Miből áll össze ez a díj",
-  "conversion-fees-details": "Ha {receiveAmountValue} {receiveAmountCurrency} összeget küldesz a(z) {providerName} szolgáltatóval, az utalás díja {marketedFeesAmount} {totalCurrency} lesz.",
+  "conversion-fees-details": "Ha {sendAmount} összeget küldesz a(z) {providerName} szolgáltatóval, az utalás díja {marketedFeesAmount} {totalCurrency} lesz.",
   "using-bad-conversion-rate": "A(z) {providerName} szolgáltató <span>{conversionRate}</span> árfolyamon vált. Ez rosszabb, mint a piaci középárfolyam (<a>{midmarketRate}</a>).",
   "using-good-conversion-rate": "A(z) {providerName} <a>{conversionRate}</a> árfolyamon vált. Ez megegyezik a piaci középárfolyammal (<a>{midmarketRate}</a>).",
   "using-great-conversion-rate": "A(z) {providerName} <a>{conversionRate}</a>árfolyamon vált. Ez jobb, mint a piaci középárfolyam (<a>{midmarketRate}</a>).",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_id.json

@@ -1,7 +1,7 @@
 {
   "close": "Tutup",
   "what-makes-up-this-fee": "Biaya ini terdiri dari apa saja",
-  "conversion-fees-details": "Jika Anda mengirim {receiveAmountValue} {receiveAmountCurrency} menggunakan {providerName}, Anda akan membayar {marketedFeesAmount} {totalCurrency} untuk biaya transfer. ",
+  "conversion-fees-details": "Jika Anda mengirim {sendAmount} menggunakan {providerName}, Anda akan membayar {marketedFeesAmount} {totalCurrency} untuk biaya transfer. ",
   "using-bad-conversion-rate": "{providerName} menggunakan nilai tukar konversi <span>{conversionRate}</span> yang lebih buruk dari nilai tukar nyata dari <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} menggunakan nilai tukar konversi <a>{conversionRate}</a> yang sama dengan nilai tukar nyata dari <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} menggunakan nilai tukar konversi <a>{conversionRate}</a> yang lebih baik dari nilai tukar nyata dari <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_it.json

@@ -1,7 +1,7 @@
 {
   "close": "Chiudi",
   "what-makes-up-this-fee": "Come si compone questa commissione",
-  "conversion-fees-details": "Se invii {receiveAmountValue} {receiveAmountCurrency} usando {providerName}, pagherai {marketedFeesAmount} {totalCurrency} di commissioni di trasferimento.",
+  "conversion-fees-details": "Se invii {sendAmount} usando {providerName}, pagherai {marketedFeesAmount} {totalCurrency} di commissioni di trasferimento.",
   "using-bad-conversion-rate": "{providerName} sta usando un tasso di conversione di <span>{conversionRate}</span>, che è peggiore del tasso medio di mercato di <a>{midmarketRate}</a>.",
   "using-good-conversion-rate": "{providerName} sta usando un tasso di conversione di <a>{conversionRate}</a>, che è pari al tasso medio di mercato di <a>{midmarketRate}</a>.",
   "using-great-conversion-rate": "{providerName} sta usando un tasso di conversione di <a>{conversionRate}</a>, che è migliore del tasso medio di mercato di <a>{midmarketRate}</a>.",

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/fee-makeup-popover/assets/translations/messages_ja.json

@@ -1,7 +1,7 @@
 {
   "close": "閉じる",
   "what-makes-up-this-fee": "この料金には何が含まれますか？",
-  "conversion-fees-details": "{providerName} を使用して{receiveAmountValue} {receiveAmountCurrency} を送金する場合、{marketedFeesAmount} {totalCurrency} の手数料を支払うことになります。",
+  "conversion-fees-details": "{providerName} を使用して{sendAmount} を送金する場合、{marketedFeesAmount} {totalCurrency} の手数料を支払うことになります。",
   "using-bad-conversion-rate": "{providerName} は、<span>{conversionRate}</span> の両替レートを使用していますが、これは<a>{midmarketRate}</a> のミッドマーケットレートよりも悪いです。",
   "using-good-conversion-rate": "{providerName} は<a>{conversionRate}</a> の両替レートを使用しており、<a>{midmarketRate}</a> のミッドマーケットレートと同じです。",
   "using-great-conversion-rate": "{providerName} は、<a>{conversionRate}</a> の両替レートを使用していますが、これは<a>{midmarketRate}</a> のミッドマーケットレートよりも良いです。",