chore(predict): implement sequential refresh pattern for order preview

[caieu]

Description

Changes the auto-refresh behavior in usePredictOrderPreview from interval-based
to sequential pattern. The timer now waits for the preview response before
starting the timeout countdown, preventing overlapping requests.

Key changes:

• Replace setInterval with recursive setTimeout pattern
• Add scheduleNextRefresh function to trigger after response
• Schedule next refresh after both successful and error responses
• Clear pending timers on unmount and parameter changes
• Update tests to verify sequential refresh behavior

This ensures the autoRefreshTimeout is a delay AFTER each response
completes, rather than a fixed interval that could cause overlapping
requests when API response times exceed the timeout value.

Changelog

CHANGELOG entry: null

Related issues

Fixes: PRED-299

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

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

Replaces interval-based auto-refresh with response-triggered sequential timeouts in usePredictOrderPreview, adds cleanup on param changes/unmount, and updates tests accordingly.

• Hook usePredictOrderPreview:
  • Replace setInterval auto-refresh with sequential setTimeout scheduled via scheduleNextRefresh after each response (success or error).
  • Introduce refs for timer and callbacks: refreshTimerRef, calculatePreviewRef, scheduleNextRefreshRef.
  • Clear pending refresh timers on unmount and when parameters change; debounce initial calculation.
  • Minor safety: optional chaining on calculatePreviewRef.current?.().
• Tests usePredictOrderPreview.test.ts:
  • Rename and add cases to verify response-triggered scheduling, waiting before countdown, scheduling after errors, and clearing timers on parameter changes and unmount.

^{Written by Cursor Bugbot for commit 2c9fb28. 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.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud