2 files changed, 60 insertions, 1 deletions

diff --git a/src/routes/onboarding/Onboarding.tsx b/src/routes/onboarding/Onboarding.tsx
index 63a75934..a3d281f5 100644
--- a/src/routes/onboarding/Onboarding.tsx
+++ b/src/routes/onboarding/Onboarding.tsx
@@ -12,8 +12,11 @@ import {
   SocialMedia,
   PasswordResetRequest,
   PasswordReset,
+  WelcomeScreen,
+  CategorySelection,
 } from '../../screens';
 import {StackCardInterpolationProps} from '@react-navigation/stack';
+import TaggPopup from '../../components/common/TaggPopup';
 
 const forFade = ({current}: StackCardInterpolationProps) => ({
   cardStyle: {
@@ -42,6 +45,47 @@ const Onboarding: React.FC = () => {
         }}
       />
       <OnboardingStack.Screen
+        name="WelcomeScreen"
+        component={WelcomeScreen}
+        options={{
+          gestureEnabled: false,
+        }}
+      />
+      <OnboardingStack.Screen
+        name="CategorySelection"
+        component={CategorySelection}
+        options={{
+          gestureEnabled: false,
+        }}
+      />
+      <OnboardingStack.Screen
+        name="TaggPopup"
+        component={TaggPopup}
+        options={{
+          gestureEnabled: false,
+          cardStyle: {
+            backgroundColor: 'transparent',
+          },
+          cardOverlayEnabled: true,
+          cardStyleInterpolator: ({current: {progress}}) => ({
+            cardStyle: {
+              opacity: progress.interpolate({
+                inputRange: [0, 0.5, 0.9, 1],
+                outputRange: [0, 0.25, 0.7, 1],
+              }),
+            },
+            overlayStyle: {
+              backgroundColor: '#505050',
+              opacity: progress.interpolate({
+                inputRange: [0, 1],
+                outputRange: [0, 0.9],
+                extrapolate: 'clamp',
+              }),
+            },
+          }),
+        }}
+      />
+      <OnboardingStack.Screen
         name="PasswordReset"
         component={PasswordReset}
         options={{
diff --git a/src/routes/onboarding/OnboardingStack.tsx b/src/routes/onboarding/OnboardingStack.tsx
index 33ff51ea..7ff00271 100644
--- a/src/routes/onboarding/OnboardingStack.tsx
+++ b/src/routes/onboarding/OnboardingStack.tsx
@@ -1,7 +1,14 @@
 import {createStackNavigator} from '@react-navigation/stack';
-import {VerificationScreenType} from '../../types';
+import {
+  CategorySelectionScreenType,
+  MomentCategoryType,
+  TaggPopupType,
+  UserType,
+  VerificationScreenType,
+} from '../../types';
 
 export type OnboardingStackParams = {
+  WelcomeScreen: undefined;
   Login: undefined;
   PasswordResetRequest: undefined;
   PasswordReset: {
@@ -20,6 +27,14 @@ export type OnboardingStackParams = {
   Verification: {id: string; screenType: VerificationScreenType};
   ProfileOnboarding: {username: string; userId: string};
   SocialMedia: {username: string; userId: string};
+  CategorySelection: {
+    categories: Record<MomentCategoryType, boolean>;
+    screenType: CategorySelectionScreenType;
+    user: UserType;
+  };
+  TaggPopup: {
+    popupProps: TaggPopupType;
+  };
 };
 
 export const OnboardingStack = createStackNavigator<OnboardingStackParams>();