Fix issues

Author: GuillaumeRx

packages/examples/packages/send-flow/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "2KqVh93QMGT4VYzKWcfT+ErTBxRHBJ9TtVh8q+wefCM=",
+    "shasum": "xqCLzNxCLbQVqGEp7GvJSHlDLAuk8DgJZIQbXMKpKTE=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/examples/packages/send-flow/src/components/SendForm.tsx

@@ -12,7 +12,6 @@ import {
 } from '@metamask/snaps-sdk/jsx';
 
 import { AccountSelector } from './AccountSelector';
-import btcIcon from '../images/btc.svg';
 import jazzicon3 from '../images/jazzicon3.svg';
 import type { Account, SendFormErrors } from '../types';
 
@@ -57,21 +56,31 @@ export const SendForm: SnapComponent<SendFormProps> = ({
 }) => (
   <Form name="sendForm">
     <AccountSelector selectedAccount={selectedAccount} accounts={accounts} />
-    <Field label="Send amount" error={errors?.amount}>
-      <Box>
-        <Image src={btcIcon} />
-      </Box>
+
+    <AssetSelector
+      name="asset"
+      addresses={[
+        'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp:2pvE8WojpCju8XQEFAKrHgsxgUtsDxeq8PWZ4RP6YYWL',
+      ]}
+    />
+    <Box direction="horizontal">
       <Field label="Asset">
-        <AssetSelector name="asset" addresses={} />
+        <AssetSelector
+          name="asset2"
+          addresses={['eip155:0:0xc366063eA70eBD30316062C9C82445591c772870']}
+        />
       </Field>
-      <Input name="amount" type="number" placeholder="Enter amount to send" />
-      <Box direction="horizontal" center>
-        <Text color="alternative">{selectedCurrency}</Text>
-        <Button name="swap">
-          <Icon name="swap-vertical" color="primary" size="md" />
-        </Button>
-      </Box>
-    </Field>
+      <Field label="Send amount" error={errors?.amount}>
+        <Input name="amount" type="number" placeholder="Enter amount to send" />
+        <Box direction="horizontal" center>
+          <Text color="alternative">{selectedCurrency}</Text>
+          <Button name="swap">
+            <Icon name="swap-vertical" color="primary" size="md" />
+          </Button>
+        </Box>
+      </Field>
+    </Box>
+
     <Field label="To account" error={errors?.to}>
       <Box>
         <Image src={jazzicon3} />

packages/snaps-sdk/src/jsx/components/form/Field.ts

@@ -1,3 +1,4 @@
+import type { AssetSelectorElement } from './AssetSelector';
 import type { CheckboxElement } from './Checkbox';
 import type { DropdownElement } from './Dropdown';
 import type { FileInputElement } from './FileInput';
@@ -26,7 +27,8 @@ export type FieldProps = {
     | FileInputElement
     | InputElement
     | CheckboxElement
-    | SelectorElement;
+    | SelectorElement
+    | AssetSelectorElement;
 };
 
 const TYPE = 'Field';

packages/snaps-sdk/src/jsx/validation.ts

@@ -551,7 +551,8 @@ const FieldChildStruct = selectiveUnion((value) => {
   | FileInputElement
   | InputElement
   | CheckboxElement
-  | SelectorElement,
+  | SelectorElement
+  | AssetSelectorElement,
   null
 >;