Skip to content

feat(subscriptions): scaffold ProHub screen with navigation registration [SUB-995] - #34848

Draft
smgv wants to merge 1 commit into
feat/SUB-994-pro-subscription-success-screenfrom
feat/pro-hub-screen
Draft

feat(subscriptions): scaffold ProHub screen with navigation registration [SUB-995]#34848
smgv wants to merge 1 commit into
feat/SUB-994-pro-subscription-success-screenfrom
feat/pro-hub-screen

Conversation

@smgv

@smgv smgv commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Description

  • Adds a new ProHub screen (app/components/Views/ProHub/) — a full-screen stack view (not modal) that serves as the MetaMask Pro hub, navigable from anywhere in the app via Routes.PRO_HUB.ROOT
  • Registers Routes.PRO_HUB.ROOT in Routes.ts and App.tsx as a standard push-stack screen with headerShown: false and gesture dismissal enabled
  • Adds pro_hub i18n strings (title, subtitle, manage, explore_benefits) to en.json

Jira: SUB-995

MM_PRO_SUBSCRIPTION_FLOW_ENABLED=true yarn watch:clean

Changelog

CHANGELOG entry: null

Related issues

Fixes: SUB-990

Manual testing steps

Feature: Pro subscription flow feature flag

Screenshots/Recordings

Before

N/A — flag wiring only, no UI changes in this PR.

After

Screenshot 2026-08-15 at 5 09 25 PM

Pre-merge author checklist

Performance checks (if applicable)

  • I've tested on Android
    • Ideally on a mid-range device; emulator is acceptable
  • I've tested with a power user scenario
    • Use these power-user SRPs to import wallets with many accounts and tokens
  • I've instrumented key operations with Sentry traces for production performance metrics

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.

Made with Cursor

- Add ProHub screen (ProHub.tsx) — full-screen stack view with HeaderBase,
  back navigation, title/subtitle, Explore Benefits and Manage Subscription CTAs
- Add ProHub.testIds.ts (8 IDs), ProHub.types.ts, and index.ts barrel
- Add ProHub.test.tsx — 10 unit tests covering rendering, header, back button,
  and CTA labels
- Register Routes.PRO_HUB.ROOT in Routes.ts and App.tsx NativeStack
- Add pro_hub i18n strings (title, subtitle, manage, explore_benefits) to en.json
- Bump ProSubscription success screen assertions to toBeOnTheScreen()

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

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.

@metamask-ci metamask-ci Bot added the team-onboarding Onboarding team label Aug 15, 2026
@smgv smgv self-assigned this Aug 15, 2026
@github-actions

Copy link
Copy Markdown
Contributor

🔍 Smart E2E Test Selection

  • Selected E2E tags: SmokeAccounts, SmokeConfirmations, SmokeNetworkAbstractions, SmokeNetworkExpansion, SmokeSwap, SmokeStake, SmokeWalletPlatform, SmokeMoney, SmokePerps, SmokeMultiChainAPI, SmokePredictions, SmokeSeedlessOnboarding, SmokeBrowser, SmokeSnaps, SmokeMMConnect
  • Selected Performance tags: None (no tests recommended)
  • Risk Level: high
  • AI Confidence: 100%
click to see 🤖 AI reasoning details

E2E Test Selection:
Hard rule (en-locale-change): locales/languages/en.json changed — UI strings and E2E text/label selectors may diverge (including platform casing like Android textAllCaps). Running all tests.

Performance Test Selection:
No performance-sensitive code paths are affected. The changes add a new screen (ProHub) with static UI and stub handlers, modify the post-subscription success navigation, and add locale strings. None of these changes impact app launch, login, onboarding, asset loading, swap, account list, or other performance-measured flows.

View GitHub Actions results

@smgv smgv changed the title feat(pro-hub): scaffold ProHub screen with navigation registration feat(subscriptions): scaffold ProHub screen with navigation registration [SUB-995] Aug 15, 2026

@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 3 potential issues.

Fix All in Cursor

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

Reviewed by Cursor Bugbot for commit 66d00f0. Configure here.

headerShown: false,
gestureEnabled: true,
}}
/>

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.

ProHub inherits modal presentation

High Severity

ProHub is registered without overriding presentation or animation, so it inherits AppFlow’s transparentModal and animation: 'none'. That conflicts with the intended card push, swipe-back, and iOS safe-area insets (sibling full-screen routes explicitly set presentation: 'card').

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit 66d00f0. Configure here.

navigation.navigate(Routes.PRO_HUB.ROOT, {
source: 'pro_subscription_success',
});
}, [handleClose, navigation]);

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.

Success CTA navigation can drop

Medium Severity

The success CTA calls goBack() and then immediately navigate to ProHub from the same modal screen. Native stack often drops a second action while a dismiss transition is running, so post-purchase navigation to ProHub can silently fail.

Fix in Cursor Fix in Web

Reviewed by Cursor Bugbot for commit 66d00f0. Configure here.

variant={ButtonVariant.Primary}
size={ButtonSize.Lg}
onPress={onClose}
onPress={onSuccess}

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.

Success tests assert old CTA

Medium Severity

The success CTA now fires onSuccess, but Success.test.tsx still renders without that prop and expects onClose on press. Those tests fail, and onClose is unused on Success. The new hub navigation path is also untested.

Fix in Cursor Fix in Web

Triggered by project rule: Unit Testing Guidelines

Reviewed by Cursor Bugbot for commit 66d00f0. Configure here.

@smgv
smgv marked this pull request as draft August 15, 2026 13:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant