feat(ramp): add deeplink handler

app/components/UI/Ramp/deeplink/handleRampUrl.test.ts

@@ -0,0 +1,34 @@
+import { NavigationProp, ParamListBase } from '@react-navigation/native';
+import { RampType } from '../types';
+import Routes from '../../../../constants/navigation/Routes';
+import handleRampUrl from './handleRampUrl';
+
+jest.mock('@react-navigation/native');
+
+describe('handleRampUrl', () => {
+  let navigation: NavigationProp<ParamListBase>;
+
+  beforeEach(() => {
+    navigation = {
+      navigate: jest.fn(),
+    } as unknown as NavigationProp<ParamListBase>;
+  });
+
+  it('should navigate to BUY route when rampType is BUY', () => {
+    handleRampUrl({
+      rampPath: '/somePath?as=example',
+      rampType: RampType.BUY,
+      navigation,
+    });
+    expect(navigation.navigate).toHaveBeenCalledWith(Routes.RAMP.BUY);
+  });
+
+  it('should navigate to SELL route when rampType is SELL', () => {
+    handleRampUrl({
+      rampPath: '/somePath?as=example',
+      rampType: RampType.SELL,
+      navigation,
+    });
+    expect(navigation.navigate).toHaveBeenCalledWith(Routes.RAMP.SELL);
+  });
+});

app/components/UI/Ramp/deeplink/handleRampUrl.ts

@@ -0,0 +1,24 @@
+import { NavigationProp, ParamListBase } from '@react-navigation/native';
+import { RampType } from '../types';
+import Routes from '../../../../constants/navigation/Routes';
+
+interface RampUrlOptions {
+  rampPath: string;
+  rampType: RampType;
+  navigation: NavigationProp<ParamListBase>;
+}
+
+export default function handleRampUrl({
+  rampPath: _rampPath,
+  rampType,
+  navigation,
+}: RampUrlOptions) {
+  switch (rampType) {
+    case RampType.BUY:
+      navigation.navigate(Routes.RAMP.BUY);
+      break;
+    case RampType.SELL:
+      navigation.navigate(Routes.RAMP.SELL);
+      break;
+  }
+}

app/constants/deeplinks.ts

@@ -22,7 +22,9 @@ export enum ACTIONS {
   CONNECT = 'connect',
   MMSDK = 'mmsdk',
   ANDROID_SDK = 'bind',
+  BUY = 'buy',
   BUY_CRYPTO = 'buy-crypto',
+  SELL = 'sell',
   SELL_CRYPTO = 'sell-crypto',
   EMPTY = '',
 }
@@ -37,6 +39,8 @@ export const PREFIXES = {
   [ACTIONS.WC]: '',
   [ACTIONS.CONNECT]: '',
   [ACTIONS.ANDROID_SDK]: '',
+  [ACTIONS.BUY]: '',
+  [ACTIONS.SELL]: '',
   [ACTIONS.BUY_CRYPTO]: '',
   [ACTIONS.SELL_CRYPTO]: '',
   METAMASK: 'metamask://',

app/core/DeeplinkManager/DeeplinkManager.test.ts

@@ -2,13 +2,16 @@ import { NavigationProp, ParamListBase } from '@react-navigation/native';
 import DeeplinkManager from './DeeplinkManager';
 import handleBrowserUrl from './Handlers/handleBrowserUrl';
 import handleEthereumUrl from './Handlers/handleEthereumUrl';
+import handleRampUrl from './Handlers/handleRampUrl';
 import switchNetwork from './Handlers/switchNetwork';
 import parseDeeplink from './ParseManager/parseDeeplink';
 import approveTransaction from './TransactionManager/approveTransaction';
+import { RampType } from '../../reducers/fiatOrders/types';
 
 jest.mock('./TransactionManager/approveTransaction');
 jest.mock('./Handlers/handleEthereumUrl');
 jest.mock('./Handlers/handleBrowserUrl');
+jest.mock('./Handlers/handleRampUrl');
 jest.mock('./ParseManager/parseDeeplink');
 jest.mock('./Handlers/switchNetwork');
 
@@ -96,13 +99,27 @@ describe('DeeplinkManager', () => {
   });
 
   it('should handle buy crypto action correctly', () => {
-    deeplinkManager._handleBuyCrypto();
-    expect(mockNavigation.navigate).toHaveBeenCalledWith('RampBuy');
+    const rampPath = '/example/path?and=params';
+    deeplinkManager._handleBuyCrypto(rampPath);
+    expect(handleRampUrl).toHaveBeenCalledWith(
+      expect.objectContaining({
+        rampPath,
+        navigation: mockNavigation,
+        rampType: RampType.BUY,
+      }),
+    );
   });
 
   it('should handle sell crypto action correctly', () => {
-    deeplinkManager._handleSellCrypto();
-    expect(mockNavigation.navigate).toHaveBeenCalledWith('RampSell');
+    const rampPath = '/example/path?and=params';
+    deeplinkManager._handleSellCrypto(rampPath);
+    expect(handleRampUrl).toHaveBeenCalledWith(
+      expect.objectContaining({
+        rampPath,
+        navigation: mockNavigation,
+        rampType: RampType.SELL,
+      }),
+    );
   });
 
   it('should parse deeplinks correctly', () => {

app/core/DeeplinkManager/DeeplinkManager.ts

@@ -3,12 +3,13 @@
 import { NavigationProp, ParamListBase } from '@react-navigation/native';
 import { ParseOutput } from 'eth-url-parser';
 import { AnyAction, Dispatch, Store } from 'redux';
-import Routes from '../../constants/navigation/Routes';
 import handleBrowserUrl from './Handlers/handleBrowserUrl';
 import handleEthereumUrl from './Handlers/handleEthereumUrl';
+import handleRampUrl from './Handlers/handleRampUrl';
 import switchNetwork from './Handlers/switchNetwork';
 import parseDeeplink from './ParseManager/parseDeeplink';
 import approveTransaction from './TransactionManager/approveTransaction';
+import { RampType } from '../../reducers/fiatOrders/types';
 
 class DeeplinkManager {
   public navigation: NavigationProp<ParamListBase>;
@@ -67,12 +68,20 @@ class DeeplinkManager {
     });
   }
 
-  _handleBuyCrypto() {
-    this.navigation.navigate(Routes.RAMP.BUY);
+  _handleBuyCrypto(rampPath: string) {
+    handleRampUrl({
+      rampPath,
+      navigation: this.navigation,
+      rampType: RampType.BUY,
+    });
   }
 
-  _handleSellCrypto() {
-    this.navigation.navigate(Routes.RAMP.SELL);
+  _handleSellCrypto(rampPath: string) {
+    handleRampUrl({
+      rampPath,
+      navigation: this.navigation,
+      rampType: RampType.SELL,
+    });
   }
 
   parse(

app/core/DeeplinkManager/Handlers/handleRampUrl.ts

@@ -0,0 +1 @@
+export { default } from '../../../components/UI/Ramp/deeplink/handleRampUrl';

app/core/DeeplinkManager/ParseManager/handleMetaMaskDeeplink.ts

@@ -116,10 +116,22 @@ export function handleMetaMaskDeeplink({
       .catch((err) => {
         console.warn(`DeepLinkManager failed to connect`, err);
       });
-  } else if (url.startsWith(`${PREFIXES.METAMASK}${ACTIONS.BUY_CRYPTO}`)) {
-    instance._handleBuyCrypto();
-  } else if (url.startsWith(`${PREFIXES.METAMASK}${ACTIONS.SELL_CRYPTO}`)) {
-    instance._handleSellCrypto();
+  } else if (
+    url.startsWith(`${PREFIXES.METAMASK}${ACTIONS.BUY_CRYPTO}`) ||
+    url.startsWith(`${PREFIXES.METAMASK}${ACTIONS.BUY}`)
+  ) {
+    const rampPath = url
+      .replace(`${PREFIXES.METAMASK}${ACTIONS.BUY_CRYPTO}`, '')
+      .replace(`${PREFIXES.METAMASK}${ACTIONS.BUY}`, '');
+    instance._handleBuyCrypto(rampPath);
+  } else if (
+    url.startsWith(`${PREFIXES.METAMASK}${ACTIONS.SELL_CRYPTO}`) ||
+    url.startsWith(`${PREFIXES.METAMASK}${ACTIONS.SELL}`)
+  ) {
+    const rampPath = url
+      .replace(`${PREFIXES.METAMASK}${ACTIONS.SELL_CRYPTO}`, '')
+      .replace(`${PREFIXES.METAMASK}${ACTIONS.SELL}`, '');
+    instance._handleSellCrypto(rampPath);
   }
 }
 

app/core/DeeplinkManager/ParseManager/handleUniversalLink.ts

@@ -89,10 +89,16 @@ function handleUniversalLink({
       );
       // loops back to open the link with the right protocol
       instance.parse(deeplinkUrl, { browserCallBack, origin });
-    } else if (action === ACTIONS.BUY_CRYPTO) {
-      instance._handleBuyCrypto();
-    } else if (action === ACTIONS.SELL_CRYPTO) {
-      instance._handleSellCrypto();
+    } else if (action === ACTIONS.BUY_CRYPTO || action === ACTIONS.BUY) {
+      const rampPath = urlObj.href
+        .replace(`${DEEP_LINK_BASE}/${ACTIONS.BUY_CRYPTO}`, '')
+        .replace(`${DEEP_LINK_BASE}/${ACTIONS.BUY}`, '');
+      instance._handleBuyCrypto(rampPath);
+    } else if (action === ACTIONS.SELL_CRYPTO || action === ACTIONS.SELL) {
+      const rampPath = urlObj.href
+        .replace(`${DEEP_LINK_BASE}/${ACTIONS.SELL_CRYPTO}`, '')
+        .replace(`${DEEP_LINK_BASE}/${ACTIONS.SELL}`, '');
+      instance._handleSellCrypto(rampPath);
     } else {
       // If it's our universal link or Apple store deep link don't open it in the browser
       if (