chore(runway): cherry-pick fix: cp-7.47.0 fix display contract address on non evm chains (#15845)

- fix: cp-7.47.0 fix display contract address on non evm chains (#15803)

## **Description**

PR to fix display of contract address on non EVM chains in token details
page
If the user clicks on native asset, we should not display address; else
we should display correct address

## **Related issues**

Fixes: #15764

## **Manual testing steps**

1. Click on non evm account with assets
2. Click on native asset
3. You should not see contract address
4. Click on SPL token
5. You should see contract address
6. Copy it and go to solscan https://solscan.io/
7. You should be able to see the address


## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->




https://github.com/user-attachments/assets/7f676a43-b560-4935-973a-a58c3ec52e37


<img width="1792" alt="Screenshot 2025-05-28 at 16 14 00"

src="https://github.com/user-attachments/assets/ad05e699-f5e2-481d-96b2-5eaec3f46c88"
/>


## **Pre-merge author checklist**

- [ ] I’ve followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding

Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling

guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.
[eb6957d](eb6957d)

Author: sethkfman

app/components/UI/AssetOverview/__snapshots__/AssetOverview.test.tsx.snap

@@ -3438,79 +3438,6 @@ exports[`AssetOverview should render native balances when non evm network is sel
               }
             }
           >
-            <View
-              style={
-                [
-                  {
-                    "flexDirection": "row",
-                    "justifyContent": "space-between",
-                    "paddingVertical": 4,
-                  },
-                  {
-                    "paddingTop": 0,
-                  },
-                ]
-              }
-            >
-              <Text
-                accessibilityRole="text"
-                style={
-                  {
-                    "color": "#686e7d",
-                    "fontFamily": "CentraNo1-Medium",
-                    "fontSize": 16,
-                    "fontWeight": "500",
-                    "letterSpacing": 0,
-                    "lineHeight": 24,
-                  }
-                }
-              >
-                Contract address
-              </Text>
-              <TouchableOpacity
-                onPress={[Function]}
-                style={
-                  {
-                    "alignItems": "center",
-                    "backgroundColor": "#4459ff1a",
-                    "borderRadius": 20,
-                    "flexDirection": "row",
-                    "marginLeft": 8,
-                    "paddingHorizontal": 8,
-                  }
-                }
-              >
-                <Text
-                  accessibilityRole="text"
-                  style={
-                    {
-                      "color": "#4459ff",
-                      "fontFamily": "CentraNo1-Book",
-                      "fontSize": 14,
-                      "fontWeight": "400",
-                      "letterSpacing": 0,
-                      "lineHeight": 22,
-                    }
-                  }
-                >
-                  solana:...4:501
-                </Text>
-                <SvgMock
-                  color="#4459ff"
-                  fill="currentColor"
-                  height={16}
-                  name="Copy"
-                  style={
-                    {
-                      "height": 16,
-                      "marginLeft": 4,
-                      "width": 16,
-                    }
-                  }
-                  width={16}
-                />
-              </TouchableOpacity>
-            </View>
             <View
               style={
                 {

app/components/UI/AssetOverview/utils/getTokenDetails.test.ts

@@ -2,6 +2,14 @@ import { zeroAddress } from 'ethereumjs-util';
 import { getTokenDetails } from './getTokenDetails';
 import { TokenI } from '../../Tokens/types';
 
+// In test file
+jest.mock('@metamask/utils', () => ({
+  ...jest.requireActual('@metamask/utils'),
+  parseCaipAssetType: jest.fn(),
+}));
+
+import { parseCaipAssetType } from '@metamask/utils';
+
 describe('getTokenDetails', () => {
   // Base test data
   const mockAsset: TokenI = {
@@ -23,7 +31,17 @@ describe('getTokenDetails', () => {
   };
 
   describe('Network-specific behavior', () => {
-    it('should format token details for non-EVM networks', () => {
+    it('should format token details for non-EVM networks for spl token', () => {
+      (parseCaipAssetType as jest.Mock).mockReturnValue({
+        assetNamespace: 'token',
+        assetReference: '0x123',
+        chainId: 'test:test',
+        chain: {
+          namespace: 'slip44',
+          reference: '0x123',
+        },
+      });
+
       const result = getTokenDetails(
         mockAsset,
         true, // isNonEvmAsset
@@ -37,6 +55,30 @@ describe('getTokenDetails', () => {
         tokenList: 'uniswap, 1inch',
       });
     });
+    it('should format token details for non-EVM networks for native token', () => {
+      (parseCaipAssetType as jest.Mock).mockReturnValue({
+        assetNamespace: 'slip44',
+        assetReference: '0x123',
+        chainId: 'test:test',
+        chain: {
+          namespace: 'slip44',
+          reference: '0x123',
+        },
+      });
+
+      const result = getTokenDetails(
+        mockAsset,
+        true, // isNonEvmAsset
+        undefined,
+        mockEvmMetadata,
+      );
+
+      expect(result).toEqual({
+        contractAddress: null,
+        tokenDecimal: 18,
+        tokenList: 'uniswap, 1inch',
+      });
+    });
 
     it('should format ETH token details for EVM networks', () => {
       const ethAsset: TokenI = {
@@ -156,6 +198,15 @@ describe('getTokenDetails', () => {
     });
 
     it('should handle zero decimals in asset', () => {
+      (parseCaipAssetType as jest.Mock).mockReturnValue({
+        assetNamespace: 'token',
+        assetReference: '0x123',
+        chainId: 'test:test',
+        chain: {
+          namespace: 'slip44',
+          reference: '0x123',
+        },
+      });
       const assetWithoutDecimals: TokenI = {
         ...mockAsset,
         decimals: 0,
@@ -176,6 +227,15 @@ describe('getTokenDetails', () => {
     });
 
     it('should handle empty aggregators array in asset', () => {
+      (parseCaipAssetType as jest.Mock).mockReturnValue({
+        assetNamespace: 'token',
+        assetReference: '0x123',
+        chainId: 'test:test',
+        chain: {
+          namespace: 'slip44',
+          reference: '0x123',
+        },
+      });
       const assetWithoutAggregators: TokenI = {
         ...mockAsset,
         aggregators: [],

app/components/UI/AssetOverview/utils/getTokenDetails.ts

@@ -1,6 +1,7 @@
 import { zeroAddress } from 'ethereumjs-util';
 import { TokenI } from '../../Tokens/types';
 import { TokenDetails } from '../TokenDetails/TokenDetails';
+import { parseCaipAssetType } from '@metamask/utils';
 
 export const getTokenDetails = (
   asset: TokenI,
@@ -9,8 +10,12 @@ export const getTokenDetails = (
   tokenMetadata: Record<string, string | number | string[]>,
 ): TokenDetails => {
   if (isNonEvmAsset) {
+    const { assetNamespace, assetReference } = parseCaipAssetType(
+      asset.address as `${string}:${string}/${string}:${string}`,
+    );
+    const isNative = assetNamespace === 'slip44';
     return {
-      contractAddress: asset.address || null,
+      contractAddress: isNative ? null : assetReference || null,
       tokenDecimal: asset.decimals || null,
       tokenList: asset?.aggregators?.join(', ') || null,
     };