MetaMask
diff --git a/‎app/components/UI/Ramp/Aggregator/Views/Settings/Settings.test.tsx‎
Lines changed: 2 additions & 0 deletions b/‎app/components/UI/Ramp/Aggregator/Views/Settings/Settings.test.tsx‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎app/components/UI/Ramp/Views/BuildQuote/BuildQuote.test.tsx‎
Lines changed: 190 additions & 0 deletions b/‎app/components/UI/Ramp/Views/BuildQuote/BuildQuote.test.tsx‎
Lines changed: 190 additions & 0 deletions
@@ -136,6 +136,8 @@ const mockUseRampsControllerInitialValues: ReturnType<
   setSelectedPaymentMethod: jest.fn(),
   paymentMethodsLoading: false,
   paymentMethodsError: null,
+  paymentMethodsFetching: false,
+  paymentMethodsStatus: 'idle' as const,
   getQuotes: jest.fn(),
   getBuyWidgetData: jest.fn(),
   orders: [],
 
@@ -83,10 +83,18 @@ jest.mock('../../components/QuickAmounts', () => {
 });
 
 jest.mock('@react-navigation/native', () => {
+  const ReactActual = jest.requireActual('react');
   const actual = jest.requireActual('@react-navigation/native');
   return {
     ...actual,
     useNavigation: jest.fn(),
+    useIsFocused: jest.fn(() => true),
+    useFocusEffect: (callback: () => void | (() => void)) => {
+      ReactActual.useEffect(() => {
+        const cleanup = callback();
+        return typeof cleanup === 'function' ? cleanup : undefined;
+      }, [callback]);
+    },
   };
 });
 
@@ -354,11 +362,14 @@ describe('BuildQuote', () => {
       userRegion: USER_REGION,
       selectedProvider: WIDGET_PROVIDER,
       selectedToken: SELECTED_TOKEN,
+      paymentMethods: [SELECTED_PAYMENT_METHOD],
       getBuyWidgetData: mockGetBuyWidgetData,
       addPrecreatedOrder: mockAddPrecreatedOrder,
       addOrder: mockAddOrder,
       getOrderFromCallback: mockGetOrderFromCallback,
       paymentMethodsLoading: false,
+      paymentMethodsFetching: false,
+      paymentMethodsStatus: 'success',
       selectedPaymentMethod: SELECTED_PAYMENT_METHOD,
     });
     mockUseRampsQuotes.mockReturnValue({
@@ -676,9 +687,14 @@ describe('BuildQuote', () => {
         userRegion: USER_REGION,
         selectedProvider: NATIVE_PROVIDER,
         selectedToken: SELECTED_TOKEN,
+        paymentMethods: [SELECTED_PAYMENT_METHOD],
         getBuyWidgetData: mockGetBuyWidgetData,
         addPrecreatedOrder: mockAddPrecreatedOrder,
+        addOrder: mockAddOrder,
+        getOrderFromCallback: mockGetOrderFromCallback,
         paymentMethodsLoading: false,
+        paymentMethodsFetching: false,
+        paymentMethodsStatus: 'success',
         selectedPaymentMethod: SELECTED_PAYMENT_METHOD,
       });
       mockUseRampsQuotes.mockReturnValue({
@@ -843,4 +859,178 @@ describe('BuildQuote', () => {
       expect(toJSON()).toMatchSnapshot();
     });
   });
+
+  describe('Token unavailable for provider', () => {
+    const TOKEN_ASSET = 'eip155:1/slip44:60';
+
+    const transakProvider = {
+      id: '/providers/transak',
+      name: 'Transak',
+      supportedCryptoCurrencies: { [TOKEN_ASSET]: true },
+      links: [],
+    };
+
+    const mockUnavailableController = (overrides: Record<string, unknown>) => {
+      mockUseRampsController.mockReturnValue({
+        userRegion: USER_REGION,
+        selectedProvider: transakProvider,
+        selectedToken: SELECTED_TOKEN,
+        paymentMethods: [],
+        getBuyWidgetData: mockGetBuyWidgetData,
+        addPrecreatedOrder: mockAddPrecreatedOrder,
+        addOrder: mockAddOrder,
+        getOrderFromCallback: mockGetOrderFromCallback,
+        paymentMethodsLoading: false,
+        paymentMethodsFetching: false,
+        paymentMethodsStatus: 'success',
+        selectedPaymentMethod: null,
+        ...overrides,
+      });
+    };
+
+    beforeEach(() => {
+      jest.useFakeTimers();
+      mockUseParams.mockReturnValue({ assetId: TOKEN_ASSET });
+    });
+
+    afterEach(() => {
+      jest.useRealTimers();
+    });
+
+    it('navigates to token unavailable modal after debounce when payment methods are empty', () => {
+      mockUnavailableController({});
+      renderWithProvider(<BuildQuote />, { state: initialRootState });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampTokenNotAvailableModal',
+          params: expect.objectContaining({ assetId: TOKEN_ASSET }),
+        }),
+      );
+    });
+
+    it('does not navigate while payment methods are still fetching', () => {
+      mockUnavailableController({ paymentMethodsFetching: true });
+      renderWithProvider(<BuildQuote />, { state: initialRootState });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).not.toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampTokenNotAvailableModal',
+        }),
+      );
+    });
+
+    it('does not navigate before payment methods status is success', () => {
+      mockUnavailableController({ paymentMethodsStatus: 'loading' });
+      renderWithProvider(<BuildQuote />, { state: initialRootState });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).not.toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampTokenNotAvailableModal',
+        }),
+      );
+    });
+
+    it('does not navigate when payment methods returned', () => {
+      mockUnavailableController({
+        paymentMethods: [SELECTED_PAYMENT_METHOD],
+      });
+      renderWithProvider(<BuildQuote />, { state: initialRootState });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).not.toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampTokenNotAvailableModal',
+        }),
+      );
+    });
+
+    it('passes buyFlowOrigin to token unavailable modal params', () => {
+      mockUseParams.mockReturnValue({
+        assetId: TOKEN_ASSET,
+        buyFlowOrigin: 'tokenInfo' as const,
+      });
+      mockUnavailableController({});
+      renderWithProvider(<BuildQuote />, { state: initialRootState });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampTokenNotAvailableModal',
+          params: expect.objectContaining({
+            assetId: TOKEN_ASSET,
+            buyFlowOrigin: 'tokenInfo',
+          }),
+        }),
+      );
+    });
+
+    it('does not open payment selection when token unavailable disables pill', () => {
+      mockUnavailableController({});
+      const { getByTestId } = renderWithProvider(<BuildQuote />, {
+        state: initialRootState,
+      });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      mockNavigate.mockClear();
+      fireEvent.press(getByTestId('build-quote-payment-pill'));
+      expect(mockNavigate).not.toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampPaymentSelectionModal',
+        }),
+      );
+    });
+
+    it('re-navigates when provider id changes', () => {
+      mockUnavailableController({
+        selectedProvider: {
+          id: '/providers/a',
+          name: 'A',
+          supportedCryptoCurrencies: { [TOKEN_ASSET]: true },
+          links: [],
+        },
+      });
+      const { rerender } = renderWithProvider(<BuildQuote />, {
+        state: initialRootState,
+      });
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).toHaveBeenCalled();
+      mockNavigate.mockClear();
+      mockUnavailableController({
+        selectedProvider: {
+          id: '/providers/b',
+          name: 'B',
+          supportedCryptoCurrencies: { [TOKEN_ASSET]: true },
+          links: [],
+        },
+      });
+      rerender(<BuildQuote />);
+      act(() => {
+        jest.advanceTimersByTime(650);
+      });
+      expect(mockNavigate).toHaveBeenCalledWith(
+        'RampModals',
+        expect.objectContaining({
+          screen: 'RampTokenNotAvailableModal',
+        }),
+      );
+    });
+  });
 });