feat(card): enable base on delegation flow (#23509)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

This update adds support for delegating Base assets within the MetaMask
Card feature.

## **Changelog**

<!--
If this PR is not End-User-Facing and should not show up in the
CHANGELOG, you can choose to either:
1. Write `CHANGELOG entry: null`
2. Label with `no-changelog`

If this PR is End-User-Facing, please write a short User-Facing
description in the past tense like:
`CHANGELOG entry: Added a new tab for users to see their NFTs`
`CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker`

(This helps the Release Engineer do their job more quickly and
accurately)
-->

CHANGELOG entry: Added support for delegating Base assets in the
MetaMask Card feature

## **Related issues**

Fixes:

## **Manual testing steps**

```gherkin
Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]
```

## **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/f54fcee4-e30a-40c7-869e-775c24c4e8a1

## **Pre-merge author checklist**

- [x] 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).
- [x] I've completed the PR template to the best of my ability
- [x] I’ve included tests if applicable
- [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] 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.


<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Enables Base network for MetaMask Card, adding network-aware
SDK/providers, token/feature flag configs, UI mapping/filters, and
balance/allowance handling.
> 
> - **Card SDK/Backend**:
> - Add Base to supported networks and validation (`CardNetwork`,
`SUPPORTED_ASSET_NETWORKS`).
> - Introduce network-aware providers/RPCs (`cardNetworkInfos`,
Base/Linea RPC URLs) and `foxConnect` access per network.
> - Update `getSupportedTokensByChainId()` to default CAIP and use
across callers.
> - Make `getLatestAllowanceFromLogs` network-aware (accepts
`CardNetwork`).
> - Allow `completeEVMDelegation` for `base`; extend delegation settings
validation to `base`.
> - Map external wallet network -> CAIP via `cardNetworkInfos`; remove
unused `totalAllowance` mapping.
> - **UI/Hooks**:
> - Spending Limit: resolve network via `caipChainIdToNetwork` before
delegation.
> - Asset Selection: fetch supported tokens without explicit chain id;
strict network typing for filters.
>   - Balances: include Base chain ID when fetching balances.
> - Latest allowance: skip non-EVM chains; pass network derived from
CAIP when querying logs.
> - Chain name mapping: use `caipChainIdToNetwork` (returns Linea by
default).
> - **Feature Flags**:
> - Add Base (`eip155:8453`) config with tokens and
`foxConnectAddresses`.
> - **Tests**:
> - Update/expand tests for Base support, network-aware log queries, and
new chain name mapping; remove tests for deleted `totalAllowance`
mapping.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
8c5fe0d. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: Brunonascdev

app/components/UI/Card/Views/SpendingLimit/SpendingLimit.tsx

@@ -14,7 +14,11 @@ import {
 } from '../../hooks/useCardDelegation';
 import { useCardSDK } from '../../sdk';
 import { strings } from '../../../../../../locales/i18n';
-import { BAANX_MAX_LIMIT, ARBITRARY_ALLOWANCE } from '../../constants';
+import {
+  BAANX_MAX_LIMIT,
+  ARBITRARY_ALLOWANCE,
+  caipChainIdToNetwork,
+} from '../../constants';
 import Logger from '../../../../../util/Logger';
 import Text, {
   TextVariant,
@@ -39,27 +43,19 @@ import {
   CardTokenAllowance,
   DelegationSettingsResponse,
   CardExternalWalletDetailsResponse,
-  CardNetwork,
 } from '../../types';
 import { createAssetSelectionModalNavigationDetails } from '../../components/AssetSelectionBottomSheet';
 import AvatarToken from '../../../../../component-library/components/Avatars/Avatar/variants/AvatarToken';
 import { AvatarSize } from '../../../../../component-library/components/Avatars/Avatar';
 import { buildTokenIconUrl } from '../../util/buildTokenIconUrl';
 import { MetaMetricsEvents, useMetrics } from '../../../../hooks/useMetrics';
 import { CardActions, CardScreens } from '../../util/metrics';
-import { mapCaipChainIdToChainName } from '../../util/mapCaipChainIdToChainName';
 import { clearCacheData } from '../../../../../core/redux/slices/card';
 import { useDispatch } from 'react-redux';
 import Routes from '../../../../../constants/navigation/Routes';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
-
-const getNetworkFromCaipChainId = (caipChainId: string): CardNetwork => {
-  if (caipChainId === SolScope.Mainnet || caipChainId.startsWith('solana:')) {
-    return 'solana';
-  }
-  return 'linea';
-};
+import { mapCaipChainIdToChainName } from '../../util/mapCaipChainIdToChainName';
 
 const SpendingLimit = ({
   route,
@@ -281,8 +277,12 @@ const SpendingLimit = ({
         const tokenToUse = selectedToken || priorityToken;
         const currency = tokenToUse?.symbol;
         const network = tokenToUse?.caipChainId
-          ? getNetworkFromCaipChainId(tokenToUse.caipChainId)
-          : 'linea';
+          ? caipChainIdToNetwork[tokenToUse.caipChainId]
+          : null;
+
+        if (!network) {
+          throw new Error('Network not found');
+        }
 
         await submitDelegation({
           amount: delegationAmount,

app/components/UI/Card/components/AssetSelectionBottomSheet/AssetSelectionBottomSheet.tsx

@@ -6,6 +6,7 @@ import { useCardSDK } from '../../sdk';
 import {
   AllowanceState,
   CardExternalWalletDetailsResponse,
+  CardNetwork,
   CardTokenAllowance,
   DelegationSettingsResponse,
 } from '../../types';
@@ -118,7 +119,7 @@ const AssetSelectionBottomSheet: React.FC = () => {
 
   // Get supported tokens from the card SDK to display in the bottom sheet.
   const cardSupportedTokens = useMemo(
-    () => sdk?.getSupportedTokensByChainId(sdk?.lineaChainId) ?? [],
+    () => sdk?.getSupportedTokensByChainId() ?? [],
     [sdk],
   );
 
@@ -162,7 +163,7 @@ const AssetSelectionBottomSheet: React.FC = () => {
 
       // Filter unsupported networks and unknown chains
       if (
-        !SUPPORTED_ASSET_NETWORKS.includes(networkLower) ||
+        !SUPPORTED_ASSET_NETWORKS.includes(networkLower as CardNetwork) ||
         networkLower === 'unknown'
       ) {
         return true;
@@ -271,7 +272,10 @@ const AssetSelectionBottomSheet: React.FC = () => {
       const networkLower = network.network?.toLowerCase();
 
       // Filter unsupported networks
-      if (!networkLower || !SUPPORTED_ASSET_NETWORKS.includes(networkLower)) {
+      if (
+        !networkLower ||
+        !SUPPORTED_ASSET_NETWORKS.includes(networkLower as CardNetwork)
+      ) {
         return false;
       }
 

app/components/UI/Card/constants.ts

@@ -1,14 +1,51 @@
 import { ethers } from 'ethers';
 import balanceScannerAbi from './sdk/balanceScannerAbi.json';
+import { CardNetwork, CardNetworkInfo } from './types';
+import { CaipChainId } from '@metamask/utils';
 
+const InfuraKey = process.env.MM_INFURA_PROJECT_ID;
+const infuraProjectId = InfuraKey === 'null' ? '' : InfuraKey;
+
+export const LINEA_MAINNET_RPC_URL = `https://linea-mainnet.infura.io/v3/${infuraProjectId}`;
+export const BASE_MAINNET_RPC_URL = `https://base-mainnet.infura.io/v3/${infuraProjectId}`;
 export const BALANCE_SCANNER_ABI =
   balanceScannerAbi as ethers.ContractInterface;
 export const ARBITRARY_ALLOWANCE = 100000000000;
 export const DEPOSIT_SUPPORTED_TOKENS = ['USDC', 'USDT', 'mUSD'];
 export const BAANX_MAX_LIMIT = '2199023255551';
 export const AUTHENTICATED_CACHE_DURATION = 60 * 1000;
 export const UNAUTHENTICATED_CACHE_DURATION = 5 * 60 * 1000;
-export const SUPPORTED_ASSET_NETWORKS = ['linea', 'linea-us', 'solana'];
+export const SUPPORTED_ASSET_NETWORKS: CardNetwork[] = [
+  'linea',
+  'linea-us',
+  'solana',
+  'base',
+];
+export const CARD_SUPPORT_EMAIL = '[email protected]';
+
+export const cardNetworkInfos: Record<CardNetwork, CardNetworkInfo> = {
+  linea: {
+    caipChainId: 'eip155:59144',
+    rpcUrl: LINEA_MAINNET_RPC_URL,
+  },
+  'linea-us': {
+    caipChainId: 'eip155:59144',
+    rpcUrl: LINEA_MAINNET_RPC_URL,
+  },
+  base: {
+    caipChainId: 'eip155:8453',
+    rpcUrl: BASE_MAINNET_RPC_URL,
+  },
+  solana: {
+    caipChainId: 'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp',
+  },
+};
+
+export const caipChainIdToNetwork: Record<CaipChainId, CardNetwork> = {
+  'eip155:59144': 'linea',
+  'eip155:8453': 'base',
+  'solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp': 'solana',
+};
 
 /**
  * Tokens that don't support the spending limit progress bar feature.
@@ -17,4 +54,3 @@ export const SUPPORTED_ASSET_NETWORKS = ['linea', 'linea-us', 'solana'];
  * Format: Token symbols in uppercase
  */
 export const SPENDING_LIMIT_UNSUPPORTED_TOKENS = ['AUSDC'];
-export const CARD_SUPPORT_EMAIL = '[email protected]';

app/components/UI/Card/hooks/useAssetBalances.tsx

@@ -46,7 +46,11 @@ export const useAssetBalances = (
 ): Map<string, AssetBalanceInfo> => {
   const { MultichainAssetsRatesController, TokenRatesController } =
     Engine.context;
-  const chainIds = [CHAIN_IDS.LINEA_MAINNET, SOLANA_MAINNET.chainId];
+  const chainIds = [
+    CHAIN_IDS.LINEA_MAINNET,
+    SOLANA_MAINNET.chainId,
+    CHAIN_IDS.BASE,
+  ];
 
   const tokensWithBalance = useTokensWithBalance({
     chainIds,

app/components/UI/Card/hooks/useCardDelegation.ts

@@ -45,7 +45,7 @@ interface DelegationParams {
  * Hook to handle the complete delegation flow for spending limit increases
  * Flow: Token -> Signature -> Approval Transaction -> Completion
  *
- * Note: Currently only supports EVM chains (Linea)
+ * Note: Currently only supports EVM chains
  */
 export const useCardDelegation = (token?: CardTokenAllowance | null) => {
   const { sdk } = useCardSDK();
@@ -147,11 +147,6 @@ export const useCardDelegation = (token?: CardTokenAllowance | null) => {
             'TransactionController:transactionConfirmed',
             async (transactionMeta) => {
               if (transactionMeta.status === TransactionStatus.confirmed) {
-                Logger.log(
-                  'controllerMessenger::Transaction confirmed',
-                  transactionMeta.id,
-                  transactionId,
-                );
                 try {
                   await sdk.completeEVMDelegation({
                     address,