feat(predict): add UCL soccer support with 3-way draw markets

[matallui]

Description

Adds UEFA Champions League (UCL) soccer support to the Predict product. Unlike NFL/NBA where one team always wins, soccer matches can end in a draw. This introduces 3-way market support throughout the prediction flow — from data parsing to UI rendering.

Key changes:

• New ucl league type with home-first team ordering (opposite of NFL/NBA)
• Draw button (gray/muted theme) rendered between team buttons for soccer matches
• Polymarket negRisk 3-outcome events parsed into 3 PredictOutcomes sorted by groupItemThreshold
• Game chart generalized from hardcoded 2-series to N-series (3rd line for draw)
• Scoreboard respects home-first ordering for soccer leagues
• Position labels resolved from slug-based team lookup via TeamsCache (zero network overhead)
• Token titles enriched at parse time for negRisk moneyline markets

Changelog

CHANGELOG entry: Added UCL soccer league support with 3-way draw predictions

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/PRED-755

Manual testing steps

Feature: UCL soccer predictions with draw button

  Scenario: user views a UCL match card in the feed
    Given the UCL league is enabled in the feature flag
    And a UCL match event exists on Polymarket

    When user views the Predict feed
    Then a sport card renders with the UCL match
    And the scoreboard shows home team on the left, away team on the right
    And three action buttons appear: Home | DRAW (gray) | Away

  Scenario: user places a draw prediction
    Given user is viewing a UCL match card

    When user taps the DRAW button
    Then the buy preview opens with the draw outcome
    And after purchase, the position shows "$x on Draw"

  Scenario: user views the game chart for a UCL match
    Given user opens a UCL match detail page

    When user views the price chart
    Then three lines are rendered: Home (team color), Draw (gray), Away (team color)
    And all three endpoint labels are visible

  Scenario: user views existing UCL positions on a card
    Given user has positions on a UCL match

    When user views the sport card
    Then positions show "$x on Team Name" (not "$x on Yes to win")
    And long team names are truncated with ellipsis

Screenshots/Recordings

**Before **

N/A — UCL soccer was not previously supported

After

Before vs After screenshots:

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

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

Medium Risk
Medium risk because it expands core Predict flows (market parsing, outcome/token selection, live price subscriptions, and chart rendering) from 2-way to 3-way outcomes, which could cause mismatched outcome/token mapping or incomplete data rendering if backend data is inconsistent.

Overview
Adds 3-way (home/draw/away) support for draw-capable leagues (now including ucl), with a new isDrawCapableLeague helper and groupItemThreshold ordering used to consistently sort outcomes/tokens.

Updates the prediction UI to render an optional DRAW bet button (new draw variant + testIDs), split bet button label/price into separate lines, and ensures bet/preview navigation selects the matching outcome for the tapped token (in PredictMarketDetails and PredictSportCardFooter).

Generalizes game visuals for soccer: PredictGameChart now supports N-series (incl. draw line with muted color) and improves endpoint label collision handling for 3+ labels; the scoreboard and footer copy adapt to home-first leagues.

Enhances Polymarket integration by adding ucl slug parsing (home-away order), surfacing groupItemThreshold on outcomes, improving negRisk token titles (e.g., “Draw”), and resolving negRisk position outcome labels from eventSlug/slug with optional team lookup.

^{Written by Cursor Bugbot for commit 024cc19. This will update automatically on new commits. Configure here.}

[github-actions]

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.

[caieu]

LGTM

[cursor]

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.}

[github-actions]

🔍 Smart E2E Test Selection

• Selected E2E tags: SmokePredictions, SmokeWalletPlatform, SmokeConfirmations
• Selected Performance tags: None (no tests recommended)
• Risk Level: medium
• AI Confidence: 90%

click to see 🤖 AI reasoning details

E2E Test Selection:
All 29 changed files are exclusively within the Predict feature (app/components/UI/Predict/) plus a locales addition. The changes introduce UCL (UEFA Champions League) support as a new draw-capable sports league with 3-way betting (home/draw/away), including:

1. New ucl league type with home-away slug order and draw-capable flag
2. New soccer game periods (1H, 2H, ET, PK) in types and formatPeriodDisplay
3. Draw button in PredictBetButtons/PredictBetButton with 'draw' variant styling
4. PredictGameChart updated to support 3-series data for draw-capable leagues
5. PredictSportScoreboard updated to handle home-first display order for UCL
6. PredictActionButtons updated with sortedOutcomes logic for draw-capable markets
7. Bug fixes: outcome matching by token ID in PredictSportCardFooter and PredictMarketDetails
8. PredictSportTeamLogo: removed color prop (breaking change for callers)
9. PredictPicksForCardItem: string key change from position_pick_info_to_win to position_pick_info
10. New localization string 'make_your_prediction' for draw-capable leagues

SmokePredictions: Directly tests the Predictions/Polymarket feature - all changes are in this domain. UCL support, draw betting flows, scoreboard rendering, and bug fixes all need E2E validation.

SmokeWalletPlatform: Per tag description, Predictions is a section inside the Trending tab, and changes to Predictions views (headers, lists, full views) affect Trending. The Predict feature changes could affect how Predictions content appears in Trending.

SmokeConfirmations: Per SmokePredictions tag description, opening/closing positions are on-chain transactions - when selecting SmokePredictions, also select SmokeConfirmations.

Performance Test Selection:
Changes are limited to the Predict feature with incremental additions (new league, draw button, 3-series chart). No significant performance-sensitive paths are modified - no changes to account lists, login flows, app startup, or core data loading. The chart update adds a third series but this is a minor incremental change that doesn't warrant performance testing.

View GitHub Actions results

[github-actions]

✅ E2E Fixture Validation — Schema is up to date
17 value mismatches detected (expected — fixture represents an existing user).
View details

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
82.4% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[caieu]

LGTM