Merge branch 'develop' into feature/digital/SSR-179

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

@@ -1,291 +0,0 @@
-<!-- Documented in confluence https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Component -->
-<template>
-  <div
-      :class="
-          isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'
-      ">
-      <div v-if="questionText && answers && answers.length > 0" class="question-text d-flex">
-          <span class="fw-bold w-100">{{ questionText }}</span>
-      </div>
-
-      <div class="w-100 d-flex justify-content-center">
-          <fieldset
-              class="w-100"
-              :aria-required="isRequired"
-              :class="getFieldSetClasses"
-              :role="isMultiSelect ? 'group' : 'radiogroup'"
-              :aria-labelledby="formatString(groupName)">
-              <legend
-                  class="sr-only"
-                  :data-focus-target="formatString(groupName)"
-                  tabindex="-1"
-                  :id="formatString(groupName)">
-                  {{ questionText }}
-                  {{
-                      isMultiSelect && answers && answers.length > 1
-                          ? "Select one or more options below."
-                          : "Select an option below."
-                  }}
-              </legend>
-              <div :class="getComponentLoopWrapperClasses">
-                  <div
-                      :class="getComponentWrapperClasses"
-                      v-for="answer in buttonsInfo"
-                      :key="answer.value ? answer.value : answer">
-                      <component
-                          :is="buttonTypeString"
-                          :buttonLabel="answer.buttonLabel"
-                          :buttonLabelSubCopy="answer.buttonLabelSubCopy"
-                          :buttonBodyCopy="answer.buttonBodyCopy"
-                          :buttonAuxillaryCopy="answer.buttonAuxillaryCopy"
-                          :buttonFooterCopy="answer.buttonFooterCopy"
-                          :buttonImage="answer.buttonImage"
-                          :buttonImageId="answer.buttonImageId"
-                          :groupName="answer.groupName"
-                          :isMultiSelect="isMultiSelect"
-                          :value="answer.value"
-                          :selectingInitiatesLoad="selectingInitiatesLoad"
-                          :isWide="isWide"
-                          :validationRules="validationRules"
-                          :textPosition="textPosition"
-                          :additionalButtonStyling="additionalButtonStyling"
-                          :lastValuePushedToGa="lastValuePushedToGa"
-                          :setLastValuePushedToGa="setLastValuePushedToGa"
-                          :suppressError="suppressError"
-                          v-model="selectedValues" />
-                      <!-- For nested questions -->
-                      <transition name="fade" mode="out-in">
-                          <div
-                              v-if="
-                                  typeof selectedValues == 'string' &&
-                                  selectedValues == answer.value
-                              ">
-                              <slot></slot>
-                          </div>
-                      </transition>
-                  </div>
-              </div>
-          </fieldset>
-      </div>
-      <div class="row form-test-error mt-1">
-          <error-message :name="formatString(groupName)" v-if="!suppressError"></error-message>
-      </div>
-  </div>
-</template>
-
-<script>
-import listButton from "@/ux-components/list-button/list-button";
-import listButtonHorizontal from "@/ux-components/list-button-horizontal/list-button-horizontal";
-import listCard from "@/ux-components/list-card/list-card";
-import radio from "@/ux-components/radio/radio";
-import { ErrorMessage } from "vee-validate";
-
-export default {
-  name: "buttonQuestion",
-  props: {
-      buttonTypeString: {
-          type: String,
-          default: "listButton",
-      },
-      buttonTypeObject: {
-          type: Object,
-          default: null,
-      },
-      isMultiSelect: Boolean,
-      groupName: String,
-      questionText: String,
-      answers: Array,
-      textPosition: {
-          type: String,
-          default: "text-center",
-      },
-      selectingInitiatesLoad: Boolean,
-      loaderColor: {
-          type: String,
-          default: "blue",
-      },
-      loaderPosition: {
-          type: String,
-          default: "right",
-      },
-      isRequired: Boolean,
-      isOverflowScrollable: Boolean,
-      isWide: Boolean,
-      isCashOrInsurance: Boolean,
-      modelValue: [Array, Number, String],
-      value: [Number, String],
-      validationRules: String,
-      suppressError: Boolean,
-      useTextForValue: Boolean,
-      valueToLogType: String,
-      additionalButtonStyling: String,
-  },
-  beforeMount() {
-      if (this.buttonTypeObject) {
-          this.$options.components[this.buttonTypeString] = this.buttonTypeObject;
-      }
-  },
-  data() {
-      return {
-          lastValuePushedToGa: null,
-      };
-  },
-  computed: {
-      getFieldSetClasses() {
-        if (this.isOverflowScrollable) {
-          return "container-fluid overflow-scroll position-absolute px-5 pt-1 py-0";
-        }
-        else if (this.buttonTypeString === "listCard") {
-          return "w-100";
-        }
-        else {
-          return "";
-        }
-      },
-      getComponentLoopWrapperClasses() {
-          let classes;
-          switch (this.buttonTypeString) {
-              case "listButton":
-                  classes = "w-100";
-                  break;
-              case "listButtonHorizontal":
-                  classes = "d-flex flex-row p-0";
-                  break;
-              case "listCard":
-                  classes = "row g-2 justify-content-center";
-                  if (this.isWide) {
-                      classes += " flex-column";
-                  }
-                  break;
-              case "radio":
-                  classes = "ui-radio d-flex";
-                  break;
-              case "servicePackageRadio":
-                  classes = "package-main";
-                  break;
-          }
-          return classes;
-      },
-      getComponentWrapperClasses() {
-          let classes = "";
-
-          classes += this.isWide ? "col-12" : "col";
-
-          if (this.buttonTypeString == "radio") {
-              classes += " radio-button-container";
-          } else if (this.buttonTypeString == "servicePackageRadio") {
-              classes = "package-wrapper";
-          }
-
-          return classes;
-      },
-      buttonsInfo() {
-          return (Array.isArray(this.answers) ? this.answers : [])?.map((answer) => ({
-              buttonLabel: answer.buttonLabel ?? answer.Text ?? answer,
-              altText: answer.altText ?? (answer.Name ? answer.Name : answer),
-              buttonLabelSubCopy: answer.buttonLabelSubCopy ?? answer.SubText,
-              buttonBodyCopy: answer.buttonBodyCopy ?? answer.buttonBodyCopy,
-              buttonAuxillaryCopy: answer.buttonAuxillaryCopy ?? answer.buttonAuxillaryCopy,
-              buttonFooterCopy: answer.buttonFooterCopy ?? answer.buttonFooterCopy,
-              buttonImage: answer.buttonImage ?? answer.AnswerImageUrl,
-              buttonImageId: answer.buttonImageId ?? answer.ImageId,
-              groupName: this.formatString(this.groupName),
-              value:
-                  answer.value ??
-                  (this.useTextForValue && answer.Text ? answer.Text : answer.Name) ??
-                  (typeof answer !== "object" ? answer : null),
-          }));
-      },
-      selectedValues: {
-          get() {
-              return this.modelValue;
-          },
-          set(selectedAnswers) {
-              this.$emit("update:modelValue", selectedAnswers);
-          },
-      },
-  },
-  methods: {
-      formatString(str) {
-          return String(str).replaceAll(" ", "-");
-      },
-      setLastValuePushedToGa(lastValuePushedToGa) {
-          this.lastValuePushedToGa = lastValuePushedToGa;
-      },
-  },
-  components: {
-      listButton,
-      listButtonHorizontal,
-      listCard,
-      ErrorMessage,
-      radio,
-  },
-};
-</script>
-
-<style lang="scss">
-.button-question-overflow {
-  height: calc(100vh - 274px);
-
-  .overflow-scroll {
-      // Height will be determined by overall height of content above list
-      height: calc(100% - 314px);
-      overflow-x: hidden !important;
-      -webkit-overflow-scrolling: touch;
-  }
-}
-.button-question {
-  color: $black;
-
-  .radio-button-container {
-      &:not(:last-child) {
-          padding-bottom: map-get($spacers, 2);
-      }
-  }
-}
-.question-text {
-  margin-top: 1.5rem;
-  margin-bottom: 1rem;
-  font-size: 1rem;
-  line-height: 1.625rem;
-
-  & > span {
-      text-align: center;
-  }
-}
-
-.vehicle-parts {
-  .question-text {
-      span {
-          font-size: 0.875rem;
-          text-align: left;
-          margin: 0 0 0.5rem 0;
-      }
-  }
-  .question-text {
-      margin: 0;
-  }
-  fieldset {
-      .ui-radio {
-          margin: 0;
-      }
-  }
-}
-
-.welcome {
-  .question-text {
-      span {
-          text-align: left;
-          margin: 0 0 0.25rem 0;
-      }
-  }
-  .question-text {
-      margin: 0;
-  }
-  fieldset {
-      .ui-radio {
-          margin: 0;
-      }
-  }
-}
-</style>

src/digital-components/base-input-button/base-input-button.vue

@@ -30,7 +30,7 @@ import {
     handleButtonComponentFocus,
     handleInputComponentBlur,
 } from "@/helpers/button-question-focus-helper";
-import { inputButtonProps } from "@/common-components/base-input-button/button-functionality-props";
+import { inputButtonProps } from "@/digital-components/base-input-button/button-functionality-props";
 
 export default {
     name: "base-input-button",

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

@@ -1,5 +1,5 @@
 import { shallowMount } from "@vue/test-utils";
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 
 describe("buttonQuestion.vue", () => {

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

@@ -0,0 +1,292 @@
+<!-- Documented in confluence https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Component -->
+<template>
+    <div
+        :class="
+            isOverflowScrollable ? 'button-question button-question-overflow' : 'button-question'
+        ">
+        <div v-if="questionText && answers && answers.length > 0" class="question-text d-flex">
+            <span class="fw-bold w-100">{{ questionText }}</span>
+        </div>
+
+        <div class="w-100 d-flex justify-content-center">
+            <fieldset
+                class="w-100"
+                :aria-required="isRequired"
+                :class="getFieldSetClasses"
+                :role="isMultiSelect ? 'group' : 'radiogroup'"
+                :aria-labelledby="formatString(groupName)">
+                <legend
+                    class="sr-only"
+                    :data-focus-target="formatString(groupName)"
+                    tabindex="-1"
+                    :id="formatString(groupName)">
+                    {{ questionText }}
+                    {{
+                        isMultiSelect && answers && answers.length > 1
+                            ? "Select one or more options below."
+                            : "Select an option below."
+                    }}
+                </legend>
+                <div :class="getComponentLoopWrapperClasses">
+                    <div
+                        :class="getComponentWrapperClasses"
+                        v-for="answer in buttonsInfo"
+                        :key="answer.value ? answer.value : answer">
+                        <component
+                            :is="buttonTypeString"
+                            :buttonLabel="answer.buttonLabel"
+                            :buttonLabelSubCopy="answer.buttonLabelSubCopy"
+                            :buttonBodyCopy="answer.buttonBodyCopy"
+                            :buttonAuxillaryCopy="answer.buttonAuxillaryCopy"
+                            :buttonFooterCopy="answer.buttonFooterCopy"
+                            :buttonImage="answer.buttonImage"
+                            :buttonImageId="answer.buttonImageId"
+                            :groupName="answer.groupName"
+                            :isMultiSelect="isMultiSelect"
+                            :value="answer.value"
+                            :selectingInitiatesLoad="selectingInitiatesLoad"
+                            :isWide="isWide"
+                            :validationRules="validationRules"
+                            :textPosition="textPosition"
+                            :additionalButtonStyling="additionalButtonStyling"
+                            :lastValuePushedToGa="lastValuePushedToGa"
+                            :setLastValuePushedToGa="setLastValuePushedToGa"
+                            :suppressError="suppressError"
+                            v-model="selectedValues" />
+                        <!-- For nested questions -->
+                        <transition name="fade" mode="out-in">
+                            <div
+                                v-if="
+                                    typeof selectedValues == 'string' &&
+                                    selectedValues == answer.value
+                                ">
+                                <slot></slot>
+                            </div>
+                        </transition>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+        <div class="row form-test-error mt-1">
+            <error-message
+                class="small"
+                :name="formatString(groupName)"
+                v-if="!suppressError"></error-message>
+        </div>
+    </div>
+</template>
+
+<script>
+import listButton from "@/ux-components/list-button/list-button";
+import listButtonHorizontal from "@/ux-components/list-button-horizontal/list-button-horizontal";
+import listCard from "@/ux-components/list-card/list-card";
+import radio from "@/ux-components/radio/radio";
+import { ErrorMessage } from "vee-validate";
+
+export default {
+    name: "buttonQuestion",
+    props: {
+        buttonTypeString: {
+            type: String,
+            default: "listButton",
+        },
+        buttonTypeObject: {
+            type: Object,
+            default: null,
+        },
+        isMultiSelect: Boolean,
+        groupName: String,
+        questionText: String,
+        answers: Array,
+        textPosition: {
+            type: String,
+            default: "text-center",
+        },
+        selectingInitiatesLoad: Boolean,
+        loaderColor: {
+            type: String,
+            default: "blue",
+        },
+        loaderPosition: {
+            type: String,
+            default: "right",
+        },
+        isRequired: Boolean,
+        isOverflowScrollable: Boolean,
+        isWide: Boolean,
+        isCashOrInsurance: Boolean,
+        modelValue: [Array, Number, String],
+        value: [Number, String],
+        validationRules: String,
+        suppressError: Boolean,
+        useTextForValue: Boolean,
+        valueToLogType: String,
+        additionalButtonStyling: String,
+    },
+    beforeMount() {
+        if (this.buttonTypeObject) {
+            this.$options.components[this.buttonTypeString] = this.buttonTypeObject;
+        }
+    },
+    data() {
+        return {
+            lastValuePushedToGa: null,
+        };
+    },
+    computed: {
+        getFieldSetClasses() {
+            if (this.isOverflowScrollable) {
+                return "container-fluid overflow-scroll position-absolute px-5 pt-1 py-0";
+            } else if (this.buttonTypeString == "listCard") {
+                return "w-100";
+            } else {
+                return "";
+            }
+        },
+        getComponentLoopWrapperClasses() {
+            let classes;
+            switch (this.buttonTypeString) {
+                case "listButton":
+                    classes = "w-100";
+                    break;
+                case "listButtonHorizontal":
+                    classes = "d-flex flex-row p-0";
+                    break;
+                case "listCard":
+                    classes = "row g-2 justify-content-center";
+                    if (this.isWide) {
+                        classes += " flex-column";
+                    }
+                    break;
+                case "radio":
+                    classes = "ui-radio d-flex";
+                    break;
+                case "servicePackageRadio":
+                    classes = "package-main";
+                    break;
+            }
+            return classes;
+        },
+        getComponentWrapperClasses() {
+            let classes = "";
+
+            classes += this.isWide ? "col-12" : "col";
+
+            if (this.buttonTypeString == "radio") {
+                classes += " radio-button-container";
+            } else if (this.buttonTypeString == "servicePackageRadio") {
+                classes = "package-wrapper";
+            }
+
+            return classes;
+        },
+        buttonsInfo() {
+            return (Array.isArray(this.answers) ? this.answers : [])?.map((answer) => ({
+                buttonLabel: answer.buttonLabel ?? answer.Text ?? answer,
+                altText: answer.altText ?? (answer.Name ? answer.Name : answer),
+                buttonLabelSubCopy: answer.buttonLabelSubCopy ?? answer.SubText,
+                buttonBodyCopy: answer.buttonBodyCopy ?? answer.buttonBodyCopy,
+                buttonAuxillaryCopy: answer.buttonAuxillaryCopy ?? answer.buttonAuxillaryCopy,
+                buttonFooterCopy: answer.buttonFooterCopy ?? answer.buttonFooterCopy,
+                buttonImage: answer.buttonImage ?? answer.AnswerImageUrl,
+                buttonImageId: answer.buttonImageId ?? answer.ImageId,
+                groupName: this.formatString(this.groupName),
+                value:
+                    answer.value ??
+                    (this.useTextForValue && answer.Text ? answer.Text : answer.Name) ??
+                    (typeof answer !== "object" ? answer : null),
+            }));
+        },
+        selectedValues: {
+            get() {
+                return this.modelValue;
+            },
+            set(selectedAnswers) {
+                this.$emit("update:modelValue", selectedAnswers);
+            },
+        },
+    },
+    methods: {
+        formatString(str) {
+            return str?.replaceAll(" ", "-");
+        },
+        setLastValuePushedToGa(lastValuePushedToGa) {
+            this.lastValuePushedToGa = lastValuePushedToGa;
+        },
+    },
+    components: {
+        listButton,
+        listButtonHorizontal,
+        listCard,
+        ErrorMessage,
+        radio,
+    },
+};
+</script>
+
+<style lang="scss">
+.button-question-overflow {
+    height: calc(100vh - 274px);
+
+    .overflow-scroll {
+        // Height will be determined by overall height of content above list
+        height: calc(100% - 314px);
+        overflow-x: hidden !important;
+        -webkit-overflow-scrolling: touch;
+    }
+}
+.button-question {
+    color: $black;
+
+    .radio-button-container {
+        &:not(:last-child) {
+            padding-bottom: map-get($spacers, 2);
+        }
+    }
+}
+.question-text {
+    margin-top: 1.5rem;
+    margin-bottom: 1rem;
+    font-size: 1rem;
+    line-height: 1.625rem;
+
+    & > span {
+        text-align: center;
+    }
+}
+
+.vehicle-parts {
+    .question-text {
+        span {
+            font-size: 0.875rem;
+            text-align: left;
+            margin: 0 0 0.5rem 0;
+        }
+    }
+    .question-text {
+        margin: 0;
+    }
+    fieldset {
+        .ui-radio {
+            margin: 0;
+        }
+    }
+}
+
+.welcome {
+  .question-text {
+      span {
+          text-align: left;
+          margin: 0 0 0.25rem 0;
+      }
+  }
+  .question-text {
+      margin: 0;
+  }
+  fieldset {
+      .ui-radio {
+          margin: 0;
+      }
+  }
+}
+</style>

src/digital-components/modal/modal.vue

@@ -3,7 +3,7 @@
     <div
         class="modal fade modal-component"
         v-on="{ 'hidden.bs.modal': resetButtonStyle }"
-        :id="this.cmsWidgetName"
+        :id="cmsWidgetName"
         tabindex="-1"
         aria-labelledby="ModalComponentLabel"
         aria-hidden="true">
@@ -17,13 +17,18 @@
                         aria-label="Close"></button>
                 </div>
                 <div class="modal-body ps-4 pe-4 pt-5 pb-4">
-                    <img :src="this.ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
+                    <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
-                    <h5 class="mb-4" v-html="this.ModalHeadline"></h5>
+                    <h5 class="mb-4" v-html="ModalHeadline"></h5>
-                    <p class="fw-bold mb-2 subheader-text" v-html="this.ModalSubheadertext"></p>
+                    <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
-                    <p class="mb-0" v-html="this.ModalBodyText"></p>
+                    <p class="mb-0" v-html="ModalBodyText"></p>
+                    <p
+                        class="my-4 caption modal-sub-body"
+                        v-if="ModalSubBodyText"
+                        v-html="ModalSubBodyText"></p>
                 </div>
                 <div class="modal-footer px-5 py-4">
                     <buttonMain
+                        isPrimary
                         class="w-100"
                         ref="buttonMain"
                         suppressLoader
@@ -54,6 +59,9 @@ export default {
         ModalBodyText() {
             return this.getCmsContent(this.cmsWidgetName, "BodyText");
         },
+        ModalSubBodyText() {
+            return this.getCmsContent(this.cmsWidgetName, "BodyText2");
+        },
         ModalImage() {
             return this.getCmsContent(this.cmsWidgetName, "Image");
         },
@@ -97,6 +105,9 @@ export default {
                 box-shadow: 0px 16px 48px -16px rgba(0, 0, 0, 0.25);
                 border-radius: 1.5rem 1.5rem 0 0;
                 .modal-body {
+                    .modal-sub-body {
+                        color: $gray-600;
+                    }
                     ul {
                         margin-bottom: 0;
                     }
@@ -130,4 +141,4 @@ body {
         }
     }
 }
-</style>
+</style>

src/digital-components/question-chain/question-chain.spec.js

@@ -1,5 +1,5 @@
 import { shallowMount } from "@vue/test-utils";
-import questionChain from "@/common-components/question-chain/question-chain.vue";
+import questionChain from "@/digital-components/question-chain/question-chain.vue";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 import { nextTick } from "vue";
 

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

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 import { useValidateForm } from "vee-validate";
 
 export default {

src/digital-components/text-block/text-block.vue

@@ -1,6 +1,6 @@
 <template>
     <div
-        class="text-block d-flex w-100 mt-2"
+        class="text-block w-100 mt-2"
         :class="[justifyText, typeStyle, fontWeight]"
         v-html="this.TextBlockCopy"></div>
 </template>

src/digital-components/textbox-question/textbox-question.vue

@@ -44,8 +44,8 @@
             <button v-if="includeSelectIcon" type="submit" data-bs-toggle="modal"
                 :data-bs-target="'#' + this.cmsWidgetName" aria-label="Select button" />
         </div>
-        <div v-show="errorMessage" class="row my-2 form-test-error mb-0">
+        <div v-show="errorMessage" class="row my-1 form-test-error">
-            <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
+            <span class="d-inline-flex small mt-0" role="alert">{{ errorMessage }}</span>
         </div>
     </div>
 </template>

src/iss-components/address-questions/address-questions.spec.js

@@ -1,5 +1,5 @@
 // Components
-import addressQuestions from "@/common-components/address-questions/address-questions";
+import addressQuestions from "@/iss-components/address-questions/address-questions";
 
 // Supporting Files
 import { mount, shallowMount } from "@vue/test-utils";

src/iss-components/address-questions/address-questions.vue

@@ -31,6 +31,17 @@
                     @keydown.enter.prevent />
             </div>
         </div>
+        <div class="row mt-2 mb-4" v-if="includeStreetAddress2">
+            <div class="col">
+                <textboxQuestion
+                    cmsWidgetName="StreetAddress2QuestionWidget"
+                    v-model="addressModel.streetAddress2"
+                    aria-haspopup=""
+                    inputId="streetAddress2Field"
+                    disableAutoFill
+                     />
+            </div>
+        </div>
         <transition name="fade" mode="out-in">
             <div class="row mb-4" aria-live="polite">
                 <div class="col">
@@ -73,8 +84,8 @@
 </template>
 
 <script>
-import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
-import dropdownQuestion from "@/common-components/dropdown-question/dropdown-question";
+import dropdownQuestion from "@/digital-components/dropdown-question/dropdown-question";
 import alert from "@/ux-components/alert/alert";
 import { applicationConfig } from "@/constants/application-config.js";
 import { defineRule } from "vee-validate";
@@ -98,12 +109,14 @@ export default {
             type: Object,
             default: () => ({
                 streetAddress: "",
+                streetAddress2: "",
                 city: "",
                 state: "",
                 zipCode: "",
             }),
         },
         validationRules: String,
+        includeStreetAddress2:false,
     },
     data() {
         return {

src/iss-components/button-question-modal/button-question-modal.vue

@@ -47,7 +47,7 @@
 
 <script>
 import buttonMain from "@/ux-components/button-main/button-main";
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 
 export default {
     name: "buttonQuestionModal",

src/iss-components/questions-page-layout/questions-page-layout.spec.js

@@ -1,5 +1,5 @@
 // Components
-import questionsPageLayout from "@/common-components/questions-page-layout/questions-page-layout";
+import questionsPageLayout from "@/iss-components/questions-page-layout/questions-page-layout";
 
 // Supporting Files
 import { shallowMount } from "@vue/test-utils";

src/iss-components/questions-page-layout/questions-page-layout.vue

@@ -35,13 +35,13 @@
 
 <script>
 // Components
-import siteHeader from "@/common-components/site-header/site-header";
+import siteHeader from "@/iss-components/site-header/site-header";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
 import alert from "@/ux-components/alert/alert";
-import questionChain from "@/common-components/question-chain/question-chain";
+import questionChain from "@/digital-components/question-chain/question-chain";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteFooter from "@/iss-components/site-footer/site-footer";
-import loadingModal from "@/common-components/loading-modal/loading-modal.vue";
+import loadingModal from "@/iss-components/loading-modal/loading-modal.vue";
 
 export default {
     name: "questions-page",

src/iss-components/site-header/site-header.spec.js

@@ -1,4 +1,4 @@
-import siteHeader from "@/common-components/site-header/site-header";
+import siteHeader from "@/iss-components/site-header/site-header";
 import { shallowMount } from "@vue/test-utils";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
 

src/iss-components/site-header/site-header.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import menuModal from "@/common-components/site-header/menu-modal/menu-modal";
+import menuModal from "@/iss-components/site-header/menu-modal/menu-modal";
 import alert from "@/ux-components/alert/alert";
 import eventBus from "@/helpers/event-bus/event-bus";
 import { globalEvents } from "@/constants/events";

src/iss-components/site-sub-header/site-sub-header.spec.js

@@ -1,4 +1,4 @@
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
 import { shallowMount } from "@vue/test-utils";
 
 describe("site sub header", () => {

src/iss-components/site-sub-header/site-sub-header.vue

@@ -23,7 +23,7 @@
   </template>
 
 <script>
-import buttonBack from "@/common-components/site-sub-header/button-back/button-back";
+import buttonBack from "@/iss-components/site-sub-header/button-back/button-back";
 
 
     export default ({

src/layouts/address-lookup/address-lookup.vue

@@ -53,13 +53,13 @@
 <script>
 // Components
 import baseFormMixin from '@/mixins/base-form-mixin';
-import siteHeader from "@/common-components/site-header/site-header.vue";
+import siteHeader from "@/iss-components/site-header/site-header.vue";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteFooter from "@/iss-components/site-footer/site-footer";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
 import customerQuestions from "@/layouts/address-lookup/customer-questions/customer-questions";
 import alert from "@/ux-components/alert/alert";
-import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
 
 import { Form } from "vee-validate";
 

src/layouts/address-lookup/customer-questions/customer-questions.vue

@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import addressQuestions from "@/common-components/address-questions/address-questions";
+import addressQuestions from "@/iss-components/address-questions/address-questions";
-import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
 import { defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";

src/layouts/address-vehicles/address-vehicles.vue

@@ -37,10 +37,10 @@ import { settleAllPromises } from '@/helpers/layout-helper';
 // Import Component
 import baseFormMixin from '@/mixins/base-form-mixin';
 import { Form } from 'vee-validate';
-import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
-import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'capability-questions',

src/layouts/capability-questions/capability-questions.vue

@@ -37,10 +37,10 @@ import { settleAllPromises } from '@/helpers/layout-helper';
 // Import Component
 import baseFormMixin from '@/mixins/base-form-mixin';
 import { Form } from 'vee-validate';
-import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
-import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'capability-questions',

src/layouts/coverage-statement/coverage-statement.vue

@@ -37,10 +37,10 @@ import { settleAllPromises } from '@/helpers/layout-helper';
 // Import Component
 import baseFormMixin from '@/mixins/base-form-mixin';
 import { Form } from 'vee-validate';
-import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
-import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'coverage-statement',

src/layouts/license-plate-lookup/license-plate-lookup.vue

@@ -69,12 +69,12 @@ import { states } from "@/constants/states";
 import baseFormMixin from '@/mixins/base-form-mixin';
 import vinPagesMixin from '@/mixins/vin-pages-mixin';
 import { Form } from 'vee-validate';
-import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
-import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
-import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+import textboxQuestion from '@/digital-components/textbox-question/textbox-question.vue';
-import dropdownQuestion from '@/common-components/dropdown-question/dropdown-question.vue';
+import dropdownQuestion from '@/digital-components/dropdown-question/dropdown-question.vue';
 import alert from "@/ux-components/alert/alert";
 
 // Define Validation Rules

src/layouts/molding-questions/molding-questions.vue

@@ -37,10 +37,10 @@ import { settleAllPromises } from '@/helpers/layout-helper';
 // Import Component
 import baseFormMixin from '@/mixins/base-form-mixin';
 import { Form } from 'vee-validate';
-import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
-import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'molding-questions',

src/layouts/part-questions/part-questions.vue

@@ -16,7 +16,7 @@
 
 <script>
 // Components
-import questionsPageLayout from "@/common-components/questions-page-layout/questions-page-layout";
+import questionsPageLayout from "@/iss-components/questions-page-layout/questions-page-layout";
 
 // Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

src/layouts/policy-holder-details/policy-holder-details.vue

@@ -28,7 +28,7 @@
                             validationRules="last-name-required" />
                     </div>        
                 </div>
-                <addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" />
+                <addressQuestions ref="addressQuestions" v-model="customerQuestions.addressQuestions" includeStreetAddress2="true" />
                 <siteFooter
                     cmsWidgetName="SiteFooterWidget"
                     ref="siteFooter"
@@ -42,11 +42,11 @@
 </template>
 <script>
 // Components
-import siteHeader from '@/common-components/site-header/site-header';
+import siteHeader from '@/iss-components/site-header/site-header';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
-import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
-import addressQuestions from "@/common-components/address-questions/address-questions";
+import addressQuestions from "@/iss-components/address-questions/address-questions";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteFooter from "@/iss-components/site-footer/site-footer";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -116,6 +116,7 @@ export default {
                 addressQuestions :
                 {
                     streetAddress: this.mainStore.order.customer.address.streetAddress,
+                    streetAddress2: this.mainStore.order.customer.address.streetAddress2,
                     city: this.mainStore.order.customer.address.city,
                     state: this.mainStore.order.customer.address.state,
                     zipCode: this.mainStore.order.customer.address.zipCode,
@@ -134,4 +135,10 @@ export default {
         Form,
     },
 }
-</script>
+</script>
+<style lang="scss">
+.alert.alert-warning
+{
+    margin-top: 20px;
+}
+</style>

src/layouts/vehicle-damage/damage-location-question/damage-location-question.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 import { defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";

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

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 
 export default {
     name: "replaceOptionsQuestion",

src/layouts/vehicle-damage/side-door-options/side-door-options.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 import replaceOptionsQuestion from "@/layouts/vehicle-damage/replace-options-question/replace-options-question";
 import { defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -59,10 +59,10 @@
 
 <script>
 // Components
-import siteHeader from "@/common-components/site-header/site-header";
+import siteHeader from "@/iss-components/site-header/site-header";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteFooter from "@/iss-components/site-footer/site-footer";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
 import sideDoorOptions from "@/layouts/vehicle-damage/side-door-options/side-door-options";
 import damageLocationQuestion from "@/layouts/vehicle-damage/damage-location-question/damage-location-question";
 import windshieldOptions from "@/layouts/vehicle-damage/windshield-options/windshield-options";

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

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 
 export default {
     name: "windshieldOptions",

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

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 
 export default {
     name: "windshieldDamageTypeQuestion",

src/layouts/vehicle-lookup/vehicle-lookup.spec.js

@@ -1,6 +1,9 @@
 /* eslint-env jest */
 import { mount } from '@vue/test-utils';
 import { navigationScenarios } from '@/router/router-constants/navigation-scenarios';
+import { issPageValues } from '@/router/router-constants/issPage-values';
+import { queryStrings } from '@/constants/query-strings';
+import { GaActions } from "@/constants/analytics";
 import VehicleLookup from './vehicle-lookup.vue';
 
 const vinLookupMethodsMockData = {
@@ -55,6 +58,12 @@ function setupMocks() {
       mixins: [
         {
           computed: {
+            GaActions() {
+              return GaActions;
+            },
+            queryStrings() {
+              return queryStrings;
+            },
             navigationScenarios() {
               return navigationScenarios;
             },
@@ -80,6 +89,7 @@ function setupMocks() {
             }),
             getFooterInfoBoxHeight: jest.fn(() => 80),
             getPageNameByQueryString: jest.fn(() => "vehicle-lookup"),
+            pushEventToGA: jest.fn(),
           },
         },
       ],

src/layouts/vehicle-lookup/vehicle-lookup.vue

@@ -40,10 +40,10 @@ import BaseFormMixin from '@/mixins/base-form-mixin';
 import VIN_LOOKUP_METHODS from '@/constants/vin-lookup-methods';
 
 // Import Component
-import SiteFooter from '@/common-components/site-footer/site-footer.vue';
+import SiteFooter from '@/iss-components/site-footer/site-footer.vue';
-import SiteHeader from '@/common-components/site-header/site-header.vue';
+import SiteHeader from '@/iss-components/site-header/site-header.vue';
-import SiteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import SiteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import VehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import VehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 import VinLookupMethods from './vin-lookup-methods/vin-lookup-methods.vue';
 
 export default {

src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue

@@ -18,7 +18,7 @@ import { required } from '@/helpers/validation-rules';
 import { errorMessages } from '@/constants/error-messages';
 
 // Import Component
-import ButtonQuestion from '@/common-components/button-question/button-question.vue';
+import ButtonQuestion from '@/digital-components/button-question/button-question.vue';
 
 // Define Validation Rules
 defineRule('option-required', required(errorMessages.OPTION_REQUIRED));

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

@@ -13,7 +13,7 @@
   </template>
   
   <script>
-  import buttonQuestion from "@/common-components/button-question/button-question";
+  import buttonQuestion from "@/digital-components/button-question/button-question";
   import { useMainStore } from '@/store';
   
   export default {

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

@@ -27,10 +27,10 @@
 <script>
       // Components
     import makeQuestion from "@/layouts/vehicle-make/make-question/make-question";
-    import siteHeader from "@/common-components/site-header/site-header";
+    import siteHeader from "@/iss-components/site-header/site-header";
-    import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+    import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
-    import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+    import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
-    import siteFooter from "@/common-components/site-footer/site-footer";
+    import siteFooter from "@/iss-components/site-footer/site-footer";
 
       // Supporting files
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

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

@@ -13,7 +13,7 @@
   </template>
   
   <script>
-  import buttonQuestion from "@/common-components/button-question/button-question";
+  import buttonQuestion from "@/digital-components/button-question/button-question";
   import { useMainStore } from '@/store';
   
   export default {

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

@@ -23,10 +23,10 @@
   <script>
   // Components
   import modelQuestion from "@/layouts/vehicle-model/model-question/model-question";
-  import siteHeader from "@/common-components/site-header/site-header";
+  import siteHeader from "@/iss-components/site-header/site-header";
-  import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+  import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
-  import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+  import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
-  import siteFooter from "@/common-components/site-footer/site-footer";
+  import siteFooter from "@/iss-components/site-footer/site-footer";
   
   // Supporting files
   import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue

@@ -37,7 +37,7 @@
 
 <script>
 // Components
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 
 // Supporting files
 import { getTintImage } from "@/constants/tint-mapper";

src/layouts/vehicle-parts/vehicle-parts.vue

@@ -45,10 +45,10 @@
 <script>
 // Components
 import glassPartQuestion from "@/layouts/vehicle-parts/glass-part-question/glass-part-question";
-import siteHeader from "@/common-components/site-header/site-header";
+import siteHeader from "@/iss-components/site-header/site-header";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteFooter from "@/iss-components/site-footer/site-footer";
 import alert from "@/ux-components/alert/alert";
 
 // Supporting Files

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

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import buttonQuestion from "@/common-components/button-question/button-question";
+import buttonQuestion from "@/digital-components/button-question/button-question";
 import { useMainStore } from '@/store';
 
 export default {

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

@@ -25,10 +25,10 @@
 <script>
 // Components
 import styleQuestion from "@/layouts/vehicle-style/style-question/style-question";
-import siteHeader from "@/common-components/site-header/site-header";
+import siteHeader from "@/iss-components/site-header/site-header";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteFooter from "@/iss-components/site-footer/site-footer";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

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

@@ -23,10 +23,10 @@
   <script>
   // Components
   import yearQuestion from "@/layouts/vehicle-year/year-question/year-question";
-  import siteHeader from "@/common-components/site-header/site-header";
+  import siteHeader from "@/iss-components/site-header/site-header";
-  import siteFooter from "@/common-components/site-footer/site-footer";
+  import siteFooter from "@/iss-components/site-footer/site-footer";
-  import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+  import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
-  import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+  import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
   
   // Supporting files
   import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

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

@@ -13,7 +13,7 @@
   </template>
   
   <script>
-  import buttonQuestion from "@/common-components/button-question/button-question";
+  import buttonQuestion from "@/digital-components/button-question/button-question";
   import { useMainStore } from '@/store';
   
   export default {

src/layouts/vin-lookup/vin-location-information/vin-location-information.spec.js

@@ -2,12 +2,23 @@
 import { render } from '@testing-library/vue';
 import userEvent from '@testing-library/user-event';
 import '@testing-library/jest-dom';
+import { issPageValues } from '@/router/router-constants/issPage-values';
+import { queryStrings } from '@/constants/query-strings';
+import { GaActions } from "@/constants/analytics";
 import VinLocationInformationComponent from './vin-location-information.vue';
 
 const mockText = Object.freeze({
   HEADER: 'Mock Header',
   BODY: 'Mock Body',
 });
+const mockRoute = {
+  query: {    
+    issPage: issPageValues.VIN_LOOKUP,
+  },
+};
+const mockRouter = {
+  navigate: jest.fn(),
+};
 
 const mountOptions = {
   global: {
@@ -27,9 +38,22 @@ const mountOptions = {
 
             return '';
           }),
+          pushEventToGA: jest.fn()
         },
+        computed: {
+          GaActions() {
+            return GaActions;
+          },
+          queryStrings() {
+            return queryStrings;
+          },
+        }
       },
     ],
+    mocks: {
+      $route: mockRoute,
+      $router: mockRouter,
+    },
   },
 };
 

src/layouts/vin-lookup/vin-lookup.spec.js

@@ -6,6 +6,8 @@ import { createTestingPinia } from '@pinia/testing';
 import userEvent from '@testing-library/user-event';
 import { errorMessages } from '@/constants/error-messages';
 import { issPageValues } from '@/router/router-constants/issPage-values';
+import { queryStrings } from '@/constants/query-strings';
+import { GaActions } from "@/constants/analytics";
 import { navigationScenarios } from '@/router/router-constants/navigation-scenarios';
 import { routerParams } from '@/router/router-params';
 import { useMainStore } from '@/store';
@@ -134,11 +136,18 @@ const mountOptions = {
           getFooterInfoBoxHeight: jest.fn(() => 80),
           cssClassNameForCmsWidget: jest.fn(() => 'widget-name-mock-class'),
           getPageNameByQueryString: jest.fn(() => ''),
+          pushEventToGA: jest.fn(),
         },
         computed: {
+          GaActions() {
+            return GaActions;
+          },
           navigationScenarios() {
             return navigationScenarios;
           },
+          queryStrings() {
+            return queryStrings;
+          },
         },
       },
     ],

src/layouts/vin-lookup/vin-lookup.vue

@@ -51,10 +51,10 @@ import { useMainStore } from '@/store';
 import baseFormMixin from '@/mixins/base-form-mixin';
 import vehicleQuestionsMixin from '@/mixins/vehicle-questions-mixin';
 import { Form } from 'vee-validate';
-import siteFooter from '@/common-components/site-footer/site-footer.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
-import siteHeader from '@/common-components/site-header/site-header.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 import vinLocationInformation from './vin-location-information/vin-location-information.vue';
 import vinLookupAlerts from './vin-lookup-alerts/vin-lookup-alerts.vue';
 import vinQuestion from './vin-question/vin-question.vue';

src/layouts/vin-lookup/vin-question/vin-question.vue

@@ -17,7 +17,7 @@ import { regex, required } from '@/helpers/validation-rules';
 import { errorMessages } from '@/constants/error-messages';
 
 // Import Component(s)
-import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+import textboxQuestion from '@/digital-components/textbox-question/textbox-question.vue';
 
 defineRule('vin-required', required(errorMessages.VIN_REQUIRED));
 defineRule('vin-format', regex(/^[a-hA-Hj-nJ-NpPr-zR-Z0-9]{17}$/, errorMessages.VIN_FORMAT));

src/layouts/welcome-page/welcome-page.vue

@@ -132,13 +132,13 @@
 
     <script>
     // Components
-    import siteHeader from '@/common-components/site-header/site-header';
+    import siteHeader from '@/iss-components/site-header/site-header';
-    import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
+    import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
-    import siteFooter from "@/common-components/site-footer/site-footer";
+    import siteFooter from "@/iss-components/site-footer/site-footer";
-    import textboxQuestion from "@/common-components/textbox-question/textbox-question";
+    import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
-    import buttonQuestion from "@/common-components/button-question/button-question";
+    import buttonQuestion from "@/digital-components/button-question/button-question";
-    import dropdownQuestion from "@/common-components/dropdown-question/dropdown-question";
+    import dropdownQuestion from "@/digital-components/dropdown-question/dropdown-question";
-    import textBlock from "@/common-components/text-block/text-block";
+    import textBlock from "@/digital-components/text-block/text-block";
     
     // Supporting files
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";

src/mixins/input-button-wrapper-mixin.js

@@ -1,4 +1,4 @@
-import { inputButtonProps } from "@/common-components/base-input-button/button-functionality-props";
+import { inputButtonProps } from "@/digital-components/base-input-button/button-functionality-props";
 
 export default {
     model: {

src/store/index.js

@@ -52,6 +52,7 @@ const getDefaultState = () => {
       customer: {
         address: {
           streetAddress: null,
+          streetAddress2: null,
           city: null,
           state: null,
           zipCode: null,
@@ -668,6 +669,7 @@ export const useMainStore = defineStore({
       updatePolicyHolderDetails(customerQuestions)
       {
         this.order.customer.address.streetAddress = customerQuestions.addressQuestions.streetAddress;
+        this.order.customer.address.streetAddress2 = customerQuestions.addressQuestions.streetAddress2;
         this.order.customer.address.city = customerQuestions.addressQuestions.city;
         this.order.customer.address.state = customerQuestions.addressQuestions.state;
         this.order.customer.address.zipCode = customerQuestions.addressQuestions.zipCode;

src/styles/shared-input-button-styles.scss

@@ -7,7 +7,7 @@
         &.list-card {
             &:not(.selected) {
                 position: relative;
-                z-index: 4;
+                z-index: 5;
                 @include box-shadow-hover($blue-300);
             }
         }

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

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import baseInputButton from "@/common-components/base-input-button/base-input-button";
+import baseInputButton from "@/digital-components/base-input-button/base-input-button";
 import inputButtonWrapperMixin from "@/mixins/input-button-wrapper-mixin";
 
 export default {

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

@@ -24,7 +24,7 @@
 
 <script>
 import loader from "@/ux-components/loader/loader";
-import baseInputButton from "@/common-components/base-input-button/base-input-button";
+import baseInputButton from "@/digital-components/base-input-button/base-input-button";
 import inputButtonWrapperMixin from "@/mixins/input-button-wrapper-mixin";
 
 export default {

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

@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import baseInputButton from "@/common-components/base-input-button/base-input-button";
+import baseInputButton from "@/digital-components/base-input-button/base-input-button";
 import inputButtonWrapperMixin from "@/mixins/input-button-wrapper-mixin";
 
 export default {

src/ux-components/text-link/text-link.vue

@@ -11,10 +11,6 @@
       {{text}}
       <slot name="after-text"></slot>
     </a>
-    <a v-else-if="linkType === 'dashedUnderline'" @click="handleClick" class="dashed-underline" :href="href">
-      {{text}}
-      <slot name="after-text"></slot>
-    </a>
     <a v-else-if="linkType === 'text'" @click="handleClick" :href="href">
       {{text}}
       <slot name="after-text"></slot>
@@ -33,6 +29,12 @@
     },
     methods: {
       handleClick(event) {
+        this.pushEventToGA(
+            this.$route.query[this.queryStrings.ISS_PAGE],
+            this.GaActions.CLICKED,
+            this.text,
+            true
+        );
         this.$emit("click-event");
       },
     },
@@ -41,10 +43,9 @@
   
   <style lang="scss">
   a {
-    display: inline-flex !important;
     color: $blue;
-    text-underline-offset: 0.5em;
+    text-underline-offset: 5px;
-    line-height: 26px;
+    line-height: 2;
     padding: 0 0 4px 0;
     font-weight: 500;
     max-width: fit-content;
@@ -75,9 +76,6 @@
         text-decoration: underline;
       }
     }
-    &.dashed-underline {
-      text-decoration: underline dashed 1px;
-    }
   }
   </style>