@transferwise/comparison-components 20.0.1 → 20.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/comparison-components",
-  "version": "20.0.1",
+  "version": "20.0.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/domain/QuoteApi.ts

@@ -7,6 +7,7 @@ export interface PaymentOption {
   formattedEstimatedDelivery: string;
   fee: {
     total: number;
+    discount: number;
   };
   disabled: boolean;
 }

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

@@ -8,7 +8,7 @@ describe('QuoteApi response transformations to the comparison quote V2', () => {
     const quote = extractWiseQuote(wiseQuoteApiResponse);
 
     const expected: LegacyQuote = {
-      fee: 4.48,
+      fee: 4.670000000000001,
       rate: 1.18385,
       receivedAmount: 1510.55,
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment

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

@@ -175,10 +175,10 @@ describe('quotes v3 response transformations to the canonical model V2', () => {
             breakdown: [
               {
                 type: FeeType.MARKETED,
-                amount: { value: 4.48, currency: 'GBP' },
+                amount: { value: 4.670000000000001, currency: 'GBP' },
               },
             ],
-            total: { value: 4.48, currency: 'GBP' },
+            total: { value: 4.670000000000001, currency: 'GBP' },
           },
           receiveAmount: { value: 1510.55, currency: 'EUR' },
           sendAmount: { value: 1280.44, currency: 'GBP' },

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

@@ -16,7 +16,7 @@ const findPaymentOption = (quote: QuoteApi): PaymentOption => {
 function extractWiseQuote(quote: QuoteApi): LegacyQuote {
   const paymentOption = findPaymentOption(quote);
   return {
-    fee: paymentOption.fee.total,
+    fee: paymentOption.fee.total + paymentOption.fee.discount,
     rate: quote.rate,
     receivedAmount: paymentOption.targetAmount,
     dateCollected: new Date(),

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 {sendAmount} using {providerName}, you'll pay {marketedFeesAmount} {totalCurrency} in transfer fees.",
+  "conversion-fees-details": "If you send {sendAmount} using {providerName}, you'll pay {marketedFees} 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/fee-element/NonTransparentFeeElement.tsx

@@ -36,8 +36,7 @@ const NonTransparentFeeElement = ({
           values={{
             sendAmount: formatMoney(quote.sendAmount.value, quote.sendAmount.currency),
             providerName: quote.provider.name,
-            marketedFeesAmount,
-            totalCurrency: quote.fees.total.currency,
+            marketedFees: formatMoney(marketedFeesAmount, quote.fees.total.currency),
           }}
         />
       </p>

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

@@ -37,8 +37,7 @@ const TransparentFeeElement = ({
           values={{
             sendAmount: formatMoney(quote.sendAmount.value, quote.sendAmount.currency),
             providerName: quote.provider.name,
-            marketedFeesAmount,
-            totalCurrency: quote.fees.total.currency,
+            marketedFees: formatMoney(marketedFeesAmount, quote.fees.total.currency),
           }}
         />
       </p>