:bug: Changes to address 'eternal cookies' bug

frontend/src/views/OnboardingView.vue

@@ -71,13 +71,16 @@ export default {
 
         if (document.cookie.length) {
             // TODO: Heavy Refactor needed, obvious code smells
-            // BUG: NEEDS BROWSER REFRESH TO SEE UPDATED COOKIES
+            // BUG: NEEDS BROWSER REFRESH AFTER VERIFYING EMAIL AND REDIRECT BACK TO ONBOARDING
+            // BUG: CURRENT IMPLEMENTATION HAS COOKIES THAT NEVER EXPIRE
             const siimeeAnswered = this.grabCookie('siimee_answered')
             const myCurrentStep = this.grabCookie('siimee_current_step')
-            console.log('myCurrentStep :=>', myCurrentStep)
+            const myCurrentAnswers = this.grabCookie('siimee_cache_answered')
+            const myCurrentResponses = this.grabCookie('siimee_cache_responses')
+            this.sessionToken = this.grabCookie('siimee_session') || ''
+            // TODO: START REFACTOR HERE...
             if (siimeeAnswered) {
                 const siimeeAnswers = JSON.parse(siimeeAnswered)
-                this.sessionToken = this.grabCookie('siimee_session')
                 const sessionTokenIsValid =
                     await this.authenticator.validateJwt(this.sessionToken)
                 this.accessToken = this.grabCookie('siimee_access')
@@ -88,7 +91,6 @@ export default {
                         seeking: siimeeAnswers.seeking,
                     }
                     this.currentProfileId = siimeeAnswers.profile_id
-                    this.currentStep = 6
                     this.responses = [
                         { response_key_id: 8, val: siimeeAnswers.email },
                         { response_key_id: 7, val: siimeeAnswers.name },
@@ -102,21 +104,17 @@ export default {
                         this.responses,
                     )}; max-age=600 ; path=/onboarding ; secure`
                     document.cookie = 'siimee_answered='
+                    this.currentStep = 6
                     this.goToStep(this.currentStep)
                 }
             } else if (myCurrentStep) {
-                const myCurrentAnswers = this.grabCookie(
-                    'siimee_cache_answered',
-                )
-                const myCurrentResponses = this.grabCookie(
-                    'siimee_cache_responses',
-                )
                 this.answered = JSON.parse(myCurrentAnswers)
                 this.responses = JSON.parse(myCurrentResponses)
                 this.currentStep = myCurrentStep
                 this.goToStep(Number(myCurrentStep) + 1)
             } else {
-                this.goToStep(0)
+                this.currentStep = 0
+                this.goToStep(this.currentStep)
             }
         }
     },
@@ -124,16 +122,17 @@ export default {
         onSubmit() {
             console.log(JSON.stringify(this.answered))
         },
-        async goToStep(num) {
+        async goToStep(num, maxAge) {
+            maxAge = 600 // temp measure
             document.cookie = `siimee_current_step=${Number(
                 this.currentStep,
-            )}; max-age=600 ; path=/onboarding ; secure`
+            )}; max-age=${maxAge} ; path=/onboarding ; secure`
             document.cookie = `siimee_cache_answered=${JSON.stringify(
                 this.answered,
-            )}; max-age=600 ; path=/onboarding ; secure`
+            )}; max-age=${maxAge} ; path=/onboarding ; secure`
             document.cookie = `siimee_cache_responses=${JSON.stringify(
                 this.responses,
-            )}; max-age=600 ; path=/onboarding ; secure`
+            )}; max-age=${maxAge} ; path=/onboarding ; secure`
 
             if (num > 6) {
                 this.validateAccessToken()
@@ -145,7 +144,7 @@ export default {
             const validatedAccessToken = await this.authenticator.validateJwt(
                 this.accessToken,
             )
-            if (!validatedAccessToken.isValid) {
+            if (!validatedAccessToken || !validatedAccessToken.isValid) {
                 const sessionTokenIsValid = await this.validateSessionToken()
                 if (!sessionTokenIsValid) {
                     this.goToStep(0)
@@ -156,7 +155,7 @@ export default {
             const validatedSessionToken = await this.authenticator.validateJwt(
                 this.sessionToken,
             )
-            if (validatedSessionToken.isValid) {
+            if (!validatedSessionToken || validatedSessionToken.isValid) {
                 this.accessToken = await this.authenticator.generateJwt({
                     ...this.answered,
                     expiration: 60 * 3,
@@ -165,13 +164,16 @@ export default {
             } else return false
         },
         grabCookie(cookieKey) {
-            const cookieString = document.cookie
-            const cookies = cookieString.split('; ').reduce((prev, current) => {
-                const [name, ...value] = current.split('=')
-                prev[name] = value.join('=')
-                return prev
-            }, {})
-            return cookieKey in cookies ? cookies[`${cookieKey}`] : undefined
+            const cookies = document.cookie
+                .split('; ')
+                .reduce((prev, current) => {
+                    const [name, ...value] = current.split('=')
+                    prev[name] = value.join('=')
+                    return prev
+                }, {})
+            const cookieVal =
+                cookieKey in cookies ? cookies[`${cookieKey}`] : undefined
+            return cookieVal
         },
         async updateAnswers(payload) {
             if (payload) {