#771 Authentication Generic Errors (#775)

* Display a generic erorr for wrong password or user not found

* Update SignIn.vue

replicating changes from local copy due to a 403 error

* adding lodash as explicit dependency

Co-authored-by: warrensearle <warren.searle@judicialappointments.digital>

package.json

@@ -29,6 +29,7 @@
     "firebaseui": "^4.6.1",
     "govuk-frontend": "^3.8.0",
     "jspdf": "^1.5.3",
+    "lodash": "^4.17.21",
     "logrocket": "^1.0.10",
     "vue": "^2.6.11",
     "vue-browser-detect-plugin": "^0.1.13",

src/views/SignIn.vue

@@ -77,6 +77,7 @@
 import ErrorSummary from '@/components/Form/ErrorSummary';
 import TextField from '@/components/Form/TextField';
 import { auth } from '@/firebase';
+import { get } from 'lodash';
 
 export default {
   components: {
@@ -125,7 +126,14 @@ export default {
             }
           })
           .catch((error) => {
-            this.errors.push({ id: 'email', message: error.message });
+            switch (get(error, 'code', '')) {
+            case 'auth/user-not-found':
+            case 'auth/wrong-password':
+              this.errors.push({ id: 'email', message: 'The email address and/or password did not match our records. Please double-check and try again.' });
+              break;
+            default:
+              this.errors.push({ id: 'email', message: error.message });
+            }
           });
       }    
     },