Merge pull request #560 from Safelite/revert-553-feature/CSR-480

Revert "Feature/csr 480"

jest.config.js

@@ -24,7 +24,6 @@ module.exports = {
     "!src/layouts/address-vehicles/address-vehicles-question/address-vehicles-question.vue",
     "!src/ux-components/alert\alert.vue",
     "!src/helpers/validation-rules.js",
-    "!src/common-components/question-chain/question-chain",
     // END
   ], // ! means exclude from coverage.
   testMatch: ["**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)"],

src/common-components/button-question/button-question.spec.js

@@ -112,8 +112,7 @@ describe("buttonQuestion.vue", () => {
     const wrapper = shallowMount(buttonQuestion, setupMocks({}));
     await wrapper.setProps({
       answers: ["2022", "2021", "2020"],
-      isMultiSelect: false,
+      isMultiSelect: false
-      modelValue: []
     });
     const val = { checkValue: true, value: "2021", }
     wrapper.vm.handleCheckedChanged(val);

src/common-components/button-question/button-question.vue

@@ -36,7 +36,6 @@
               data-test="button"
               :validationRules="validationRules"
               :class="[suppressError ? 'alertError' : '']"
-              :clearOnUnmount="clearOnUnmount"
             />
           </div>
       </fieldset>
@@ -85,10 +84,6 @@ export default {
     validationRules: String,
     suppressError: Boolean,
     useTextForValue: Boolean,
-    clearOnUnmount: {
-      type: Boolean,
-      default: true
-    }
   },
   computed: {
     getFieldSetClasses() {
@@ -138,14 +133,17 @@ export default {
       return answer.Name ? answer.Name : answer;
     },
     handleCheckedChanged(val) {
-      if(this.selectingInitiatesLoad) {
+
-        this.selectedValues = [val.value];
+      if(this.isMultiSelect && this.selectedValues) {
-      } else {
+        // Add or remove item to array of data to emit
+        const newSelectedValues = this.selectedValues;
+
         if(Array.isArray(this.selectedValues)) {
-          const newSelectedValues = this.selectedValues;
           val.checkValue ? newSelectedValues.push(val.value) : newSelectedValues.splice(newSelectedValues.indexOf(val.value), 1);
           this.selectedValues = newSelectedValues;
         }
+      } else {
+        this.selectedValues = [val.value];
       }
     },
   },

src/common-components/question-chain/question-chain.vue

@@ -1,119 +0,0 @@
-<template>
-    <div v-for="(q, i) in questions" :key="i">
-        <transition appear name="fade" mode="out-in">
-            <buttonQuestion
-                v-if="q.questionSequence === currentQuestion"
-                class="radioQuestion"
-                :questionText="q.questionText"
-                :answers="q.answers"
-                :groupName="`${questionData.glassName}-${questionData.glassLocation}-${i}`"
-                textPosition="text-start"
-                v-model="selectedValue"
-                isRequired=true
-                :validationRules="validationRules"
-                :clearOnUnmount=false
-            />
-        </transition>
-    </div>
-</template>
-
-<script>
-import buttonQuestion from "@/common-components/button-question/button-question";
-
-export default {
-  name: "questionChain",
-  data() {
-    return {
-      models: Array,
-      currentQuestion: 1,
-      answeredQuestions: [],
-    };
-  },
-  props: {
-    questionData: Array,
-    validationRules: String,
-    modelValue: String,
-  },
-  computed: {
-    questions() {
-        const questions = this.questionData.partQuestions.map((q, i) => {
-            return {
-                questionText: q.questionText,
-                questionSequence: q.questionSequence,
-                answers: q.answers.map((a) => {
-                    return {
-                        Text: a.answerText,
-                        // Name will either be nextQuestionSequence or answerResult
-                        Name: a.nextQuestionSequence ? a.nextQuestionSequence : "answer-" + a.answerResult,
-                        nextQuestionSequence: a.nextQuestionSequence,
-                        answerResult: a.answerResult,
-                    }
-                })
-            }
-        });
-        // add an empty item to be array[0] since we start with 1
-        questions.unshift({});
-        return questions;
-    },
-    selectedValue: {
-      get: function() {
-        return this.modelValue;
-      },
-      set: function(returnedAnswer) {
-        const isNewModelValueComplete = this.getNewModelValue(returnedAnswer);
-
-        if (isNewModelValueComplete) {
-            this.$emit("update:modelValue", isNewModelValueComplete);
-        }
-      }
-    }
-  },
-  methods: {
-    getNewModelValue(returnedAnswer) {
-        if (!returnedAnswer || !Array.isArray(returnedAnswer)) { return false }
-        const lastAnswer = returnedAnswer[returnedAnswer.length - 1];
-        const currentQuestion = this.questions[this.currentQuestion];
-
-        if (lastAnswer.indexOf("answer-") === 0) {
-            // if it is an answerResult
-            const finalAnswer = lastAnswer.slice(7);
-
-            const currentQuestionSelectedAnswer = currentQuestion.answers.find(
-                ({ answerResult }) => answerResult === finalAnswer
-            );
-
-            // add current item to list of answered questions
-            this.answeredQuestions.push(
-                {
-                    questionText: currentQuestion.questionText,
-                    selectedAnswerText: currentQuestionSelectedAnswer.Text,
-                }
-            );
-
-            return {
-                answerResult: finalAnswer,
-                answeredQuestions: this.answeredQuestions,
-            };
-        } else {
-            const currentQuestionSelectedAnswer = currentQuestion.answers.find(
-                ({ nextQuestionSequence }) => nextQuestionSequence === parseInt(lastAnswer)
-            );
-
-            // add current item to list of answered questions
-            this.answeredQuestions.push(
-                {
-                    questionText: currentQuestion.questionText,
-                    selectedAnswerText: currentQuestionSelectedAnswer.Text,
-                }
-            );
-
-            this.currentQuestion = parseInt(lastAnswer); // update count to display next question
-            return false;
-        }
-    }
-  },
-  components: {
-    buttonQuestion,
-  },
-};
-</script>

src/ux-components/list-button-horizontal/list-button-horizontal.vue

@@ -78,10 +78,6 @@ export default {
     validationRules: String,
     selectedValues: [Array, String],
     hasError: Boolean,
-    clearOnUnmount: {
-      type: Boolean,
-      default: true
-    }
   },
   data() {
     return {
@@ -96,11 +92,9 @@ export default {
         : this.selectedValues[0];
     }
   },
-  unmounted() { // needed to clear this button's selectedValues if it is removed to keep validation in sync
+  unmounted() { // needed to clear this button's selectedValues if it is removed
-    if (this.clearOnUnmount) {
+    this.checkValue = false;
-      this.checkValue = false;
+    this.handleCheckChange();
-      this.handleCheckChange();
-    }
   },
   methods: {
     displayLoader() {

src/ux-components/list-button/list-button.vue

@@ -78,10 +78,6 @@ export default {
     validationRules: String,
     selectedValues: [Array, String],
     hasError: Boolean,
-    clearOnUnmount: {
-      type: Boolean,
-      default: true
-    }
   },
   data() {
     return {
@@ -96,11 +92,9 @@ export default {
         : this.selectedValues[0];
     }
   },
-  unmounted() { // needed to clear this button's selectedValues if it is removed to keep validation in sync
+  unmounted() { // needed to clear this button's selectedValues if it is removed
-    if (this.clearOnUnmount) {
+    this.checkValue = false;
-      this.checkValue = false;
+    this.handleCheckChange();
-      this.handleCheckChange();
-    }
   },
   methods: {
     displayLoader() {

src/ux-components/list-card/list-card.vue

@@ -86,10 +86,6 @@ export default {
     selectedValues: [Array, String],
     modelValue: Object,
     hasError: Boolean,
-    clearOnUnmount: {
-      type: Boolean,
-      default: true
-    }
   },
   data() {
     return {
@@ -103,11 +99,9 @@ export default {
         : this.selectedValues[0];
     }
   },
-  unmounted() { // needed to clear this button's selectedValues if it is removed to keep validation in sync
+  unmounted() { // needed to clear this button's selectedValues if it is removed
-    if (this.clearOnUnmount) {
+    this.checkValue = false;
-      this.checkValue = false;
+    this.handleCheckChange();
-      this.handleCheckChange();
-    }
   },
   computed: {
     getLabelClasses() {