Add updated props for address component

Author: david0xd

packages/examples/packages/browserify-plugin/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "HEAbfXBUqw5fNP+sJVyvUpXucZy6CwiCFXJi36CEfUw=",
+    "shasum": "3/BuUTwY9FEKC+WoGDR8gUxkYp02eE8qhlgb5yLRs+o=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/examples/packages/browserify/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "mCoDlMSdhDJAXd9zT74ST7jHysifHdQ8r0++b8uPbOs=",
+    "shasum": "564aSuXVGtNUkWdP5vpW+yD6g7kCYhW/tIKP/NEjPzg=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/snaps-sdk/src/jsx/components/Address.test.tsx

@@ -14,4 +14,26 @@ describe('Address', () => {
       },
     });
   });
+
+  it('renders an address with customized props', () => {
+    const result = (
+      <Address
+        address="0x1234567890123456789012345678901234567890"
+        truncate={true}
+        displayName={true}
+        avatar={false}
+      />
+    );
+
+    expect(result).toStrictEqual({
+      type: 'Address',
+      key: null,
+      props: {
+        address: '0x1234567890123456789012345678901234567890',
+        truncate: true,
+        displayName: true,
+        avatar: false,
+      },
+    });
+  });
 });

packages/snaps-sdk/src/jsx/components/Address.ts

@@ -10,6 +10,9 @@ import { createSnapComponent } from '../component';
  */
 export type AddressProps = {
   address: `0x${string}` | CaipAccountId;
+  truncate?: boolean;
+  displayName?: boolean;
+  avatar?: boolean;
 };
 
 const TYPE = 'Address';

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

@@ -472,6 +472,9 @@ export const FormattingStruct: Describe<StandardFormattingElement> = typedUnion(
  */
 export const AddressStruct: Describe<AddressElement> = element('Address', {
   address: nullUnion([HexChecksumAddressStruct, CaipAccountIdStruct]),
+  truncate: optional(boolean()),
+  displayName: optional(boolean()),
+  avatar: optional(boolean()),
 });
 
 /**