fix: disable slide-to-dismiss behavior of swaps keypad (MetaMask#26770)

<!--
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**

Disable slide-to-dismiss behavior of swaps keypad to prevent potential
double triggers of keypad keys due to bottom sheet dismissal gesture
handler event.

<!--
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?
-->

## **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: disable slide-to-dismiss behavior of swaps keypad

## **Related issues**

Fixes: MetaMask#26746

## **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] -->

## **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]
> **Medium Risk**
> Changes bottom-sheet gesture behavior for the swap/bridge keypad,
which could affect how users dismiss the keypad and interact with
inputs. Test updates reduce flakiness but rely on mocked bridge status
responses and new timeouts that could mask regressions.
> 
> **Overview**
> Disables the `SwapsKeypad` slide/pan interaction by setting
`BottomSheetDialog` `isInteractable={false}` to prevent gesture-handler
double-firing of keypad button presses.
> 
> Updates `SwapsKeypad` unit tests to capture and assert the
`BottomSheetDialog` configuration, and adjusts bridge smoke-test
stability by replacing a fixed delay with visibility assertions, adding
confirmed-status verification, and mocking `getTxStatus` to return a
complete bridge status response.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
0724794. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

---------

Co-authored-by: Davide Brocchetto <davide.brocchetto@consensys.net>

Author: GeorgeGkas

app/components/UI/Bridge/components/SwapsKeypad/index.test.tsx

@@ -4,6 +4,9 @@ import { SwapsKeypad } from './index';
 import { Keys } from '../../../../Base/Keypad';
 import { SwapsKeypadRef } from './types';
 
+// Captures props passed to BottomSheetDialog so tests can assert configuration.
+const mockBottomSheetDialogProps = jest.fn();
+
 // Mock BottomSheetDialog to render children directly without animations.
 // Exposes onCloseDialog via ref so close() can be tested.
 jest.mock(
@@ -17,9 +20,16 @@ jest.mock(
           {
             children,
             onClose,
-          }: { children: React.ReactNode; onClose?: () => void },
+            ...rest
+          }: {
+            children: React.ReactNode;
+            onClose?: () => void;
+            isInteractable?: boolean;
+            [key: string]: unknown;
+          },
           dialogRef: React.Ref<{ onCloseDialog: () => void }>,
         ) => {
+          mockBottomSheetDialogProps({ onClose, ...rest });
           MockReact.useImperativeHandle(dialogRef, () => ({
             onCloseDialog: () => onClose?.(),
           }));
@@ -53,6 +63,7 @@ describe('SwapsKeypad', () => {
 
   afterEach(() => {
     jest.resetAllMocks();
+    mockBottomSheetDialogProps.mockReset();
   });
 
   describe('rendering', () => {
@@ -388,4 +399,19 @@ describe('SwapsKeypad', () => {
       expect(ref.current?.isOpen()).toBe(true);
     });
   });
+
+  describe('bottom sheet configuration', () => {
+    it('renders BottomSheetDialog with isInteractable=false to prevent PanGestureHandler double-firing keypad buttons', () => {
+      renderAndOpen({
+        value: '0',
+        currency: 'native',
+        decimals: 18,
+        onChange: mockOnChange,
+      });
+
+      expect(mockBottomSheetDialogProps).toHaveBeenCalledWith(
+        expect.objectContaining({ isInteractable: false }),
+      );
+    });
+  });
 });

app/components/UI/Bridge/components/SwapsKeypad/index.tsx

@@ -59,7 +59,7 @@ export const SwapsKeypad = forwardRef<
     <BottomSheetDialog
       style={styles.keypadDialog}
       ref={bottomSheetRef}
-      isInteractable
+      isInteractable={false}
       onClose={handleClose}
       onStartShouldSetResponder={() =>
         // Prevents the native gesture system from bubbling up

tests/helpers/swap/bridge-mocks.ts

@@ -15,6 +15,20 @@ import {
 } from './constants';
 import { setupSpotPricesMock } from './swap-mocks';
 
+const BRIDGE_TX_STATUS_COMPLETE = {
+  status: 'COMPLETE',
+  srcChain: {
+    chainId: 1,
+    txHash:
+      '0xabcdef1234567890abcdef1234567890abcdef1234567890abcdef1234567890',
+  },
+  destChain: {
+    chainId: 8453,
+    txHash:
+      '0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef',
+  },
+};
+
 export const testSpecificMock: TestSpecificMock = async (
   mockServer: Mockttp,
 ) => {
@@ -126,4 +140,13 @@ export const testSpecificMock: TestSpecificMock = async (
     ],
     responseCode: 200,
   });
+
+  // Mock getTxStatus with a full response so the BridgeStatusController
+  // marks the bridge as complete (srcChain + destChain txHash present)
+  await setupMockRequest(mockServer, {
+    requestMethod: 'GET',
+    url: /getTxStatus/i,
+    response: BRIDGE_TX_STATUS_COMPLETE,
+    responseCode: 200,
+  });
 };

tests/smoke/swap/bridge-action-smoke.spec.ts

@@ -5,7 +5,6 @@ import TabBarComponent from '../../page-objects/wallet/TabBarComponent';
 import QuoteView from '../../page-objects/swaps/QuoteView';
 import FixtureBuilder from '../../framework/fixtures/FixtureBuilder';
 import WalletView from '../../page-objects/wallet/WalletView';
-import TestHelpers from '../../helpers';
 import { SmokeTrade } from '../../tags';
 import Assertions from '../../framework/Assertions';
 import ActivitiesView from '../../page-objects/Transactions/ActivitiesView';
@@ -14,6 +13,7 @@ import { testSpecificMock } from '../../helpers/swap/bridge-mocks';
 import SoftAssert from '../../framework/SoftAssert';
 import { AnvilPort } from '../../framework/fixtures/FixtureUtils';
 import { AnvilManager } from '../../seeder/anvil-manager';
+import { ActivitiesViewSelectorsText } from '../../../app/components/Views/ActivityView/ActivitiesView.testIds';
 
 enum eventsToCheck {
   BRIDGE_BUTTON_CLICKED = 'Bridge Button Clicked',
@@ -38,6 +38,7 @@ describe(SmokeTrade('Bridge functionality'), () => {
     const sourceSymbol: string = 'ETH';
     const chainId = '0x1';
     const destChainId = '0x2105';
+    const FIRST_ROW: number = 0;
 
     await withFixtures(
       {
@@ -78,7 +79,10 @@ describe(SmokeTrade('Bridge functionality'), () => {
         await WalletView.tapWalletSwapButton();
         await device.disableSynchronization();
         await QuoteView.tapDestinationToken();
-        await TestHelpers.delay(2000); // wait until tokens are displayed
+        await Assertions.expectElementToBeVisible(QuoteView.searchToken, {
+          timeout: 15000,
+          description: 'Token search input visible in destination token picker',
+        });
         await QuoteView.selectNetwork(destNetwork);
         await QuoteView.tapToken(destChainId, sourceSymbol);
         // Open keypad by tapping source amount input (keypad is in BottomSheet, closed after token selection)
@@ -96,11 +100,23 @@ describe(SmokeTrade('Bridge functionality'), () => {
         await QuoteView.tapConfirmBridge();
 
         await Assertions.expectElementToBeVisible(ActivitiesView.title, {
-          description: 'Activity title visible',
+          timeout: 30000,
+          description: 'Activity title visible after bridge submission',
         });
         await Assertions.expectElementToBeVisible(
           ActivitiesView.bridgeActivityTitle(destNetwork),
-          { description: 'Bridge activity for destination network visible' },
+          {
+            description: 'Bridge activity for destination network visible',
+          },
+        );
+
+        await Assertions.expectElementToHaveText(
+          ActivitiesView.transactionStatus(FIRST_ROW),
+          ActivitiesViewSelectorsText.CONFIRM_TEXT,
+          {
+            timeout: 120000,
+            description: 'Bridge transaction should show Confirmed status',
+          },
         );
       },
     );