CSR-762 Change requests

.prettierrc

@@ -1,4 +1,4 @@
 {
-    "tabWidth": 4,
+    "tabWidth": 2,
     "bracketSameLine": true
 }

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

@@ -50,8 +50,6 @@
                             :validationRules="validationRules"
                             :textPosition="textPosition"
                             :selectOnKeypress="selectOnKeypress"
-                            @blur="handleBlur"
-                            @focus="handleFocus"
                             @buttonClicked="handleAnswerChange" />
                         <!-- For nested questions -->
                         <transition name="fade" mode="out-in">
@@ -161,7 +159,7 @@ export default {
         getComponentWrapperClasses() {
             let classes = "";
 
-            classes += this.isWid ? "col-12" : "col";
+            classes += this.isWide ? "col-12" : "col";
 
             if (this.buttonType == "radio") {
                 classes += " radio-button-container";
@@ -224,17 +222,6 @@ export default {
             this.$emit("buttonQuestionChange", primaryAnswerValue);
             this.$emit("update:modelValue", primaryAnswerValue);
         },
-        handleBlur() {
-            // this.lastFocusedInputGroup = this.groupName;
-            // window.lastFocusedInputGroup = this.groupName
-            // console.log("blur: ", this.groupName);
-        },
-        handleFocus() {
-            // console.log("focused: ", {
-            //     groupName: this.groupName,
-            //     lastFocusedInputGroup: this.lastFocusedInputGroup,
-            // });
-        },
     },
     components: {
         listButton,

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

@@ -1,17 +1,6 @@
 <template>
     <div v-for="(q, i) in questions" :key="i">
         <transition appear name="fade" mode="out-in">
-            <!-- <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}`"
-                v-model="q.answerSelected"
-                isRequired
-                :validationRules="validationRules"
-            /> -->
             <buttonQuestion
                 v-if="q.answerSelected || (q.questionSequence === currentQuestionNum)"
                 class="radioQuestion"

src/helpers/heritage-integration/order-helper.js

@@ -18,7 +18,6 @@ export async function loadOrderIfPresent() {
         return null;
     }
 
-    // TODO KO isOrderDifferent and isOrderSubmitted
     // Reset state if cookie says to.
     if (funnelCookie.ShouldResetState) {
         baseMixin.methods.dispatchStoreAction(storeActions.RESET_STATE);

src/layouts/vehicle-damage/replace-options-question/replace-options-question.vue

@@ -20,11 +20,9 @@
 <script>
 import buttonQuestion from "@/common-components/button-question/button-question";
 import store from "@/store";
-// import buttonQuestionWrapperMixin from "@/mixins/button-question-wrapper-mixin";
 
 export default ({
     name: "replaceOptionsQuestion",
-    // mixins: [buttonQuestionWrapperMixin],
     data() {
         return {
             replaceOptions: [],

src/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question.vue

@@ -17,11 +17,9 @@
 
 <script>
 import buttonQuestion from "@/common-components/button-question/button-question";
-// import buttonQuestionWrapperMixin from "@/mixins/button-question-wrapper-mixin";
 
 export default ({
     name: "windshieldChipCountQuestion",   
-    // mixins: [buttonQuestionWrapperMixin],
     data() {
         return {
             numberOfChips: this.modelValue

src/layouts/vehicle-damage/windshield-options/windshield-damage-type-question/windshield-damage-type-question.vue

@@ -19,11 +19,9 @@
 
 <script>
 import buttonQuestion from "@/common-components/button-question/button-question";
-// import buttonQuestionWrapperMixin from "@/mixins/button-question-wrapper-mixin";
 
 export default {
     name: "windshieldDamageTypeQuestion",
-    // mixins: [buttonQuestionWrapperMixin],
     data() {
         return {
             selectedWindshieldDamageType: this.modelValue,

src/layouts/vehicle-make/make-question/make-question.vue

@@ -18,11 +18,9 @@ import buttonQuestion from "@/common-components/button-question/button-question"
 import store from "@/store";
 import { storeActions } from "@/constants/store-actions.js";
 import baseMixin from "@/mixins/base-mixin.js";
-// import buttonQuestionWrapperMixin from "../../../mixins/button-question-wrapper-mixin";
 
 export default {
     name: "make-question",
-    // mixins: [buttonQuestionWrapperMixin],
     data() {
         return {
             makes: [],

src/layouts/vehicle-model/model-question/model-question.vue

@@ -19,11 +19,9 @@ import buttonQuestion from "@/common-components/button-question/button-question"
 import store from "@/store";
 import { storeActions } from "@/constants/store-actions.js";
 import baseMixin from "@/mixins/base-mixin.js";
-import buttonQuestionWrapperMixin from "@/mixins/button-question-wrapper-mixin";
 
 export default {
   name: "model-question",
-  mixins: [buttonQuestionWrapperMixin],
   data() {
     return {
       models: [],

src/layouts/vehicle-style/style-question/style-question.vue

@@ -19,11 +19,9 @@ import buttonQuestion from "@/common-components/button-question/button-question"
 import store from "@/store";
 import { storeActions } from "@/constants/store-actions.js";
 import baseMixin from "@/mixins/base-mixin.js";
-// import buttonQuestionWrapperMixin from "@/mixins/button-question-wrapper-mixin";
 
 export default {
   name: "style-question",
-  // mixins: [buttonQuestionWrapperMixin],
   data() {
     return {
       styles: [],

src/layouts/vehicle-year/year-question/year-question.vue

@@ -20,11 +20,9 @@ import buttonQuestion from "@/common-components/button-question/button-question"
 // Supporting files
 import { storeActions } from "@/constants/store-actions.js";
 import baseMixin from "@/mixins/base-mixin.js";
-// import buttonQuestionWrapperMixin from "@/mixins/button-question-wrapper-mixin";
 
 export default {
   name: "year-question",
-  // mixins: [buttonQuestionWrapperMixin],
   data() {
     return {
       years: [],

src/mixins/vehicle-questions-mixin.js

@@ -74,9 +74,6 @@ export default {
             const hasChildPartQuestions = this.hasChildPartQuestions(partsOrQuestions);
             const hasCapabilityQuestions = this.hasCapabilityQuestions(partsOrQuestions);
 
-            console.log({
-                hasGlassLocationWithMultipleParts: hasGlassLocationWithMultipleParts
-            })
             if (hasPartQuestions && this.currentPageComesBeforePage(currentPage, fmgPageValues.PART_QUESTIONS)) {
                 self.$router.navigateWithSaving(self.navigationScenarios.HAS_PART_QUESTIONS, self.$route, {}, {}, { partsOrQuestions: partsOrQuestions });
             }

src/router/index.js

@@ -233,8 +233,6 @@ function navigateToUrl(url, optionalQuery = {}) {
     externalUrl.searchParams.append(queryKey, optionalQuery[queryKey]);
   }
 
-  externalUrl.searchParams.append("experiments", "ConceptFunnel=ConceptFunnel_V1=ConceptFunnel_TEST=true");
-
   window.location.assign(externalUrl);
 }