strings constant and remove/comment out old onboarding screens

3 files changed, 69 insertions, 95 deletions

diff --git a/src/constants/strings.ts b/src/constants/strings.ts
index 353e0d02..104cc198 100644
--- a/src/constants/strings.ts
+++ b/src/constants/strings.ts
@@ -14,6 +14,7 @@ export const ERROR_DELETED_OBJECT = 'Oh sad! Looks like the comment / moment was
 export const ERROR_DOUBLE_CHECK_CONNECTION = 'Please double-check your network connection and retry';
 export const ERROR_DUP_OLD_PWD = 'You may not use a previously used password';
 export const ERROR_EMAIL_IN_USE = 'Email already in use, please try another one';
+export const ERROR_PHONE_IN_USE = 'Phone already in use, please try another one';
 export const ERROR_FAILED_LOGIN_INFO = 'Login failed, please try re-entering your login information';
 export const ERROR_FAILED_TO_COMMENT = 'Unable to post comment, refresh and try again!';
 export const ERROR_FAILED_TO_DELETE_COMMENT = 'Unable to delete comment, refresh and try again!';
@@ -31,7 +32,10 @@ export const ERROR_PROFILE_CREATION_SHORT = 'Profile creation failed 😓';
 export const ERROR_PWD_ACCOUNT = (str: string) => `Please make sure that the email / username entered is registered with us. You may contact our customer support at ${str}`;
 export const ERROR_REGISTRATION = (str: string) => `Registration failed 😔, ${str}`;
 export const ERROR_SELECT_CLASS_YEAR = 'Please select your Class Year';
+export const ERROR_SELECT_BIRTHDAY = 'Please select your birthday';
+export const ERROR_SELECT_GENDER = 'Please select your gender';
 export const ERROR_SERVER_DOWN = 'mhm, looks like our servers are down, please refresh and try again in a few mins';
+export const ERROR_TWILIO_SERVER_ERROR = 'mhm, looks like that is an invalid phone number or our servers are down, please try again in a few mins';
 export const ERROR_SOMETHING_WENT_WRONG = 'Oh dear, don’t worry someone will be held responsible for this error, In the meantime refresh the app';
 export const ERROR_SOMETHING_WENT_WRONG_REFRESH = "Ha, looks like this one's on us, please refresh and try again";
 export const ERROR_SOMETHING_WENT_WRONG_RELOAD = "You broke it, Just kidding! we don't know what happened... Please reload the app and try again";
@@ -50,6 +54,8 @@ export const SUCCESS_LINK = (str: string) => `Successfully linked ${str} 🎉`;
 export const SUCCESS_PIC_UPLOAD = 'Beautiful, the picture was uploaded successfully!';
 export const SUCCESS_PWD_RESET = 'Your password was reset successfully!';
 export const SUCCESS_VERIFICATION_CODE_SENT = 'New verification code sent! Check your phone messages for your code';
+export const SUCCESS_INVITATION_CODE = 'Perfect! You entered a valid invitation code, you are now able to login and explore Tagg!';
+export const ERROR_NOT_ONBOARDED = 'You are now on waitlist, please enter your invitation code if you have one';
 export const UP_TO_DATE = 'Up-to-Date!';
 export const UPLOAD_MOMENT_PROMPT_ONE_MESSAGE = 'Post your first moment to\n continue building your digital\nidentity!';
 export const UPLOAD_MOMENT_PROMPT_THREE_HEADER = 'Continue to build your profile';
diff --git a/src/routes/onboarding/OnboardingStackNavigator.tsx b/src/routes/onboarding/OnboardingStackNavigator.tsx
index 9f614f7c..0cdeecdf 100644
--- a/src/routes/onboarding/OnboardingStackNavigator.tsx
+++ b/src/routes/onboarding/OnboardingStackNavigator.tsx
@@ -1,46 +1,41 @@
 import {createStackNavigator} from '@react-navigation/stack';
-import {
-  CategorySelectionScreenType,
-  TaggPopupType,
-  UserType,
-  VerificationScreenType,
-} from '../../types';
+import {TaggPopupType, VerificationScreenType} from '../../types';
 
 export type OnboardingStackParams = {
-  WelcomeScreen: undefined;
   Login: undefined;
+  WelcomeScreen: undefined;
   PasswordResetRequest: undefined;
-  PasswordReset: {
-    value: string;
-  };
-  InvitationCodeVerification: undefined;
-  RegistrationOne: undefined;
-  RegistrationTwo: {phone: string};
-  RegistrationThree: {
-    firstName: string;
-    lastName: string;
-    phone: string;
-    email: string;
-  };
-  Checkpoint: {username: string; userId: string};
+  PasswordReset: {value: string};
   Verification: {id: string; screenType: VerificationScreenType};
-  ProfileOnboarding: {username: string; userId: string};
-  SocialMedia: {username: string; userId: string};
-  CategorySelection: {
-    screenType: CategorySelectionScreenType;
-    user: UserType;
-    newCustomCategory: string | undefined;
-  };
-  CreateCustomCategory: {
-    screenType: CategorySelectionScreenType;
-    user: UserType;
-    existingCategories: string[];
-  };
+  // RegistrationOne: undefined;
+  // RegistrationTwo: {phone: string};
+  // RegistrationThree: {
+  //   firstName: string;
+  //   lastName: string;
+  //   phone: string;
+  //   email: string;
+  // };
+  // Checkpoint: {username: string; userId: string};
+  // ProfileOnboarding: {username: string; userId: string};
+  // SocialMedia: {username: string; userId: string};
+  // CategorySelection: {
+  //   screenType: CategorySelectionScreenType;
+  //   user: UserType;
+  //   newCustomCategory: string | undefined;
+  // };
+  // CreateCustomCategory: {
+  //   screenType: CategorySelectionScreenType;
+  //   user: UserType;
+  //   existingCategories: string[];
+  // };
   TaggPopup: {
     popupProps: TaggPopupType;
   };
-  AddWaitlistUser: undefined;
-  WaitlistSuccess: undefined;
+  OnboardingStepOne: undefined;
+  PhoneVerification: {firstName: string; lastName: string; phone: string};
+  OnboardingStepTwo: {firstName: string; lastName: string; phone: string};
+  OnboardingStepThree: {userId: string; username: string};
+  InvitationCodeVerification: {userId: string};
 };
 
 export const OnboardingStack = createStackNavigator<OnboardingStackParams>();
diff --git a/src/routes/onboarding/OnboardingStackScreen.tsx b/src/routes/onboarding/OnboardingStackScreen.tsx
index 78f113cc..79171efd 100644
--- a/src/routes/onboarding/OnboardingStackScreen.tsx
+++ b/src/routes/onboarding/OnboardingStackScreen.tsx
@@ -1,24 +1,20 @@
+import {StackCardInterpolationProps} from '@react-navigation/stack';
 import React from 'react';
-import {OnboardingStack} from './OnboardingStackNavigator';
+import TaggPopup from '../../components/common/TaggPopup';
 import {
-  Login,
   InvitationCodeVerification,
-  RegistrationOne,
-  RegistrationTwo,
-  RegistrationThree,
-  Verification,
-  ProfileOnboarding,
-  Checkpoint,
-  SocialMedia,
-  PasswordResetRequest,
+  Login,
+  OnboardingStepThree,
+  OnboardingStepTwo,
   PasswordReset,
+  PasswordResetRequest,
+  PhoneVerification,
+  Verification,
   WelcomeScreen,
-  CategorySelection,
-  AddWaitlistUserScreen,
-  WaitlistSuccessScreen,
 } from '../../screens';
-import {StackCardInterpolationProps} from '@react-navigation/stack';
-import TaggPopup from '../../components/common/TaggPopup';
+import OnboardingStepOne from '../../screens/onboarding/OnboardingStepOne';
+import {modalStyle} from '../main';
+import {OnboardingStack} from './OnboardingStackNavigator';
 
 const forFade = ({current}: StackCardInterpolationProps) => ({
   cardStyle: {
@@ -37,6 +33,7 @@ const Onboarding: React.FC = () => {
         options={{
           gestureEnabled: false,
           cardStyleInterpolator: forFade,
+          ...modalStyle,
         }}
       />
       <OnboardingStack.Screen
@@ -46,37 +43,13 @@ const Onboarding: React.FC = () => {
           gestureEnabled: false,
         }}
       />
-      <OnboardingStack.Screen
-        name="WelcomeScreen"
-        component={WelcomeScreen}
-        options={{
-          gestureEnabled: false,
-        }}
-      />
-      <OnboardingStack.Screen
-        name="CategorySelection"
-        component={CategorySelection}
-        options={{
-          gestureEnabled: false,
-        }}
-      />
+      <OnboardingStack.Screen name="WelcomeScreen" component={WelcomeScreen} />
       <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],
-              }),
-            },
-          }),
+          ...modalStyle,
         }}
       />
       <OnboardingStack.Screen
@@ -84,42 +57,42 @@ const Onboarding: React.FC = () => {
         component={PasswordReset}
         options={{
           gestureEnabled: false,
+          ...modalStyle,
         }}
       />
       <OnboardingStack.Screen
-        name="InvitationCodeVerification"
-        component={InvitationCodeVerification}
-      />
-      <OnboardingStack.Screen
-        name="AddWaitlistUser"
-        component={AddWaitlistUserScreen}
+        name="Verification"
+        component={Verification}
+        options={{
+          ...modalStyle,
+        }}
       />
       <OnboardingStack.Screen
-        name="WaitlistSuccess"
-        component={WaitlistSuccessScreen}
+        name="OnboardingStepOne"
+        component={OnboardingStepOne}
       />
       <OnboardingStack.Screen
-        name="RegistrationOne"
-        component={RegistrationOne}
+        name="PhoneVerification"
+        component={PhoneVerification}
+        options={{...modalStyle}}
       />
       <OnboardingStack.Screen
-        name="RegistrationTwo"
-        component={RegistrationTwo}
+        name="OnboardingStepTwo"
+        component={OnboardingStepTwo}
+        options={{...modalStyle}}
       />
       <OnboardingStack.Screen
-        name="RegistrationThree"
-        component={RegistrationThree}
+        name="OnboardingStepThree"
+        component={OnboardingStepThree}
+        options={{...modalStyle}}
       />
-      <OnboardingStack.Screen name="Checkpoint" component={Checkpoint} />
-      <OnboardingStack.Screen name="Verification" component={Verification} />
       <OnboardingStack.Screen
-        name="ProfileOnboarding"
-        component={ProfileOnboarding}
+        name="InvitationCodeVerification"
+        component={InvitationCodeVerification}
         options={{
-          gestureEnabled: false,
+          ...modalStyle,
         }}
       />
-      <OnboardingStack.Screen name="SocialMedia" component={SocialMedia} />
     </OnboardingStack.Navigator>
   );
 };