@transferwise/comparison-components 18.1.21 → 18.1.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/comparison-components",
-  "version": "18.1.21",
+  "version": "18.1.25",
   "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-filters/largest-provider/largest-provider-filter.ts

@@ -3,7 +3,7 @@ import Quote from '../../transfer-fee-comparison/domain/Quote';
 import { largestProviderByCountry } from './config';
 
 export const supportsCountry = (country: string): boolean => {
-  return largestProviderByCountry.has(country);
+  return largestProviderByCountry.has(country.toLowerCase());
 };
 
 export const hasEnoughProviders = (

package/src/resources/tracking/types.ts

@@ -17,15 +17,16 @@ export type Attributes = Record<string, unknown>;
 
 export type TrackEventFn = (
   widgetName: string,
-  attributes: Attributes,
   eventName: string,
+  attributes: Attributes,
   callback?: () => void,
 ) => void;
 
 export enum EventName {
-  ProviderFilteringOptionChanged = 'providerFilteringOptionChanged',
+  ProviderFilteringOptionChanged = 'ProviderFilteringOptionChanged',
   FeeBreakdownPopoverStarted = 'FeeBreakdownPopoverStarted',
   MobileFeeBreakdownStarted = 'MobileFeeBreakdownStarted',
+  LargestProviderTableRendered = 'LargestProviderTablerendered',
 }
 
 export enum WidgetName {

package/src/transfer-fee-comparison/TransferFeeComparisonContainer.spec.tsx

@@ -31,13 +31,13 @@ describe('TransferFeeComparisonContainer', () => {
             trackEvent={trackEventMock}
             requiredNumberOfLargestProviders={1}
           />
-        </IntlProvider>
+        </IntlProvider>,
       );
 
       const allProviders = screen.getByText('All providers');
       fireEvent.click(allProviders);
 
-      expect(trackEventMock).toHaveBeenCalledTimes(1);
+      expect(trackEventMock).toHaveBeenCalledTimes(2);
     });
 
     it('should call the tracking function when fee pop over is clicked', () => {
@@ -61,7 +61,7 @@ describe('TransferFeeComparisonContainer', () => {
 
       fireEvent.click(feePopovers[0]);
 
-      expect(trackEventMock).toHaveBeenCalledTimes(1);
+      expect(trackEventMock).toHaveBeenCalledTimes(2);
     });
   });
 });

package/src/transfer-fee-comparison/TransferFeeComparisonContainer.stories.tsx

@@ -28,7 +28,7 @@ ContainerWithLargestProviderFilteringEnabled.args = {
   urlLocale: 'gb',
   enableLargestProviderFiltering: true,
   requiredNumberOfLargestProviders: 1,
-  trackEvent: (widgetName, attributes, eventName) => {
+  trackEvent: (widgetName, eventName, attributes) => {
     console.log(`Tracking ${eventName} from widget ${widgetName} with attributes`, attributes); // eslint-disable-line no-console
   },
 };

package/src/transfer-fee-comparison/TransferFeeComparisonContainer.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import Locale from '../domain/Locale';
 import { filter, hasEnoughProviders } from '../provider-filters/largest-provider';
@@ -51,31 +51,37 @@ const TransferFeeComparisonContainer = ({
     };
   };
 
+  useEffect(() => {
+    trackEvent(
+      WidgetName.TransferFeeComparison,
+      EventName.LargestProviderTableRendered,
+      getTrackingAttributes(),
+    );
+  }, []);
+
   const onProviderFilteringOptionChange = (newValue: ProviderFilteringOption) => {
     setProviderFilteringOption(newValue);
     trackEvent(
       WidgetName.TransferFeeComparison,
-      getTrackingAttributes(),
       EventName.ProviderFilteringOptionChanged,
+      getTrackingAttributes(),
     );
   };
 
   const onFeePopoverClick = (providerName: string) => {
     const trackingAttribute = getTrackingAttributes();
-    trackEvent(
-      WidgetName.TransferFeeComparison,
-      { ...trackingAttribute, providerName },
-      EventName.FeeBreakdownPopoverStarted,
-    );
+    trackEvent(WidgetName.TransferFeeComparison, EventName.FeeBreakdownPopoverStarted, {
+      ...trackingAttribute,
+      providerName,
+    });
   };
 
   const onMobileRowClick = (providerName: string) => {
     const trackingAttribute = getTrackingAttributes();
-    trackEvent(
-      WidgetName.TransferFeeComparison,
-      { ...trackingAttribute, providerName },
-      EventName.MobileFeeBreakdownStarted,
-    );
+    trackEvent(WidgetName.TransferFeeComparison, EventName.MobileFeeBreakdownStarted, {
+      ...trackingAttribute,
+      providerName,
+    });
   };
 
   const filterToggleEnabled =

package/src/transfer-fee-comparison/transfer-fee-comparison-table/TransferFeeComparisonTable.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable */
 import { formatMoney } from '@transferwise/formatting';
 import React from 'react';
 import { FormattedMessage, IntlProvider } from 'react-intl';
@@ -33,26 +32,11 @@ export const TransferFeeComparisonTable = ({
   return (
     <table className={componentStyles.transferFeeComparisonTable__rectangle}>
       <thead>
-        <IntlProvider
-          locale={locale}
-          messages={translations[locale]}
-          defaultLocale={Locale.DEFAULT}
-        >
-          <p className={componentStyles.transferFeeComparisonTable__header}>
-            <FormattedMessage
-              id="real-cost"
-              values={{
-                sendAmount: formatMoney(sendAmount.value, sendAmount.currency),
-                targetCurrency: quotes[0].route.targetCurrency,
-                span: (chunks: string) => (
-                  <span className={componentStyles.transferFeeComparisonTable__headerText}>
-                    {chunks}
-                  </span>
-                ),
-              }}
-            />
-          </p>
-        </IntlProvider>
+        <tr>
+          <td colSpan={3}>
+            <HeaderInternal locale={locale} sendAmount={sendAmount} quotes={quotes} />
+          </td>
+        </tr>
       </thead>
       <tbody>
         {quotes.map((quote: TransferFeeComparisonQuote, index: number) => {
@@ -74,4 +58,31 @@ export const TransferFeeComparisonTable = ({
   );
 };
 
+type HeaderInternalProps = {
+  locale: Locale;
+  sendAmount: Money;
+  quotes: TransferFeeComparisonQuote[];
+};
+
+const HeaderInternal = ({ locale, sendAmount, quotes }: HeaderInternalProps): JSX.Element => {
+  return (
+    <IntlProvider locale={locale} messages={translations[locale]} defaultLocale={Locale.DEFAULT}>
+      <p className={componentStyles.transferFeeComparisonTable__header}>
+        <FormattedMessage
+          id="real-cost"
+          values={{
+            sendAmount: formatMoney(sendAmount.value, sendAmount.currency),
+            targetCurrency: quotes[0].route.targetCurrency,
+            span: (chunks: string) => (
+              <span className={componentStyles.transferFeeComparisonTable__headerText}>
+                {chunks}
+              </span>
+            ),
+          }}
+        />
+      </p>
+    </IntlProvider>
+  );
+};
+
 export default TransferFeeComparisonTable;

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

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "Die echten Kosten für eine Überweisung von <span>{sendAmount} nach {targetCurrency}</span>"
 }

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

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "El costo real de enviar <span>{sendAmount} a {targetCurrency}</span>"
 }

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

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "Le coût réel pour envoyer <span>{sendAmount} → {targetCurrency}</span>"
 }

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

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "A(z) <span>{sendAmount} -> {targetCurrency}</span> utalásának valódi díja"
 }

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

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "Biaya sebenarnya untuk mengirim <span>{sendAmount} ke {targetCurrency}</span>"
 }

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

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": " <span>{sendAmount} を {targetCurrency} へ</span>送金する際の本当のコスト"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/messages_pl.json

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "Realny koszt wysyłania <span>{sendAmount} na {targetCurrency}</span>"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/messages_pt.json

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "O verdadeiro custo de enviar <span>{sendAmount} para {targetCurrency}</span>"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/messages_ro.json

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "Costul real pentru a trimite <span>{sendAmount} către {targetCurrency}</span>"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/messages_ru.json

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "Реальная стоимость отправки <span>{sendAmount} в {targetCurrency}</span>"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/messages_tr.json

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "<span>{sendAmount} → {targetCurrency}</span> transferinin gerçek maliyeti"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/messages_zh.json

@@ -1,3 +1,3 @@
 {
-  "real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+  "real-cost": "匯送<span>{sendAmount}至{targetCurrency}</span>的實際成本"
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table/assets/translations/translations.json

@@ -6,7 +6,7 @@
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
 	},
 	"de": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "Die echten Kosten für eine Überweisung von <span>{sendAmount} nach {targetCurrency}</span>"
 	},
 	"el": {
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
@@ -15,22 +15,22 @@
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
 	},
 	"es": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "El costo real de enviar <span>{sendAmount} a {targetCurrency}</span>"
 	},
 	"fr": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "Le coût réel pour envoyer <span>{sendAmount} → {targetCurrency}</span>"
 	},
 	"hu": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "A(z) <span>{sendAmount} -> {targetCurrency}</span> utalásának valódi díja"
 	},
 	"id": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "Biaya sebenarnya untuk mengirim <span>{sendAmount} ke {targetCurrency}</span>"
 	},
 	"it": {
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
 	},
 	"ja": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": " <span>{sendAmount} を {targetCurrency} へ</span>送金する際の本当のコスト"
 	},
 	"nl": {
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
@@ -39,16 +39,16 @@
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
 	},
 	"pl": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "Realny koszt wysyłania <span>{sendAmount} na {targetCurrency}</span>"
 	},
 	"pt": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "O verdadeiro custo de enviar <span>{sendAmount} para {targetCurrency}</span>"
 	},
 	"ro": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "Costul real pentru a trimite <span>{sendAmount} către {targetCurrency}</span>"
 	},
 	"ru": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "Реальная стоимость отправки <span>{sendAmount} в {targetCurrency}</span>"
 	},
 	"sk": {
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
@@ -57,12 +57,12 @@
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
 	},
 	"tr": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "<span>{sendAmount} → {targetCurrency}</span> transferinin gerçek maliyeti"
 	},
 	"uk": {
 		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
 	},
 	"zh": {
-		"real-cost": "The real cost of sending <span>{sendAmount} to {targetCurrency}</span>"
+		"real-cost": "匯送<span>{sendAmount}至{targetCurrency}</span>的實際成本"
 	}
 }

package/src/transfer-fee-comparison/transfer-fee-comparison-table-row/TransferFeeComparisonTableRow.module.less

@@ -2,7 +2,7 @@
 @import (reference) '@transferwise/neptune-css/dist/less/neptune-tokens.less';
 
 .transfer-fee-comparison-table-row__border {
-  max-width: 90%;
+  max-width: 83%;
   margin: 0 auto;
 }
 
@@ -27,10 +27,10 @@
 .row__provider-logo {
   position: relative;
   flex: 1;
-  margin-left: @spacer * 2;
+  margin-left: @spacer * 3.125;
 
   @media (min-width: @screen-md) {
-    margin-left: @spacer * 4;
+    margin-left: @spacer * 7.5;
   }
 }
 
@@ -49,10 +49,10 @@
 }
 
 .row__fee {
-  margin: 0 (@spacer * 1.5);
+  margin: 0 (@spacer * 2.625);
 
   @media (min-width: @screen-md) {
-    margin: 0 (@spacer * 1.5);
+    margin: 0 (@spacer * 1.875);
   }
 }
 
@@ -63,6 +63,7 @@
     position: relative;
     width: 24px;
     height: 24px;
-    margin-top: -24px;
+    margin-top: -30px;
+    margin-right: @spacer * 2.5;
   }
 }

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

@@ -87,7 +87,9 @@ const TransferFeeComparisonTableRow = ({
         <tr />
       ) : (
         <tr>
-          <hr className={componentStyles.transferFeeComparisonTableRow__border} />
+          <td colSpan={3}>
+            <hr className={componentStyles.transferFeeComparisonTableRow__border} />
+          </td>
         </tr>
       )}
     </>

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

@@ -7,6 +7,6 @@
   "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.",
   "this-adds-fees": "Dadurch kommen zu deinen Überweisungsgebühren zusätzliche Kosten von {hiddenFeesAmount} {hiddenFeesCurrency} hinzu.",
   "only-charged-transfer-fees": "Das bedeutet, dass du ausschließlich die angegebenen Überweisungsgebühren zahlst.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Damit ändern sich die Gesamtkosten für deine Überweisung auf <span>{totalFee}</span>.",
   "neptune.CloseButton.ariaLabel": "Schließen"
 }

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

@@ -7,6 +7,6 @@
   "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>.",
   "this-adds-fees": "Esto añade {hiddenFeesAmount} {hiddenFeesCurrency} además de las comisiones de tu transferencia.",
   "only-charged-transfer-fees": "Esto significa que solo se te cobra las comisiones de tu transferencia.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Siendo la comisión total de tu transferencia <span>{totalFee} </span>.",
   "neptune.CloseButton.ariaLabel": "Cerrar"
 }

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

@@ -7,6 +7,6 @@
   "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>.",
   "this-adds-fees": "Cela ajoute {hiddenFeesAmount} {hiddenFeesCurrency} supplémentaires, en plus de vos frais de transfert.",
   "only-charged-transfer-fees": "Cela signifie que vous ne payez que vos frais de transfert.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Les frais totaux pour votre transfert sont de <span>{totalFee}</span>.",
   "neptune.CloseButton.ariaLabel": "Fermer"
 }

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

@@ -7,6 +7,6 @@
   "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>).",
   "this-adds-fees": "Ezzel további {hiddenFeesAmount} {hiddenFeesCurrency} díjat fizetsz az utalás díján felül.",
   "only-charged-transfer-fees": "Ez azt jelenti, hogy csak az utalás díját kell kifizetned.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Az utalásod díja így összesen <span>{totalFee}</span>.",
   "neptune.CloseButton.ariaLabel": "Bezárás"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName} menggunakan nilai tukar konversi <a>{conversionRate}</a> yang lebih baik dari nilai tukar nyata dari <a>{midmarketRate}</a>.",
   "this-adds-fees": "Ini menambahkan {hiddenFeesAmount} {hiddenFeesCurrency} di atas biaya transfer Anda.",
   "only-charged-transfer-fees": "Ini berarti Anda hanya dikenakan biaya transfer.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Menjadikan total biaya untuk transfer Anda <span>{totalFee}</span>.",
   "neptune.CloseButton.ariaLabel": "Tutup"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName} は、<a>{conversionRate}</a> の両替レートを使用していますが、これは<a>{midmarketRate}</a> のミッドマーケットレートよりも良いです。",
   "this-adds-fees": "これにより、{hiddenFeesAmount} {hiddenFeesCurrency} が送金手数料に加算されます。",
   "only-charged-transfer-fees": "つまり、送金手数料のみが請求されます。",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "送金にかかる手数料の合計は <span>{totalFee}</span>になります。",
   "neptune.CloseButton.ariaLabel": "閉じる"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName} korzysta z kursu wymiany, który wynosi <a>{conversionRate}</a> i przedstawia się korzystniej niż kurs uśredniony w wysokości <a>{midmarketRate}</a>.",
   "this-adds-fees": "Do Twojej opłaty zostaną dodane koszty w wysokości {hiddenFeesAmount}{hiddenFeesCurrency}",
   "only-charged-transfer-fees": "Oznacza to, że płacisz tylko za realizację płatności.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Opłata całkowita za Twoją płatność wyniesie <span>{totalFee}</span>",
   "neptune.CloseButton.ariaLabel": "Zamknij"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName} está usando uma taxa de conversão de <span>{conversionRate}</span> que é melhor que a taxa de câmbio comercial de <a>{midmarketRate}</a>.",
   "this-adds-fees": "Isso adiciona {hiddenFeesAmount} {hiddenFeesCurrency} às tarifas da sua transferência.",
   "only-charged-transfer-fees": "Isso significa que você só paga pelas tarifas da transferência.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Fazendo com que as tarifas da sua transferência totalizem <span>{totalFee}</span>.",
   "neptune.CloseButton.ariaLabel": "Fechar"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName} использует коэффициент конверсии <a>{conversionRate}</a>, что лучше, чем средний рыночный коэффициент <a>{midmarketRate}</a>.",
   "this-adds-fees": "Это добавляет {hiddenFeesAmount} {hiddenFeesCurrency} к Вашей комиссии за перевод.",
   "only-charged-transfer-fees": "Это означает, что с Вас взимается только комиссия за перевод.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Доведение общей комиссии за перевод до <span>{totalFee}</span>.",
   "neptune.CloseButton.ariaLabel": "Закрыть"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName} kur olarak <a>{conversionRate}</a> kullanıyor. Bu rakam <a>{midmarketRate}</a> reel piyasa kurundan daha iyi.",
   "this-adds-fees": "Bu, transfer ücretinizin üzerine ek {hiddenFeesAmount} {hiddenFeesCurrency} ücret ekliyor.",
   "only-charged-transfer-fees": "Yani sadece transfer ücretlerini ödersiniz.",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "Transferinizin toplam ücreti <span>{totalFee}</span> oluyor.",
   "neptune.CloseButton.ariaLabel": "Kapat"
 }

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

@@ -7,6 +7,6 @@
   "using-great-conversion-rate": "{providerName}使用的匯率為<a>{conversionRate}</a>，比市場匯率中間價<a>{midmarketRate}</a>較好。",
   "this-adds-fees": "這會在你的匯款手續費上額外添加{hiddenFeesAmount} {hiddenFeesCurrency}。",
   "only-charged-transfer-fees": "這表示你只需支付匯款的手續費。",
-  "bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+  "bringing-the-total": "你的匯款總費用為<span>{totalFee}</span>。",
   "neptune.CloseButton.ariaLabel": "關閉"
 }

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

@@ -32,7 +32,7 @@
 		"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.",
 		"this-adds-fees": "Dadurch kommen zu deinen Überweisungsgebühren zusätzliche Kosten von {hiddenFeesAmount} {hiddenFeesCurrency} hinzu.",
 		"only-charged-transfer-fees": "Das bedeutet, dass du ausschließlich die angegebenen Überweisungsgebühren zahlst.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Damit ändern sich die Gesamtkosten für deine Überweisung auf <span>{totalFee}</span>.",
 		"neptune.CloseButton.ariaLabel": "Schließen"
 	},
 	"el": {
@@ -68,7 +68,7 @@
 		"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>.",
 		"this-adds-fees": "Esto añade {hiddenFeesAmount} {hiddenFeesCurrency} además de las comisiones de tu transferencia.",
 		"only-charged-transfer-fees": "Esto significa que solo se te cobra las comisiones de tu transferencia.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Siendo la comisión total de tu transferencia <span>{totalFee} </span>.",
 		"neptune.CloseButton.ariaLabel": "Cerrar"
 	},
 	"fr": {
@@ -80,7 +80,7 @@
 		"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>.",
 		"this-adds-fees": "Cela ajoute {hiddenFeesAmount} {hiddenFeesCurrency} supplémentaires, en plus de vos frais de transfert.",
 		"only-charged-transfer-fees": "Cela signifie que vous ne payez que vos frais de transfert.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Les frais totaux pour votre transfert sont de <span>{totalFee}</span>.",
 		"neptune.CloseButton.ariaLabel": "Fermer"
 	},
 	"hu": {
@@ -92,7 +92,7 @@
 		"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>).",
 		"this-adds-fees": "Ezzel további {hiddenFeesAmount} {hiddenFeesCurrency} díjat fizetsz az utalás díján felül.",
 		"only-charged-transfer-fees": "Ez azt jelenti, hogy csak az utalás díját kell kifizetned.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Az utalásod díja így összesen <span>{totalFee}</span>.",
 		"neptune.CloseButton.ariaLabel": "Bezárás"
 	},
 	"id": {
@@ -104,7 +104,7 @@
 		"using-great-conversion-rate": "{providerName} menggunakan nilai tukar konversi <a>{conversionRate}</a> yang lebih baik dari nilai tukar nyata dari <a>{midmarketRate}</a>.",
 		"this-adds-fees": "Ini menambahkan {hiddenFeesAmount} {hiddenFeesCurrency} di atas biaya transfer Anda.",
 		"only-charged-transfer-fees": "Ini berarti Anda hanya dikenakan biaya transfer.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Menjadikan total biaya untuk transfer Anda <span>{totalFee}</span>.",
 		"neptune.CloseButton.ariaLabel": "Tutup"
 	},
 	"it": {
@@ -128,7 +128,7 @@
 		"using-great-conversion-rate": "{providerName} は、<a>{conversionRate}</a> の両替レートを使用していますが、これは<a>{midmarketRate}</a> のミッドマーケットレートよりも良いです。",
 		"this-adds-fees": "これにより、{hiddenFeesAmount} {hiddenFeesCurrency} が送金手数料に加算されます。",
 		"only-charged-transfer-fees": "つまり、送金手数料のみが請求されます。",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "送金にかかる手数料の合計は <span>{totalFee}</span>になります。",
 		"neptune.CloseButton.ariaLabel": "閉じる"
 	},
 	"nl": {
@@ -164,7 +164,7 @@
 		"using-great-conversion-rate": "{providerName} korzysta z kursu wymiany, który wynosi <a>{conversionRate}</a> i przedstawia się korzystniej niż kurs uśredniony w wysokości <a>{midmarketRate}</a>.",
 		"this-adds-fees": "Do Twojej opłaty zostaną dodane koszty w wysokości {hiddenFeesAmount}{hiddenFeesCurrency}",
 		"only-charged-transfer-fees": "Oznacza to, że płacisz tylko za realizację płatności.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Opłata całkowita za Twoją płatność wyniesie <span>{totalFee}</span>",
 		"neptune.CloseButton.ariaLabel": "Zamknij"
 	},
 	"pt": {
@@ -176,7 +176,7 @@
 		"using-great-conversion-rate": "{providerName} está usando uma taxa de conversão de <span>{conversionRate}</span> que é melhor que a taxa de câmbio comercial de <a>{midmarketRate}</a>.",
 		"this-adds-fees": "Isso adiciona {hiddenFeesAmount} {hiddenFeesCurrency} às tarifas da sua transferência.",
 		"only-charged-transfer-fees": "Isso significa que você só paga pelas tarifas da transferência.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Fazendo com que as tarifas da sua transferência totalizem <span>{totalFee}</span>.",
 		"neptune.CloseButton.ariaLabel": "Fechar"
 	},
 	"ro": {
@@ -200,7 +200,7 @@
 		"using-great-conversion-rate": "{providerName} использует коэффициент конверсии <a>{conversionRate}</a>, что лучше, чем средний рыночный коэффициент <a>{midmarketRate}</a>.",
 		"this-adds-fees": "Это добавляет {hiddenFeesAmount} {hiddenFeesCurrency} к Вашей комиссии за перевод.",
 		"only-charged-transfer-fees": "Это означает, что с Вас взимается только комиссия за перевод.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Доведение общей комиссии за перевод до <span>{totalFee}</span>.",
 		"neptune.CloseButton.ariaLabel": "Закрыть"
 	},
 	"sk": {
@@ -236,7 +236,7 @@
 		"using-great-conversion-rate": "{providerName} kur olarak <a>{conversionRate}</a> kullanıyor. Bu rakam <a>{midmarketRate}</a> reel piyasa kurundan daha iyi.",
 		"this-adds-fees": "Bu, transfer ücretinizin üzerine ek {hiddenFeesAmount} {hiddenFeesCurrency} ücret ekliyor.",
 		"only-charged-transfer-fees": "Yani sadece transfer ücretlerini ödersiniz.",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "Transferinizin toplam ücreti <span>{totalFee}</span> oluyor.",
 		"neptune.CloseButton.ariaLabel": "Kapat"
 	},
 	"uk": {
@@ -260,7 +260,7 @@
 		"using-great-conversion-rate": "{providerName}使用的匯率為<a>{conversionRate}</a>，比市場匯率中間價<a>{midmarketRate}</a>較好。",
 		"this-adds-fees": "這會在你的匯款手續費上額外添加{hiddenFeesAmount} {hiddenFeesCurrency}。",
 		"only-charged-transfer-fees": "這表示你只需支付匯款的手續費。",
-		"bringing-the-total": "Bringing the total fee for your transfer to <span>{totalFee}</span>.",
+		"bringing-the-total": "你的匯款總費用為<span>{totalFee}</span>。",
 		"neptune.CloseButton.ariaLabel": "關閉"
 	}
 }