@transferwise/comparison-components 19.0.4 → 19.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/comparison-components",
-  "version": "19.0.4",
+  "version": "19.0.5",
   "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/index.jsx

@@ -18,10 +18,10 @@ import {
   ProviderComparisonWidgetTranslations,
 } from './provider-comparison-widget';
 import { hasEnoughProviders as hasEnoughLargestProviders } from './provider-filters/largest-provider';
-
+import DeliveryEstimationTranslations from './resources/assets/translations/translations.json';
+import { fetchQuotes } from './resources/clients';
 import transformQuotesResponse from './resources/clients/quotes/transformQuotesResponse';
 import transformQuotesResponseV2 from './resources/clients/quotes/transformQuotesResponseV2';
-import { fetchQuotes } from './resources/clients';
 import {
   isWiseQuote,
   isPartnerQuote,
@@ -34,7 +34,6 @@ import {
   calculateSavingAgainstMostExpensiveBankInSourceCurrency,
 } from './resources/savingsCalculator';
 import TransferFeeComparisonContainer from './transfer-fee-comparison';
-import DeliveryEstimationTranslations from './resources/assets/translations/translations.json';
 import { TravelMoney, TravelMoneyTranslations } from './travel-money';
 
 ComparisonContainer.componentType = 'comparison';

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

@@ -2,6 +2,7 @@ import { numberEqualsWithRelativeTolerance } from '../../../common/numberEqualsW
 import QuoteApi from '../../../domain/QuoteApi';
 import LegacyComparisons, {
   LegacyQuote,
+  Provider,
 } from '../../../transfer-fee-comparison/domain/LegacyComparisons';
 import TransferFeeComparisonQuote, {
   FeeBreakdown,
@@ -65,47 +66,22 @@ function extractFees(
 
 function transformQuotesResponseV2(
   quotesResults: LegacyComparisons,
-  quoteApi: QuoteApi,
+  quoteApi?: QuoteApi,
 ): TransformQuotesResponseType {
+  const wiseQuote = quotesResults.providers.find((provider) => provider.alias === TW_ALIAS)
+    ?.quotes[0].rate as number;
+
   const quotes = quotesResults.providers.map((p) => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const quote: LegacyQuote =
-      p.alias === TW_ALIAS
+      quoteApi && p.alias === TW_ALIAS
         ? extractWiseQuote(quoteApi)
         : extractQuote(p.quotes, quotesResults.targetCurrency);
-    const midmarketRate = quoteApi.rate;
-    const hiddenFee: number = extractHiddenFeeInSourceCurrency(
-      quotesResults.sendAmount,
-      quote.receivedAmount,
-      quote.fee,
-      midmarketRate,
-    );
-
-    const feesBreakdown: FeeBreakdown[] = extractFees(
-      quote.fee,
-      hiddenFee,
-      quotesResults.sourceCurrency,
-    );
-
-    return {
-      provider: {
-        alias: p.alias,
-        name: p.name,
-        logoUrl: p.logo,
-        partner: p.partner,
-      },
-      route: {
-        sourceCurrency: quotesResults.sourceCurrency,
-        targetCurrency: quotesResults.targetCurrency,
-      },
-      rate: quote.rate,
-      fees: {
-        breakdown: feesBreakdown,
-        total: { value: quote.fee + hiddenFee, currency: quotesResults.sourceCurrency },
-      },
-      receiveAmount: { value: quote.receivedAmount, currency: quotesResults.targetCurrency },
-      sendAmount: { value: quotesResults.sendAmount, currency: quotesResults.sourceCurrency },
-    };
+
+    // eslint-disable-next-line fp/no-mutation
+    const midMarketRate = quoteApi ? quoteApi.rate : wiseQuote;
+
+    return buildQuoteObject(quotesResults, p, quote, midMarketRate);
   });
 
   return {
@@ -113,4 +89,44 @@ function transformQuotesResponseV2(
   };
 }
 
+function buildQuoteObject(
+  quotesResults: LegacyComparisons,
+  provider: Provider,
+  quote: LegacyQuote,
+  midMarketRate: number,
+) {
+  const hiddenFee: number = extractHiddenFeeInSourceCurrency(
+    quotesResults.sendAmount,
+    quote.receivedAmount,
+    quote.fee,
+    midMarketRate,
+  );
+
+  const feesBreakdown: FeeBreakdown[] = extractFees(
+    quote.fee,
+    hiddenFee,
+    quotesResults.sourceCurrency,
+  );
+
+  return {
+    provider: {
+      alias: provider.alias,
+      name: provider.name,
+      logoUrl: provider.logo,
+      partner: provider.partner,
+    },
+    route: {
+      sourceCurrency: quotesResults.sourceCurrency,
+      targetCurrency: quotesResults.targetCurrency,
+    },
+    rate: quote.rate,
+    fees: {
+      breakdown: feesBreakdown,
+      total: { value: quote.fee + hiddenFee, currency: quotesResults.sourceCurrency },
+    },
+    receiveAmount: { value: quote.receivedAmount, currency: quotesResults.targetCurrency },
+    sendAmount: { value: quotesResults.sendAmount, currency: quotesResults.sourceCurrency },
+  };
+}
+
 export default transformQuotesResponseV2;