Cherry-picking commits from main to release/7.76.3-ota for PR #29941 (#30036)

- fix(predict): disable Deposit Wallet withdrawals (#29941)

## **Description**

Temporarily disables the Predict withdraw entry point for Deposit Wallet
users until Deposit Wallet withdrawals are fully supported.

Deposit Wallet users with a Predict balance now see a dismissible bottom
sheet explaining that withdrawals are currently unavailable and to
contact Customer Service for assistance. Legacy/Safe users continue
through the existing withdraw flow.

This is intentionally a temporary UI guard and should be removed once
Deposit Wallet withdraw support ships.

## **Changelog**

CHANGELOG entry: Fixed Predict withdrawals to show a temporary
unavailable message for Deposit Wallet users.

## **Related issues**

Fixes:
[PRED-869](https://consensyssoftware.atlassian.net/browse/PRED-869)

## **Manual testing steps**

```gherkin
Feature: Predict Deposit Wallet withdrawals

  Scenario: Deposit Wallet user sees withdrawals unavailable notice
    Given a Predict Deposit Wallet user has an available balance
    When user taps Withdraw on the Predict balance card
    Then a bottom sheet is displayed with the title "Withdrawals are currently unavailable"
    And the bottom sheet description says "For assistance withdrawing your funds, please contact Customer Service."
    And tapping "Got it" dismisses the bottom sheet

  Scenario: Safe user keeps the existing withdraw flow
    Given a Predict Safe user has an available balance
    When user taps Withdraw on the Predict balance card
    Then the existing withdraw flow is opened
    And the withdrawals unavailable bottom sheet is not displayed
```

Validation run locally:

- `yarn lint:tsc`
- `yarn eslint

app/components/UI/Predict/components/PredictWithdrawUnavailableSheet/PredictWithdrawUnavailableSheet.tsx

app/components/UI/Predict/components/PredictWithdrawUnavailableSheet/PredictWithdrawUnavailableSheet.test.tsx
--cache`
- `yarn jest

app/components/UI/Predict/components/PredictWithdrawUnavailableSheet/PredictWithdrawUnavailableSheet.test.tsx
--runInBand` printed PASS for all tests, then hit the known local Jest
OOM after completion.

## **Screenshots/Recordings**

### **Before**

N/A - PR changes the Deposit Wallet withdraw press behavior from
launching unsupported withdraw handling to displaying a temporary
unavailable bottom sheet.

### **After**

Manually verified in the iOS simulator: Deposit Wallet users see the
withdrawals unavailable bottom sheet and can dismiss it with "Got it".

<img width="300" alt="Simulator Screenshot - mm-blue - 2026-05-08 at 20
39 36"

src="https://github.com/user-attachments/assets/544500b4-2456-4dfd-b6af-e56bbb844c41"
/>


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

#### Performance checks (if applicable)

- [x] N/A - no performance-sensitive code path changed; Android
performance testing is not applicable.
  - Ideally on a mid-range device; emulator is acceptable
- [x] N/A - no performance-sensitive code path changed; power-user
scenario testing is not applicable.
- Use these [power-user

SRPs](https://consensyssoftware.atlassian.net/wiki/spaces/TL1/pages/edit-v2/401401446401?draftShareId=9d77e1e1-4bdc-4be1-9ebb-ccd916988d93)
to import wallets with many accounts and tokens
- [x] N/A - no new production performance instrumentation is required
for this temporary UI guard.
- See [`trace()`](/app/util/trace.ts) for usage and

[`addToken`](/app/components/Views/AddAsset/components/AddCustomToken/AddCustomToken.tsx#L274)
for an example

For performance guidelines and tooling, see the [Performance

Guide](https://consensyssoftware.atlassian.net/wiki/spaces/TL1/pages/400085549067/Performance+Guide+for+Engineers).

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


[PRED-869]:

https://consensyssoftware.atlassian.net/browse/PRED-869?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> **Medium Risk**
> Changes the withdrawal entry point behavior in the Predict balance
card based on detected wallet type, which can block or allow access to a
funds-moving flow. Risk is mitigated by added unit/E2E coverage and a
conservative default that disables withdraw while account state is
unknown.
> 
> **Overview**
> **Disables Predict withdrawals for Deposit Wallet users** by gating
the `Withdraw` button on `usePredictAccountState` and routing Deposit
Wallet presses to a temporary “withdrawals unavailable” bottom sheet.
> 
> Adds the new `PredictWithdrawUnavailableSheet` component (with i18n
strings and test IDs) and wires it into `PredictFeed` so it can be
opened via a ref callback; Safe/legacy users continue to call
`withdraw()` as before, and the Withdraw button is disabled until wallet
type is resolved.
> 
> Updates unit tests and Detox/E2E mocks to cover wallet-type branching
and keep the withdraw smoke test on the legacy Safe path (new
`LEGACY_SAFE_WALLET_ADDRESS` + `POLYMARKET_LEGACY_SAFE_ACCOUNT_MOCKS`).
> 
> <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit
c60a694. Bugbot is set up for automated
code reviews on this repo. Configure
[here](https://www.cursor.com/dashboard/bugbot).</sup>
<!-- /CURSOR_SUMMARY -->
[b44e29a](b44e29a)

[PRED-869]:
https://consensyssoftware.atlassian.net/browse/PRED-869?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
[PRED-869]:
https://consensyssoftware.atlassian.net/browse/PRED-869?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Co-authored-by: Luis Taniça <matallui@gmail.com>

Author: runway-github[bot]

app/components/UI/Predict/Predict.testIds.ts

@@ -264,6 +264,7 @@ export const getPredictSearchSelector = {
 
 export const PredictBalanceSelectorsIDs = {
   BALANCE_CARD: 'predict-balance-card',
+  WITHDRAW_BUTTON: 'predict-balance-withdraw-button',
 } as const;
 
 export const PredictBalanceSelectorsText = {

app/components/UI/Predict/components/PredictBalance/PredictBalance.test.tsx

@@ -5,6 +5,7 @@ import renderWithProvider from '../../../../../util/test/renderWithProvider';
 import PredictBalance from './PredictBalance';
 import { strings } from '../../../../../../locales/i18n';
 import { ButtonVariants } from '../../../../../component-library/components/Buttons/Button';
+import { PREDICT_BALANCE_TEST_IDS } from './PredictBalance.testIds';
 
 // Mock React Query
 jest.mock('@tanstack/react-query', () => ({
@@ -30,6 +31,13 @@ jest.mock('../../hooks/usePredictBalance', () => ({
   usePredictBalance: (options?: unknown) => mockUsePredictBalance(options),
 }));
 
+// Mock usePredictAccountState hook
+const mockUsePredictAccountState = jest.fn();
+jest.mock('../../hooks/usePredictAccountState', () => ({
+  usePredictAccountState: (options?: unknown) =>
+    mockUsePredictAccountState(options),
+}));
+
 // Mock usePredictDeposit hook
 const mockUsePredictDeposit = jest.fn();
 jest.mock('../../hooks/usePredictDeposit', () => ({
@@ -83,6 +91,15 @@ describe('PredictBalance', () => {
       isDepositPending: false,
     });
 
+    mockUsePredictAccountState.mockReturnValue({
+      data: {
+        address: '0x1111111111111111111111111111111111111111',
+        isDeployed: true,
+        walletType: 'safe',
+      },
+      isLoading: false,
+    });
+
     mockUsePredictWithdraw.mockReturnValue({
       withdraw: jest.fn(),
     });
@@ -347,7 +364,7 @@ describe('PredictBalance', () => {
       expect(mockDeposit).toHaveBeenCalled();
     });
 
-    it('calls withdraw directly when Withdraw button is pressed', () => {
+    it('calls withdraw directly when Withdraw button is pressed for Safe users', () => {
       // Arrange
       const mockWithdraw = jest.fn();
       mockUsePredictBalance.mockReturnValue({
@@ -369,6 +386,83 @@ describe('PredictBalance', () => {
       expect(mockWithdraw).toHaveBeenCalledTimes(1);
       expect(mockExecuteGuardedAction).not.toHaveBeenCalled();
     });
+
+    it('calls temporary unavailable handler instead of withdrawing for Deposit Wallet users', () => {
+      // Arrange
+      const mockWithdraw = jest.fn();
+      const mockOnDepositWalletWithdrawPress = jest.fn();
+      mockUsePredictBalance.mockReturnValue({
+        data: 100,
+        isLoading: false,
+      });
+      mockUsePredictAccountState.mockReturnValue({
+        data: {
+          address: '0x2222222222222222222222222222222222222222',
+          isDeployed: true,
+          walletType: 'deposit-wallet',
+        },
+        isLoading: false,
+      });
+      mockUsePredictWithdraw.mockReturnValue({
+        withdraw: mockWithdraw,
+      });
+
+      // Act
+      const { getByText } = renderWithProvider(
+        <PredictBalance
+          onDepositWalletWithdrawPress={mockOnDepositWalletWithdrawPress}
+        />,
+        {
+          state: initialState,
+        },
+      );
+      const withdrawButton = getByText(/Withdraw/i);
+      fireEvent.press(withdrawButton);
+
+      // Assert
+      expect(mockWithdraw).not.toHaveBeenCalled();
+      expect(mockOnDepositWalletWithdrawPress).toHaveBeenCalledTimes(1);
+    });
+
+    it('disables Withdraw while account state is unavailable', () => {
+      // Arrange
+      const mockWithdraw = jest.fn();
+      const mockOnDepositWalletWithdrawPress = jest.fn();
+      mockUsePredictBalance.mockReturnValue({
+        data: 100,
+        isLoading: false,
+      });
+      mockUsePredictAccountState.mockReturnValue({
+        data: undefined,
+        isLoading: true,
+      });
+      mockUsePredictWithdraw.mockReturnValue({
+        withdraw: mockWithdraw,
+      });
+
+      // Act
+      const { getByTestId, UNSAFE_getByProps } = renderWithProvider(
+        <PredictBalance
+          onDepositWalletWithdrawPress={mockOnDepositWalletWithdrawPress}
+        />,
+        {
+          state: initialState,
+        },
+      );
+      const withdrawButton = getByTestId(
+        PREDICT_BALANCE_TEST_IDS.WITHDRAW_BUTTON,
+      );
+      fireEvent.press(withdrawButton);
+
+      // Assert
+      const disabledWithdrawButton = UNSAFE_getByProps({
+        testID: PREDICT_BALANCE_TEST_IDS.WITHDRAW_BUTTON,
+        isDisabled: true,
+      });
+      expect(disabledWithdrawButton.props.isDisabled).toBe(true);
+      expect(mockWithdraw).not.toHaveBeenCalled();
+      expect(mockOnDepositWalletWithdrawPress).not.toHaveBeenCalled();
+    });
   });
 
   describe('balance refresh', () => {

app/components/UI/Predict/components/PredictBalance/PredictBalance.testIds.ts

@@ -1,4 +1,12 @@
 export const PREDICT_BALANCE_TEST_IDS = {
   SKELETON: 'predict-balance-card-skeleton',
   CARD: 'predict-balance-card',
+  WITHDRAW_BUTTON: 'predict-balance-withdraw-button',
+  WITHDRAW_UNAVAILABLE_SHEET: 'predict-withdraw-unavailable-sheet',
+  WITHDRAW_UNAVAILABLE_TITLE: 'predict-withdraw-unavailable-title',
+  WITHDRAW_UNAVAILABLE_DESCRIPTION: 'predict-withdraw-unavailable-description',
+  WITHDRAW_UNAVAILABLE_CLOSE_BUTTON:
+    'predict-withdraw-unavailable-close-button',
+  WITHDRAW_UNAVAILABLE_GOT_IT_BUTTON:
+    'predict-withdraw-unavailable-got-it-button',
 } as const;

app/components/UI/Predict/components/PredictBalance/PredictBalance.tsx

@@ -39,15 +39,20 @@ import { formatPrice } from '../../utils/format';
 import { usePredictActionGuard } from '../../hooks/usePredictActionGuard';
 import { PredictNavigationParamList } from '../../types/navigation';
 import { usePredictWithdraw } from '../../hooks/usePredictWithdraw';
+import { usePredictAccountState } from '../../hooks/usePredictAccountState';
 import { PredictEventValues } from '../../constants/eventNames';
 import { PREDICT_BALANCE_TEST_IDS } from './PredictBalance.testIds';
 
 // This is a temporary component that will be removed when the deposit flow is fully implemented
 interface PredictBalanceProps {
   onLayout?: (height: number) => void;
+  onDepositWalletWithdrawPress?: () => void;
 }
 
-const PredictBalance: React.FC<PredictBalanceProps> = ({ onLayout }) => {
+const PredictBalance: React.FC<PredictBalanceProps> = ({
+  onLayout,
+  onDepositWalletWithdrawPress,
+}) => {
   const tw = useTailwind();
   const privacyMode = useSelector(selectPrivacyMode);
 
@@ -64,6 +69,11 @@ const PredictBalance: React.FC<PredictBalanceProps> = ({ onLayout }) => {
 
   const isAddingFunds = isDepositPending;
   const hasBalance = balance > 0;
+  const { data: accountState } = usePredictAccountState({
+    enabled: hasBalance,
+  });
+  const walletType = accountState?.walletType;
+  const isWithdrawDisabled = hasBalance && !walletType;
 
   useEffect(() => {
     if (!isDepositPending) {
@@ -87,8 +97,21 @@ const PredictBalance: React.FC<PredictBalanceProps> = ({ onLayout }) => {
   }, [deposit, executeGuardedAction]);
 
   const handleWithdraw = useCallback(() => {
+    // Do not proceed until account state is loaded; otherwise Deposit Wallet
+    // users can bypass the temporary guard during the query window.
+    if (!walletType) {
+      return;
+    }
+
+    // Temporary Deposit Wallet migration guard. Remove this branch and sheet
+    // once Deposit Wallet withdrawals are implemented.
+    if (walletType === 'deposit-wallet') {
+      onDepositWalletWithdrawPress?.();
+      return;
+    }
+
     withdraw();
-  }, [withdraw]);
+  }, [onDepositWalletWithdrawPress, walletType, withdraw]);
 
   if (isLoading) {
     return (
@@ -202,6 +225,8 @@ const PredictBalance: React.FC<PredictBalanceProps> = ({ onLayout }) => {
               style={tw.style('flex-1')}
               label={strings('predict.deposit.withdraw')}
               onPress={handleWithdraw}
+              isDisabled={isWithdrawDisabled}
+              testID={PREDICT_BALANCE_TEST_IDS.WITHDRAW_BUTTON}
             />
           )}
         </Box>

app/components/UI/Predict/components/PredictWithdrawUnavailableSheet/PredictWithdrawUnavailableSheet.test.tsx

@@ -0,0 +1,76 @@
+import React from 'react';
+import { fireEvent, render } from '@testing-library/react-native';
+import { strings } from '../../../../../../locales/i18n';
+import PredictWithdrawUnavailableSheet from './PredictWithdrawUnavailableSheet';
+import { PREDICT_BALANCE_TEST_IDS } from '../PredictBalance/PredictBalance.testIds';
+
+let mockIsVisible = true;
+const mockCloseSheet = jest.fn();
+const mockGetRefHandlers = jest.fn(() => ({
+  onOpenBottomSheet: jest.fn(),
+  onCloseBottomSheet: jest.fn(),
+}));
+
+jest.mock('../../hooks/usePredictBottomSheet', () => ({
+  usePredictBottomSheet: () => ({
+    sheetRef: { current: null },
+    isVisible: mockIsVisible,
+    closeSheet: mockCloseSheet,
+    handleSheetClosed: jest.fn(),
+    getRefHandlers: mockGetRefHandlers,
+  }),
+}));
+
+describe('PredictWithdrawUnavailableSheet', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockIsVisible = true;
+  });
+
+  it('renders null when closed', () => {
+    mockIsVisible = false;
+
+    const { queryByTestId } = render(<PredictWithdrawUnavailableSheet />);
+
+    expect(
+      queryByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_SHEET),
+    ).toBeNull();
+  });
+
+  it('renders the temporary Deposit Wallet withdraw unavailable note', () => {
+    const { getByTestId } = render(<PredictWithdrawUnavailableSheet />);
+
+    expect(
+      getByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_SHEET),
+    ).toBeOnTheScreen();
+    expect(
+      getByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_TITLE),
+    ).toHaveTextContent(strings('predict.withdraw.unavailable_title'));
+    expect(
+      getByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_DESCRIPTION),
+    ).toHaveTextContent(strings('predict.withdraw.unavailable_description'));
+    expect(
+      getByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_GOT_IT_BUTTON),
+    ).toHaveTextContent(strings('predict.withdraw.unavailable_got_it'));
+  });
+
+  it('dismisses when Got it is pressed', () => {
+    const { getByTestId } = render(<PredictWithdrawUnavailableSheet />);
+
+    fireEvent.press(
+      getByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_GOT_IT_BUTTON),
+    );
+
+    expect(mockCloseSheet).toHaveBeenCalledTimes(1);
+  });
+
+  it('dismisses when close is pressed', () => {
+    const { getByTestId } = render(<PredictWithdrawUnavailableSheet />);
+
+    fireEvent.press(
+      getByTestId(PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_CLOSE_BUTTON),
+    );
+
+    expect(mockCloseSheet).toHaveBeenCalledTimes(1);
+  });
+});

app/components/UI/Predict/components/PredictWithdrawUnavailableSheet/PredictWithdrawUnavailableSheet.tsx

@@ -0,0 +1,85 @@
+import {
+  BottomSheet,
+  BottomSheetFooter,
+  BottomSheetHeader,
+  Box,
+  BoxAlignItems,
+  Text,
+  TextColor,
+  TextVariant,
+} from '@metamask/design-system-react-native';
+import React, { forwardRef, useImperativeHandle } from 'react';
+import { strings } from '../../../../../../locales/i18n';
+import {
+  usePredictBottomSheet,
+  type PredictBottomSheetRef,
+} from '../../hooks/usePredictBottomSheet';
+import { PREDICT_BALANCE_TEST_IDS } from '../PredictBalance/PredictBalance.testIds';
+
+export type PredictWithdrawUnavailableSheetRef = PredictBottomSheetRef;
+
+/**
+ * Temporary migration notice for Deposit Wallet users.
+ * Remove this sheet and its trigger once Deposit Wallet withdrawals are supported.
+ */
+const PredictWithdrawUnavailableSheet = forwardRef<PredictBottomSheetRef>(
+  (_props, ref) => {
+    const {
+      sheetRef,
+      isVisible,
+      closeSheet,
+      handleSheetClosed,
+      getRefHandlers,
+    } = usePredictBottomSheet();
+
+    useImperativeHandle(ref, getRefHandlers, [getRefHandlers]);
+
+    if (!isVisible) {
+      return null;
+    }
+
+    return (
+      <BottomSheet
+        ref={sheetRef}
+        isInteractable
+        onClose={handleSheetClosed}
+        testID={PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_SHEET}
+      >
+        <BottomSheetHeader
+          onClose={closeSheet}
+          closeButtonProps={{
+            testID: PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_CLOSE_BUTTON,
+          }}
+          titleTestID={PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_TITLE}
+        >
+          {strings('predict.withdraw.unavailable_title')}
+        </BottomSheetHeader>
+        <Box
+          alignItems={BoxAlignItems.Start}
+          paddingHorizontal={4}
+          paddingBottom={4}
+        >
+          <Text
+            variant={TextVariant.BodyMd}
+            color={TextColor.TextAlternative}
+            testID={PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_DESCRIPTION}
+          >
+            {strings('predict.withdraw.unavailable_description')}
+          </Text>
+        </Box>
+        <BottomSheetFooter
+          twClassName="px-4"
+          primaryButtonProps={{
+            children: strings('predict.withdraw.unavailable_got_it'),
+            onPress: closeSheet,
+            testID: PREDICT_BALANCE_TEST_IDS.WITHDRAW_UNAVAILABLE_GOT_IT_BUTTON,
+          }}
+        />
+      </BottomSheet>
+    );
+  },
+);
+
+PredictWithdrawUnavailableSheet.displayName = 'PredictWithdrawUnavailableSheet';
+
+export default PredictWithdrawUnavailableSheet;

app/components/UI/Predict/components/PredictWithdrawUnavailableSheet/index.ts

@@ -0,0 +1,2 @@
+export { default } from './PredictWithdrawUnavailableSheet';
+export type { PredictWithdrawUnavailableSheetRef } from './PredictWithdrawUnavailableSheet';