Description

Add a "Withdraw" button to TronUnstakedBanner so users can claim TRX that has completed the 14-day unstaking lock period. Also migrates Tron staking components (TronStakingButtons, TronStakingCta) from StyleSheet/View to @metamask/design-system-react-native and restructures related i18n keys.

Changes

• TronUnstakedBanner — Upgraded from info-only to actionable: now accepts chainId, renders a "Withdraw" Button, and wires it to the new useTronClaimUnstakedTrx hook.
• useTronClaimUnstakedTrx hook (new) — Selects the Tron account via selectSelectedInternalAccountByScope, calls the claimUnstakedTrx snap RPC, and exposes handleClaimUnstakedTrx, isSubmitting, and errors.
• claimUnstakedTrx snap RPC wrapper (new) — Sends claimUnstakedTrx request to the Tron Wallet Snap via handleSnapRequest.
• TronClaimUnstakedTrxParams / TronClaimUnstakedTrxResult types (new).
• TronStakingButtons / TronStakingCta — Migrated from StyleSheet.create/View/component-library Button/Text to design-system Box/Button/Text. Deleted corresponding .styles.ts files and removed useStyles mocks from tests.
• TronUnstakingBanner — Simplified to use Banner's built-in title/description string props instead of a custom Text wrapper.
• AssetOverviewContent — Passes chainId to TronUnstakedBanner; replaced View wrappers with Box.
• i18n — Restructured stake.tron keys from flat (trx_unstaking_in_progress, has_claimable_trx) to nested (unstaking_banner.{title,description}, unstaked_banner.{title,description,button}).
• Dependencies — Added preview resolutions for @metamask-previews/tron-wallet-snap and @metamask-previews/assets-controllers.
• Tests — Rewrote TronUnstakedBanner tests (5 cases) and added useTronClaimUnstakedTrx tests (5 cases).

Changelog

CHANGELOG entry: Added a "Withdraw" button to the unstaked TRX banner so users can claim TRX that has completed the lock period.

Related issues

Refs: NEB-576

Manual testing steps

Feature: Withdraw unstaked TRX

  Scenario: User sees withdraw banner when unstaking is complete
    Given the user has TRX that has completed the 14-day unstaking lock period
    When the user navigates to the TRX token details view
    Then a green success banner is displayed with title "Unstaking <amount> TRX complete"
    And the banner description reads "Your unstaked TRX can now be withdrawn"
    And a "Withdraw" button is displayed inside the banner

  Scenario: User taps Withdraw
    Given the user sees the withdraw banner with a "Withdraw" button
    When the user taps "Withdraw"
    Then the button is disabled to prevent double-submission
    And the withdrawal transaction is submitted
    And the button re-enables after the transaction completes

  Scenario: User sees unstaking-in-progress banner
    Given the user has TRX currently in the 14-day unstaking lock period
    When the user navigates to the TRX token details view
    Then an info banner is displayed with title "Unstaking <amount> TRX in progress"
    And the banner description reads "It will take 14 days for unstaking"

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.