feat: increase swap friction when price data is not available

test/e2e/page-objects/pages/bridge/quote-page.ts

@@ -271,6 +271,22 @@ class BridgeQuotePage {
     await this.driver.clickElement(this.warningModalProceedButton);
   };
 
+  approveModalIfPresent = async () => {
+    try {
+      // Wait for an *enabled* proceed button. Using :not([disabled]) means:
+      // - No modal present           → no match → 3 s timeout → catch (no-op)
+      // - Modal open, tx in-flight   → button has [disabled] attr → no match
+      //                              → 3 s timeout → catch (no-op)
+      // - Modal open, tx not yet submitted → button is enabled → match → click
+      await this.driver.waitForSelector(
+        `${this.warningModalProceedButton}:not([disabled])`,
+      );
+      await this.driver.clickElement(this.warningModalProceedButton);
+    } catch {
+      // No confirmation modal with an enabled proceed button — nothing to do
+    }
+  };
+
   rejectModal = async () => {
     await this.driver.clickElement(this.warningModalCancelButton);
   };
@@ -282,6 +298,10 @@ class BridgeQuotePage {
   submitQuoteAndDismiss = async () => {
     await this.submitQuote();
 
+    // If no price data is available a confirmation modal appears before submission.
+    // Dismiss it so the transaction can proceed to the status page.
+    await this.approveModalIfPresent();
+
     await this.dismissStatusPageIfPresent();
   };
 

test/jest/console-baseline-unit.json

@@ -703,7 +703,7 @@
       "Reselect: Input stability warnings": 1
     },
     "ui/pages/bridge/prepare/components/bridge-alert-banner-list.test.tsx": {
-      "React: Act warnings (component updates not wrapped)": 36,
+      "React: Act warnings (component updates not wrapped)": 44,
       "Reselect: Identity function warnings": 1,
       "Reselect: Input stability warnings": 1,
       "Third-party: Bindings failed, using pure JS": 1,

ui/ducks/bridge/selectors.ts

@@ -718,6 +718,9 @@ export const getFromAmountInCurrency = createSelector(
 
 export const getTxAlerts = (state: BridgeAppState) => state.bridge.txAlert;
 
+export const getActiveQuotePriceData = (state: BridgeAppState) =>
+  getBridgeQuotes(state).activeQuote?.quote?.priceData;
+
 export const getPriceImpact = createSelector(
   [
     (state: BridgeAppState) =>

ui/pages/bridge/__snapshots__/index.test.tsx.snap

@@ -263,7 +263,7 @@ exports[`Bridge renders the component with initial props 1`] = `
             </div>
           </div>
           <div
-            class="mm-box mm-container mm-container--max-width-undefined mm-box--padding-inline-4 mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column mm-box--width-full mm-box--background-color-background-default"
+            class="mm-box mm-container mm-container--max-width-undefined mm-box--padding-right-4 mm-box--padding-bottom-4 mm-box--padding-left-4 mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column mm-box--width-full mm-box--background-color-background-default"
             data-testid="bridge-banner-alerts"
           />
           <div

ui/pages/bridge/hooks/useBridgeAlerts.ts

@@ -2,6 +2,7 @@ import { shallowEqual, useSelector } from 'react-redux';
 import { useMemo } from 'react';
 import {
   type BridgeAppState,
+  getActiveQuotePriceData,
   getBridgeUnavailableQuoteReason,
   getFormattedPriceImpactFiat,
   getFormattedPriceImpactPercentage,
@@ -52,6 +53,8 @@ export const useBridgeAlerts = () => {
   const { tokenAlerts, txAlert } = useSecurityAlerts();
   const { openBuyCryptoInPdapp } = useRamps();
 
+  const activeQuotePriceData = useSelector(getActiveQuotePriceData);
+
   const { isLoading, activeQuote: unvalidatedQuote } =
     useSelector(getBridgeQuotes);
   const activeQuote = isQuoteExpiredOrInvalid({
@@ -133,6 +136,19 @@ export const useBridgeAlerts = () => {
       });
     }
 
+    if (unvalidatedQuote && !activeQuotePriceData) {
+      categorizeAlert({
+        id: 'price-data-unavailable',
+        severity: 'danger',
+        title: t('bridgeNoPriceInfoTitle'),
+        description: t('bridgePriceDataUnavailableError'),
+        isConfirmationAlert: true,
+        bannerAlertProps: {
+          severity: BannerAlertSeverity.Danger,
+        },
+      });
+    }
+
     if (
       !isLoading &&
       activeQuote &&
@@ -194,6 +210,8 @@ export const useBridgeAlerts = () => {
     };
   }, [
     activeQuote,
+    unvalidatedQuote,
+    activeQuotePriceData,
     bridgeUnavailableQuotesReason,
     formattedPriceImpactPercentage,
     formattedPriceImpactFiat,

ui/pages/bridge/prepare/__snapshots__/prepare-bridge-page.test.tsx.snap

@@ -210,7 +210,7 @@ exports[`PrepareBridgePage should render the component, with initial state 1`] =
       </div>
     </div>
     <div
-      class="mm-box mm-container mm-container--max-width-undefined mm-box--padding-inline-4 mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column mm-box--width-full mm-box--background-color-background-default"
+      class="mm-box mm-container mm-container--max-width-undefined mm-box--padding-right-4 mm-box--padding-bottom-4 mm-box--padding-left-4 mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column mm-box--width-full mm-box--background-color-background-default"
       data-testid="bridge-banner-alerts"
     />
     <div
@@ -443,7 +443,7 @@ exports[`PrepareBridgePage should render the component, with inputs set 1`] = `
       </div>
     </div>
     <div
-      class="mm-box mm-container mm-container--max-width-undefined mm-box--padding-inline-4 mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column mm-box--width-full mm-box--background-color-background-default"
+      class="mm-box mm-container mm-container--max-width-undefined mm-box--padding-right-4 mm-box--padding-bottom-4 mm-box--padding-left-4 mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column mm-box--width-full mm-box--background-color-background-default"
       data-testid="bridge-banner-alerts"
     />
     <div