feat(rewards): implement campaign end winner UX per RWDS-1168

- Add useOndoCampaignWinnerCode hook (subscription-scoped, returns claim
  code + loading state) replacing direct useSelector calls in the winning view
- Remove misleading prizeDisplay (currentUsdValue is portfolio value, not
  a prize amount); winning view now shows: You won → rank → rate of return
- Fix mailto subject to include the claim code:
  "Ondo campaign prize claim - {code}"
- useMaybeShowCampaignEndToast: winner path no longer dispatches
  markCampaignEndToastShown so the campaignWon toast re-appears on every
  app open (session-only dismissal); loser path unchanged (persisted)
- OndoCampaignDetailsView: add useFocusEffect auto-navigation to
  OndoCampaignWinningView for winners on every campaign page session open
- Fix test mocks for OndoCampaignWinningView and useMaybeShowCampaignEndToast
  to break transitive Engine import chains that prevented tests from running

Co-authored-by: VGR-GIT <vangulckrik@gmail.com>
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: VGR-GIT

app/components/UI/Rewards/Views/OndoCampaignDetailsView.tsx

@@ -5,10 +5,16 @@ import React, {
   useRef,
   useState,
 } from 'react';
+
 import { Pressable, ScrollView } from 'react-native';
 import { useSelector } from 'react-redux';
 import { selectReferralCode } from '../../../../reducers/rewards/selectors';
-import { useNavigation, useRoute, RouteProp } from '@react-navigation/native';
+import {
+  useFocusEffect,
+  useNavigation,
+  useRoute,
+  RouteProp,
+} from '@react-navigation/native';
 import {
   Box,
   BoxAlignItems,
@@ -57,6 +63,7 @@ import {
   isCampaignIneligible,
 } from '../utils/ondoCampaignConstants';
 import useTrackRewardsPageView from '../hooks/useTrackRewardsPageView';
+import { isOndoCampaignWinner } from '../hooks/useMaybeShowCampaignEndToast';
 import { useAnalytics } from '../../../hooks/useAnalytics/useAnalytics';
 import { MetaMetricsEvents } from '../../../../core/Analytics';
 
@@ -168,6 +175,42 @@ const OndoCampaignDetailsView: React.FC = () => {
     isOptedIn && hasPositions ? effectiveCampaignId || undefined : undefined,
   );
 
+  const isWinner = useMemo(
+    () => isOndoCampaignWinner(leaderboardPosition),
+    [leaderboardPosition],
+  );
+
+  const navigateToWinningView = useCallback(() => {
+    navigation.navigate(Routes.REWARDS_ONDO_CAMPAIGN_WINNING_VIEW, {
+      campaignId: effectiveCampaignId,
+      campaignName: campaign?.name ?? '',
+    });
+  }, [navigation, effectiveCampaignId, campaign]);
+
+  const hasPresentedWinningViewRef = useRef(false);
+
+  useEffect(() => {
+    hasPresentedWinningViewRef.current = false;
+  }, [effectiveCampaignId]);
+
+  useFocusEffect(
+    useCallback(() => {
+      if (
+        !hasPresentedWinningViewRef.current &&
+        campaign &&
+        getCampaignStatus(campaign) === 'complete' &&
+        isWinner &&
+        effectiveCampaignId
+      ) {
+        hasPresentedWinningViewRef.current = true;
+        navigation.navigate(Routes.REWARDS_ONDO_CAMPAIGN_WINNING_VIEW, {
+          campaignId: effectiveCampaignId,
+          campaignName: campaign.name ?? '',
+        });
+      }
+    }, [campaign, isWinner, effectiveCampaignId, navigation]),
+  );
+
   const {
     leaderboard,
     selectedTier,
@@ -321,7 +364,10 @@ const OndoCampaignDetailsView: React.FC = () => {
                       onPress={() =>
                         navigation.navigate(
                           Routes.REWARDS_ONDO_CAMPAIGN_STATS,
-                          { campaignId: effectiveCampaignId },
+                          {
+                            campaignId: effectiveCampaignId,
+                            campaignName: campaign?.name ?? '',
+                          },
                         )
                       }
                     >
@@ -355,6 +401,9 @@ const OndoCampaignDetailsView: React.FC = () => {
                       }}
                       tierMinDeposit={tierMinDeposit}
                       isIneligible={notEligibleForCampaign}
+                      isWinner={isWinner}
+                      campaignName={campaign?.name ?? ''}
+                      onWinnerBannerPress={navigateToWinningView}
                     />
                   </Box>
                 </>

app/components/UI/Rewards/Views/OndoCampaignStatsView.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { ScrollView } from 'react-native';
 import { useNavigation, useRoute, RouteProp } from '@react-navigation/native';
 import { useSelector } from 'react-redux';
@@ -14,6 +14,7 @@ import {
   TextColor,
   TextVariant,
 } from '@metamask/design-system-react-native';
+import OndoWinnerBanner from '../components/Campaigns/OndoWinnerBanner';
 import { getCampaignMechanicsButtonProps } from '../utils/campaignHeaderUtils';
 import { useTailwind } from '@metamask/design-system-twrnc-preset';
 import { SafeAreaView } from 'react-native-safe-area-context';
@@ -42,11 +43,12 @@ import { getCampaignStatus } from '../components/Campaigns/CampaignTile.utils';
 import Routes from '../../../../constants/navigation/Routes';
 import useTrackRewardsPageView from '../hooks/useTrackRewardsPageView';
 import { selectCampaignById } from '../../../../reducers/rewards/selectors';
+import { isOndoCampaignWinner } from '../hooks/useMaybeShowCampaignEndToast';
 
 // ParamListBase requires an index signature, which interfaces don't support
 // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
 type OndoCampaignStatsRouteParams = {
-  OndoCampaignStats: { campaignId: string };
+  OndoCampaignStats: { campaignId: string; campaignName?: string };
 };
 
 export const ONDO_CAMPAIGN_STATS_VIEW_TEST_IDS = {
@@ -66,7 +68,7 @@ const OndoCampaignStatsView: React.FC = () => {
   const navigation = useNavigation();
   const route =
     useRoute<RouteProp<OndoCampaignStatsRouteParams, 'OndoCampaignStats'>>();
-  const { campaignId } = route.params;
+  const { campaignId, campaignName: routeCampaignName } = route.params;
 
   const selectCampaign = useMemo(
     () => selectCampaignById(campaignId),
@@ -182,6 +184,15 @@ const OndoCampaignStatsView: React.FC = () => {
     daysRemaining > 0 &&
     tierMinDeposit != null;
 
+  const isWinner = isOndoCampaignWinner(leaderboardPosition);
+
+  const navigateToWinningView = useCallback(() => {
+    navigation.navigate(Routes.REWARDS_ONDO_CAMPAIGN_WINNING_VIEW, {
+      campaignId,
+      campaignName: campaign?.name ?? '',
+    });
+  }, [navigation, campaignId, campaign]);
+
   return (
     <ErrorBoundary navigation={navigation} view="OndoCampaignStatsView">
       <SafeAreaView
@@ -285,8 +296,16 @@ const OndoCampaignStatsView: React.FC = () => {
               </Box>
             )}
 
+            {/* ── Winning banner ── */}
+            {isWinner && (
+              <OndoWinnerBanner
+                campaignName={campaign?.name ?? routeCampaignName ?? ''}
+                onPress={navigateToWinningView}
+              />
+            )}
+
             {/* ── Qualify for rank card (static) ── */}
-            {showQualifyCard && (
+            {!isWinner && showQualifyCard && (
               <Box twClassName="bg-muted rounded-xl p-4 mt-2 gap-2">
                 <Text
                   variant={TextVariant.BodyMd}
@@ -312,28 +331,31 @@ const OndoCampaignStatsView: React.FC = () => {
             )}
 
             {/* ── You're qualified card ── */}
-            {!isIneligible && isQualified && tierMinDeposit != null && (
-              <Box twClassName="bg-muted rounded-xl p-4 mt-2 gap-2">
-                <Text
-                  variant={TextVariant.BodyMd}
-                  fontWeight={FontWeight.Medium}
-                >
-                  {strings('rewards.ondo_campaign_stats.qualified_title')}
-                </Text>
-                <Text
-                  variant={TextVariant.BodySm}
-                  color={TextColor.TextAlternative}
-                >
-                  {strings(
-                    'rewards.ondo_campaign_stats.qualified_description',
-                    { minNetDeposit: formatUsd(tierMinDeposit) },
-                  )}
-                </Text>
-              </Box>
-            )}
+            {!isWinner &&
+              !isIneligible &&
+              isQualified &&
+              tierMinDeposit != null && (
+                <Box twClassName="bg-muted rounded-xl p-4 mt-2 gap-2">
+                  <Text
+                    variant={TextVariant.BodyMd}
+                    fontWeight={FontWeight.Medium}
+                  >
+                    {strings('rewards.ondo_campaign_stats.qualified_title')}
+                  </Text>
+                  <Text
+                    variant={TextVariant.BodySm}
+                    color={TextColor.TextAlternative}
+                  >
+                    {strings(
+                      'rewards.ondo_campaign_stats.qualified_description',
+                      { minNetDeposit: formatUsd(tierMinDeposit) },
+                    )}
+                  </Text>
+                </Box>
+              )}
 
             {/* ── Not eligible banner ── */}
-            {isIneligible && (
+            {!isWinner && isIneligible && (
               <Box
                 twClassName="bg-muted rounded-xl p-4 mt-2 gap-2"
                 testID={CAMPAIGN_STATS_SUMMARY_TEST_IDS.NOT_ELIGIBLE_BANNER}