diff --git a/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.test.tsx b/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.test.tsx
index 109fe3e7fac..a0c36a05079 100644
--- a/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.test.tsx
+++ b/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.test.tsx
@@ -53,6 +53,15 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+jest.mock('../../hooks/usePoolStakedDeposit', () => ({
+  __esModule: true,
+  default: () => ({
+    poolStakingContract: {},
+    estimateDepositGas: jest.fn(),
+    attemptDepositTransaction: jest.fn(),
+  }),
+}));
+
 describe('StakeConfirmationView', () => {
   it('render matches snapshot', () => {
     const props: StakeConfirmationViewProps = {
diff --git a/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.tsx b/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.tsx
index 2f1a4890286..857752feafb 100644
--- a/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.tsx
+++ b/app/components/UI/Stake/Views/StakeConfirmationView/StakeConfirmationView.tsx
@@ -11,6 +11,7 @@ import ConfirmationFooter from '../../components/StakingConfirmation/Confirmatio
 import { StakeConfirmationViewProps } from './StakeConfirmationView.types';
 import { MOCK_GET_VAULT_RESPONSE } from '../../components/StakingBalance/mockData';
 import { strings } from '../../../../../../locales/i18n';
+import { FooterButtonGroupActions } from '../../components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.types';
 
 const MOCK_REWARD_DATA = {
   REWARDS: {
@@ -52,7 +53,10 @@ const StakeConfirmationView = ({ route }: StakeConfirmationViewProps) => {
           />
         </View>
       </View>
-      <ConfirmationFooter />
+      <ConfirmationFooter
+        valueWei={route.params.amountWei}
+        action={FooterButtonGroupActions.STAKE}
+      />
     </View>
   );
 };
diff --git a/app/components/UI/Stake/Views/StakeInputView/StakeInputView.test.tsx b/app/components/UI/Stake/Views/StakeInputView/StakeInputView.test.tsx
index 9648fba601e..a44c0971a53 100644
--- a/app/components/UI/Stake/Views/StakeInputView/StakeInputView.test.tsx
+++ b/app/components/UI/Stake/Views/StakeInputView/StakeInputView.test.tsx
@@ -6,6 +6,8 @@ import Routes from '../../../../../constants/navigation/Routes';
 import { backgroundState } from '../../../../../util/test/initial-root-state';
 import { BN } from 'ethereumjs-util';
 import { Stake } from '../../sdk/stakeSdkProvider';
+import { ChainId, PooledStakingContract } from '@metamask/stake-sdk';
+import { Contract } from 'ethers';
 
 function render(Component: React.ComponentType) {
   return renderScreen(
@@ -53,15 +55,30 @@ jest.mock('../../../../../selectors/currencyRateController.ts', () => ({
 
 const mockBalanceBN = new BN('1500000000000000000');
 
+const mockPooledStakingContractService: PooledStakingContract = {
+  chainId: ChainId.ETHEREUM,
+  connectSignerOrProvider: jest.fn(),
+  contract: new Contract('0x0000000000000000000000000000000000000000', []),
+  convertToShares: jest.fn(),
+  encodeClaimExitedAssetsTransactionData: jest.fn(),
+  encodeDepositTransactionData: jest.fn(),
+  encodeEnterExitQueueTransactionData: jest.fn(),
+  encodeMulticallTransactionData: jest.fn(),
+  estimateClaimExitedAssetsGas: jest.fn(),
+  estimateDepositGas: jest.fn(),
+  estimateEnterExitQueueGas: jest.fn(),
+  estimateMulticallGas: jest.fn(),
+};
+
 jest.mock('../../hooks/useStakeContext.ts', () => ({
   useStakeContext: jest.fn(() => {
     const stakeContext: Stake = {
       setSdkType: jest.fn(),
-      sdkService: undefined
-    }
-    return stakeContext
-  })
-}))
+      stakingContract: mockPooledStakingContractService,
+    };
+    return stakeContext;
+  }),
+}));
 
 jest.mock('../../hooks/useBalance', () => ({
   __esModule: true,
diff --git a/app/components/UI/Stake/Views/StakeInputView/StakeInputView.tsx b/app/components/UI/Stake/Views/StakeInputView/StakeInputView.tsx
index 782e4d5ab3c..0431e67a77f 100644
--- a/app/components/UI/Stake/Views/StakeInputView/StakeInputView.tsx
+++ b/app/components/UI/Stake/Views/StakeInputView/StakeInputView.tsx
@@ -19,7 +19,6 @@ import styleSheet from './StakeInputView.styles';
 import useStakingInputHandlers from '../../hooks/useStakingInput';
 import useBalance from '../../hooks/useBalance';
 import InputDisplay from '../../components/InputDisplay';
-import { useStakeContext } from '../../hooks/useStakeContext';
 
 const StakeInputView = () => {
   const title = strings('stake.stake_eth');
@@ -44,9 +43,6 @@ const StakeInputView = () => {
     estimatedAnnualRewards,
   } = useStakingInputHandlers(balanceWei);
 
-
-  const { sdkService } = useStakeContext();
-  
   const navigateToLearnMoreModal = () => {
     navigation.navigate('StakeModals', {
       screen: Routes.STAKING.MODALS.LEARN_MORE,
@@ -61,8 +57,7 @@ const StakeInputView = () => {
         amountFiat: fiatAmount,
       },
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [amountWei, fiatAmount, navigation, sdkService]);
+  }, [amountWei, fiatAmount, navigation]);
 
   const balanceText = strings('stake.balance');
 
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.test.tsx b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.test.tsx
index 36db2a000b1..011c63bfbf7 100644
--- a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.test.tsx
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.test.tsx
@@ -1,18 +1,58 @@
 import React from 'react';
 import renderWithProvider from '../../../../../../util/test/renderWithProvider';
 import ConfirmationFooter from './ConfirmationFooter';
+import { ConfirmationFooterProps } from './ConfirmationFooter.types';
+import { createMockAccountsControllerState } from '../../../../../../util/test/accountsControllerTestUtils';
+import { backgroundState } from '../../../../../../util/test/initial-root-state';
+import { FooterButtonGroupActions } from './FooterButtonGroup/FooterButtonGroup.types';
+
+const MOCK_ADDRESS_1 = '0x0';
+const MOCK_ADDRESS_2 = '0x1';
+
+const MOCK_ACCOUNTS_CONTROLLER_STATE = createMockAccountsControllerState([
+  MOCK_ADDRESS_1,
+  MOCK_ADDRESS_2,
+]);
+
+const mockInitialState = {
+  settings: {},
+  engine: {
+    backgroundState: {
+      ...backgroundState,
+      AccountsController: MOCK_ACCOUNTS_CONTROLLER_STATE,
+    },
+  },
+};
 
 jest.mock('@react-navigation/native', () => {
   const actualReactNavigation = jest.requireActual('@react-navigation/native');
   return {
     ...actualReactNavigation,
-    useNavigation: jest.fn(),
+    useNavigation: () => ({
+      navigate: jest.fn(),
+    }),
   };
 });
 
+jest.mock('../../../hooks/usePoolStakedDeposit', () => ({
+  __esModule: true,
+  default: () => ({
+    poolStakingContract: {},
+    estimateDepositGas: jest.fn(),
+    attemptDepositTransaction: jest.fn(),
+  }),
+}));
+
 describe('ConfirmationFooter', () => {
   it('render matches snapshot', () => {
-    const { toJSON } = renderWithProvider(<ConfirmationFooter />);
+    const props: ConfirmationFooterProps = {
+      valueWei: '3210000000000000',
+      action: FooterButtonGroupActions.STAKE,
+    };
+
+    const { toJSON } = renderWithProvider(<ConfirmationFooter {...props} />, {
+      state: mockInitialState,
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.tsx b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.tsx
index 6505cef13f7..acf580af357 100644
--- a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.tsx
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.tsx
@@ -4,14 +4,15 @@ import styleSheet from './ConfirmationFooter.styles';
 import { View } from 'react-native';
 import FooterLegalLinks from './LegalLinks/LegalLinks';
 import FooterButtonGroup from './FooterButtonGroup/FooterButtonGroup';
+import { ConfirmationFooterProps } from './ConfirmationFooter.types';
 
-const ConfirmationFooter = () => {
+const ConfirmationFooter = ({ valueWei, action }: ConfirmationFooterProps) => {
   const { styles } = useStyles(styleSheet, {});
 
   return (
     <View style={styles.footerContainer}>
       <FooterLegalLinks />
-      <FooterButtonGroup />
+      <FooterButtonGroup valueWei={valueWei} action={action} />
     </View>
   );
 };
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.types.ts b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.types.ts
new file mode 100644
index 00000000000..a2d10bc09eb
--- /dev/null
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/ConfirmationFooter.types.ts
@@ -0,0 +1,6 @@
+import { FooterButtonGroupActions } from './FooterButtonGroup/FooterButtonGroup.types';
+
+export interface ConfirmationFooterProps {
+  valueWei: string; // deposit, unstake, and claim value
+  action: FooterButtonGroupActions;
+}
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.test.tsx b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.test.tsx
index 9f756063fa6..ffaec56ae87 100644
--- a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.test.tsx
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.test.tsx
@@ -3,9 +3,34 @@ import renderWithProvider from '../../../../../../../util/test/renderWithProvide
 import { strings } from '../../../../../../../../locales/i18n';
 import FooterButtonGroup from './FooterButtonGroup';
 import { fireEvent } from '@testing-library/react-native';
+import {
+  FooterButtonGroupActions,
+  FooterButtonGroupProps,
+} from './FooterButtonGroup.types';
+import { createMockAccountsControllerState } from '../../../../../../../util/test/accountsControllerTestUtils';
+import { backgroundState } from '../../../../../../../util/test/initial-root-state';
+
+const MOCK_ADDRESS_1 = '0x0';
+const MOCK_ADDRESS_2 = '0x1';
+
+const MOCK_ACCOUNTS_CONTROLLER_STATE = createMockAccountsControllerState([
+  MOCK_ADDRESS_1,
+  MOCK_ADDRESS_2,
+]);
+
+const mockInitialState = {
+  settings: {},
+  engine: {
+    backgroundState: {
+      ...backgroundState,
+      AccountsController: MOCK_ACCOUNTS_CONTROLLER_STATE,
+    },
+  },
+};
 
 const mockCanGoBack = jest.fn();
 const mockGoBack = jest.fn();
+const mockNavigate = jest.fn();
 
 jest.mock('@react-navigation/native', () => {
   const actualReactNavigation = jest.requireActual('@react-navigation/native');
@@ -14,17 +39,35 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       canGoBack: mockCanGoBack,
       goBack: mockGoBack,
+      navigate: mockNavigate,
     }),
   };
 });
 
+jest.mock('../../../../hooks/usePoolStakedDeposit', () => ({
+  __esModule: true,
+  default: () => ({
+    poolStakingContract: {},
+    estimateDepositGas: jest.fn(),
+    attemptDepositTransaction: jest.fn(),
+  }),
+}));
+
 describe('FooterButtonGroup', () => {
   beforeEach(() => {
     jest.resetAllMocks();
   });
 
   it('render matches snapshot', () => {
-    const { getByText, toJSON } = renderWithProvider(<FooterButtonGroup />);
+    const props: FooterButtonGroupProps = {
+      valueWei: '3210000000000000',
+      action: FooterButtonGroupActions.STAKE,
+    };
+
+    const { getByText, toJSON } = renderWithProvider(
+      <FooterButtonGroup {...props} />,
+      { state: mockInitialState },
+    );
 
     expect(getByText(strings('stake.cancel'))).toBeDefined();
     expect(getByText(strings('stake.confirm'))).toBeDefined();
@@ -32,15 +75,22 @@ describe('FooterButtonGroup', () => {
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('navigates to previous page when cancel button is pressed', () => {
+  it('navigates to Asset page when cancel is pressed', () => {
     mockCanGoBack.mockImplementationOnce(() => true);
+    const props: FooterButtonGroupProps = {
+      valueWei: '3210000000000000',
+      action: FooterButtonGroupActions.STAKE,
+    };
 
-    const { getByText, toJSON } = renderWithProvider(<FooterButtonGroup />);
+    const { getByText, toJSON } = renderWithProvider(
+      <FooterButtonGroup {...props} />,
+      { state: mockInitialState },
+    );
 
     fireEvent.press(getByText(strings('stake.cancel')));
 
-    expect(mockCanGoBack).toHaveBeenCalledTimes(1);
-    expect(mockGoBack).toHaveBeenCalledTimes(1);
+    expect(mockNavigate).toHaveBeenCalledTimes(1);
+    expect(mockNavigate).toHaveBeenCalledWith('Asset');
 
     expect(toJSON()).toMatchSnapshot();
   });
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.tsx b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.tsx
index bd781bfc9a8..00464468daa 100644
--- a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.tsx
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.tsx
@@ -13,16 +13,57 @@ import Text, {
 } from '../../../../../../../component-library/components/Texts/Text';
 import { useStyles } from '../../../../../../hooks/useStyles';
 import styleSheet from './FooterButtonGroup.styles';
+import { useSelector } from 'react-redux';
+import { selectSelectedInternalAccount } from '../../../../../../../selectors/accountsController';
+import usePoolStakedDeposit from '../../../../hooks/usePoolStakedDeposit';
+import Engine from '../../../../../../../core/Engine';
+import {
+  FooterButtonGroupActions,
+  FooterButtonGroupProps,
+} from './FooterButtonGroup.types';
+import Routes from '../../../../../../../constants/navigation/Routes';
 
-const FooterButtonGroup = () => {
+const FooterButtonGroup = ({ valueWei, action }: FooterButtonGroupProps) => {
   const { styles } = useStyles(styleSheet, {});
 
-  const navigation = useNavigation();
+  const { navigate } = useNavigation();
 
-  const handleGoBack = () => {
-    if (navigation.canGoBack()) {
-      navigation.goBack();
-    }
+  const activeAccount = useSelector(selectSelectedInternalAccount);
+
+  const { attemptDepositTransaction } = usePoolStakedDeposit();
+
+  const handleStake = async () => {
+    if (!activeAccount?.address) return;
+
+    const txRes = await attemptDepositTransaction(
+      valueWei,
+      activeAccount.address,
+    );
+
+    const transactionId = txRes?.transactionMeta?.id;
+
+    // Listening for confirmation
+    Engine.controllerMessenger.subscribeOnceIf(
+      'TransactionController:transactionSubmitted',
+      () => {
+        navigate(Routes.TRANSACTIONS_VIEW);
+      },
+      ({ transactionMeta }) => transactionMeta.id === transactionId,
+    );
+
+    // Engine.controllerMessenger.subscribeOnceIf(
+    //   'TransactionController:transactionConfirmed',
+    //   () => {
+    // TODO: Call refreshPooledStakes();
+    // refreshPooledStakes();
+    //   },
+    //   (transactionMeta) => transactionMeta.id === transactionId,
+    // );
+  };
+
+  const handleConfirmation = () => {
+    if (action === FooterButtonGroupActions.STAKE) return handleStake();
+    // TODO: Add handler (STAKE-803)
   };
 
   return (
@@ -37,7 +78,7 @@ const FooterButtonGroup = () => {
         variant={ButtonVariants.Secondary}
         width={ButtonWidthTypes.Full}
         size={ButtonSize.Lg}
-        onPress={handleGoBack}
+        onPress={() => navigate('Asset')}
       />
       <Button
         label={
@@ -49,8 +90,7 @@ const FooterButtonGroup = () => {
         variant={ButtonVariants.Primary}
         width={ButtonWidthTypes.Full}
         size={ButtonSize.Lg}
-        // TODO: Replace with actual stake confirmation flow
-        onPress={handleGoBack}
+        onPress={handleConfirmation}
       />
     </View>
   );
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.types.ts b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.types.ts
new file mode 100644
index 00000000000..5f95c314a65
--- /dev/null
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/FooterButtonGroup.types.ts
@@ -0,0 +1,9 @@
+export enum FooterButtonGroupActions {
+  STAKE = 'STAKE',
+  UNSTAKE = 'UNSTAKE',
+}
+
+export interface FooterButtonGroupProps {
+  valueWei: string; // deposit, unstake, and claim value
+  action: FooterButtonGroupActions;
+}
diff --git a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/__snapshots__/FooterButtonGroup.test.tsx.snap b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/__snapshots__/FooterButtonGroup.test.tsx.snap
index df88108ac02..f363732bc21 100644
--- a/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/__snapshots__/FooterButtonGroup.test.tsx.snap
+++ b/app/components/UI/Stake/components/StakingConfirmation/ConfirmationFooter/FooterButtonGroup/__snapshots__/FooterButtonGroup.test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`FooterButtonGroup navigates to previous page when cancel button is pressed 1`] = `
+exports[`FooterButtonGroup navigates to Asset page when cancel is pressed 1`] = `
 <View
   style={
     {
diff --git a/app/components/UI/Stake/hooks/usePoolStakedDeposit/index.ts b/app/components/UI/Stake/hooks/usePoolStakedDeposit/index.ts
new file mode 100644
index 00000000000..bd696294e1e
--- /dev/null
+++ b/app/components/UI/Stake/hooks/usePoolStakedDeposit/index.ts
@@ -0,0 +1,85 @@
+import { ChainId, PooledStakingContract } from '@metamask/stake-sdk';
+import {
+  TransactionParams,
+  WalletDevice,
+} from '@metamask/transaction-controller';
+import { ORIGIN_METAMASK, toHex } from '@metamask/controller-utils';
+import { addTransaction } from '../../../../../util/transaction-controller';
+import { formatEther } from 'ethers/lib/utils';
+import { useStakeContext } from '../useStakeContext';
+import trackErrorAsAnalytics from '../../../../../util/metrics/TrackError/trackErrorAsAnalytics';
+
+const ZERO_ADDRESS = '0x0000000000000000000000000000000000000000';
+
+const generateDepositTxParams = (
+  valueWei: string,
+  activeAccountAddress: string,
+  contractAddress: string,
+  encodedDepositTransactionData: string,
+  chainId: ChainId,
+): TransactionParams => ({
+  to: contractAddress,
+  from: activeAccountAddress,
+  chainId: `0x${chainId}`,
+  data: encodedDepositTransactionData,
+  value: toHex(valueWei.toString()),
+});
+
+const attemptDepositTransaction =
+  (pooledStakingContract: PooledStakingContract) =>
+  async (
+    depositValueWei: string,
+    receiver: string, // the address that can claim exited ETH
+    gasBufferPercentage: number = 30, // 30% Buffer
+    referrer: string = ZERO_ADDRESS, // any address to track referrals or deposits from different interfaces (can use zero address if not needed)
+  ) => {
+    try {
+      const gasLimit = await pooledStakingContract.estimateDepositGas(
+        formatEther(depositValueWei),
+        receiver,
+        referrer,
+      );
+
+      const encodedDepositTransactionData =
+        await pooledStakingContract.encodeDepositTransactionData(
+          formatEther(depositValueWei),
+          receiver,
+          referrer,
+          {
+            gasLimit,
+            gasBufferPct: gasBufferPercentage,
+          },
+        );
+
+      const { data, chainId } = encodedDepositTransactionData;
+
+      const txParams = generateDepositTxParams(
+        depositValueWei,
+        receiver,
+        pooledStakingContract.contract.address,
+        data,
+        chainId,
+      );
+
+      // TODO: Add Stake/Unstake/Claim TransactionType to display contract method in confirmation screen.
+      return addTransaction(txParams, {
+        deviceConfirmedOn: WalletDevice.MM_MOBILE,
+        origin: ORIGIN_METAMASK,
+      });
+    } catch (e) {
+      const errorMessage = (e as Error).message;
+      trackErrorAsAnalytics('Pooled Staking Transaction Failed', errorMessage);
+    }
+  };
+
+const usePoolStakedDeposit = () => {
+  const stakeContext = useStakeContext();
+
+  const stakingContract = stakeContext.stakingContract as PooledStakingContract;
+
+  return {
+    attemptDepositTransaction: attemptDepositTransaction(stakingContract),
+  };
+};
+
+export default usePoolStakedDeposit;
diff --git a/app/components/UI/Stake/hooks/usePoolStakedDeposit/usePoolStakedDeposit.test.tsx b/app/components/UI/Stake/hooks/usePoolStakedDeposit/usePoolStakedDeposit.test.tsx
new file mode 100644
index 00000000000..27195b5842f
--- /dev/null
+++ b/app/components/UI/Stake/hooks/usePoolStakedDeposit/usePoolStakedDeposit.test.tsx
@@ -0,0 +1,127 @@
+import { toHex } from '@metamask/controller-utils';
+import usePoolStakedDeposit from './index';
+import { createMockAccountsControllerState } from '../../../../../util/test/accountsControllerTestUtils';
+import { backgroundState } from '../../../../../util/test/initial-root-state';
+import { renderHookWithProvider } from '../../../../../util/test/renderWithProvider';
+import {
+  PooledStakingContract,
+  StakingType,
+  ChainId,
+} from '@metamask/stake-sdk';
+import { Contract } from 'ethers';
+import { Stake } from '../../sdk/stakeSdkProvider';
+
+const MOCK_ADDRESS_1 = '0x0';
+
+const MOCK_ACCOUNTS_CONTROLLER_STATE = createMockAccountsControllerState([
+  MOCK_ADDRESS_1,
+]);
+
+const mockInitialState = {
+  settings: {},
+  engine: {
+    backgroundState: {
+      ...backgroundState,
+      AccountsController: MOCK_ACCOUNTS_CONTROLLER_STATE,
+    },
+  },
+};
+
+const MOCK_DEPOSIT_CONTRACT_ADDRESS =
+  '0x4fef9d741011476750a243ac70b9789a63dd47df';
+const MOCK_RECEIVER_ADDRESS = '0x316bde155acd07609872a56bc32ccfb0b13201fa';
+const MOCK_STAKE_DEPOSIT_GAS_LIMIT = 54809;
+const MOCK_DEPOSIT_VALUE_WEI = '10000000000000000'; // 0.01 ETH
+
+const ENCODED_TX_DEPOSIT_DATA = {
+  chainId: 1,
+  data: '0xf9609f08000000000000000000000000316bde155acd07609872a56bc32ccfb0b13201fa0000000000000000000000000000000000000000000000000000000000000000',
+  from: MOCK_RECEIVER_ADDRESS,
+  gasLimit: 1699079,
+  to: MOCK_DEPOSIT_CONTRACT_ADDRESS,
+  value: { hex: toHex(MOCK_DEPOSIT_VALUE_WEI), type: 'BigNumber' },
+};
+
+const mockConnectSignerOrProvider = jest.fn().mockReturnValue({ provider: {} });
+const mockEstimateDepositGas = jest
+  .fn()
+  .mockResolvedValue(MOCK_STAKE_DEPOSIT_GAS_LIMIT);
+const mockEncodeDepositTransactionData = jest
+  .fn()
+  .mockReturnValue(ENCODED_TX_DEPOSIT_DATA);
+let mockAddTransaction: jest.Mock;
+
+jest.mock('../../../../../core/Engine', () => {
+  mockAddTransaction = jest.fn().mockResolvedValue(1);
+
+  return {
+    context: {
+      NetworkController: {
+        getNetworkClientById: () => ({
+          configuration: {
+            chainId: '0x1',
+            rpcUrl: 'https://mainnet.infura.io/v3',
+            ticker: 'ETH',
+            type: 'custom',
+          },
+        }),
+        findNetworkClientIdByChainId: () => 'mainnet',
+      },
+      TransactionController: {
+        addTransaction: mockAddTransaction,
+      },
+    },
+  };
+});
+
+const mockPooledStakingContractService: PooledStakingContract = {
+  chainId: ChainId.ETHEREUM,
+  connectSignerOrProvider: mockConnectSignerOrProvider,
+  contract: new Contract('0x0000000000000000000000000000000000000000', []),
+  convertToShares: jest.fn(),
+  encodeClaimExitedAssetsTransactionData: jest.fn(),
+  encodeDepositTransactionData: mockEncodeDepositTransactionData,
+  encodeEnterExitQueueTransactionData: jest.fn(),
+  encodeMulticallTransactionData: jest.fn(),
+  estimateClaimExitedAssetsGas: jest.fn(),
+  estimateDepositGas: mockEstimateDepositGas,
+  estimateEnterExitQueueGas: jest.fn(),
+  estimateMulticallGas: jest.fn(),
+};
+
+const mockSdkContext: Stake = {
+  stakingContract: mockPooledStakingContractService,
+  sdkType: StakingType.POOLED,
+  setSdkType: jest.fn(),
+};
+
+jest.mock('../useStakeContext', () => ({
+  useStakeContext: () => mockSdkContext,
+}));
+
+describe('usePoolStakedDeposit', () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  afterAll(() => {
+    jest.resetAllMocks();
+  });
+
+  describe('attemptDepositTransaction', () => {
+    it('attempts to create and submit a staking deposit transaction', async () => {
+      const { result } = renderHookWithProvider(() => usePoolStakedDeposit(), {
+        state: mockInitialState,
+      });
+
+      await result.current.attemptDepositTransaction(
+        MOCK_DEPOSIT_VALUE_WEI,
+        MOCK_RECEIVER_ADDRESS,
+      );
+
+      expect(mockEncodeDepositTransactionData).toHaveBeenCalledTimes(1);
+      expect(mockEstimateDepositGas).toHaveBeenCalledTimes(1);
+      expect(mockAddTransaction).toHaveBeenCalledTimes(1);
+    });
+  });
+});
diff --git a/app/components/UI/Stake/sdk/__snapshots__/stakeSdkProvider.test.tsx.snap b/app/components/UI/Stake/sdk/__snapshots__/stakeSdkProvider.test.tsx.snap
index 12944c1a6ce..653e59425e2 100644
--- a/app/components/UI/Stake/sdk/__snapshots__/stakeSdkProvider.test.tsx.snap
+++ b/app/components/UI/Stake/sdk/__snapshots__/stakeSdkProvider.test.tsx.snap
@@ -1,2224 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Stake Modals With Stake Sdk Provider should render correctly stake modal with stake sdk provider and resolve the stake context 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <RNCSafeAreaProvider
-    onInsetsChange={[Function]}
+exports[`Stake Modals With Stake Sdk Provider renders stake screen with stake sdk provider and resolved stake context 1`] = `
+<View>
+  <Text
+    accessibilityRole="text"
     style={
-      [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ]
-    }
-  >
-    <RNSScreenContainer
-      onLayout={[Function]}
-      style={
-        {
-          "flex": 1,
-        }
+      {
+        "color": "#141618",
+        "fontFamily": "EuclidCircularB-Regular",
+        "fontSize": 14,
+        "fontWeight": "400",
+        "letterSpacing": 0,
+        "lineHeight": 22,
       }
-    >
-      <RNSScreen
-        activityState={2}
-        collapsable={false}
-        gestureResponseDistance={
-          {
-            "bottom": -1,
-            "end": -1,
-            "start": -1,
-            "top": -1,
-          }
-        }
-        pointerEvents="box-none"
-        style={
-          {
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          }
-        }
-      >
-        <View
-          collapsable={false}
-          style={
-            {
-              "opacity": 1,
-            }
-          }
-        />
-        <View
-          accessibilityElementsHidden={false}
-          closing={false}
-          gestureVelocityImpact={0.3}
-          importantForAccessibility="auto"
-          onClose={[Function]}
-          onGestureBegin={[Function]}
-          onGestureCanceled={[Function]}
-          onGestureEnd={[Function]}
-          onOpen={[Function]}
-          onTransition={[Function]}
-          pointerEvents="box-none"
-          style={
-            [
-              {
-                "overflow": undefined,
-              },
-              {
-                "bottom": 0,
-                "left": 0,
-                "position": "absolute",
-                "right": 0,
-                "top": 0,
-              },
-            ]
-          }
-          transitionSpec={
-            {
-              "close": {
-                "animation": "spring",
-                "config": {
-                  "damping": 500,
-                  "mass": 3,
-                  "overshootClamping": true,
-                  "restDisplacementThreshold": 10,
-                  "restSpeedThreshold": 10,
-                  "stiffness": 1000,
-                },
-              },
-              "open": {
-                "animation": "spring",
-                "config": {
-                  "damping": 500,
-                  "mass": 3,
-                  "overshootClamping": true,
-                  "restDisplacementThreshold": 10,
-                  "restSpeedThreshold": 10,
-                  "stiffness": 1000,
-                },
-              },
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            needsOffscreenAlphaCompositing={false}
-            pointerEvents="box-none"
-            style={
-              {
-                "flex": 1,
-              }
-            }
-          >
-            <View
-              collapsable={false}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              style={
-                {
-                  "flex": 1,
-                }
-              }
-            >
-              <View
-                style={
-                  [
-                    {
-                      "flex": 1,
-                      "overflow": "hidden",
-                    },
-                    [
-                      {
-                        "backgroundColor": "rgb(242, 242, 242)",
-                      },
-                      {
-                        "backgroundColor": "transparent",
-                      },
-                    ],
-                  ]
-                }
-              >
-                <View
-                  style={
-                    {
-                      "flex": 1,
-                      "flexDirection": "column-reverse",
-                    }
-                  }
-                >
-                  <View
-                    style={
-                      {
-                        "flex": 1,
-                      }
-                    }
-                  >
-                    <View
-                      onLayout={[Function]}
-                      style={
-                        [
-                          {
-                            "bottom": 0,
-                            "justifyContent": "flex-end",
-                            "left": 0,
-                            "position": "absolute",
-                            "right": 0,
-                            "top": 0,
-                          },
-                          {
-                            "paddingBottom": 0,
-                          },
-                        ]
-                      }
-                    >
-                      <View
-                        style={
-                          [
-                            {
-                              "backgroundColor": "#00000099",
-                              "bottom": 0,
-                              "left": 0,
-                              "position": "absolute",
-                              "right": 0,
-                              "top": 0,
-                            },
-                            {
-                              "opacity": 0,
-                            },
-                          ]
-                        }
-                      >
-                        <TouchableOpacity
-                          onPress={[Function]}
-                          style={
-                            {
-                              "flex": 1,
-                            }
-                          }
-                        />
-                      </View>
-                      <View
-                        onLayout={[Function]}
-                        style={
-                          [
-                            {
-                              "bottom": 0,
-                              "left": 0,
-                              "position": "absolute",
-                              "right": 0,
-                            },
-                            {
-                              "paddingBottom": 0,
-                            },
-                          ]
-                        }
-                      >
-                        <View
-                          collapsable={false}
-                          onGestureHandlerEvent={[Function]}
-                          onGestureHandlerStateChange={[Function]}
-                          onLayout={[Function]}
-                          style={
-                            [
-                              {
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c566",
-                                "borderTopLeftRadius": 8,
-                                "borderTopRightRadius": 8,
-                                "borderWidth": 1,
-                                "maxHeight": 1314,
-                                "overflow": "hidden",
-                                "paddingBottom": 0,
-                                "shadowColor": "#0000001a",
-                                "shadowOffset": {
-                                  "height": 2,
-                                  "width": 0,
-                                },
-                                "shadowOpacity": 1,
-                                "shadowRadius": 40,
-                              },
-                              {
-                                "transform": [
-                                  {
-                                    "translateY": 1334,
-                                  },
-                                ],
-                              },
-                            ]
-                          }
-                        >
-                          <View
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "padding": 4,
-                              }
-                            }
-                          >
-                            <View
-                              style={
-                                {
-                                  "backgroundColor": "#bbc0c566",
-                                  "borderRadius": 2,
-                                  "height": 4,
-                                  "width": 40,
-                                }
-                              }
-                            />
-                          </View>
-                          <View
-                            style={
-                              {
-                                "paddingHorizontal": 24,
-                                "paddingTop": 24,
-                              }
-                            }
-                          >
-                            <View
-                              style={
-                                {
-                                  "alignItems": "center",
-                                  "paddingBottom": 16,
-                                }
-                              }
-                            >
-                              <Image
-                                source={
-                                  {
-                                    "uri": "MockImage",
-                                  }
-                                }
-                                style={
-                                  {
-                                    "borderRadius": 12,
-                                    "height": 200,
-                                    "width": "100%",
-                                  }
-                                }
-                              />
-                            </View>
-                            <View
-                              style={
-                                {
-                                  "paddingVertical": 8,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Bold",
-                                    "fontSize": 24,
-                                    "fontWeight": "700",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 32,
-                                  }
-                                }
-                              >
-                                Stake ETH and earn
-                              </Text>
-                            </View>
-                            <View
-                              style={
-                                {
-                                  "paddingVertical": 8,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Medium",
-                                    "fontSize": 14,
-                                    "fontWeight": "500",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                Stake any amount of ETH
-                              </Text>
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#6a737d",
-                                    "fontFamily": "EuclidCircularB-Regular",
-                                    "fontSize": 14,
-                                    "fontWeight": "400",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                No minimum required.
-                              </Text>
-                            </View>
-                            <View
-                              style={
-                                {
-                                  "paddingVertical": 8,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Medium",
-                                    "fontSize": 14,
-                                    "fontWeight": "500",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                Earn ETH rewards
-                              </Text>
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#6a737d",
-                                    "fontFamily": "EuclidCircularB-Regular",
-                                    "fontSize": 14,
-                                    "fontWeight": "400",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                Start earning as soon as you stake. Rewards compound automatically.
-                              </Text>
-                            </View>
-                            <View
-                              style={
-                                {
-                                  "paddingVertical": 8,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Medium",
-                                    "fontSize": 14,
-                                    "fontWeight": "500",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                Flexible unstaking
-                              </Text>
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#6a737d",
-                                    "fontFamily": "EuclidCircularB-Regular",
-                                    "fontSize": 14,
-                                    "fontWeight": "400",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                Unstake anytime. Typically takes up to 11 days to process.
-                              </Text>
-                            </View>
-                            <View
-                              style={
-                                {
-                                  "paddingVertical": 8,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityRole="text"
-                                style={
-                                  {
-                                    "color": "#6a737d",
-                                    "fontFamily": "EuclidCircularB-RegularItalic",
-                                    "fontSize": 12,
-                                    "fontStyle": "italic",
-                                    "fontWeight": "400",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 20,
-                                  }
-                                }
-                              >
-                                Staking does not guarantee rewards, and involves risks including a loss of funds.
-                              </Text>
-                            </View>
-                          </View>
-                          <View
-                            style={
-                              {
-                                "flexDirection": "row",
-                                "gap": 16,
-                                "paddingHorizontal": 16,
-                                "paddingTop": 16,
-                              }
-                            }
-                          >
-                            <View
-                              style={
-                                {
-                                  "flex": 1,
-                                }
-                              }
-                            >
-                              <TouchableOpacity
-                                accessibilityRole="button"
-                                accessible={true}
-                                activeOpacity={1}
-                                onPress={[Function]}
-                                onPressIn={[Function]}
-                                onPressOut={[Function]}
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "alignSelf": "stretch",
-                                    "backgroundColor": "transparent",
-                                    "borderColor": "#0376c9",
-                                    "borderRadius": 24,
-                                    "borderWidth": 1,
-                                    "flexDirection": "row",
-                                    "height": 48,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 16,
-                                  }
-                                }
-                              >
-                                <Text
-                                  accessibilityRole="text"
-                                  style={
-                                    {
-                                      "color": "#0376c9",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 14,
-                                      "fontWeight": "400",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 22,
-                                    }
-                                  }
-                                >
-                                  Learn more
-                                </Text>
-                              </TouchableOpacity>
-                            </View>
-                            <View
-                              style={
-                                {
-                                  "flex": 1,
-                                }
-                              }
-                            >
-                              <TouchableOpacity
-                                accessibilityRole="button"
-                                accessible={true}
-                                activeOpacity={1}
-                                onPress={[Function]}
-                                onPressIn={[Function]}
-                                onPressOut={[Function]}
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "alignSelf": "stretch",
-                                    "backgroundColor": "#0376c9",
-                                    "borderRadius": 24,
-                                    "flexDirection": "row",
-                                    "height": 48,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 16,
-                                  }
-                                }
-                              >
-                                <Text
-                                  accessibilityRole="text"
-                                  style={
-                                    {
-                                      "color": "#ffffff",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 14,
-                                      "fontWeight": "400",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 22,
-                                    }
-                                  }
-                                >
-                                  Got it
-                                </Text>
-                              </TouchableOpacity>
-                            </View>
-                          </View>
-                        </View>
-                      </View>
-                    </View>
-                  </View>
-                  <View
-                    collapsable={false}
-                    pointerEvents="box-none"
-                    style={{}}
-                  />
-                </View>
-              </View>
-            </View>
-          </View>
-        </View>
-      </RNSScreen>
-    </RNSScreenContainer>
-  </RNCSafeAreaProvider>
-</View>
-`;
-
-exports[`Stake Modals With Stake Sdk Provider should render correctly stake screen with stake sdk provider and resolve the stake context 1`] = `
-<View
-  style={
-    {
-      "flex": 1,
-    }
-  }
->
-  <RNCSafeAreaProvider
-    onInsetsChange={[Function]}
-    style={
-      [
-        {
-          "flex": 1,
-        },
-        undefined,
-      ]
     }
   >
-    <View
-      collapsable={false}
-      pointerEvents="box-none"
-      style={
-        {
-          "zIndex": 1,
-        }
-      }
-    >
-      <View
-        accessibilityElementsHidden={false}
-        importantForAccessibility="auto"
-        onLayout={[Function]}
-        pointerEvents="box-none"
-        style={null}
-      >
-        <View
-          collapsable={false}
-          pointerEvents="box-none"
-          style={
-            {
-              "bottom": 0,
-              "left": 0,
-              "opacity": 1,
-              "position": "absolute",
-              "right": 0,
-              "top": 0,
-              "zIndex": 0,
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            style={
-              {
-                "backgroundColor": "#ffffff",
-                "borderBottomColor": "rgb(216, 216, 216)",
-                "flex": 1,
-                "shadowColor": "rgb(216, 216, 216)",
-                "shadowOffset": null,
-                "shadowOpacity": 0.85,
-                "shadowRadius": 0,
-              }
-            }
-          />
-        </View>
-        <View
-          collapsable={false}
-          pointerEvents="box-none"
-          style={
-            {
-              "height": 64,
-              "maxHeight": undefined,
-              "minHeight": undefined,
-              "opacity": undefined,
-              "transform": undefined,
-            }
-          }
-        >
-          <View
-            pointerEvents="none"
-            style={
-              {
-                "height": 20,
-              }
-            }
-          />
-          <View
-            pointerEvents="box-none"
-            style={
-              {
-                "alignItems": "center",
-                "flex": 1,
-                "flexDirection": "row",
-                "justifyContent": "center",
-              }
-            }
-          >
-            <View
-              collapsable={false}
-              pointerEvents="box-none"
-              style={
-                {
-                  "marginHorizontal": 16,
-                  "opacity": 1,
-                }
-              }
-            >
-              <Text
-                accessibilityRole="text"
-                style={
-                  {
-                    "color": "#141618",
-                    "fontFamily": "EuclidCircularB-Bold",
-                    "fontSize": 18,
-                    "fontWeight": "700",
-                    "letterSpacing": 0,
-                    "lineHeight": 24,
-                  }
-                }
-              >
-                Stake ETH
-              </Text>
-            </View>
-            <View
-              collapsable={false}
-              pointerEvents="box-none"
-              style={
-                {
-                  "alignItems": "flex-end",
-                  "bottom": 0,
-                  "justifyContent": "center",
-                  "opacity": 1,
-                  "position": "absolute",
-                  "right": 0,
-                  "top": 0,
-                }
-              }
-            >
-              <TouchableOpacity
-                onPress={[Function]}
-                style={
-                  {
-                    "paddingHorizontal": 18,
-                    "paddingVertical": 8,
-                  }
-                }
-              >
-                <Text
-                  style={
-                    {
-                      "color": "#0376c9",
-                      "fontFamily": "EuclidCircularB-Regular",
-                      "fontSize": 14,
-                      "fontWeight": "400",
-                    }
-                  }
-                >
-                  Cancel
-                </Text>
-              </TouchableOpacity>
-            </View>
-          </View>
-        </View>
-      </View>
-    </View>
-    <RNSScreenContainer
-      onLayout={[Function]}
-      style={
-        {
-          "flex": 1,
-        }
-      }
-    >
-      <RNSScreen
-        activityState={2}
-        collapsable={false}
-        gestureResponseDistance={
-          {
-            "bottom": -1,
-            "end": -1,
-            "start": -1,
-            "top": -1,
-          }
-        }
-        pointerEvents="box-none"
-        style={
-          {
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          }
-        }
-      >
-        <View
-          collapsable={false}
-          style={
-            {
-              "opacity": 1,
-            }
-          }
-        />
-        <View
-          accessibilityElementsHidden={false}
-          closing={false}
-          gestureVelocityImpact={0.3}
-          importantForAccessibility="auto"
-          onClose={[Function]}
-          onGestureBegin={[Function]}
-          onGestureCanceled={[Function]}
-          onGestureEnd={[Function]}
-          onOpen={[Function]}
-          onTransition={[Function]}
-          pointerEvents="box-none"
-          style={
-            [
-              {
-                "overflow": undefined,
-              },
-              {
-                "bottom": 0,
-                "left": 0,
-                "position": "absolute",
-                "right": 0,
-                "top": 0,
-              },
-            ]
-          }
-          transitionSpec={
-            {
-              "close": {
-                "animation": "spring",
-                "config": {
-                  "damping": 500,
-                  "mass": 3,
-                  "overshootClamping": true,
-                  "restDisplacementThreshold": 10,
-                  "restSpeedThreshold": 10,
-                  "stiffness": 1000,
-                },
-              },
-              "open": {
-                "animation": "spring",
-                "config": {
-                  "damping": 500,
-                  "mass": 3,
-                  "overshootClamping": true,
-                  "restDisplacementThreshold": 10,
-                  "restSpeedThreshold": 10,
-                  "stiffness": 1000,
-                },
-              },
-            }
-          }
-        >
-          <View
-            collapsable={false}
-            needsOffscreenAlphaCompositing={false}
-            pointerEvents="box-none"
-            style={
-              {
-                "flex": 1,
-              }
-            }
-          >
-            <View
-              collapsable={false}
-              onGestureHandlerEvent={[Function]}
-              onGestureHandlerStateChange={[Function]}
-              style={
-                {
-                  "flex": 1,
-                  "transform": [
-                    {
-                      "translateX": 0,
-                    },
-                    {
-                      "translateX": 0,
-                    },
-                  ],
-                }
-              }
-            >
-              <View
-                collapsable={false}
-                pointerEvents="none"
-                style={
-                  {
-                    "backgroundColor": "rgb(242, 242, 242)",
-                    "bottom": 0,
-                    "left": 0,
-                    "position": "absolute",
-                    "shadowColor": "#000",
-                    "shadowOffset": {
-                      "height": 1,
-                      "width": -1,
-                    },
-                    "shadowOpacity": 0.3,
-                    "shadowRadius": 5,
-                    "top": 0,
-                    "width": 3,
-                  }
-                }
-              />
-              <View
-                style={
-                  [
-                    {
-                      "flex": 1,
-                      "overflow": "hidden",
-                    },
-                    [
-                      {
-                        "backgroundColor": "rgb(242, 242, 242)",
-                      },
-                      undefined,
-                    ],
-                  ]
-                }
-              >
-                <View
-                  style={
-                    {
-                      "flex": 1,
-                      "flexDirection": "column-reverse",
-                    }
-                  }
-                >
-                  <View
-                    style={
-                      {
-                        "flex": 1,
-                      }
-                    }
-                  >
-                    <RCTSafeAreaView
-                      style={
-                        {
-                          "flex": 1,
-                        }
-                      }
-                    >
-                      <View
-                        style={
-                          [
-                            {
-                              "backgroundColor": "#ffffff",
-                              "flex": 1,
-                            },
-                            {
-                              "backgroundColor": "#ffffff",
-                              "flex": 1,
-                              "flexDirection": "column",
-                              "justifyContent": "center",
-                            },
-                          ]
-                        }
-                      >
-                        <View
-                          style={
-                            {
-                              "alignItems": "center",
-                              "backgroundColor": "#ffffff",
-                              "flex": 1,
-                              "gap": 16,
-                              "justifyContent": "center",
-                            }
-                          }
-                        >
-                          <View>
-                            <Text
-                              accessibilityRole="text"
-                              style={
-                                {
-                                  "color": "#141618",
-                                  "fontFamily": "EuclidCircularB-Regular",
-                                  "fontSize": 12,
-                                  "fontWeight": "400",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 20,
-                                }
-                              }
-                            >
-                              Balance
-                              : 
-                              0 ETH
-                            </Text>
-                          </View>
-                          <View
-                            style={
-                              {
-                                "alignItems": "center",
-                                "flexDirection": "row",
-                                "gap": 4,
-                                "justifyContent": "center",
-                              }
-                            }
-                          >
-                            <Text
-                              accessibilityRole="text"
-                              style={
-                                {
-                                  "color": "#9fa6ae",
-                                  "fontFamily": "EuclidCircularB-Bold",
-                                  "fontSize": 32,
-                                  "fontWeight": "700",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 40,
-                                }
-                              }
-                            >
-                              0
-                            </Text>
-                            <Text
-                              accessibilityRole="text"
-                              style={
-                                {
-                                  "color": "#9fa6ae",
-                                  "fontFamily": "EuclidCircularB-Bold",
-                                  "fontSize": 32,
-                                  "fontWeight": "700",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 40,
-                                }
-                              }
-                            >
-                              ETH
-                            </Text>
-                          </View>
-                          <View>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              activeOpacity={1}
-                              onPress={[Function]}
-                              style={
-                                {
-                                  "alignItems": "center",
-                                  "alignSelf": "flex-start",
-                                  "backgroundColor": "#ffffff",
-                                  "borderColor": "#bbc0c566",
-                                  "borderRadius": 16,
-                                  "borderWidth": 1,
-                                  "flexDirection": "row",
-                                  "height": 32,
-                                  "justifyContent": "center",
-                                  "paddingHorizontal": 16,
-                                }
-                              }
-                            >
-                              <Text
-                                accessibilityRole="none"
-                                style={
-                                  {
-                                    "color": "#141618",
-                                    "fontFamily": "EuclidCircularB-Medium",
-                                    "fontSize": 14,
-                                    "fontWeight": "500",
-                                    "letterSpacing": 0,
-                                    "lineHeight": 22,
-                                  }
-                                }
-                              >
-                                0 USD
-                              </Text>
-                              <SvgMock
-                                color="#141618"
-                                height={16}
-                                name="SwapVertical"
-                                style={
-                                  {
-                                    "height": 16,
-                                    "marginLeft": 8,
-                                    "width": 16,
-                                  }
-                                }
-                                width={16}
-                              />
-                            </TouchableOpacity>
-                          </View>
-                        </View>
-                        <View
-                          style={
-                            {
-                              "borderColor": "#bbc0c566",
-                              "padding": 16,
-                              "paddingBottom": 8,
-                            }
-                          }
-                        >
-                          <View
-                            style={
-                              {
-                                "alignItems": "center",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 8,
-                                "borderWidth": 1,
-                                "justifyContent": "center",
-                                "paddingHorizontal": 16,
-                                "paddingVertical": 8,
-                              }
-                            }
-                          >
-                            <View
-                              style={
-                                {
-                                  "alignItems": "center",
-                                  "flexDirection": "row",
-                                  "justifyContent": "space-between",
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <View
-                                style={
-                                  {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                  }
-                                }
-                              >
-                                <Text
-                                  accessibilityRole="text"
-                                  style={
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Medium",
-                                      "fontSize": 14,
-                                      "fontWeight": "500",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 22,
-                                    }
-                                  }
-                                >
-                                  MetaMask Pool
-                                </Text>
-                                <TouchableOpacity
-                                  accessibilityLabel="Learn More"
-                                  onPress={[Function]}
-                                >
-                                  <SvgMock
-                                    color="#6a737d"
-                                    height={20}
-                                    name="Question"
-                                    style={
-                                      {
-                                        "height": 20,
-                                        "width": 20,
-                                      }
-                                    }
-                                    width={20}
-                                  />
-                                </TouchableOpacity>
-                              </View>
-                              <View
-                                style={
-                                  {
-                                    "alignItems": "flex-end",
-                                  }
-                                }
-                              >
-                                <Text
-                                  accessibilityRole="text"
-                                  style={
-                                    {
-                                      "color": "#1c8234",
-                                      "fontFamily": "EuclidCircularB-Medium",
-                                      "fontSize": 14,
-                                      "fontWeight": "500",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 22,
-                                    }
-                                  }
-                                >
-                                  2.6%
-                                </Text>
-                                <Text
-                                  accessibilityRole="text"
-                                  style={
-                                    {
-                                      "color": "#6a737d",
-                                      "fontFamily": "EuclidCircularB-Medium",
-                                      "fontSize": 12,
-                                      "fontWeight": "500",
-                                      "letterSpacing": 0,
-                                      "lineHeight": 20,
-                                    }
-                                  }
-                                >
-                                  Estimated annual rewards
-                                </Text>
-                              </View>
-                            </View>
-                          </View>
-                        </View>
-                        <View
-                          style={
-                            {
-                              "alignItems": "center",
-                              "backgroundColor": "#ffffff",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "justifyContent": "center",
-                              "padding": 16,
-                            }
-                          }
-                        >
-                          <TouchableOpacity
-                            accessibilityRole="button"
-                            accessible={true}
-                            activeOpacity={1}
-                            onPress={[Function]}
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 20,
-                                "borderWidth": 1,
-                                "flex": 1,
-                                "flexDirection": "row",
-                                "height": 40,
-                                "justifyContent": "center",
-                                "paddingHorizontal": 16,
-                              }
-                            }
-                          >
-                            <Text
-                              accessibilityRole="none"
-                              style={
-                                {
-                                  "color": "#141618",
-                                  "fontFamily": "EuclidCircularB-Medium",
-                                  "fontSize": 14,
-                                  "fontWeight": "500",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 22,
-                                }
-                              }
-                            >
-                              25%
-                            </Text>
-                          </TouchableOpacity>
-                          <TouchableOpacity
-                            accessibilityRole="button"
-                            accessible={true}
-                            activeOpacity={1}
-                            onPress={[Function]}
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 20,
-                                "borderWidth": 1,
-                                "flex": 1,
-                                "flexDirection": "row",
-                                "height": 40,
-                                "justifyContent": "center",
-                                "paddingHorizontal": 16,
-                              }
-                            }
-                          >
-                            <Text
-                              accessibilityRole="none"
-                              style={
-                                {
-                                  "color": "#141618",
-                                  "fontFamily": "EuclidCircularB-Medium",
-                                  "fontSize": 14,
-                                  "fontWeight": "500",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 22,
-                                }
-                              }
-                            >
-                              50%
-                            </Text>
-                          </TouchableOpacity>
-                          <TouchableOpacity
-                            accessibilityRole="button"
-                            accessible={true}
-                            activeOpacity={1}
-                            onPress={[Function]}
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 20,
-                                "borderWidth": 1,
-                                "flex": 1,
-                                "flexDirection": "row",
-                                "height": 40,
-                                "justifyContent": "center",
-                                "paddingHorizontal": 16,
-                              }
-                            }
-                          >
-                            <Text
-                              accessibilityRole="none"
-                              style={
-                                {
-                                  "color": "#141618",
-                                  "fontFamily": "EuclidCircularB-Medium",
-                                  "fontSize": 14,
-                                  "fontWeight": "500",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 22,
-                                }
-                              }
-                            >
-                              75%
-                            </Text>
-                          </TouchableOpacity>
-                          <TouchableOpacity
-                            accessibilityRole="button"
-                            accessible={true}
-                            activeOpacity={1}
-                            onPress={[Function]}
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "backgroundColor": "#ffffff",
-                                "borderColor": "#bbc0c5",
-                                "borderRadius": 20,
-                                "borderWidth": 1,
-                                "flex": 1,
-                                "flexDirection": "row",
-                                "height": 40,
-                                "justifyContent": "center",
-                                "paddingHorizontal": 16,
-                              }
-                            }
-                          >
-                            <SvgMock
-                              color="#141618"
-                              height={16}
-                              name="Sparkle"
-                              style={
-                                {
-                                  "height": 16,
-                                  "marginRight": 8,
-                                  "width": 16,
-                                }
-                              }
-                              width={16}
-                            />
-                            <Text
-                              accessibilityRole="none"
-                              style={
-                                {
-                                  "color": "#141618",
-                                  "fontFamily": "EuclidCircularB-Medium",
-                                  "fontSize": 14,
-                                  "fontWeight": "500",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 22,
-                                }
-                              }
-                            >
-                              Max
-                            </Text>
-                          </TouchableOpacity>
-                        </View>
-                        <View
-                          style={
-                            [
-                              {
-                                "paddingHorizontal": 25,
-                              },
-                              {
-                                "paddingHorizontal": 24,
-                              },
-                            ]
-                          }
-                        >
-                          <View
-                            style={
-                              {
-                                "flexDirection": "row",
-                                "justifyContent": "space-around",
-                              }
-                            }
-                          >
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                1
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                2
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                3
-                              </Text>
-                            </TouchableOpacity>
-                          </View>
-                          <View
-                            style={
-                              {
-                                "flexDirection": "row",
-                                "justifyContent": "space-around",
-                              }
-                            }
-                          >
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                4
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                5
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                6
-                              </Text>
-                            </TouchableOpacity>
-                          </View>
-                          <View
-                            style={
-                              {
-                                "flexDirection": "row",
-                                "justifyContent": "space-around",
-                              }
-                            }
-                          >
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                7
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                8
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                9
-                              </Text>
-                            </TouchableOpacity>
-                          </View>
-                          <View
-                            style={
-                              {
-                                "flexDirection": "row",
-                                "justifyContent": "space-around",
-                              }
-                            }
-                          >
-                            <TouchableOpacity
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                .
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              accessibilityRole="button"
-                              accessible={true}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                            >
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#141618",
-                                      "fontFamily": "EuclidCircularB-Regular",
-                                      "fontSize": 30,
-                                      "fontWeight": "400",
-                                      "marginVertical": 2,
-                                    },
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      undefined,
-                                    ],
-                                  ]
-                                }
-                              >
-                                0
-                              </Text>
-                            </TouchableOpacity>
-                            <TouchableOpacity
-                              delayLongPress={500}
-                              onLongPress={[Function]}
-                              onPress={[Function]}
-                              style={
-                                [
-                                  {
-                                    "alignItems": "center",
-                                    "flex": 1,
-                                    "justifyContent": "center",
-                                    "paddingHorizontal": 20,
-                                    "paddingVertical": 12,
-                                  },
-                                  undefined,
-                                ]
-                              }
-                              testID="keypad-delete-button"
-                            >
-                              <Text
-                                allowFontScaling={false}
-                                style={
-                                  [
-                                    {
-                                      "color": undefined,
-                                      "fontSize": 12,
-                                    },
-                                    [
-                                      {
-                                        "color": "#141618",
-                                        "fontSize": 30,
-                                        "textAlign": "center",
-                                      },
-                                      {
-                                        "fontSize": 25,
-                                        "marginTop": 5,
-                                      },
-                                    ],
-                                    {
-                                      "fontFamily": "Ionicons",
-                                      "fontStyle": "normal",
-                                      "fontWeight": "normal",
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                
-                              </Text>
-                            </TouchableOpacity>
-                          </View>
-                        </View>
-                        <View
-                          style={
-                            {
-                              "padding": 16,
-                            }
-                          }
-                        >
-                          <TouchableOpacity
-                            accessibilityRole="button"
-                            accessible={true}
-                            activeOpacity={1}
-                            disabled={true}
-                            onPress={[Function]}
-                            onPressIn={[Function]}
-                            onPressOut={[Function]}
-                            style={
-                              {
-                                "alignItems": "center",
-                                "alignSelf": "stretch",
-                                "backgroundColor": "#0376c9",
-                                "borderRadius": 24,
-                                "flexDirection": "row",
-                                "height": 48,
-                                "justifyContent": "center",
-                                "opacity": 0.5,
-                                "paddingHorizontal": 16,
-                              }
-                            }
-                          >
-                            <Text
-                              accessibilityRole="text"
-                              style={
-                                {
-                                  "color": "#ffffff",
-                                  "fontFamily": "EuclidCircularB-Regular",
-                                  "fontSize": 14,
-                                  "fontWeight": "400",
-                                  "letterSpacing": 0,
-                                  "lineHeight": 22,
-                                }
-                              }
-                            >
-                              Enter amount
-                            </Text>
-                          </TouchableOpacity>
-                        </View>
-                      </View>
-                    </RCTSafeAreaView>
-                  </View>
-                </View>
-              </View>
-            </View>
-          </View>
-        </View>
-      </RNSScreen>
-    </RNSScreenContainer>
-  </RNCSafeAreaProvider>
+    0x0000000000000000000000000000000000000000
+  </Text>
 </View>
 `;
diff --git a/app/components/UI/Stake/sdk/stakeSdkProvider.test.tsx b/app/components/UI/Stake/sdk/stakeSdkProvider.test.tsx
index 6c47a20406c..84ee9ad7324 100644
--- a/app/components/UI/Stake/sdk/stakeSdkProvider.test.tsx
+++ b/app/components/UI/Stake/sdk/stakeSdkProvider.test.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import {
   ChainId,
   PooledStakingContract,
@@ -5,11 +6,12 @@ import {
 } from '@metamask/stake-sdk';
 import renderWithProvider from '../../../../util/test/renderWithProvider';
 import { backgroundState } from '../../../../util/test/initial-root-state';
-import { Stake } from '../sdk/stakeSdkProvider';
+import { Stake, StakeSDKProvider } from '../sdk/stakeSdkProvider';
 // eslint-disable-next-line import/no-namespace
 import * as useStakeContextHook from '../hooks/useStakeContext';
 import { Contract } from '@ethersproject/contracts';
-import { StakeModalStack, StakeScreenStack } from '../routes';
+import { View } from 'react-native';
+import Text from '../../../../component-library/components/Texts/Text';
 
 const mockPooledStakingContractService: PooledStakingContract = {
   chainId: ChainId.ETHEREUM,
@@ -27,7 +29,7 @@ const mockPooledStakingContractService: PooledStakingContract = {
 };
 
 const mockSDK: Stake = {
-  sdkService: mockPooledStakingContractService,
+  stakingContract: mockPooledStakingContractService,
   sdkType: StakingType.POOLED,
   setSdkType: jest.fn(),
 };
@@ -36,36 +38,56 @@ jest.mock('../../Stake/constants', () => ({
   isPooledStakingFeatureEnabled: jest.fn().mockReturnValue(true),
 }));
 
+jest.mock('../../../../core/Engine', () => ({
+  context: {
+    NetworkController: {
+      getNetworkClientById: () => ({
+        configuration: {
+          chainId: '0x1',
+          rpcUrl: 'https://mainnet.infura.io/v3',
+          ticker: 'ETH',
+          type: 'custom',
+        },
+      }),
+      findNetworkClientIdByChainId: () => 'mainnet',
+    },
+  },
+}));
+
+const MockComponent = () => {
+  const stakeContext = useStakeContextHook.useStakeContext();
+
+  const stakeContractAddress = stakeContext.stakingContract?.contract.address;
+
+  return (
+    <View>
+      <Text>{stakeContractAddress}</Text>
+    </View>
+  );
+};
+
 describe('Stake Modals With Stake Sdk Provider', () => {
   const initialState = {
     engine: {
       backgroundState,
     },
   };
-  it('should render correctly stake screen with stake sdk provider and resolve the stake context', () => {
-    const useStakeContextSpy = jest
-    .spyOn(useStakeContextHook, 'useStakeContext')
-    .mockReturnValue(mockSDK);
 
-    const { toJSON } = renderWithProvider(StakeScreenStack(), {
-      state: initialState,
-    });
-
-    expect(toJSON()).toMatchSnapshot();
-    expect(useStakeContextSpy).toHaveBeenCalled();
-  });
-
-  it('should render correctly stake modal with stake sdk provider and resolve the stake context', () => {
+  it('renders stake screen with stake sdk provider and resolved stake context', () => {
     const useStakeContextSpy = jest
-    .spyOn(useStakeContextHook, 'useStakeContext')
-    .mockReturnValue(mockSDK);
+      .spyOn(useStakeContextHook, 'useStakeContext')
+      .mockReturnValue(mockSDK);
 
-    const { toJSON } = renderWithProvider(StakeModalStack(), {
-      state: initialState,
-    });
+    const { toJSON } = renderWithProvider(
+      <StakeSDKProvider>
+        <MockComponent />
+      </StakeSDKProvider>,
+      {
+        state: initialState,
+      },
+    );
 
     expect(toJSON()).toMatchSnapshot();
-    expect(useStakeContextSpy).toHaveBeenCalledTimes(0);
-
+    expect(useStakeContextSpy).toHaveBeenCalled();
   });
 });
diff --git a/app/components/UI/Stake/sdk/stakeSdkProvider.tsx b/app/components/UI/Stake/sdk/stakeSdkProvider.tsx
index 19a6769949b..ccd695a6204 100644
--- a/app/components/UI/Stake/sdk/stakeSdkProvider.tsx
+++ b/app/components/UI/Stake/sdk/stakeSdkProvider.tsx
@@ -1,21 +1,27 @@
-import { StakingType, StakeSdk, PooledStakingContract } from '@metamask/stake-sdk';
-import Logger from '../../../../util/Logger';
+import {
+  StakingType,
+  StakeSdk,
+  PooledStakingContract,
+  type StakingApiService,
+} from '@metamask/stake-sdk';
 import React, {
   useState,
-  useEffect,
   createContext,
   useMemo,
   PropsWithChildren,
 } from 'react';
+import { getProviderByChainId } from '../../../../util/notifications';
+import { useSelector } from 'react-redux';
+import { selectChainId } from '../../../../selectors/networkController';
+import { hexToDecimal } from '../../../../util/conversions';
 
 export const SDK = StakeSdk.create({ stakingType: StakingType.POOLED });
 
 export interface Stake {
-    sdkError?: Error;
-    sdkService?: PooledStakingContract; // to do : facade it for other services implementation
-
-    sdkType?: StakingType;
-    setSdkType: (stakeType: StakingType) => void;
+  stakingContract?: PooledStakingContract;
+  stakingApiService?: StakingApiService;
+  sdkType?: StakingType;
+  setSdkType: (stakeType: StakingType) => void;
 }
 
 export const StakeContext = createContext<Stake | undefined>(undefined);
@@ -23,49 +29,38 @@ export const StakeContext = createContext<Stake | undefined>(undefined);
 export interface StakeProviderProps {
   stakingType?: StakingType;
 }
-export const StakeSDKProvider: React.FC<PropsWithChildren<StakeProviderProps>> = ({
-  children,
-}) => {
-  const [sdkService, setSdkService] = useState<PooledStakingContract>();
-  const [sdkError, setSdkError] = useState<Error>();
+export const StakeSDKProvider: React.FC<
+  PropsWithChildren<StakeProviderProps>
+> = ({ children }) => {
   const [sdkType, setSdkType] = useState(StakingType.POOLED);
 
-  useEffect(() => {
-    (async () => {
-      try {
-        if (sdkType === StakingType?.POOLED) {
-          setSdkService(SDK.pooledStakingContractService);
-        } else {
-          const notImplementedError = new Error(
-            `StakeSDKProvider SDK.StakingType ${sdkType} not implemented yet`,
-          );
-          Logger.error(notImplementedError);
-          setSdkError(notImplementedError);
-        }
-      } catch (error) {
-        Logger.error(error as Error, `StakeSDKProvider SDK.service failed`);
-        setSdkError(error as Error);
-      }
-    })();
-  }, [sdkType]);
+  const chainId = useSelector(selectChainId);
+
+  const sdkService = useMemo(() => {
+    const provider = getProviderByChainId(chainId);
+
+    const sdk = StakeSdk.create({
+      chainId: parseInt(hexToDecimal(chainId).toString()),
+      stakingType: sdkType,
+    });
+
+    sdk.pooledStakingContract.connectSignerOrProvider(provider);
+
+    return sdk;
+  }, [chainId, sdkType]);
 
   const stakeContextValue = useMemo(
     (): Stake => ({
-      sdkError,
-      sdkService,
+      stakingContract: sdkService.pooledStakingContract,
+      stakingApiService: sdkService.stakingApiService,
       sdkType,
       setSdkType,
     }),
-    [
-      sdkError,
-      sdkService,
-      sdkType,
-      setSdkType,
-    ],
+    [sdkService.pooledStakingContract, sdkService.stakingApiService, sdkType],
   );
   return (
     <StakeContext.Provider value={stakeContextValue}>
       {children}
     </StakeContext.Provider>
   );
-};
\ No newline at end of file
+};
diff --git a/package.json b/package.json
index a84de8c30c4..353bbf4ebcb 100644
--- a/package.json
+++ b/package.json
@@ -184,7 +184,7 @@
     "@metamask/snaps-rpc-methods": "^9.1.4",
     "@metamask/snaps-sdk": "^6.5.0",
     "@metamask/snaps-utils": "^8.1.1",
-    "@metamask/stake-sdk": "^0.2.11",
+    "@metamask/stake-sdk": "^0.2.13",
     "@metamask/swappable-obj-proxy": "^2.1.0",
     "@metamask/swaps-controller": "^9.0.12",
     "@metamask/transaction-controller": "^37.1.0",
diff --git a/yarn.lock b/yarn.lock
index c97ed0969ac..f4eab02884a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5532,12 +5532,10 @@
     ses "^1.1.0"
     validate-npm-package-name "^5.0.0"
 
-"@metamask/stake-sdk@^0.2.11":
-  version "0.2.11"
-  resolved "https://registry.yarnpkg.com/@metamask/stake-sdk/-/stake-sdk-0.2.11.tgz#70b003a7b7f5208fad0d5a986aedd84b0987979f"
-  integrity sha512-l2novyUK7oVKO2vZDd2tCSyQ8e468hWp0ZB3ed2FoR61HGlZDMqv3hDtXPAfOeA0+cQwsZM861yoUdSXNo0WPA==
-  dependencies:
-    axios "^1.7.7"
+"@metamask/stake-sdk@^0.2.13":
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/@metamask/stake-sdk/-/stake-sdk-0.2.13.tgz#368749d698353f1ec9f9119ebc5bf9980582cc2b"
+  integrity sha512-F6JIfiCmQ+6xg9MA2HXJw7MVbEPK5HWy4IkI/2lmb1+tBGnK/9PddhhllNn50aU3Af/T0gPUQtLSVUXErfBHfg==
 
 "@metamask/superstruct@^3.1.0":
   version "3.1.0"
@@ -12961,7 +12959,7 @@ axios-retry@^3.1.2:
     "@babel/runtime" "^7.15.4"
     is-retry-allowed "^2.2.0"
 
-axios@1.4.0, axios@^0.26.0, axios@^0.28.0, axios@^0.x, axios@^1.6.7, axios@^1.6.8, axios@^1.7.4, axios@^1.7.7, axios@~1.6.8:
+axios@1.4.0, axios@^0.26.0, axios@^0.28.0, axios@^0.x, axios@^1.6.7, axios@^1.6.8, axios@^1.7.4, axios@~1.6.8:
   version "1.7.4"
   resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.4.tgz#4c8ded1b43683c8dd362973c393f3ede24052aa2"
   integrity sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==