feat: metamask pay with send picker

app/components/Nav/App/App.tsx

@@ -148,7 +148,6 @@ import { Duration } from '@metamask/utils';
 import { selectSeedlessOnboardingLoginFlow } from '../../../selectors/seedlessOnboardingController';
 import { SmartAccountUpdateModal } from '../../Views/confirmations/components/smart-account-update-modal';
 import { PayWithModal } from '../../Views/confirmations/components/modals/pay-with-modal/pay-with-modal';
-import { PayWithNetworkModal } from '../../Views/confirmations/components/modals/pay-with-network-modal/pay-with-network-modal';
 import { useMetrics } from '../../hooks/useMetrics';
 import { State2AccountConnectWrapper } from '../../Views/MultichainAccounts/MultichainAccountConnect/State2AccountConnectWrapper';
 import { SmartAccountModal } from '../../Views/MultichainAccounts/AccountDetails/components/SmartAccountModal/SmartAccountModal';
@@ -1052,10 +1051,6 @@ const AppFlow = () => {
           name={Routes.CONFIRMATION_PAY_WITH_MODAL}
           component={PayWithModal}
         />
-        <Stack.Screen
-          name={Routes.CONFIRMATION_PAY_WITH_NETWORK_MODAL}
-          component={PayWithNetworkModal}
-        />
       </Stack.Navigator>
     </>
   );

app/components/Views/confirmations/components/UI/token/token.test.tsx

@@ -4,6 +4,7 @@ import { BtcAccountType } from '@metamask/keyring-api';
 import renderWithProvider from '../../../../../../util/test/renderWithProvider';
 import { AssetType } from '../../../types/token';
 import { Token } from './token';
+import { act, fireEvent } from '@testing-library/react-native';
 
 describe('Token', () => {
   const createMockToken = (overrides: Partial<AssetType> = {}): AssetType => ({
@@ -129,4 +130,48 @@ describe('Token', () => {
 
     expect(getByText('Native SegWit')).toBeOnTheScreen();
   });
+
+  it('renders disabled message when token is disabled', () => {
+    const mockToken = createMockToken({
+      disabled: true,
+      disabledMessage: 'Disabled Test',
+    });
+
+    const { getByText } = renderWithProvider(
+      <Token asset={mockToken} onPress={mockOnPress} />,
+    );
+
+    expect(getByText('Disabled Test')).toBeOnTheScreen();
+  });
+
+  it('calls onPress when token is pressed', async () => {
+    const mockToken = createMockToken();
+
+    const { getByText } = renderWithProvider(
+      <Token asset={mockToken} onPress={mockOnPress} />,
+    );
+
+    await act(() => {
+      fireEvent.press(getByText('ETH'));
+    });
+
+    expect(mockOnPress).toHaveBeenCalledTimes(1);
+    expect(mockOnPress).toHaveBeenCalledWith(mockToken);
+  });
+
+  it('does not call onPress when token is disabled and pressed', async () => {
+    const mockToken = createMockToken({
+      disabled: true,
+    });
+
+    const { getByText } = renderWithProvider(
+      <Token asset={mockToken} onPress={mockOnPress} />,
+    );
+
+    await act(() => {
+      fireEvent.press(getByText('ETH'));
+    });
+
+    expect(mockOnPress).not.toHaveBeenCalled();
+  });
 });

app/components/Views/confirmations/components/UI/token/token.tsx

@@ -41,10 +41,12 @@ export function Token({ asset, onPress }: TokenProps) {
 
   return (
     <Pressable
+      disabled={asset.disabled}
       style={({ pressed }) =>
         tw.style(
           'w-full flex-row items-center justify-between py-2 max-w-full',
           pressed || asset.isSelected ? 'bg-pressed' : 'bg-transparent',
+          asset.disabled && 'opacity-50',
         )
       }
       onPress={handlePress}
@@ -98,7 +100,9 @@ export function Token({ asset, onPress }: TokenProps) {
             color={TextColor.TextAlternative}
             numberOfLines={1}
           >
-            {asset.symbol}
+            {!asset.disabled || !asset.disabledMessage
+              ? asset.symbol
+              : asset.disabledMessage}
           </Text>
         </Box>
       </Box>