feat: [IOPID-689] Email validation at startup

locales/en/index.yml

@@ -749,17 +749,25 @@ authentication:
     listitem3_4: recovery code
     listitem3_5: to confirm the operation.
 email:
-  cduModal:
+  cduScreens:
     validateMail:
       title: Email address not validated
       subtitle: To continue using the app, you must validate your email address
       editButton: Edit email address
       validateButton: Validate email address
-    editMail:
+      header: 
+        title: Configure IO
+      help: 
+        body: To continue using the app, you must validate your email address.      
+    emailAlreadyTaken:
       title: Edit your email address
       subtitleStart: This email address
       subtitleEnd: seems to be already in use on IO. Please enter a different one to continue using the app.
       editButton: Edit email address
+      header: 
+        title: Configure IO
+      help: 
+        body: This email address seems to be already in use on IO. Please enter a different one to continue using the app.
   read:
     title: Your email address
     info: This is the email address associated to your SPID account. You can use in IO app a different email address, if you wish. To make operative the new email address, you will need to validate it by clicking on the link you will receive by email.

locales/it/index.yml

@@ -749,17 +749,25 @@ authentication:
     listitem3_4: codice di ripristino
     listitem3_5: per confermare l’operazione.
 email:
-  cduModal:
+  cduScreens:
     validateMail:
-      title: Indirizzo email non validato
+      title: Non hai confermato il tuo indirizzo email
       subtitle: Per continuare a utilizzare l’app è necessario validare il tuo indirizzo email
       editButton: Modifica email
-      validateButton: Valida email
-    editMail:
+      validateButton: Conferma email
+      header: 
+        title: Configura IO
+      help:
+        body: Per continuare a utilizzare l’app è necessario validare il tuo indirizzo email.
+    emailAlreadyTaken:
       title: Modifica la tua email
       subtitleStart: Il tuo indirizzo email
       subtitleEnd: risulta già in uso su IO, è necessario inserirne uno diverso per continuare a utilizzare l’app.
       editButton: Modifica email
+      header: 
+        title: Configura IO
+      help:
+        body: Il tuo indirizzo email risulta già in uso su IO, è necessario inserirne uno diverso per continuare a utilizzare l’app.
   read:
     title: Il tuo indirizzo email
     info: Questo è l'indirizzo email che hai associato all'account SPID. Puoi usare in IO un indirizzo email diverso, se preferisci. Per rendere operativo il nuovo indirizzo, dovrai validarlo cliccando sul link che riceverai nella tua casella di posta elettronica.

ts/components/NewRemindEmailValidationOverlay.tsx

@@ -21,6 +21,7 @@ import I18n from "../i18n";
 import {
   acknowledgeOnEmailValidation,
   profileLoadRequest,
+  setEmailCheckAtStartupFailure,
   startEmailValidation
 } from "../store/actions/profile";
 import {
@@ -72,14 +73,17 @@ const NewRemindEmailValidationOverlay = (props: Props) => {
     () => dispatch(startEmailValidation.request()),
     [dispatch]
   );
+
   const acknowledgeEmail = useCallback(
     () => dispatch(emailAcknowledged()),
     [dispatch]
   );
+
   const reloadProfile = useCallback(
     () => dispatch(profileLoadRequest()),
     [dispatch]
   );
+
   const dispatchAcknowledgeOnEmailValidation = useCallback(
     (maybeAcknowledged: O.Option<boolean>) =>
       dispatch(acknowledgeOnEmailValidation(maybeAcknowledged)),
@@ -110,16 +114,24 @@ const NewRemindEmailValidationOverlay = (props: Props) => {
 
   const handleSendEmailValidationButton = () => {
     if (isEmailValidated) {
+      hideModal();
       if (isOnboarding) {
         // if the user is in the onboarding flow and the email il correctly validated,
         // the email validation flow is finished
         acknowledgeEmail();
-        hideModal();
       } else {
-        hideModal();
-        NavigationService.navigate(ROUTES.PROFILE_NAVIGATOR, {
-          screen: ROUTES.PROFILE_DATA
-        });
+        if (
+          O.isSome(emailValidation.emailCheckAtStartupFailed) &&
+          emailValidation.emailCheckAtStartupFailed.value
+        ) {
+          acknowledgeEmail();
+          dispatchAcknowledgeOnEmailValidation(O.none);
+          dispatch(setEmailCheckAtStartupFailure(O.none));
+        } else {
+          NavigationService.navigate(ROUTES.PROFILE_NAVIGATOR, {
+            screen: ROUTES.PROFILE_DATA
+          });
+        }
       }
     } else {
       // send email validation only if it exists

ts/navigation/AuthenticatedStackNavigator.tsx

@@ -80,6 +80,7 @@ import ROUTES from "./routes";
 import ServicesNavigator from "./ServicesNavigator";
 import { MainTabNavigator } from "./TabNavigator";
 import WalletNavigator from "./WalletNavigator";
+import CheckEmailNavigator from "./CheckEmailNavigator";
 
 const Stack = createStackNavigator<AppParamsList>();
 
@@ -108,6 +109,12 @@ const AuthenticatedStackNavigator = () => {
         component={OnboardingNavigator}
       />
 
+      <Stack.Screen
+        name={ROUTES.CHECK_EMAIL}
+        options={hideHeaderOptions}
+        component={CheckEmailNavigator}
+      />
+
       <Stack.Screen
         name={ROUTES.UNSUPPORTED_DEVICE}
         options={hideHeaderOptions}

ts/navigation/CheckEmailNavigator.tsx

@@ -0,0 +1,29 @@
+import { createStackNavigator } from "@react-navigation/stack";
+import * as React from "react";
+import { isGestureEnabled } from "../utils/navigation";
+import ValidateEmailScreen from "../screens/profile/mailCheck/ValidateEmailScreen";
+import EmailAlreadyTakenScreen from "../screens/profile/mailCheck/EmailAlreadyTakenScreen";
+import ROUTES from "./routes";
+
+const Stack = createStackNavigator();
+/**
+ * The onboarding related stack of screens of the application.
+ */
+const navigator = () => (
+  <Stack.Navigator
+    initialRouteName={ROUTES.CHECK_EMAIL_NOT_VERIFIED}
+    headerMode={"none"}
+    screenOptions={{ gestureEnabled: isGestureEnabled }}
+  >
+    <Stack.Screen
+      name={ROUTES.CHECK_EMAIL_NOT_VERIFIED}
+      component={ValidateEmailScreen}
+    />
+    <Stack.Screen
+      name={ROUTES.CHECK_EMAIL_ALREADY_TAKEN}
+      component={EmailAlreadyTakenScreen}
+    />
+  </Stack.Navigator>
+);
+
+export default navigator;

ts/navigation/OnboardingNavigator.tsx

@@ -14,8 +14,8 @@ import ServicePreferenceCompleteScreen from "../screens/onboarding/ServicePrefer
 import { isGestureEnabled } from "../utils/navigation";
 import MissingDevicePinScreen from "../screens/onboarding/biometric&securityChecks/MissingDevicePinScreen";
 import MissingDeviceBiometricScreen from "../screens/onboarding/biometric&securityChecks/MissingDeviceBiometricScreen";
-import NewOnboardingEmailInsertScreen from "../screens/onboarding/NewOnboardingEmailInsertScreen";
 import { isNewCduFlow } from "../config";
+import CduEmailInsertScreen from "../screens/profile/CduEmailInsertScreen";
 import { OnboardingParamsList } from "./params/OnboardingParamsList";
 import ROUTES from "./routes";
 
@@ -68,9 +68,7 @@ const navigator = () => (
     <Stack.Screen
       name={ROUTES.ONBOARDING_READ_EMAIL_SCREEN}
       component={
-        isNewCduFlow
-          ? NewOnboardingEmailInsertScreen
-          : OnboardingEmailReadScreen
+        isNewCduFlow ? CduEmailInsertScreen : OnboardingEmailReadScreen
       }
     />
     <Stack.Screen

ts/navigation/ProfileNavigator.tsx

@@ -34,7 +34,7 @@ import { ContextualHelpPropsMarkdown } from "../components/screens/BaseScreenCom
 import I18n from "../i18n";
 import { IdPayCodePlayGround } from "../screens/profile/playgrounds/IdPayCodePlayground";
 import { useStartSupportRequest } from "../hooks/useStartSupportRequest";
-import NewEmailInsertScreen from "../screens/profile/NewEmailInsertScreen";
+import CduEmailInsertScreen from "../screens/profile/CduEmailInsertScreen";
 import { ProfileParamsList } from "./params/ProfileParamsList";
 import ROUTES from "./routes";
 
@@ -163,7 +163,7 @@ const ProfileStackNavigator = () => {
           headerShown: false
         }}
         name={ROUTES.INSERT_EMAIL_SCREEN}
-        component={isNewCduFlow ? NewEmailInsertScreen : EmailInsertScreen}
+        component={isNewCduFlow ? CduEmailInsertScreen : EmailInsertScreen}
       />
       <Stack.Screen
         options={{

ts/navigation/params/AppParamsList.ts

@@ -67,12 +67,14 @@ import { OnboardingParamsList } from "./OnboardingParamsList";
 import { ProfileParamsList } from "./ProfileParamsList";
 import { ServicesParamsList } from "./ServicesParamsList";
 import { WalletParamsList } from "./WalletParamsList";
+import { CheckEmailParamsList } from "./CheckEmailParamsList";
 
 export type AppParamsList = {
   [ROUTES.INGRESS]: undefined;
   [ROUTES.UNSUPPORTED_DEVICE]: undefined;
   [ROUTES.BACKGROUND]: undefined;
   [ROUTES.AUTHENTICATION]: NavigatorScreenParams<AuthenticationParamsList>;
+  [ROUTES.CHECK_EMAIL]: NavigatorScreenParams<CheckEmailParamsList>;
   [ROUTES.ONBOARDING]: NavigatorScreenParams<OnboardingParamsList>;
   [ROUTES.MAIN]: NavigatorScreenParams<MainTabParamsList>;
 

ts/navigation/params/CheckEmailParamsList.ts

@@ -0,0 +1,7 @@
+import { EmailAlreadyUsedScreenParamList } from "../../screens/profile/mailCheck/EmailAlreadyTakenScreen";
+import ROUTES from "../routes";
+
+export type CheckEmailParamsList = {
+  [ROUTES.CHECK_EMAIL_ALREADY_TAKEN]: EmailAlreadyUsedScreenParamList;
+  [ROUTES.CHECK_EMAIL_NOT_VERIFIED]: undefined;
+};

ts/navigation/routes.ts

@@ -26,6 +26,11 @@ const ROUTES = {
   CIE_WRONG_PIN_SCREEN: "CIE_WRONG_PIN_SCREEN",
   CIE_PIN_TEMP_LOCKED_SCREEN: "CIE_PIN_TEMP_LOCKED_SCREEN",
 
+  // Mail verification
+  CHECK_EMAIL: "CHECK_EMAIL",
+  CHECK_EMAIL_NOT_VERIFIED: "CHECK_EMAIL_NOT_VERIFIED",
+  CHECK_EMAIL_ALREADY_TAKEN: "CHECK_EMAIL_ALREADY_TAKEN",
+
   // Onboarding
   ONBOARDING: "ONBOARDING",
   ONBOARDING_TOS: "ONBOARDING_TOS",

ts/sagas/startup.ts

@@ -166,6 +166,7 @@ import {
 } from "./../store/storages/keychain";
 import { watchMessagePrecondition } from "./messages/watchMessagePrecondition";
 import { setLanguageFromProfileIfExists } from "./preferences";
+import { checkEmailSaga } from "./startup/checkEmailSaga";
 
 const WAIT_INITIALIZE_SAGA = 5000 as Millisecond;
 const navigatorPollingTime = 125 as Millisecond;
@@ -414,7 +415,8 @@ export function* initializeApplicationSaga(
     return;
   }
 
-  const userProfile = maybeUserProfile.value;
+  // eslint-disable-next-line functional/no-let
+  let userProfile = maybeUserProfile.value;
 
   // If user logged in with different credentials, but this device still has
   // user data loaded, then delete data keeping current session (user already
@@ -505,12 +507,14 @@ export function* initializeApplicationSaga(
   yield* call(clearKeychainError);
 
   yield* call(checkConfiguredPinSaga);
+  yield* call(checkAcknowledgedFingerprintSaga);
 
   if (!hasPreviousSessionAndPin) {
-    yield* call(checkAcknowledgedFingerprintSaga);
     yield* call(checkAcknowledgedEmailSaga, userProfile);
   }
 
+  userProfile = (yield* call(checkEmailSaga)) || userProfile;
+
   // check if the user must set preferences for push notifications (e.g. reminders)
   yield* call(checkNotificationsPreferencesSaga, userProfile);
 

ts/sagas/startup/checkAcknowledgedEmailSaga.ts

@@ -10,6 +10,7 @@ import {
   isProfileFirstOnBoarding
 } from "../../store/reducers/profile";
 import { ReduxSagaEffect } from "../../types/utils";
+import { isNewCduFlow } from "../../config";
 
 /**
  * Launch email saga that consists of:
@@ -25,7 +26,7 @@ export function* checkAcknowledgedEmailSaga(
   if (hasProfileEmail(userProfile)) {
     if (
       isProfileFirstOnBoarding(userProfile) ||
-      !isProfileEmailValidated(userProfile)
+      (!isNewCduFlow && !isProfileEmailValidated(userProfile))
     ) {
       // The user profile is just created (first onboarding), the conditional
       // view displays the screen to show the user's email used in app

ts/sagas/startup/checkEmailSaga.ts

@@ -0,0 +1,52 @@
+import { call, put, select, take } from "typed-redux-saga/macro";
+import * as O from "fp-ts/lib/Option";
+import * as pot from "@pagopa/ts-commons/lib/pot";
+import { StackActions } from "@react-navigation/native";
+import NavigationService from "../../navigation/NavigationService";
+import ROUTES from "../../navigation/routes";
+import {
+  isProfileEmailValidated,
+  isProfileEmailAlreadyTaken,
+  profileSelector
+} from "../../store/reducers/profile";
+import { isNewCduFlow } from "../../config";
+import { setEmailCheckAtStartupFailure } from "../../store/actions/profile";
+import { emailAcknowledged } from "../../store/actions/onboarding";
+
+export function* checkEmailSaga() {
+  // We get the latest profile from the store
+  const profile = yield* select(profileSelector);
+  // When we use this saga, we are sure that the profile is not none
+  if (pot.isSome(profile)) {
+    // eslint-disable-next-line functional/no-let
+    let userProfile = profile.value;
+    if (isNewCduFlow && !isProfileEmailValidated(userProfile)) {
+      yield* put(setEmailCheckAtStartupFailure(O.some(true)));
+      if (isProfileEmailAlreadyTaken(userProfile)) {
+        yield* call(NavigationService.navigate, ROUTES.CHECK_EMAIL, {
+          screen: ROUTES.CHECK_EMAIL_ALREADY_TAKEN,
+          params: { email: userProfile.email }
+        });
+      } else {
+        yield* call(NavigationService.navigate, ROUTES.CHECK_EMAIL, {
+          screen: ROUTES.CHECK_EMAIL_NOT_VERIFIED
+        });
+      }
+      // Wait for the user to press "Continue" button after having checked out
+      // his own email
+      yield* take(emailAcknowledged);
+      yield* call(
+        NavigationService.dispatchNavigationAction,
+        StackActions.popToTop()
+      );
+
+      // We get the latest profile from the store and return it
+      const maybeUpdatedProfile = yield* select(profileSelector);
+      if (pot.isSome(maybeUpdatedProfile)) {
+        userProfile = maybeUpdatedProfile.value;
+      }
+    }
+    return userProfile;
+  }
+  return undefined;
+}