fix: only valid addresses to onChange

src/library/Inputs/AccountId32/index.tsx

@@ -44,7 +44,7 @@ export const AccountId32 = ({
   const inputRef = useRef<HTMLInputElement>(null);
 
   // Get input value from input meta.
-  const inputMetaValue = getInputMetaValue(tabId, inputId);
+  const inputMetaValue = getInputMetaValue(tabId, inputId) || '';
 
   // The current selected address. If input meta value is not present, use the the first imported
   // account, if any.
@@ -63,11 +63,17 @@ export const AccountId32 = ({
 
   // Handle input value change.
   const handleInputChange = (val: string) => {
+    // Update input search value.
     setInputMetaValue(tabId, inputId, val);
-    setSearchValue(val);
+
+    // Get the first address from `accounts` that starts with `val`, or fall back to default.
+    const address =
+      accounts.find(({ name }) => name.startsWith(val))?.address ||
+      defaultAddress ||
+      '';
 
     if (onChange !== undefined) {
-      onChange(val);
+      onChange(address);
     }
   };
 
@@ -80,9 +86,6 @@ export const AccountId32 = ({
     }
   };
 
-  // The current search  value of the input.
-  const [searchValue, setSearchValue] = useState<string>('');
-
   // Pallet selection open.
   const [dropdownOpen, setDropdownOpenState] = useState<boolean>(false);
   const dropdownOpenRef = useRef(dropdownOpen);
@@ -94,11 +97,13 @@ export const AccountId32 = ({
 
   // Filter accounts based on search term, if present.
   const filteredAccounts =
-    searchValue !== ''
+    inputMetaValue !== ''
       ? accounts.filter(
           ({ address, name }) =>
-            name.toLowerCase().includes(formatInputString(searchValue, true)) ||
-            address.toLowerCase().includes(searchValue.toLowerCase())
+            name
+              .toLowerCase()
+              .includes(formatInputString(inputMetaValue, true)) ||
+            address.toLowerCase().includes(inputMetaValue.toLowerCase())
         )
       : accounts;