10553: Display initial message for users verifying pending email; Dis…

…play new error message for when the request times out;

web-client/src/presenter/actions/setInitialVerifyAlertMessageAction.ts

@@ -0,0 +1,8 @@
+export const setInitialVerifyAlertMessageAction = () => {
+  return {
+    alertInfo: {
+      message: 'DAWSON is updating your email. Please wait.',
+      title: 'Updating email address',
+    },
+  };
+};

web-client/src/presenter/actions/verifyUserPendingEmailAction.tsx

@@ -11,6 +11,21 @@ const expiredTokenAlertError = {
   title: 'Verification email link expired',
 };
 
+const requestTimedOutAlertError = {
+  message: (
+    <>
+      Request timed out. This potentially means another process is currently
+      updating this user. Your request cannot be completed. Please try to log
+      in. If you’re still having trouble, contact{' '}
+      <a href={`mailto:${TROUBLESHOOTING_INFO.APP_SUPPORT_EMAIL}`}>
+        {TROUBLESHOOTING_INFO.APP_SUPPORT_EMAIL}
+      </a>
+      .
+    </>
+  ),
+  title: 'Request Timed Out',
+};
+
 export const genericAlertError = {
   message: (
     <>
@@ -52,8 +67,12 @@ export const verifyUserPendingEmailAction = async ({
         alertError: expiredTokenAlertError,
       });
     }
+    if (e.message === 'Endpoint request timed out') {
+      return path.error({
+        alertError: requestTimedOutAlertError,
+      });
+    }
 
-    //if timeout display new message
     return path.error({
       alertError: genericAlertError,
     });

web-client/src/presenter/sequences/gotoVerifyEmailSequence.ts

@@ -1,16 +1,19 @@
 import { clearUserAction } from '../actions/clearUserAction';
 import { navigateToLoginAction } from '@web-client/presenter/actions/Login/navigateToLoginAction';
 import { setAlertErrorAction } from '@web-client/presenter/actions/setAlertErrorAction';
+import { setAlertInfoAction } from '@web-client/presenter/actions/setAlertInfoAction';
 import { setAlertSuccessAction } from '@web-client/presenter/actions/setAlertSuccessAction';
+import { setInitialVerifyAlertMessageAction } from '@web-client/presenter/actions/setInitialVerifyAlertMessageAction';
 import { verifyUserPendingEmailAction } from '../actions/verifyUserPendingEmailAction';
 
 export const gotoVerifyEmailSequence = [
-  //set initial message here
+  setInitialVerifyAlertMessageAction,
+  setAlertInfoAction,
+  navigateToLoginAction,
   verifyUserPendingEmailAction,
   {
     error: [setAlertErrorAction],
     success: [setAlertSuccessAction],
   },
   clearUserAction,
-  navigateToLoginAction,
 ] as unknown as (props: { token: string }) => void;