:construction: Started validation for survey procedures

frontend/src/components/onboarding/FormInput.vue

@@ -23,11 +23,7 @@ export default {
     }),
     methods: {
         handleSubmit(answerInfo) {
-            if (answerInfo.question.survey_stage === 'password') {
-                this.$emit('update-answers') // don't reveal password here...
-            } else {
-                this.$emit('update-answers', answerInfo)
-            }
+            this.$emit('update-answers', answerInfo)
         },
         submitImage() {
             let payload = {

frontend/src/components/onboarding/QuestionResponse.vue

@@ -26,16 +26,23 @@ export default {
             { answer: 4 },
             { answer: 5 },
         ],
+        isAnswered: false
     }),
     methods: {
         onUpdate(e) {
+            this.isAnswered = true
             this.$emit('updated', { ...this.question, answer: e + 1 })
         },
+        // TODO: render message to user on why they cannot proceed
         updateAnswers() {
-            this.$emit('update-is-answered', this.question.id)
+            this.isAnswered ?
+            this.$emit('update-is-answered', this.question.id) :
+            console.error('no selection made')
         },
         updateAll() {
-            this.$emit('update-all')
+            this.isAnswered ? 
+            this.$emit('update-all') : 
+            console.error('no selection made')
         }
     },
 }

frontend/src/entities/survey/survey.answer.schema.js

@@ -0,0 +1,31 @@
+import Joi from 'joi'
+
+/**
+ * answers schema object
+ */
+const answersSchema = {
+    type: 'object',
+    properties: Joi.object().keys({
+        name: Joi.string().required(),
+        email: Joi.string().email({ minDomainSegments: 2, tlds: false }),
+        // TODO: Refine password regex to have more secure requirements
+        password: Joi.string().min(10).max(30).pattern(new RegExp('[a-zA-Z0-9]+')),
+        // TODO: Change if going international (only works in usa)
+        zipcode: Joi.string().min(5).max(5).pattern(new RegExp('^[0-9]{5}$')),
+        seeking: Joi.string(),
+        urgency: Joi.string(),
+        presence: Joi.string(),
+        duration: Joi.string(),
+        pronouns: Joi.string(),
+        language: Joi.string(),
+        image: Joi.any(),
+        distance: Joi.string(),
+        blurb: Joi.string(),
+        aspects: Joi.array().items(Joi.number().allow(null))
+    }),
+    validate(instance) {
+        return this.properties.validate(instance)
+    },
+}
+
+export { answersSchema }

frontend/src/entities/survey/survey.js

@@ -1,6 +1,7 @@
 /** @module survey/survey */
 import { _baseRecord } from '../index.js'
 import { surveySchema } from './survey.schema.js'
+import { answersSchema } from './survey.answer.schema.js'
 
 const SCORED = [1, 2, 3, 4, 5, 6]
 const _isScored = id => SCORED.includes(id)
@@ -38,6 +39,14 @@ class Survey extends _baseRecord {
         console.log('this.aspectQuestions: ', JSON.stringify(this.aspectQuestions))
     }
 
+    validateAnswer(answer) {
+        const validate = answersSchema.validate(answer)
+        if (validate.error) {
+            console.error(`error: ${validate.error}`)
+        }
+        return !validate.error ? true: false
+    }
+
     isValid() {
         const validate = surveySchema.validate(this)
 

frontend/src/views/OnboardingView.vue

@@ -61,9 +61,16 @@ export default {
         },
         updateAnswers(payload) {
             // null payload is passed on splash page
-            if (payload) {
+            if (this.currentStep !== 0) {
+                console.log('this.survey >>', this.survey)
                 const k = payload.question.survey_stage
                 this.answered[k] = payload.input
+                // TODO: render message to user on why they cannot proceed
+                if (!this.survey.validateAnswer(this.answered)) {
+                    return console.error('invalid answer')
+                }
+                // once validated, don't log password in answered object
+                this.answered[k] = k === 'password' ? undefined : payload.input 
                 console.log(`Updated answers: ${JSON.stringify(this.answered)}`)
                 if (k === 'aspects') return
             }