@transferwise/components 46.0.0 → 46.0.2

package/build/index.esm.js

@@ -8014,20 +8014,26 @@ class MoneyInput extends Component {
       maxLengthOverride
     } = this.props;
     const selectOptions = this.getSelectOptions();
-    const getFirstOption = () => {
+    const getFirstSelectItem = () => {
       if (selectOptions.length !== 0) {
-        const firstOption = selectOptions[0];
-        if (firstOption.type === 'option') {
-          return firstOption.value;
+        const firstItem = selectOptions[0];
+        if (firstItem.type === 'option') {
+          return {
+            hasOneCurrency: selectOptions.length === 1,
+            currency: firstItem.value.currency
+          };
         }
-        if (firstOption.type === 'group' && firstOption.options.length !== 0) {
-          return firstOption.options[0].value;
+        if (firstItem.type === 'group') {
+          return {
+            hasOneCurrency: firstItem.options.length === 1,
+            currency: firstItem.options[0].value.currency
+          };
         }
       }
       return null;
     };
-    const firstOption = getFirstOption();
-    const isFixedCurrency = !this.state.searchQuery && (selectOptions.length === 1 && firstOption.currency === selectedCurrency.currency || !onCurrencyChange);
+    const firstSelectItem = getFirstSelectItem();
+    const isFixedCurrency = !this.state.searchQuery && (firstSelectItem?.hasOneCurrency && firstSelectItem?.currency === selectedCurrency.currency || !onCurrencyChange);
     const disabled = !this.props.onAmountChange;
     return /*#__PURE__*/jsxs("div", {
       className: classNames(this.style('tw-money-input'), this.style('input-group'), this.style(`input-group-${size}`)),
@@ -8069,7 +8075,7 @@ class MoneyInput extends Component {
           compareValues: "currency",
           renderValue: (currency, withinTrigger) => {
             return /*#__PURE__*/jsx(SelectInputOptionContent, {
-              title: currency.label,
+              title: withinTrigger ? currency.currency.toUpperCase() : currency.label,
               note: withinTrigger ? undefined : currency.note,
               icon: /*#__PURE__*/jsx(Flag, {
                 code: currency.currency,