From b14ca820ac0b61653df72cfb5f92d6e28ed87bb4 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Wed, 21 Sep 2022 15:29:01 -0400
Subject: [PATCH] CSR-762 Fix estimate page, start on question-chain

---
 .../button-question/button-question.vue       |  7 ++--
 .../input-button-wrapper.vue                  |  9 ++---
 .../question-chain/question-chain.vue         | 40 +++++++++++++++++--
 src/layouts/estimate/estimate.vue             |  5 +--
 src/layouts/part-questions/part-questions.vue |  9 ++++-
 src/ux-components/list-button/list-button.vue |  1 +
 6 files changed, 54 insertions(+), 17 deletions(-)

diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue
index 5b0808a9c..5fe1aa6e4 100644
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@@ -261,9 +261,10 @@ export default {
         //   this.$emit("isCheckedChanged", val);
         // },
         handleAnswerChange(eventValue) {
-            // console.log({
-            //   bqEvent: eventValue
-            // })
+            console.log({
+              bqEvent: eventValue
+            })
+            this.$emit("change", eventValue);
             this.$emit("update:modelValue", eventValue);
         },
     },
diff --git a/src/common-components/input-button-wrapper/input-button-wrapper.vue b/src/common-components/input-button-wrapper/input-button-wrapper.vue
index 3fd39fbcf..57fe58505 100644
--- a/src/common-components/input-button-wrapper/input-button-wrapper.vue
+++ b/src/common-components/input-button-wrapper/input-button-wrapper.vue
@@ -102,7 +102,7 @@ export default {
         // const isSingleAnswerPreselected = this.modelValue?.length === 1 && this.isChecked;
 
         if (this.isChecked) {
-            console.log("HI THERE");
+            // console.log("HI THERE");
             this.handleChange(this.modelValue);
         }
     },
@@ -241,7 +241,7 @@ export default {
 
                 this.valueToEmit = newValue;
             } else {
-                console.log("not multi");
+                // console.log("not multi");
                 this.valueToEmit = this.value;
             }
 
@@ -253,7 +253,7 @@ export default {
             // }
         },
         handleClick(e) {
-            console.log("handleClick");
+            // console.log("handleClick");
             this.handleSelectionChange(e);
             // console.log("HC");
             // console.log({
@@ -335,8 +335,7 @@ export default {
 };
 </script>
 
-<!-- TODO KO Scope this? -->
-<style lang="scss">
+<style lang="scss" scoped>
 input {
     opacity: 0;
     height: 0.1px; // NOTE: cannot be zero or Safari can't put focus on it
diff --git a/src/common-components/question-chain/question-chain.vue b/src/common-components/question-chain/question-chain.vue
index 0b5f45363..be0a7bbd5 100644
--- a/src/common-components/question-chain/question-chain.vue
+++ b/src/common-components/question-chain/question-chain.vue
@@ -1,7 +1,9 @@
 <template>
     <div v-for="(q, i) in questions" :key="i">
+        q.answerSelected: {{q.answerSelected}}<br/>
+        currentQuestionNum: {{currentQuestionNum}}
         <transition appear name="fade" mode="out-in">
-            <buttonQuestion
+            <!-- <buttonQuestion
                 v-if="q.answerSelected || (q.questionSequence === currentQuestionNum)"
                 class="radioQuestion"
                 :class="(q.questionSequence === currentQuestionNum) && 'current-question'"
@@ -9,7 +11,18 @@
                 :answers="q.answers"
                 :groupName="`question-${glassIndex}-${q.questionSequence}`"
                 v-model="q.answerSelected"
-                @isCheckedChanged="handleAnswer"
+                isRequired
+                :validationRules="validationRules"
+            /> -->
+            <buttonQuestion
+                v-if="q.answerSelected || (q.questionSequence === currentQuestionNum)"
+                class="radioQuestion"
+                :class="(q.questionSequence === currentQuestionNum) && 'current-question'"
+                :questionText="q.questionText"
+                :answers="q.answers"
+                :groupName="`question-${glassIndex}-${q.questionSequence}`"
+                :modelValue="q.answerSelected"
+                @update:modelValue="handleAnswer(q, $event)"
                 isRequired
                 :validationRules="validationRules"
             />
@@ -67,6 +80,10 @@ export default {
         }
     });
 
+    console.log({
+        modelValue: this.modelValue,
+        questions: this.questions
+    })
     if (!this.modelValue?.length > 0 && this.questions.length > 0) {
         // set this.currentQuestionNum to first valid question
         this.currentQuestionNum = this.questions[0].questionSequence;
@@ -77,7 +94,12 @@ export default {
     }
   },
   methods: {
-        handleAnswer(returnedAnswer) {
+        handleAnswer(question, returnedAnswer) {
+            console.log({
+                returnedAnswer: returnedAnswer
+            })
+
+            question.answerSelected = returnedAnswer;
             /* 
                 returnedAnswer example format:
                 {
@@ -86,13 +108,19 @@ export default {
                     "buttonId": "Driver-Front-1-1|answer|DD11132|Yes"
                 }
             */
-            const isQuestionChainComplete = this.getQuestionChainAnswerIfComplete(returnedAnswer.value);
+            const isQuestionChainComplete = this.getQuestionChainAnswerIfComplete(returnedAnswer);
 
+            console.log({
+                isQuestionChainComplete: isQuestionChainComplete
+            })
             if (isQuestionChainComplete) {
                 this.$emit("update:modelValue", isQuestionChainComplete);
             }
         },
         getQuestionChainAnswerIfComplete(returnedAnswer) {   // this method will return either a final answer or Boolean false
+            console.log("getQuestionChainAnswerIfComplete: ", {
+                returnedAnswer: returnedAnswer
+            })
             if (!returnedAnswer) { return false }
 
             // Example returnedAnswers:
@@ -127,6 +155,10 @@ export default {
                 }
             });
 
+            console.log({
+                questionType: questionType,
+                returnedAnswerArray: returnedAnswerArray
+            })
             // return false if there's a nextQuestion... or return an object with final answers (truthy)
             if (questionType === "nextQuestion") {
 
diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index faf2c8ed6..d468fff91 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -27,7 +27,7 @@
             validationRules="option-required"
           />
         </div>
-        <div v-if="isRepair">
+        <div v-else>
           <alert
             class="my-4"
             cmsWidgetName="AlertQuoteReady"
@@ -87,7 +87,6 @@
           cmsWidgetName="FunnelFooterWidget"
           ref="funnelFooter"
           :isForwardActionDisabled="!meta.valid"
-          @isDisabled="!meta.valid"
           @back-clicked="backButtonAction"
           @ForwardClicked="forwardButtonAction"
         />
@@ -131,7 +130,7 @@ export default {
   name: "estimate",
   data() {
     return {
-      selectedVinLookupMethod: "",
+      selectedVinLookupMethod: null,
       serviceZipCode: this.getZipFromStore(),
       emailAddress: this.getEmailFromStore(),
       displayInvalidZipAlert: false,
diff --git a/src/layouts/part-questions/part-questions.vue b/src/layouts/part-questions/part-questions.vue
index 4906d9526..1e8d3a1ee 100644
--- a/src/layouts/part-questions/part-questions.vue
+++ b/src/layouts/part-questions/part-questions.vue
@@ -122,10 +122,11 @@ export default {
         },
         async forwardButtonAction() {
             const questionAnswersArray = this.partsQuestionsData.map((glass) => {
+                console.log(glass)
                 return {
                     glassLocation: glass.glassLocation,
                     glassName: glass.glassName,
-                    result: glass.answerData.answerResult,
+                    result: glass.answerData.result,
                     answeredQuestions: glass.answerData.answeredQuestions,
                     isSuppressedPart: glass.isSuppressedPart,
                 };
@@ -193,7 +194,7 @@ export default {
                     
                     // only look for duplicates forward... to parts that follow after the currently being answered part
                     if (gpIndex > answer.glassIndex) {
-
+                        console.log("RESETTING ANSWERDATA")
                         let suppressUntil;
                         // reset this glass part, in case user is changing their previous answers
                         glass.answerData = null;
@@ -297,6 +298,7 @@ export default {
                                     return !q.suppressQuestion;
                                 });
 
+                                console.log("REMAINING QUESTIONS", remainingQuestions)
                                 if (remainingQuestions.length < 1) {
                                     // this is the final answer for this glass part
 
@@ -313,6 +315,8 @@ export default {
                                         answeredQuestions: [answeredQuestionObj],
                                     };
 
+                                    console.log(glass.answerData)
+
                                     // suppress this glass because it has an answer
                                     glass.isSuppressedPart = true;
                                 }
@@ -416,6 +420,7 @@ export default {
 
                 this.selectedAnswers[glass.key] = [];
                 if (!alreadyAnsweredQuestions) {
+                    console.log("NULLING ANSWERDATA")
                     glass.answerData = null;
                 }
 
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index cb663e0e3..450547b85 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -34,6 +34,7 @@
     :value="value"
     :groupName="groupName"
     buttonWrapperClasses="list-group list-button rounded-3 d-flex flex-column w-100 mb-2"
+    :validationRules="validationRules"
     @change="handleAnswerChange"
   >
     <div