@transferwise/comparison-components 23.0.4 → 23.0.6

package/package.json

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

@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
 
 import componentStyles from './Label.module.less';
 
-const Label = ({ styles, message, link }) => {
+const Label = ({ styles, message, link, target = '_self' }) => {
   const derivedStyles = { ...componentStyles, ...styles };
   return (
     <span className={derivedStyles.labelContent}>
@@ -12,7 +12,7 @@ const Label = ({ styles, message, link }) => {
       {link && (
         <sup>
           {' '}
-          <a className={derivedStyles.labelLink} href={link}>
+          <a className={derivedStyles.labelLink} href={link} target={target}>
             [?]
           </a>
         </sup>

package/src/comparison-table/components/atoms/Provider.jsx

@@ -138,7 +138,12 @@ const Provider = ({
           rate={providerRate}
           label={
             isConsideredMidmarketRate(providerRate, midMarketRate) ? (
-              <Label styles={styles} message="mid-market-rate" link={MID_MARKET_URL} />
+              <Label
+                styles={styles}
+                message="mid-market-rate"
+                link={MID_MARKET_URL}
+                target="_blank"
+              />
             ) : null
           }
           sourceCurrency={sourceCurrency}
@@ -155,7 +160,12 @@ const Provider = ({
           alias={alias}
           label={
             isWiseAlias(alias) || isPartner ? ( // TODO Condition could actually be where any rate >= than midmarket
-              <Label styles={styles} message="transparent-fee" link={WISE_FEES_URL} />
+              <Label
+                styles={styles}
+                message="transparent-fee"
+                link={WISE_FEES_URL}
+                target="_blank"
+              />
             ) : null
           }
         />

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

@@ -71,7 +71,7 @@ const ProviderRow = ({
         </td>
         <td
           className={createClassNames(['table-plain__cell'])}
-          datalabel={formatMessage({ id: 'exchange-rate' })}
+          data-label={formatMessage({ id: 'exchange-rate' })}
         >
           {/* TODO: This ExchangeRateIndicator component with midmarket rate label should be extracted out */}
           <ExchangeRateIndicator
@@ -79,7 +79,7 @@ const ProviderRow = ({
             rate={rate}
             label={
               isConsideredMidmarketRate(rate, midMarketRate) ? (
-                <Label message="mid-market-rate" link={MID_MARKET_URL} />
+                <Label message="mid-market-rate" link={MID_MARKET_URL} target="_blank" />
               ) : null
             }
             sourceCurrency={sourceCurrency}
@@ -92,7 +92,7 @@ const ProviderRow = ({
               ? createClassNames(['table-plain__cell', 'one-off-fee'])
               : createClassNames(['table-plain__cell'])
           }
-          datalabel={
+          data-label={
             isTW
               ? formatMessage({ id: 'delivery-fee-one-off' })
               : formatMessage({ id: 'delivery-fee' })
@@ -111,7 +111,7 @@ const ProviderRow = ({
         </td>
         <td
           className={style['table-plain__cell']}
-          datalabel={formatMessage({ id: 'should-arrive' })}
+          data-label={formatMessage({ id: 'should-arrive' })}
         >
           {deliveryEstimation && (
             <DeliveryEstimation
@@ -131,7 +131,7 @@ const ProviderRow = ({
             'featured--last-cell',
             'table-plain__cell--will-cost-you',
           ])}
-          datalabel={formatMessage({ id: 'will-cost-you' })}
+          data-label={formatMessage({ id: 'will-cost-you' })}
         >
           <span className={createClassNames(['featured-amount'])}>
             {formatMoney(receivedAmount, targetCurrency, locale, {

package/dist/es/Label-18269ff5.js

@@ -1,2 +0,0 @@
-import{_ as e}from"./NeptuneProviderWrapper-e9fc585c.js";import t from"prop-types";import n from"react";import{FormattedMessage as r}from"react-intl";import{s as l}from"./style-inject.es-1f59c1d0.js";var s={labelContent:"cc_labelContent_1PEAlZdRtv",labelLink:"cc_labelLink_b3Tzc7dLXn"};function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function a(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?o(Object(r),!0).forEach(function(n){e(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}l(".cc_labelContent_1PEAlZdRtv{font-size:var(--font-size-14);line-height:20px}@media screen and (max-width:767px){.cc_labelContent_1PEAlZdRtv{display:none}}.cc_labelLink_b3Tzc7dLXn{color:#5d7079;text-decoration:none!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jb21tb24vTGFiZWwubW9kdWxlLmxlc3MiLCJMYWJlbC5tb2R1bGUubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSw0QkFDRSw2QkFBQSxDQUNBLGdCQ0ZGLENESUUsb0NBQUEsNEJBQ0UsWUNERixDQUNGLENESUEseUJBQ0UsYUFBQSxDQUNBLDhCQ0ZGIiwiZmlsZSI6IkxhYmVsLm1vZHVsZS5sZXNzIn0= */");var c=function(e){var t=e.styles,l=e.message,o=e.link,c=a(a({},s),t);return n.createElement("span",{className:c.labelContent},n.createElement(r,{id:l}),o&&n.createElement("sup",null," ",n.createElement("a",{className:c.labelLink,href:o},"[?]")))};c.propTypes={styles:t.shape({labelContent:t.string,labelLink:t.string}),message:t.string.isRequired,link:t.string},c.defaultProps={styles:{},link:null};export{c as L};
-//# sourceMappingURL=Label-18269ff5.js.map

package/dist/es/Label-18269ff5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label-18269ff5.js","sources":["../../src/common/Label.jsx"],"sourcesContent":null,"names":["Label","_ref","styles","message","link","derivedStyles","_objectSpread","componentStyles","React","createElement","className","labelContent","FormattedMessage","id","labelLink","href","propTypes","PropTypes","shape","string","isRequired","defaultProps"],"mappings":"24CAMA,IAAMA,EAAQ,SAA+BC,GAAA,IAA5BC,IAAAA,OAAQC,IAAAA,QAASC,IAAAA,KAC1BC,EAAaC,EAAAA,EAAA,GAAQC,GAAoBL,GAC/C,OACEM,EAAAC,cAAA,OAAA,CAAMC,UAAWL,EAAcM,cAC7BH,gBAACI,EAAgB,CAACC,GAAIV,IACrBC,GACCI,EAAAC,cAAA,MAAA,KACG,IACDD,EAAAC,cAAA,IAAA,CAAGC,UAAWL,EAAcS,UAAWC,KAAMX,GAAM,UAS7DJ,EAAMgB,UAAY,CAChBd,OAAQe,EAAUC,MAAM,CACtBP,aAAcM,EAAUE,OACxBL,UAAWG,EAAUE,SAEvBhB,QAASc,EAAUE,OAAOC,WAC1BhB,KAAMa,EAAUE,QAGlBnB,EAAMqB,aAAe,CACnBnB,OAAQ,GACRE,KAAM"}