@transferwise/components 0.0.0-experimental-ac06ea4 → 0.0.0-experimental-1718ca8

package/build/index.js

@@ -8847,6 +8847,12 @@ const PhoneNumberInput = ({
     return explodeNumberModel(cleanValue);
   });
   const [broadcastedValue, setBroadcastedValue] = React.useState(null);
+  const [suffixDirty, setSuffixDirty] = React.useState(false);
+  React.useEffect(() => {
+    if (internalValue.suffix) {
+      setSuffixDirty(true);
+    }
+  }, [internalValue.suffix]);
   const countriesByPrefix = React.useMemo(() => groupCountriesByPrefix(sortArrayByProperty(excludeCountries(countries, disabledCountries), 'iso3')), [disabledCountries]);
   const onSuffixChange = event => {
     const suffix = event.target.value;
@@ -8910,6 +8916,11 @@ const PhoneNumberInput = ({
             format: country?.phoneFormat
           }));
         },
+        onClose: () => {
+          if (suffixDirty) {
+            onBlur?.();
+          }
+        },
         ...selectProps
       })
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -8929,7 +8940,7 @@ const PhoneNumberInput = ({
           onChange: onSuffixChange,
           onPaste: onPaste,
           onFocus: onFocus,
-          onBlur: onBlur
+          onBlur: () => onBlur?.()
         })
       })
     })]