fix(ramps): pass cryptocurrency on Transak callback OrderDetails reset

Align non-headless Transak redirect with Checkout: optional cryptocurrency
from selected token for OrderDetails toast fallback. Include selectedToken
in handleNavigationStateChange deps. Extend tests (symbol mock + headless
registry-miss path).

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: amitabh94

app/components/UI/Ramp/hooks/useTransakRouting.test.ts

@@ -29,6 +29,7 @@ jest.mock('react-redux', () => ({
     selected: {
       chainId: 'eip155:1',
       assetId: 'eip155:1/erc20:0xasset',
+      symbol: 'ETH',
     },
   })),
 }));
@@ -1206,6 +1207,7 @@ describe('useTransakRouting', () => {
                 providerCode: 'transak-native',
                 walletAddress: MOCK_WALLET_ADDRESS,
                 showCloseButton: true,
+                cryptocurrency: 'ETH',
               }),
             }),
           ],
@@ -1245,12 +1247,13 @@ describe('useTransakRouting', () => {
           routes: [
             expect.objectContaining({
               name: 'RampsOrderDetails',
-              params: {
+              params: expect.objectContaining({
                 callbackUrl,
                 providerCode: 'transak-native',
                 walletAddress: MOCK_WALLET_ADDRESS,
                 showCloseButton: true,
-              },
+                cryptocurrency: 'ETH',
+              }),
             }),
           ],
         }),
@@ -1580,6 +1583,7 @@ describe('useTransakRouting', () => {
                 providerCode: 'transak-native',
                 walletAddress: MOCK_WALLET_ADDRESS,
                 showCloseButton: true,
+                cryptocurrency: 'ETH',
               }),
             }),
           ],

app/components/UI/Ramp/hooks/useTransakRouting.ts

@@ -478,6 +478,7 @@ export const useTransakRouting = (config?: UseTransakRoutingConfig) => {
 
       // Same pattern as unified Buy WebView Checkout: leave the webview
       // immediately; OrderDetails resolves the order via callback params.
+      const cryptoSymbol = selectedToken?.symbol;
       navigation.reset({
         index: 0,
         routes: [
@@ -488,6 +489,7 @@ export const useTransakRouting = (config?: UseTransakRoutingConfig) => {
               providerCode: normalizeProviderCode('transak-native'),
               walletAddress: walletAddress || '',
               showCloseButton: true,
+              ...(cryptoSymbol ? { cryptocurrency: cryptoSymbol } : {}),
             },
           },
         ],
@@ -502,6 +504,7 @@ export const useTransakRouting = (config?: UseTransakRoutingConfig) => {
       refreshOrder,
       regionIsoCode,
       trackEvent,
+      selectedToken,
     ],
   );