@transferwise/components 0.0.0-experimental-ac57725 → 0.0.0-experimental-82772cf

package/build/index.esm.js

@@ -8029,20 +8029,20 @@ class MoneyInput extends Component {
       maxLengthOverride
     } = this.props;
     const selectOptions = this.getSelectOptions();
-    const firstOptionValue = () => {
+    const getFirstOption = () => {
       if (selectOptions.length !== 0) {
         const firstOption = selectOptions[0];
         if (firstOption.type === 'option') {
-          return firstOption.value.value;
+          return firstOption.value;
         }
         if (firstOption.type === 'group' && firstOption.options.length !== 0) {
-          return firstOption.options[0].value.value;
+          return firstOption.options[0].value;
         }
       }
       return null;
     };
-    const firstOption = firstOptionValue();
-    const isFixedCurrency = selectOptions.length === 1 && firstOption === selectedCurrency.currency || !onCurrencyChange;
+    const firstOption = getFirstOption();
+    const isFixedCurrency = !this.state.searchQuery && (selectOptions.length === 1 && firstOption.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}`)),
@@ -8081,6 +8081,7 @@ class MoneyInput extends Component {
         children: /*#__PURE__*/jsx(SelectInput, {
           items: selectOptions,
           value: this.state.selectedOption,
+          compareValues: "currency",
           renderValue: (currency, withinTrigger) => {
             return /*#__PURE__*/jsx(SelectInputOptionContent, {
               title: currency.label,