From 8ab98384252da62bbaa33efc6dc0864c3376ecc0 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Fri, 20 Jan 2023 15:30:32 -0500
Subject: [PATCH 01/12] SSR-199

---
 .../base-input-button/base-input-button.vue        |  2 +-
 .../button-functionality-props.js                  |  0
 .../button-question/button-question.spec.js        |  2 +-
 .../button-question/button-question.vue            |  0
 .../dropdown-question/dropdown-question.spec.js    |  0
 .../dropdown-question/dropdown-question.vue        |  0
 .../modal/modal.spec.js                            |  0
 .../modal/modal.vue                                |  0
 .../question-chain/question-chain.spec.js          |  2 +-
 .../question-chain/question-chain.vue              |  2 +-
 .../text-block/text-block.spec.js                  |  0
 .../text-block/text-block.vue                      |  0
 .../textbox-question/textbox-question.spec.js      |  0
 .../textbox-question/textbox-question.vue          |  0
 .../address-questions/address-questions.spec.js    |  2 +-
 .../address-questions/address-questions.vue        |  4 ++--
 .../button-question-modal.spec.js                  |  0
 .../button-question-modal.vue                      |  2 +-
 .../loading-modal/loading-modal.spec.js            |  0
 .../loading-modal/loading-modal.vue                |  0
 .../nav-button/nav-button.spec.js                  |  0
 .../nav-button/nav-button.vue                      |  0
 .../questions-page-layout.spec.js                  |  2 +-
 .../questions-page-layout.vue                      | 12 ++++++------
 .../site-footer/site-footer.spec.js                |  0
 .../site-footer/site-footer.vue                    |  0
 .../site-header/menu-modal/menu-modal.spec.js      |  0
 .../site-header/menu-modal/menu-modal.vue          |  0
 .../site-header/site-header.spec.js                |  2 +-
 .../site-header/site-header.vue                    |  2 +-
 .../button-back/button-back.spec.js                |  0
 .../site-sub-header/button-back/button-back.vue    |  0
 .../site-sub-header/site-sub-header.spec.js        |  2 +-
 .../site-sub-header/site-sub-header.vue            |  2 +-
 .../vehicle-banner/vehicle-banner.spec.js          |  0
 .../vehicle-banner/vehicle-banner.vue              |  0
 src/layouts/address-lookup/address-lookup.vue      | 10 +++++-----
 .../customer-questions/customer-questions.vue      |  4 ++--
 src/layouts/address-vehicles/address-vehicles.vue  |  8 ++++----
 .../capability-questions/capability-questions.vue  |  8 ++++----
 .../coverage-statement/coverage-statement.vue      |  8 ++++----
 .../license-plate-lookup/license-plate-lookup.vue  | 10 +++++-----
 .../molding-questions/molding-questions.vue        |  8 ++++----
 src/layouts/part-questions/part-questions.vue      |  2 +-
 .../policy-holder-details.vue                      | 10 +++++-----
 .../damage-location-question.vue                   |  2 +-
 .../replace-options-question.vue                   |  2 +-
 .../side-door-options/side-door-options.vue        |  2 +-
 src/layouts/vehicle-damage/vehicle-damage.vue      |  8 ++++----
 .../windshield-chip-count-question.vue             |  2 +-
 .../windshield-damage-type-question.vue            |  2 +-
 src/layouts/vehicle-lookup/vehicle-lookup.vue      |  8 ++++----
 .../vin-lookup-methods/vin-lookup-methods.vue      |  2 +-
 .../vehicle-make/make-question/make-question.vue   |  2 +-
 src/layouts/vehicle-make/vehicle-make.vue          |  8 ++++----
 .../model-question/model-question.vue              |  2 +-
 src/layouts/vehicle-model/vehicle-model.vue        |  8 ++++----
 .../glass-part-question/glass-part-question.vue    |  2 +-
 src/layouts/vehicle-parts/vehicle-parts.vue        |  8 ++++----
 .../style-question/style-question.vue              |  2 +-
 src/layouts/vehicle-style/vehicle-style.vue        |  8 ++++----
 src/layouts/vehicle-year/vehicle-year.vue          |  8 ++++----
 .../vehicle-year/year-question/year-question.vue   |  2 +-
 src/layouts/vin-lookup/vin-lookup.vue              |  8 ++++----
 .../vin-lookup/vin-question/vin-question.vue       |  2 +-
 src/layouts/welcome-page/welcome-page.vue          | 14 +++++++-------
 src/mixins/input-button-wrapper-mixin.js           |  2 +-
 .../list-button-horizontal.vue                     |  2 +-
 src/ux-components/list-button/list-button.vue      |  2 +-
 src/ux-components/list-card/list-card.vue          |  2 +-
 70 files changed, 108 insertions(+), 108 deletions(-)
 rename src/{common-components => digital-components}/base-input-button/base-input-button.vue (98%)
 rename src/{common-components => digital-components}/base-input-button/button-functionality-props.js (100%)
 rename src/{common-components => digital-components}/button-question/button-question.spec.js (99%)
 rename src/{common-components => digital-components}/button-question/button-question.vue (100%)
 rename src/{common-components => digital-components}/dropdown-question/dropdown-question.spec.js (100%)
 rename src/{common-components => digital-components}/dropdown-question/dropdown-question.vue (100%)
 rename src/{common-components => digital-components}/modal/modal.spec.js (100%)
 rename src/{common-components => digital-components}/modal/modal.vue (100%)
 rename src/{common-components => digital-components}/question-chain/question-chain.spec.js (99%)
 rename src/{common-components => digital-components}/question-chain/question-chain.vue (98%)
 rename src/{common-components => digital-components}/text-block/text-block.spec.js (100%)
 rename src/{common-components => digital-components}/text-block/text-block.vue (100%)
 rename src/{common-components => digital-components}/textbox-question/textbox-question.spec.js (100%)
 rename src/{common-components => digital-components}/textbox-question/textbox-question.vue (100%)
 rename src/{common-components => iss-components}/address-questions/address-questions.spec.js (99%)
 rename src/{common-components => iss-components}/address-questions/address-questions.vue (98%)
 rename src/{common-components => iss-components}/button-question-modal/button-question-modal.spec.js (100%)
 rename src/{common-components => iss-components}/button-question-modal/button-question-modal.vue (98%)
 rename src/{common-components => iss-components}/loading-modal/loading-modal.spec.js (100%)
 rename src/{common-components => iss-components}/loading-modal/loading-modal.vue (100%)
 rename src/{common-components => iss-components}/nav-button/nav-button.spec.js (100%)
 rename src/{common-components => iss-components}/nav-button/nav-button.vue (100%)
 rename src/{common-components => iss-components}/questions-page-layout/questions-page-layout.spec.js (98%)
 rename src/{common-components => iss-components}/questions-page-layout/questions-page-layout.vue (87%)
 rename src/{common-components => iss-components}/site-footer/site-footer.spec.js (100%)
 rename src/{common-components => iss-components}/site-footer/site-footer.vue (100%)
 rename src/{common-components => iss-components}/site-header/menu-modal/menu-modal.spec.js (100%)
 rename src/{common-components => iss-components}/site-header/menu-modal/menu-modal.vue (100%)
 rename src/{common-components => iss-components}/site-header/site-header.spec.js (88%)
 rename src/{common-components => iss-components}/site-header/site-header.vue (97%)
 rename src/{common-components => iss-components}/site-sub-header/button-back/button-back.spec.js (100%)
 rename src/{common-components => iss-components}/site-sub-header/button-back/button-back.vue (100%)
 rename src/{common-components => iss-components}/site-sub-header/site-sub-header.spec.js (88%)
 rename src/{common-components => iss-components}/site-sub-header/site-sub-header.vue (95%)
 rename src/{common-components => iss-components}/vehicle-banner/vehicle-banner.spec.js (100%)
 rename src/{common-components => iss-components}/vehicle-banner/vehicle-banner.vue (100%)

diff --git a/src/common-components/base-input-button/base-input-button.vue b/src/digital-components/base-input-button/base-input-button.vue
similarity index 98%
rename from src/common-components/base-input-button/base-input-button.vue
rename to src/digital-components/base-input-button/base-input-button.vue
index f67ead49..8768bb8c 100644
--- a/src/common-components/base-input-button/base-input-button.vue
+++ b/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",
diff --git a/src/common-components/base-input-button/button-functionality-props.js b/src/digital-components/base-input-button/button-functionality-props.js
similarity index 100%
rename from src/common-components/base-input-button/button-functionality-props.js
rename to src/digital-components/base-input-button/button-functionality-props.js
diff --git a/src/common-components/button-question/button-question.spec.js b/src/digital-components/button-question/button-question.spec.js
similarity index 99%
rename from src/common-components/button-question/button-question.spec.js
rename to src/digital-components/button-question/button-question.spec.js
index b958da8c..427faa99 100644
--- a/src/common-components/button-question/button-question.spec.js
+++ b/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", () => {
diff --git a/src/common-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
similarity index 100%
rename from src/common-components/button-question/button-question.vue
rename to src/digital-components/button-question/button-question.vue
diff --git a/src/common-components/dropdown-question/dropdown-question.spec.js b/src/digital-components/dropdown-question/dropdown-question.spec.js
similarity index 100%
rename from src/common-components/dropdown-question/dropdown-question.spec.js
rename to src/digital-components/dropdown-question/dropdown-question.spec.js
diff --git a/src/common-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
similarity index 100%
rename from src/common-components/dropdown-question/dropdown-question.vue
rename to src/digital-components/dropdown-question/dropdown-question.vue
diff --git a/src/common-components/modal/modal.spec.js b/src/digital-components/modal/modal.spec.js
similarity index 100%
rename from src/common-components/modal/modal.spec.js
rename to src/digital-components/modal/modal.spec.js
diff --git a/src/common-components/modal/modal.vue b/src/digital-components/modal/modal.vue
similarity index 100%
rename from src/common-components/modal/modal.vue
rename to src/digital-components/modal/modal.vue
diff --git a/src/common-components/question-chain/question-chain.spec.js b/src/digital-components/question-chain/question-chain.spec.js
similarity index 99%
rename from src/common-components/question-chain/question-chain.spec.js
rename to src/digital-components/question-chain/question-chain.spec.js
index 64260ddf..e0e2fb15 100644
--- a/src/common-components/question-chain/question-chain.spec.js
+++ b/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";
 
diff --git a/src/common-components/question-chain/question-chain.vue b/src/digital-components/question-chain/question-chain.vue
similarity index 98%
rename from src/common-components/question-chain/question-chain.vue
rename to src/digital-components/question-chain/question-chain.vue
index 11874670..c66d4dcd 100644
--- a/src/common-components/question-chain/question-chain.vue
+++ b/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 {
diff --git a/src/common-components/text-block/text-block.spec.js b/src/digital-components/text-block/text-block.spec.js
similarity index 100%
rename from src/common-components/text-block/text-block.spec.js
rename to src/digital-components/text-block/text-block.spec.js
diff --git a/src/common-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue
similarity index 100%
rename from src/common-components/text-block/text-block.vue
rename to src/digital-components/text-block/text-block.vue
diff --git a/src/common-components/textbox-question/textbox-question.spec.js b/src/digital-components/textbox-question/textbox-question.spec.js
similarity index 100%
rename from src/common-components/textbox-question/textbox-question.spec.js
rename to src/digital-components/textbox-question/textbox-question.spec.js
diff --git a/src/common-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
similarity index 100%
rename from src/common-components/textbox-question/textbox-question.vue
rename to src/digital-components/textbox-question/textbox-question.vue
diff --git a/src/common-components/address-questions/address-questions.spec.js b/src/iss-components/address-questions/address-questions.spec.js
similarity index 99%
rename from src/common-components/address-questions/address-questions.spec.js
rename to src/iss-components/address-questions/address-questions.spec.js
index b72b4ef4..74fd7ad8 100644
--- a/src/common-components/address-questions/address-questions.spec.js
+++ b/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";
diff --git a/src/common-components/address-questions/address-questions.vue b/src/iss-components/address-questions/address-questions.vue
similarity index 98%
rename from src/common-components/address-questions/address-questions.vue
rename to src/iss-components/address-questions/address-questions.vue
index 7a3834a2..96ec7f97 100644
--- a/src/common-components/address-questions/address-questions.vue
+++ b/src/iss-components/address-questions/address-questions.vue
@@ -73,8 +73,8 @@
 </template>
 
 <script>
-import textboxQuestion from "@/common-components/textbox-question/textbox-question";
-import dropdownQuestion from "@/common-components/dropdown-question/dropdown-question";
+import textboxQuestion from "@/digital-components/textbox-question/textbox-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";
diff --git a/src/common-components/button-question-modal/button-question-modal.spec.js b/src/iss-components/button-question-modal/button-question-modal.spec.js
similarity index 100%
rename from src/common-components/button-question-modal/button-question-modal.spec.js
rename to src/iss-components/button-question-modal/button-question-modal.spec.js
diff --git a/src/common-components/button-question-modal/button-question-modal.vue b/src/iss-components/button-question-modal/button-question-modal.vue
similarity index 98%
rename from src/common-components/button-question-modal/button-question-modal.vue
rename to src/iss-components/button-question-modal/button-question-modal.vue
index 223186ae..a0754ab2 100644
--- a/src/common-components/button-question-modal/button-question-modal.vue
+++ b/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",
diff --git a/src/common-components/loading-modal/loading-modal.spec.js b/src/iss-components/loading-modal/loading-modal.spec.js
similarity index 100%
rename from src/common-components/loading-modal/loading-modal.spec.js
rename to src/iss-components/loading-modal/loading-modal.spec.js
diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/iss-components/loading-modal/loading-modal.vue
similarity index 100%
rename from src/common-components/loading-modal/loading-modal.vue
rename to src/iss-components/loading-modal/loading-modal.vue
diff --git a/src/common-components/nav-button/nav-button.spec.js b/src/iss-components/nav-button/nav-button.spec.js
similarity index 100%
rename from src/common-components/nav-button/nav-button.spec.js
rename to src/iss-components/nav-button/nav-button.spec.js
diff --git a/src/common-components/nav-button/nav-button.vue b/src/iss-components/nav-button/nav-button.vue
similarity index 100%
rename from src/common-components/nav-button/nav-button.vue
rename to src/iss-components/nav-button/nav-button.vue
diff --git a/src/common-components/questions-page-layout/questions-page-layout.spec.js b/src/iss-components/questions-page-layout/questions-page-layout.spec.js
similarity index 98%
rename from src/common-components/questions-page-layout/questions-page-layout.spec.js
rename to src/iss-components/questions-page-layout/questions-page-layout.spec.js
index 48427452..9d5c1587 100644
--- a/src/common-components/questions-page-layout/questions-page-layout.spec.js
+++ b/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";
diff --git a/src/common-components/questions-page-layout/questions-page-layout.vue b/src/iss-components/questions-page-layout/questions-page-layout.vue
similarity index 87%
rename from src/common-components/questions-page-layout/questions-page-layout.vue
rename to src/iss-components/questions-page-layout/questions-page-layout.vue
index f2874093..f8df17f8 100644
--- a/src/common-components/questions-page-layout/questions-page-layout.vue
+++ b/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 vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+import siteHeader from "@/iss-components/site-header/site-header";
+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 siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
-import siteFooter from "@/common-components/site-footer/site-footer";
-import loadingModal from "@/common-components/loading-modal/loading-modal.vue";
+import questionChain from "@/digital-components/question-chain/question-chain";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
+import siteFooter from "@/iss-components/site-footer/site-footer";
+import loadingModal from "@/iss-components/loading-modal/loading-modal.vue";
 
 export default {
     name: "questions-page",
diff --git a/src/common-components/site-footer/site-footer.spec.js b/src/iss-components/site-footer/site-footer.spec.js
similarity index 100%
rename from src/common-components/site-footer/site-footer.spec.js
rename to src/iss-components/site-footer/site-footer.spec.js
diff --git a/src/common-components/site-footer/site-footer.vue b/src/iss-components/site-footer/site-footer.vue
similarity index 100%
rename from src/common-components/site-footer/site-footer.vue
rename to src/iss-components/site-footer/site-footer.vue
diff --git a/src/common-components/site-header/menu-modal/menu-modal.spec.js b/src/iss-components/site-header/menu-modal/menu-modal.spec.js
similarity index 100%
rename from src/common-components/site-header/menu-modal/menu-modal.spec.js
rename to src/iss-components/site-header/menu-modal/menu-modal.spec.js
diff --git a/src/common-components/site-header/menu-modal/menu-modal.vue b/src/iss-components/site-header/menu-modal/menu-modal.vue
similarity index 100%
rename from src/common-components/site-header/menu-modal/menu-modal.vue
rename to src/iss-components/site-header/menu-modal/menu-modal.vue
diff --git a/src/common-components/site-header/site-header.spec.js b/src/iss-components/site-header/site-header.spec.js
similarity index 88%
rename from src/common-components/site-header/site-header.spec.js
rename to src/iss-components/site-header/site-header.spec.js
index 0a2cc3c1..b94b4028 100644
--- a/src/common-components/site-header/site-header.spec.js
+++ b/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";
 
diff --git a/src/common-components/site-header/site-header.vue b/src/iss-components/site-header/site-header.vue
similarity index 97%
rename from src/common-components/site-header/site-header.vue
rename to src/iss-components/site-header/site-header.vue
index 1d9d1301..54b39450 100644
--- a/src/common-components/site-header/site-header.vue
+++ b/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";
diff --git a/src/common-components/site-sub-header/button-back/button-back.spec.js b/src/iss-components/site-sub-header/button-back/button-back.spec.js
similarity index 100%
rename from src/common-components/site-sub-header/button-back/button-back.spec.js
rename to src/iss-components/site-sub-header/button-back/button-back.spec.js
diff --git a/src/common-components/site-sub-header/button-back/button-back.vue b/src/iss-components/site-sub-header/button-back/button-back.vue
similarity index 100%
rename from src/common-components/site-sub-header/button-back/button-back.vue
rename to src/iss-components/site-sub-header/button-back/button-back.vue
diff --git a/src/common-components/site-sub-header/site-sub-header.spec.js b/src/iss-components/site-sub-header/site-sub-header.spec.js
similarity index 88%
rename from src/common-components/site-sub-header/site-sub-header.spec.js
rename to src/iss-components/site-sub-header/site-sub-header.spec.js
index d38fa323..22ece651 100644
--- a/src/common-components/site-sub-header/site-sub-header.spec.js
+++ b/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", () => {
diff --git a/src/common-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
similarity index 95%
rename from src/common-components/site-sub-header/site-sub-header.vue
rename to src/iss-components/site-sub-header/site-sub-header.vue
index 5775b406..04198499 100644
--- a/src/common-components/site-sub-header/site-sub-header.vue
+++ b/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 ({
diff --git a/src/common-components/vehicle-banner/vehicle-banner.spec.js b/src/iss-components/vehicle-banner/vehicle-banner.spec.js
similarity index 100%
rename from src/common-components/vehicle-banner/vehicle-banner.spec.js
rename to src/iss-components/vehicle-banner/vehicle-banner.spec.js
diff --git a/src/common-components/vehicle-banner/vehicle-banner.vue b/src/iss-components/vehicle-banner/vehicle-banner.vue
similarity index 100%
rename from src/common-components/vehicle-banner/vehicle-banner.vue
rename to src/iss-components/vehicle-banner/vehicle-banner.vue
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 1fb6868d..7a4df016 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/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 siteFooter from "@/common-components/site-footer/site-footer";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteHeader from "@/iss-components/site-header/site-header.vue";
+import siteFooter from "@/iss-components/site-footer/site-footer";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
+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";
 
diff --git a/src/layouts/address-lookup/customer-questions/customer-questions.vue b/src/layouts/address-lookup/customer-questions/customer-questions.vue
index 57aeff5b..f4062fe6 100644
--- a/src/layouts/address-lookup/customer-questions/customer-questions.vue
+++ b/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 textboxQuestion from "@/common-components/textbox-question/textbox-question";
+import addressQuestions from "@/iss-components/address-questions/address-questions";
+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";
diff --git a/src/layouts/address-vehicles/address-vehicles.vue b/src/layouts/address-vehicles/address-vehicles.vue
index d8e7e990..b6e1835b 100644
--- a/src/layouts/address-vehicles/address-vehicles.vue
+++ b/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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'capability-questions',
diff --git a/src/layouts/capability-questions/capability-questions.vue b/src/layouts/capability-questions/capability-questions.vue
index e331206b..d25d958a 100644
--- a/src/layouts/capability-questions/capability-questions.vue
+++ b/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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'capability-questions',
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 71b67275..2e0e7565 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'coverage-statement',
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 7d417eee..d33b39c2 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -54,11 +54,11 @@ import { defineRule } from "vee-validate";
 // 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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
-import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
+import textboxQuestion from '@/digital-components/textbox-question/textbox-question.vue';
 import licensePlateLookupAlerts from '@/layouts/license-plate-lookup/license-plate-lookup-alerts/license-plate-lookup-alerts.vue';
 
 // Define Validation Rules
diff --git a/src/layouts/molding-questions/molding-questions.vue b/src/layouts/molding-questions/molding-questions.vue
index 155d8552..bdf3e956 100644
--- a/src/layouts/molding-questions/molding-questions.vue
+++ b/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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 
 export default {
   name: 'molding-questions',
diff --git a/src/layouts/part-questions/part-questions.vue b/src/layouts/part-questions/part-questions.vue
index 0281b740..58a60621 100644
--- a/src/layouts/part-questions/part-questions.vue
+++ b/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";
diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 9121ee67..e9347e8d 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -42,11 +42,11 @@
 </template>
 <script>
 // Components
-import siteHeader from '@/common-components/site-header/site-header';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
-import textboxQuestion from "@/common-components/textbox-question/textbox-question";
-import addressQuestions from "@/common-components/address-questions/address-questions";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteHeader from '@/iss-components/site-header/site-header';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
+import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
+import addressQuestions from "@/iss-components/address-questions/address-questions";
+import siteFooter from "@/iss-components/site-footer/site-footer";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
diff --git a/src/layouts/vehicle-damage/damage-location-question/damage-location-question.vue b/src/layouts/vehicle-damage/damage-location-question/damage-location-question.vue
index b015907a..52d9fc95 100644
--- a/src/layouts/vehicle-damage/damage-location-question/damage-location-question.vue
+++ b/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";
diff --git a/src/layouts/vehicle-damage/replace-options-question/replace-options-question.vue b/src/layouts/vehicle-damage/replace-options-question/replace-options-question.vue
index e7884c9e..6e4dada2 100644
--- a/src/layouts/vehicle-damage/replace-options-question/replace-options-question.vue
+++ b/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",
diff --git a/src/layouts/vehicle-damage/side-door-options/side-door-options.vue b/src/layouts/vehicle-damage/side-door-options/side-door-options.vue
index 5a44ccfb..69cc6c06 100644
--- a/src/layouts/vehicle-damage/side-door-options/side-door-options.vue
+++ b/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";
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index b4c96911..ab07d525 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -59,10 +59,10 @@
 
 <script>
 // Components
-import siteHeader from "@/common-components/site-header/site-header";
-import siteFooter from "@/common-components/site-footer/site-footer";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
+import siteHeader from "@/iss-components/site-header/site-header";
+import siteFooter from "@/iss-components/site-footer/site-footer";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
+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";
diff --git a/src/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question.vue b/src/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question.vue
index 48b813f2..1f560211 100644
--- a/src/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question.vue
+++ b/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",
diff --git a/src/layouts/vehicle-damage/windshield-options/windshield-damage-type-question/windshield-damage-type-question.vue b/src/layouts/vehicle-damage/windshield-options/windshield-damage-type-question/windshield-damage-type-question.vue
index 01e14608..e6775b24 100644
--- a/src/layouts/vehicle-damage/windshield-options/windshield-damage-type-question/windshield-damage-type-question.vue
+++ b/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",
diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.vue b/src/layouts/vehicle-lookup/vehicle-lookup.vue
index 9e65310e..c9064901 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.vue
+++ b/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 SiteHeader from '@/common-components/site-header/site-header.vue';
-import SiteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import VehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import SiteFooter from '@/iss-components/site-footer/site-footer.vue';
+import SiteHeader from '@/iss-components/site-header/site-header.vue';
+import SiteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import VehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
 import VinLookupMethods from './vin-lookup-methods/vin-lookup-methods.vue';
 
 export default {
diff --git a/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue b/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue
index 3465f60a..e5b8bee2 100644
--- a/src/layouts/vehicle-lookup/vin-lookup-methods/vin-lookup-methods.vue
+++ b/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));
diff --git a/src/layouts/vehicle-make/make-question/make-question.vue b/src/layouts/vehicle-make/make-question/make-question.vue
index 15e86c3c..3bb1a818 100644
--- a/src/layouts/vehicle-make/make-question/make-question.vue
+++ b/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 {
diff --git a/src/layouts/vehicle-make/vehicle-make.vue b/src/layouts/vehicle-make/vehicle-make.vue
index 4fa68860..4be988e9 100644
--- a/src/layouts/vehicle-make/vehicle-make.vue
+++ b/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 siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
-    import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-    import siteFooter from "@/common-components/site-footer/site-footer";
+    import siteHeader from "@/iss-components/site-header/site-header";
+    import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
+    import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
+    import siteFooter from "@/iss-components/site-footer/site-footer";
 
       // Supporting files
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
diff --git a/src/layouts/vehicle-model/model-question/model-question.vue b/src/layouts/vehicle-model/model-question/model-question.vue
index 064007e0..595fcb4f 100644
--- a/src/layouts/vehicle-model/model-question/model-question.vue
+++ b/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 {
diff --git a/src/layouts/vehicle-model/vehicle-model.vue b/src/layouts/vehicle-model/vehicle-model.vue
index bf5bc4d2..bb3b0d40 100644
--- a/src/layouts/vehicle-model/vehicle-model.vue
+++ b/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 siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
-  import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-  import siteFooter from "@/common-components/site-footer/site-footer";
+  import siteHeader from "@/iss-components/site-header/site-header";
+  import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
+  import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
+  import siteFooter from "@/iss-components/site-footer/site-footer";
   
   // Supporting files
   import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
index 7257c08c..69ff2cc2 100644
--- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
+++ b/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";
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index bd5a6be0..06780711 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/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 vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteHeader from "@/iss-components/site-header/site-header";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
+import siteFooter from "@/iss-components/site-footer/site-footer";
 import alert from "@/ux-components/alert/alert";
 
 // Supporting Files
diff --git a/src/layouts/vehicle-style/style-question/style-question.vue b/src/layouts/vehicle-style/style-question/style-question.vue
index d8178371..84e4d19a 100644
--- a/src/layouts/vehicle-style/style-question/style-question.vue
+++ b/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 {
diff --git a/src/layouts/vehicle-style/vehicle-style.vue b/src/layouts/vehicle-style/vehicle-style.vue
index 62478f57..e8b3e942 100644
--- a/src/layouts/vehicle-style/vehicle-style.vue
+++ b/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 siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
-import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
-import siteFooter from "@/common-components/site-footer/site-footer";
+import siteHeader from "@/iss-components/site-header/site-header";
+import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
+import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
+import siteFooter from "@/iss-components/site-footer/site-footer";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
diff --git a/src/layouts/vehicle-year/vehicle-year.vue b/src/layouts/vehicle-year/vehicle-year.vue
index 2b77d951..598e4728 100644
--- a/src/layouts/vehicle-year/vehicle-year.vue
+++ b/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 siteFooter from "@/common-components/site-footer/site-footer";
-  import siteSubHeader from "@/common-components/site-sub-header/site-sub-header";
-  import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
+  import siteHeader from "@/iss-components/site-header/site-header";
+  import siteFooter from "@/iss-components/site-footer/site-footer";
+  import siteSubHeader from "@/iss-components/site-sub-header/site-sub-header";
+  import vehicleBanner from "@/iss-components/vehicle-banner/vehicle-banner";
   
   // Supporting files
   import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
diff --git a/src/layouts/vehicle-year/year-question/year-question.vue b/src/layouts/vehicle-year/year-question/year-question.vue
index 8af5fce9..540740eb 100644
--- a/src/layouts/vehicle-year/year-question/year-question.vue
+++ b/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 {
diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 6b0dbb8c..d3751f1f 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.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';
diff --git a/src/layouts/vin-lookup/vin-question/vin-question.vue b/src/layouts/vin-lookup/vin-question/vin-question.vue
index 65a7129b..e0d6deda 100644
--- a/src/layouts/vin-lookup/vin-question/vin-question.vue
+++ b/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));
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 5e04a9da..c1a873de 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -132,13 +132,13 @@
 
     <script>
     // Components
-    import siteHeader from '@/common-components/site-header/site-header';
-    import siteSubHeader from '@/common-components/site-sub-header/site-sub-header';
-    import siteFooter from "@/common-components/site-footer/site-footer";
-    import textboxQuestion from "@/common-components/textbox-question/textbox-question";
-    import buttonQuestion from "@/common-components/button-question/button-question";
-    import dropdownQuestion from "@/common-components/dropdown-question/dropdown-question";
-    import textBlock from "@/common-components/text-block/text-block";
+    import siteHeader from '@/iss-components/site-header/site-header';
+    import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
+    import siteFooter from "@/iss-components/site-footer/site-footer";
+    import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
+    import buttonQuestion from "@/digital-components/button-question/button-question";
+    import dropdownQuestion from "@/digital-components/dropdown-question/dropdown-question";
+    import textBlock from "@/digital-components/text-block/text-block";
     
     // Supporting files
     import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
diff --git a/src/mixins/input-button-wrapper-mixin.js b/src/mixins/input-button-wrapper-mixin.js
index 1d34d652..286c3f21 100644
--- a/src/mixins/input-button-wrapper-mixin.js
+++ b/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: {
diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue
index e51d9ecd..ab2ee523 100644
--- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue
+++ b/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 {
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index d6770b1a..029c7919 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/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 {
diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue
index ed70705c..7755249a 100644
--- a/src/ux-components/list-card/list-card.vue
+++ b/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 {

From 63a6891f15288bedfd7b8f53b7814e5f596d7c35 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Fri, 20 Jan 2023 16:16:33 -0500
Subject: [PATCH 02/12] Adjust path for license-plate-lookup

---
 .../license-plate-lookup/license-plate-lookup.vue    | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index e864aae3..703096a2 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -68,12 +68,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 siteHeader from '@/common-components/site-header/site-header.vue';
-import siteSubHeader from '@/common-components/site-sub-header/site-sub-header.vue';
-import vehicleBanner from '@/common-components/vehicle-banner/vehicle-banner.vue';
-import textboxQuestion from '@/common-components/textbox-question/textbox-question.vue';
-import dropdownQuestion from '@/common-components/dropdown-question/dropdown-question.vue';
+import siteFooter from '@/iss-components/site-footer/site-footer.vue';
+import siteHeader from '@/iss-components/site-header/site-header.vue';
+import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
+import vehicleBanner from '@/iss-components/vehicle-banner/vehicle-banner.vue';
+import textboxQuestion from '@/digital-components/textbox-question/textbox-question.vue';
+import dropdownQuestion from '@/digital-components/dropdown-question/dropdown-question.vue';
 import alert from "@/ux-components/alert/alert";
 
 // Define Validation Rules

From c098a6a2d1fe8ced8ad882161b49a5805fa7b98f Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Sun, 22 Jan 2023 20:31:44 -0500
Subject: [PATCH 03/12] SSR-234

---
 src/digital-components/modal/modal.vue     | 23 ++++++++++++++++------
 src/styles/shared-input-button-styles.scss |  2 +-
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 9845e089..8d961830 100644
--- a/src/digital-components/modal/modal.vue
+++ b/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="" />
-                    <h5 class="mb-4" v-html="this.ModalHeadline"></h5>
-                    <p class="fw-bold mb-2 subheader-text" v-html="this.ModalSubheadertext"></p>
-                    <p class="mb-0" v-html="this.ModalBodyText"></p>
+                    <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
+                    <h5 class="mb-4" v-html="ModalHeadline"></h5>
+                    <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></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>
\ No newline at end of file
diff --git a/src/styles/shared-input-button-styles.scss b/src/styles/shared-input-button-styles.scss
index dbffa5b0..9af066bb 100644
--- a/src/styles/shared-input-button-styles.scss
+++ b/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);
             }
         }

From 21d21e3489c75aa76666b9442d4083aa889bc6e6 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Mon, 23 Jan 2023 07:53:11 -0500
Subject: [PATCH 04/12] commit

---
 .../policy-holder-details/policy-holder-details.vue       | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 9121ee67..844135a0 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/src/layouts/policy-holder-details/policy-holder-details.vue
@@ -134,4 +134,10 @@ export default {
         Form,
     },
 }
-</script>
\ No newline at end of file
+</script>
+<style lang="scss">
+.alert.alert-warning
+{
+    margin-top: 20px;
+}
+</style>
\ No newline at end of file

From b13b80de237330ed83ccd3313e5b918601313c45 Mon Sep 17 00:00:00 2001
From: Kulbhushan Kaushik <kulbhushan.kaushik@safelite.com>
Date: Mon, 23 Jan 2023 08:35:36 -0500
Subject: [PATCH 05/12] commit

---
 .../address-questions/address-questions.vue         | 13 +++++++++++++
 .../policy-holder-details/policy-holder-details.vue |  3 ++-
 src/store/index.js                                  |  2 ++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/iss-components/address-questions/address-questions.vue b/src/iss-components/address-questions/address-questions.vue
index 96ec7f97..b05d1c94 100644
--- a/src/iss-components/address-questions/address-questions.vue
+++ b/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">
@@ -98,12 +109,14 @@ export default {
             type: Object,
             default: () => ({
                 streetAddress: "",
+                streetAddress2: "",
                 city: "",
                 state: "",
                 zipCode: "",
             }),
         },
         validationRules: String,
+        includeStreetAddress2:false,
     },
     data() {
         return {
diff --git a/src/layouts/policy-holder-details/policy-holder-details.vue b/src/layouts/policy-holder-details/policy-holder-details.vue
index 5efbf5a7..68d9249a 100644
--- a/src/layouts/policy-holder-details/policy-holder-details.vue
+++ b/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"
@@ -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,
diff --git a/src/store/index.js b/src/store/index.js
index 68e643d2..56b11746 100644
--- a/src/store/index.js
+++ b/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;

From 2fa12be3599194bd0558badcbce17a6c5a0d4ddc Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 09:45:43 -0500
Subject: [PATCH 06/12] SSR-235

---
 src/ux-components/text-link/text-link.vue | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/ux-components/text-link/text-link.vue b/src/ux-components/text-link/text-link.vue
index 1e22e2b0..49d08ffb 100644
--- a/src/ux-components/text-link/text-link.vue
+++ b/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;
-    line-height: 26px;
+    text-underline-offset: 5px;
+    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>
   
\ No newline at end of file

From ae4817bcf47aef2076aaf125feae85260b190795 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 10:12:39 -0500
Subject: [PATCH 07/12] Fix vin-location-information test affected by text-link

---
 .../vin-location-information.spec.js          | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/layouts/vin-lookup/vin-location-information/vin-location-information.spec.js b/src/layouts/vin-lookup/vin-location-information/vin-location-information.spec.js
index b6a5ed5d..c493fde7 100644
--- a/src/layouts/vin-lookup/vin-location-information/vin-location-information.spec.js
+++ b/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,
+    },
   },
 };
 

From 2171f473c0e2a30366b40cb7ae5308bda7b3ae34 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 10:17:33 -0500
Subject: [PATCH 08/12] Fix vin-lookup test affected by text-link

---
 src/layouts/vin-lookup/vin-lookup.spec.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/layouts/vin-lookup/vin-lookup.spec.js b/src/layouts/vin-lookup/vin-lookup.spec.js
index bdd7fbd7..894ac297 100644
--- a/src/layouts/vin-lookup/vin-lookup.spec.js
+++ b/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;
+          },
         },
       },
     ],

From 5af50be77b9fa229deb4da22fde15c6e34cfe641 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 10:19:37 -0500
Subject: [PATCH 09/12] Fix vehicle-lookup test affected by text-link

---
 src/layouts/vehicle-lookup/vehicle-lookup.spec.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/layouts/vehicle-lookup/vehicle-lookup.spec.js b/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
index a84b712e..12a84a88 100644
--- a/src/layouts/vehicle-lookup/vehicle-lookup.spec.js
+++ b/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(),
           },
         },
       ],

From f0cae00486b5d418ab579046de43f57f669e929b Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 11:12:34 -0500
Subject: [PATCH 10/12] SSR-236

---
 src/digital-components/text-block/text-block.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/digital-components/text-block/text-block.vue b/src/digital-components/text-block/text-block.vue
index a12d3f39..33854e14 100644
--- a/src/digital-components/text-block/text-block.vue
+++ b/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>

From abc5889b0ce313c4418ec17ed277b126a8ec4d70 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 12:50:14 -0500
Subject: [PATCH 11/12] SSR-237

---
 .../button-question/button-question.vue       | 481 +++++++++---------
 1 file changed, 241 insertions(+), 240 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 82f402e0..9b610437 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -1,76 +1,79 @@
 <!-- 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="
+            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>
+        <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>
@@ -81,195 +84,193 @@ 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";
+    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;
         }
-        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 = "";
+    },
+    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";
+            classes += this.isWide ? "col-12" : "col";
 
-          if (this.buttonTypeString == "radio") {
-              classes += " radio-button-container";
-          } else if (this.buttonTypeString == "servicePackageRadio") {
-              classes = "package-wrapper";
-          }
+            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,
-  },
+            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);
+    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;
-  }
+    .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;
+    color: $black;
 
-  .radio-button-container {
-      &:not(:last-child) {
-          padding-bottom: map-get($spacers, 2);
-      }
-  }
+    .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;
+    margin-top: 1.5rem;
+    margin-bottom: 1rem;
+    font-size: 1rem;
+    line-height: 1.625rem;
 
-  & > span {
-      text-align: center;
-  }
+    & > 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;
-      }
-  }
+    .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 {

From d44c723816492c6e3daee7e8524c109385c2bed8 Mon Sep 17 00:00:00 2001
From: Johan Gunawan <johan.gunawan@safelite.com>
Date: Mon, 23 Jan 2023 14:13:21 -0500
Subject: [PATCH 12/12] SSR-238

---
 src/digital-components/textbox-question/textbox-question.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/digital-components/textbox-question/textbox-question.vue b/src/digital-components/textbox-question/textbox-question.vue
index d6b8e5bb..da463a9e 100644
--- a/src/digital-components/textbox-question/textbox-question.vue
+++ b/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">
-            <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
+        <div v-show="errorMessage" class="row my-1 form-test-error">
+            <span class="d-inline-flex small mt-0" role="alert">{{ errorMessage }}</span>
         </div>
     </div>
 </template>