Reality2byte
diff --git a/‎app/actions/rewards/index.ts‎
Lines changed: 1 addition & 0 deletions b/‎app/actions/rewards/index.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎app/components/UI/Rewards/RewardsNavigator.test.tsx‎
Lines changed: 12 additions & 0 deletions b/‎app/components/UI/Rewards/RewardsNavigator.test.tsx‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎app/components/UI/Rewards/RewardsNavigator.tsx‎
Lines changed: 12 additions & 0 deletions b/‎app/components/UI/Rewards/RewardsNavigator.tsx‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎app/components/UI/Rewards/Views/RewardsDashboard.test.tsx‎
Lines changed: 40 additions & 1 deletion b/‎app/components/UI/Rewards/Views/RewardsDashboard.test.tsx‎
Lines changed: 40 additions & 1 deletion
diff --git a/‎app/components/UI/Rewards/Views/RewardsDashboard.tsx‎
Lines changed: 13 additions & 1 deletion b/‎app/components/UI/Rewards/Views/RewardsDashboard.tsx‎
Lines changed: 13 additions & 1 deletion
@@ -12,6 +12,7 @@ export {
   setGeoRewardsMetadataLoading,
   setActiveBoosts,
   setActiveBoostsLoading,
+  acceptVipInvite,
 } from '../../reducers/rewards';
 
 export type { RewardsState } from '../../reducers/rewards';
 
@@ -78,6 +78,18 @@ jest.mock('./Views/RewardsVipView', () => {
   };
 });
 
+jest.mock('./Views/RewardsVipSplashView', () => {
+  const ReactActual = jest.requireActual('react');
+  const { View, Text } = jest.requireActual('react-native');
+  return function MockRewardsVipSplashView() {
+    return ReactActual.createElement(
+      View,
+      { testID: 'rewards-vip-splash-view' },
+      ReactActual.createElement(Text, null, 'Rewards VIP Splash View'),
+    );
+  };
+});
+
 jest.mock('./Views/CampaignTourStepView', () => {
   const ReactActual = jest.requireActual('react');
   const { View, Text } = jest.requireActual('react-native');
 
@@ -9,6 +9,7 @@ import OnboardingNavigator from './OnboardingNavigator';
 import RewardsDashboard from './Views/RewardsDashboard';
 import ReferralRewardsView from './Views/RewardsReferralView';
 import RewardsSettingsView from './Views/RewardsSettingsView';
+import RewardsVipSplashView from './Views/RewardsVipSplashView';
 import RewardsVipView from './Views/RewardsVipView';
 import RewardsVipTiersView from './Views/RewardsVipTiersView';
 import CampaignsView from './Views/CampaignsView';
@@ -225,6 +226,17 @@ const RewardsNavigator: React.FC = () => {
             component={RewardsSettingsView}
             options={{ headerShown: false }}
           />
+          <Stack.Screen
+            name={Routes.REWARDS_VIP_SPLASH_VIEW}
+            component={RewardsVipSplashView}
+            options={{
+              headerShown: false,
+              ...TransitionPresets.SlideFromRightIOS,
+              cardStyle: {
+                backgroundColor: darkTheme.colors.background.default,
+              },
+            }}
+          />
           <Stack.Screen
             name={Routes.REWARDS_VIP_VIEW}
             component={RewardsVipView}
 
@@ -37,6 +37,7 @@ jest.mock('@react-navigation/native', () => {
 // Mock selectors
 jest.mock('../../../../reducers/rewards/selectors', () => ({
   selectActiveTab: jest.fn(),
+  selectHasAcceptedVipInvite: jest.fn(),
   selectHideCurrentAccountNotOptedInBannerArray: jest.fn(),
   selectHideUnlinkedAccountsBanner: jest.fn(),
 }));
@@ -55,6 +56,7 @@ jest.mock(
 
 import {
   selectActiveTab,
+  selectHasAcceptedVipInvite,
   selectHideUnlinkedAccountsBanner,
   selectHideCurrentAccountNotOptedInBannerArray,
 } from '../../../../reducers/rewards/selectors';
@@ -67,6 +69,11 @@ import { selectSelectedAccountGroup } from '../../../../selectors/multichainAcco
 const mockSelectActiveTab = selectActiveTab as jest.MockedFunction<
   typeof selectActiveTab
 >;
+const mockSelectHasAcceptedVipInvite =
+  selectHasAcceptedVipInvite as jest.MockedFunction<
+    typeof selectHasAcceptedVipInvite
+  >;
+const mockHasAcceptedVipInviteSelector = jest.fn();
 const mockSelectRewardsSubscriptionId =
   selectRewardsSubscriptionId as jest.MockedFunction<
     typeof selectRewardsSubscriptionId
@@ -327,6 +334,10 @@ describe('RewardsDashboard', () => {
     mockSelectSelectedAccountGroup.mockReturnValue(
       defaultSelectorValues.selectedAccountGroup,
     );
+    mockSelectHasAcceptedVipInvite.mockReturnValue(
+      mockHasAcceptedVipInviteSelector,
+    );
+    mockHasAcceptedVipInviteSelector.mockReturnValue(false);
 
     // Setup hook mocks
     mockUseRewardOptinSummary.mockReturnValue(
@@ -352,6 +363,7 @@ describe('RewardsDashboard', () => {
         return defaultSelectorValues.hideCurrentAccountNotOptedInBannerArray;
       if (selector === selectSelectedAccountGroup)
         return defaultSelectorValues.selectedAccountGroup;
+      if (selector === mockHasAcceptedVipInviteSelector) return false;
       return undefined;
     });
   });
@@ -467,6 +479,7 @@ describe('RewardsDashboard', () => {
           return defaultSelectorValues.hideCurrentAccountNotOptedInBannerArray;
         if (selector === selectSelectedAccountGroup)
           return defaultSelectorValues.selectedAccountGroup;
+        if (selector === mockHasAcceptedVipInviteSelector) return false;
         return undefined;
       });
 
@@ -475,8 +488,33 @@ describe('RewardsDashboard', () => {
       expect(getByTestId(REWARDS_VIEW_SELECTORS.VIP_BUTTON)).toBeOnTheScreen();
     });
 
-    it('navigates to VIP view when the VIP button is pressed', () => {
+    it('navigates to VIP splash when the invite has not been accepted', () => {
+      mockSelectIsCurrentSubscriptionVipEnabled.mockReturnValue(true);
+      mockUseSelector.mockImplementation((selector) => {
+        if (selector === selectActiveTab)
+          return defaultSelectorValues.activeTab;
+        if (selector === selectRewardsSubscriptionId)
+          return defaultSelectorValues.subscriptionId;
+        if (selector === selectIsCurrentSubscriptionVipEnabled) return true;
+        if (selector === selectHideUnlinkedAccountsBanner)
+          return defaultSelectorValues.hideUnlinkedAccountsBanner;
+        if (selector === selectHideCurrentAccountNotOptedInBannerArray)
+          return defaultSelectorValues.hideCurrentAccountNotOptedInBannerArray;
+        if (selector === selectSelectedAccountGroup)
+          return defaultSelectorValues.selectedAccountGroup;
+        if (selector === mockHasAcceptedVipInviteSelector) return false;
+        return undefined;
+      });
+
+      const { getByTestId } = render(<RewardsDashboard />);
+      fireEvent.press(getByTestId(REWARDS_VIEW_SELECTORS.VIP_BUTTON));
+
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.REWARDS_VIP_SPLASH_VIEW);
+    });
+
+    it('navigates to VIP view without splash when the invite was accepted', () => {
       mockSelectIsCurrentSubscriptionVipEnabled.mockReturnValue(true);
+      mockHasAcceptedVipInviteSelector.mockReturnValue(true);
       mockUseSelector.mockImplementation((selector) => {
         if (selector === selectActiveTab)
           return defaultSelectorValues.activeTab;
@@ -489,6 +527,7 @@ describe('RewardsDashboard', () => {
           return defaultSelectorValues.hideCurrentAccountNotOptedInBannerArray;
         if (selector === selectSelectedAccountGroup)
           return defaultSelectorValues.selectedAccountGroup;
+        if (selector === mockHasAcceptedVipInviteSelector) return true;
         return undefined;
       });
 
 
@@ -18,6 +18,7 @@ import { REWARDS_VIEW_SELECTORS } from './RewardsView.constants';
 import Routes from '../../../../constants/navigation/Routes';
 import {
   selectActiveTab,
+  selectHasAcceptedVipInvite,
   selectHideUnlinkedAccountsBanner,
   selectHideCurrentAccountNotOptedInBannerArray,
 } from '../../../../reducers/rewards/selectors';
@@ -52,6 +53,9 @@ const RewardsDashboard: React.FC = () => {
   const navigation = useNavigation();
   const subscriptionId = useSelector(selectRewardsSubscriptionId);
   const isVipEnabled = useSelector(selectIsCurrentSubscriptionVipEnabled);
+  const hasAcceptedVipInvite = useSelector(
+    selectHasAcceptedVipInvite(subscriptionId),
+  );
   const activeTab = useSelector(selectActiveTab);
   const { trackEvent, createEventBuilder } = useAnalytics();
   const hasTrackedDashboardViewed = useRef(false);
@@ -256,6 +260,14 @@ const RewardsDashboard: React.FC = () => {
     })();
   }, [isVipEnabled, subscriptionId]);
 
+  const handleVipPress = useCallback(() => {
+    navigation.navigate(
+      hasAcceptedVipInvite
+        ? Routes.REWARDS_VIP_VIEW
+        : Routes.REWARDS_VIP_SPLASH_VIEW,
+    );
+  }, [hasAcceptedVipInvite, navigation]);
+
   useEffect(() => {
     trackEvent(
       createEventBuilder(MetaMetricsEvents.REWARDS_DASHBOARD_TAB_VIEWED)
@@ -277,7 +289,7 @@ const RewardsDashboard: React.FC = () => {
               {isVipEnabled && (
                 <Pressable
                   accessibilityRole="button"
-                  onPress={() => navigation.navigate(Routes.REWARDS_VIP_VIEW)}
+                  onPress={handleVipPress}
                   style={tw.style('h-8 w-8 items-center justify-center')}
                   testID={REWARDS_VIEW_SELECTORS.VIP_BUTTON}
                 >