Skip to content

fix(ramps): wire SSN info tooltip in v2 native flow#26739

Merged
AxelGes merged 2 commits into
mainfrom
fix/ssn-info-tooltip-v2-ramps
Mar 2, 2026
Merged

fix(ramps): wire SSN info tooltip in v2 native flow#26739
AxelGes merged 2 commits into
mainfrom
fix/ssn-info-tooltip-v2-ramps

Conversation

@AxelGes

@AxelGes AxelGes commented Mar 2, 2026

Copy link
Copy Markdown
Contributor

Description

The SSN info button (the `ⓘ` icon next to the SSN field) in the v2 Ramps `BasicInfo` screen had no `onPress` handler — tapping it did nothing. The Deposit flow has this working via `createSsnInfoModalNavigationDetails`, but the equivalent was never wired in the v2 flow.

Changes:

  • Added `SSN_INFO: 'RampSsnInfoModal'` to `Routes.RAMP.MODALS`
  • Registered `SsnInfoModal` in the v2 Ramp modals stack (`routes.tsx`)
  • Added `handleSsnInfoPress` in `V2BasicInfo` and wired it to the button's `onPress`
  • Added a test for the button press behavior

Changelog

CHANGELOG entry: null

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/TRAM-3272?atlOrigin=eyJpIjoiYTAxNWU2MWI2NmE1NDRhMTg3YTY5ZjZjNTIxNmIwOTIiLCJwIjoiaiJ9

Manual testing steps

Feature: SSN info tooltip in v2 Ramps native flow

  Scenario: user taps SSN info button
    Given the user is on the BasicInfo screen in the v2 Ramps native flow
    And the user's region is US

    When user taps the info icon next to the SSN field
    Then the SSN info bottom sheet modal opens explaining what the SSN is used for

Screenshots/Recordings

Before

Tapping the info icon does nothing.

After

Tapping the info icon opens the SSN info modal.
image

Pre-merge author checklist

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

Note

Low Risk
Low risk UI/navigation wiring: adds a new modal route and stack registration plus a small handler and test; main risk is misconfigured route names causing navigation failures.

Overview
Fixes the v2 Ramp BasicInfo SSN info icon so it actually opens an SSN info bottom sheet modal when pressed.

This introduces a new Ramp modal route (Routes.RAMP.MODALS.SSN_INFO), registers SsnInfoModal in the Ramp modals stack, and adds a BasicInfo test + snapshot update to assert the navigation call.

Written by Cursor Bugbot for commit 613520b. This will update automatically on new commits. Configure here.

The SSN info button in V2BasicInfo had no onPress handler, so tapping
it did nothing. Register SsnInfoModal in the Ramp modals stack and add
the navigation handler so the tooltip opens as expected.
@AxelGes AxelGes self-assigned this Mar 2, 2026
@github-actions

github-actions Bot commented Mar 2, 2026

Copy link
Copy Markdown
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@metamaskbot metamaskbot added the team-money-movement issues related to Money Movement features label Mar 2, 2026
@github-actions github-actions Bot added the size-S label Mar 2, 2026
@AxelGes AxelGes marked this pull request as ready for review March 2, 2026 17:35
@AxelGes AxelGes requested a review from a team as a code owner March 2, 2026 17:35
@AxelGes AxelGes enabled auto-merge March 2, 2026 17:35
@github-actions

github-actions Bot commented Mar 2, 2026

Copy link
Copy Markdown
Contributor

🔍 Smart E2E Test Selection

  • Selected E2E tags: SmokeRamps
  • Selected Performance tags: None (no tests recommended)
  • Risk Level: low
  • AI Confidence: 92%
click to see 🤖 AI reasoning details

E2E Test Selection:
The changes are focused on the Ramp/Deposit flow, specifically wiring up an existing SSN info modal to the BasicInfo view. The modifications include:

  1. Adding a navigation handler (handleSsnInfoPress) to navigate to the SSN info modal when the info button is pressed
  2. Registering the SsnInfoModal in the modal stack navigator (routes.tsx)
  3. Adding the SSN_INFO route constant to Routes.ts
  4. Adding a unit test for the new navigation behavior
  5. Updating the snapshot to reflect the new onPress handler

These are well-scoped changes that only affect the Ramps feature (on-ramp/off-ramp flows). The SsnInfoModal component already exists and is just being wired up to the navigation. The changes include proper unit tests and are low risk since they don't modify core functionality, just add navigation to an existing modal.

SmokeRamps is the appropriate tag as it covers fiat on-ramp (buy crypto) and off-ramp (sell crypto) features, which is exactly what this BasicInfo view is part of.

Performance Test Selection:
These changes only add navigation to an existing modal and register a route. There are no UI rendering changes, no data loading changes, no state management modifications, and no changes to critical user flows that would impact performance. The changes are purely navigation wiring with no performance implications.

View GitHub Actions results

@cursor cursor Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.

'RampModals',
expect.objectContaining({ screen: 'RampSsnInfoModal' }),
);
});

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Test missing AAA blank-line separation

Low Severity

The new test 'navigates to ssn info modal when ssn info button is pressed' combines Arrange, Act, and Assert on consecutive lines without blank-line separation. The Unit Testing Guidelines (MANDATORY) require every test to follow the AAA pattern with blank lines between each section. The Deposit flow's equivalent test at Deposit/Views/BasicInfo/BasicInfo.test.tsx line 220 correctly separates sections with blank lines, and this test does not match that convention.

Fix in Cursor Fix in Web

Triggered by project rule: Unit Testing Guidelines

@github-actions

github-actions Bot commented Mar 2, 2026

Copy link
Copy Markdown
Contributor

⚠️ E2E Fixture Validation — Structural changes detected

Category Count
New keys 60
Missing keys 0
Type mismatches 0
Value mismatches 6 (informational)

The committed fixture schema is out of date. To update, comment:

@metamaskbot update-mobile-fixture

View full details | Download diff report

@AxelGes AxelGes added this pull request to the merge queue Mar 2, 2026
Merged via the queue into main with commit bed33f7 Mar 2, 2026
92 checks passed
@AxelGes AxelGes deleted the fix/ssn-info-tooltip-v2-ramps branch March 2, 2026 18:32
@github-actions github-actions Bot locked and limited conversation to collaborators Mar 2, 2026
@metamaskbot metamaskbot added the release-7.69.0 Issue or pull request that will be included in release 7.69.0 label Mar 2, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

release-7.69.0 Issue or pull request that will be included in release 7.69.0 size-S team-money-movement issues related to Money Movement features

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants