Merge branch 'develop' into feature/Digital/SSR-411

src/constants/endpoints.js

@@ -121,7 +121,11 @@ const endpoints = {
   IsVinbyAddressPermissible:{
     url:'/vehicle/api/v1/vehicle/is-vin-by-address-permissible',
     method:'Get'
-  }
+  },
+  CoveragePolicyInfo: {
+    url: '/coverage/api/v1/coverage/get-policy-information',
+    method: 'POST'
+}
 };
   
 export { endpoints };

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

@@ -8,7 +8,7 @@
                     <div class="row px-3">
                         <div class="col">
                             <div class="select-car-form rounded">
-                                <vehicleBanner class="mb-3" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
+                                <vehicleBanner class="mt-2 mb-4" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
                                 <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
                                 <alert
                                 ref="alertFewMoreQuestions"
@@ -16,7 +16,8 @@
                                 alertClass="alert-warning"
                                 :manualHeadline="alertFewMoreQuestionsHeader"
                                 :manualCopy="alertFewMoreQuestionsCopy"
-                                v-bind:isDismissible="false" />
+                                v-bind:isDismissible="false" 
+                                class="mt-5"/>
                                 <div v-for="(questionsDatum, i) in questionsData" :key="questionsDatum.key">
                                     <questionChain
                                     ref="questionChain"

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

@@ -63,7 +63,7 @@ export default {
     },
     methods: {
         show() {
-            this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 72;
+            this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 56;
             this.isActive = true;
             document.querySelector('.fade-on-route-transition').scrollTo({
                 top: 0,  behavior: 'instant'
@@ -123,8 +123,8 @@ export default {
     &.menu-modal {
         max-width: 576px;
         left: auto;
-        height: calc(100% - 72px);
+        height: calc(100% - 56px);
-        top: 72px;
+        top: 56px;
         border-top: 1px solid $gray-300;
         overflow-x: visible;
         overflow-y: visible;

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

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="site-header d-flex justify-content-center align-items-center flex-column py-2 mb-4" :style="logoBackgroundStyle">
+        <div class="site-header d-flex justify-content-center align-items-center flex-column py-2" :style="logoBackgroundStyle">
             <img id="siteHeaderImage" class="img-fluid" :src="imageSrc" :alt="altText" />
             <menuModal/>
         </div>
@@ -53,12 +53,19 @@ export default({
             };
         }
     },
+    methods: {
+        setupHeader(){
+            const answers = this.getCmsContent(this.cmsWidgetName, "Answers");
+            if(Array.isArray(answers))
+            {
+                this.headerAnswers = answers.filter(x => x.AccountNumber == this.mainStore.issConfig.accountNumber)[0]
+                this.headerAnswers = !this.headerAnswers ? answers.filter(x => x.AccountNumber === '0')[0] : this.headerAnswers;
+            }
+        }
+    },
     mounted() {
-        const answers = this.getCmsContent(this.cmsWidgetName, "Answers");
+        this.$nextTick(this.setupHeader);
-        this.headerAnswers = Array.isArray(answers)
+    
-        ? answers.filter(x => x.AccountNumber == this.mainStore.issConfig.accountNumber)[0]
-        : null;
-
         // Check if alert event is on the bus
         const alertEvent = eventBus.readAndPopEventFromBus(
             globalEvents.Categories.GLOBAL_ALERT,
@@ -78,23 +85,22 @@ export default({
             {
                 document.getElementsByTagName("body")[0].className += " " + clientOverrideClass;
             }
-        },
+    }, 
-        components: {
+    components: {
-            menuModal,
+        menuModal,
-            alert
+        alert
-        },
+    },
     })
     </script>
 
     <style lang="scss" scoped>
     .site-header {
-        height: 72px;
+        height: 56px;
     }
     .alert {
         left: 0;
         top: 72px;
     }
-
     #siteHeaderImage {
         height: 2.5rem;
     }

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

@@ -9,11 +9,11 @@
                             <div class="col">
                                 <div class="select-car-form rounded">
                                     <vehicleBanner
-                                    class="mb-3"
+                                    class="mt-2 mb-4"
                                     cmsWidgetName="VehicleBannerWidget"
                                     ref="vehicleBanner"
                                     :displayGenericVehicleImage="false" />
-                                    <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" />
+                                    <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" ref="siteSubHeader" class="mb-5" />
                                     <alert
                                     ref="alertVinNotFound"
                                     v-if="displayVinNotFoundAlert"

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

@@ -8,7 +8,7 @@
       <siteHeader cmsWidgetName="SiteHeaderWidget" />
       <div class="fade-on-route-transition sub-container overflow-scroll px-5">
         <vehicleBanner
-          class="mb-3"
+          class="mt-2 mb-4"
           cmsWidgetName="VehicleBannerWidget"
           :displayGenericVehicleImage="false" />
         <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />

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

@@ -12,7 +12,7 @@
                                   cmsWidgetName="verifyingCoverageStatement"
                                   typeStyle="h5"
                                   justifyText="center"
-                                  class="mt-0 mb-4"
+                                  class="mt-4 mb-4"
                                   id="coverage-statement-text-block"
                                   />
                                   <div>

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

@@ -8,7 +8,7 @@
                         <div class="row px-3">
                             <div class="col">
                                 <div class="select-car-form rounded">
-                                    <vehicleBanner class="mb-3" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
+                                    <vehicleBanner class="mt-2 mb-4" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
                                     <siteSubHeader cms-widget-name="SiteSubHeaderWidget" />
                                     <alert
                                     ref="alertVinNotFound"

src/layouts/policy-holder-details/policy-holder-details.spec.js

@@ -6,7 +6,8 @@ import { shallowMount } from '@vue/test-utils';
 import { settleAllPromises } from "@/helpers/layout-helper.js";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { getMountOptions } from "@/helpers/unit-test-helper.js";
-
+import { useMainStore } from "@/store";
+import { navigationScenarios } from "@/router/router-constants/navigation-scenarios";
 
 // Mock our module for promises.
 jest.mock("@/helpers/layout-helper.js", () => ({
@@ -65,8 +66,9 @@ describe("navigation", () => {
             customerQuestions: {
                 addressQuestions: mockRegistrationAddress,
             },
+            isCoverageEnabled:false
         });
-
+        
         wrapper.vm.navigateForward = jest.fn();
 
         // Act
@@ -76,6 +78,53 @@ describe("navigation", () => {
         expect(wrapper.vm.navigateForward).toHaveBeenCalled();
        
     });
+
+    test("if the coverage policy verified navigate forward to policy-vehicle page", async () => {         
+        // Arrange
+        const mockRegistrationAddress = {
+            streetAddress: "1234 Main St",
+            city: "Columbus",
+            state: "OH",
+            zipCode: "43215",
+        };
+
+        const { wrapper } = setupMocks();
+
+        await wrapper.setData({
+            firstName: "KK",
+            lastName:"KK",
+            customerQuestions: {
+                addressQuestions: mockRegistrationAddress,
+            },
+            isCoverageEnabled : true,
+        });
+        const vehiclesFound = [{
+            vehicles:[
+                {
+                    vin: "TEST_VIN",
+                },
+                {
+                    vin: "TEST_VIN2",
+                }
+            ]}];
+
+        useMainStore().order.policy.policyNumber = "p_0001";
+        useMainStore().order.policy.dateOfLoss = "2022-01-28";
+        useMainStore().order.accountNumber = "00000";        
+
+        // Act
+        await wrapper.vm.forwardButtonAction();
+
+        // Assert
+        expect(wrapper.vm.$router.navigate).toHaveBeenCalledWith(
+            navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED,
+            undefined,
+            {},
+            {},
+            vehiclesFound
+        );
+       
+    });
     
 });
 
@@ -97,8 +146,29 @@ function setupMocks()
 
         })
     );
+    const policies = [{
+        vehicles:[
+            {
+                vin: "TEST_VIN",
+            },
+            {
+                vin: "TEST_VIN2",
+            }
+        ]
+    },
+];
+    useMainStore().getCoveragePolicyInfo = jest.fn().mockImplementation(() => {
+        return Promise.resolve({
+            data: {                
+                policies:policies,
+            },
+        })
+    })
 
     const apiResponses = {
+        policyLookupResponse:{
+            policies:policies
+        }
     };
 
     settleAllPromises.mockImplementation(() => apiResponses);

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

@@ -17,6 +17,7 @@
                             disableAutoFill
                             validationRules="first-name-required" />
                             <textboxQuestion
+                            class="mt-4"
                             inputId="lastNameField"
                             cmsWidgetName="PolicyholderLastNameQuestion"
                             v-model="customerQuestions.lastName"
@@ -97,17 +98,44 @@ export default {
                 this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
             },
 
-            forwardButtonAction()
+           async forwardButtonAction()
-            {
+            {                
-                this.mainStore.updatePolicyHolderDetails(this.customerQuestions);
+                this.mainStore.updatePolicyHolderDetails(this.customerQuestions);                
-                return this.navigateForward();
+                //call coverage policy lookup if isCoverageEnabled flag enabled
+                var vehiclesFound = {};
+                if(this.isCoverageEnabled){                    
+                    const policyLookupResponse = this.mainStore.getCoveragePolicyInfo({
+                        accountNumber:this.mainStore.order.accountNumber.toString(),
+                        policyNumber:this.mainStore.order.policy.policyNumber,
+                        dateOfLoss:this.mainStore.order.policy.dateOfLoss});
+
+                    // Settle promises and get results
+                    const promisePolicyLookupResultMap = [
+                        {
+                            resultKey: "policyLookupResponse",
+                            promise: policyLookupResponse,
+                        }
+                    ];
+                    const policyLookupResultMap = await settleAllPromises(promisePolicyLookupResultMap);
+                    vehiclesFound = policyLookupResultMap.policyLookupResponse?.policies;
+                }
+                return this.navigateForward(vehiclesFound);
             },
 
-            navigateForward() {
+            navigateForward(vehiclesFound) {
-                this.$router.navigate(
+                if(vehiclesFound?.length > 0)
-                    this.navigationScenarios.CLICKED_FORWARD_POLICY_HOLDER_DETAILS,
+                    this.$router.navigate(
-                    this.$route
+                        this.navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED,
-                );
+                        this.$route,
+                        {},
+                        {},
+                        vehiclesFound
+                    );        
+                    else
+                        this.$router.navigate(
+                            this.navigationScenarios.CLICKED_FORWARD_POLICY_UNVERIFIED,
+                            this.$route
+                        );
             },
             getPolicyHolderDetailsFromStore() {
                 return {
@@ -124,6 +152,11 @@ export default {
                 }
             },
         },
+        computed:{
+            isCoverageEnabled(){
+                return this.mainStore.issConfig.isCoverageEnabled;
+            }
+        },
         components: {
             siteHeader,
             siteSubHeader,
@@ -135,11 +168,6 @@ export default {
     }
     </script>
     <style lang="scss">
-    .alert.alert-warning
-    {
-        margin-top: 20px;
-    }
-
     #sub-header p {
         font-size: 16px;
         line-height: 26px;

src/layouts/policy-vehicles/policy-vehicles-question/policy-vehicles-question.vue

@@ -3,26 +3,39 @@
     :questionText="questionText" 
     ref="policyVehiclesQuestion"
     buttonTypeString="listButton"
-    isOverflowScrollable
+    isOverflowScrollable    
     :answers="answers"
     isRequired />
 </template>
 <script>
 import buttonQuestion from "@/digital-components/button-question/button-question";
-
 export default ({
     name: "policy-vehicles-question",    
     components: {
         buttonQuestion,
     },
+    props:{
+        vehicles: Array,
+    },
     computed: {
       questionText() {
             return this.getCmsContent("PolicyVehiclesQuestion", "QuestionText");
         },
         answers(){
-            return this.getCmsContent("PolicyVehiclesQuestion", "Answers");
+            const policyVehiclesAnswerfromCMS =  this.getCmsContent("PolicyVehiclesQuestion", "Answers");            
+            const combinedVehicles = [...this.vehicles, ...policyVehiclesAnswerfromCMS];
+            return combinedVehicles;
         },
     },
 })
 </script>
-  
+<style lang="scss">
+.question-text {
+  margin-top: 1rem;
+    & > span {
+        font-size: 1.25rem;
+        font-weight: 400 !important;
+        line-height: 2rem;
+    }
+}
+</style>

src/layouts/policy-vehicles/policy-vehicles.vue

@@ -2,14 +2,14 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
-                <siteHeader cmsWidgetName="SiteHeaderWidget"/>
+                <siteHeader class="mb-2 header" cmsWidgetName="SiteHeaderWidget"/>
                 <div class="select-car">
                     <div class="container-fluid pb-2">
                         <div class="row">
                             <div class="col">
                                 <div class="select-car-form rounded text-center">
-                                    <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mb-3" />
+                                    <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mt-2 mb-4" />
-                                    <policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion"/>
+                                    <policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion" :vehicles="VehiclesForQuestions" validationRules="option-required"/>
                                     <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" :isForwardActionDisabled="!meta.valid" @ForwardClicked="forwardButtonAction" @back-clicked="backButtonAction"/>
                                 </div>
                             </div>
@@ -29,8 +29,15 @@ import policyVehiclesQuestion from "@/layouts/policy-vehicles/policy-vehicles-qu
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
-import { Form } from "vee-validate";
+import { Form,defineRule } from "vee-validate";
 import BaseFormMixin from '@/mixins/base-form-mixin.js';
+import { issPageValues } from "@/router/router-constants/issPage-values";
+import { useMainStore } from '@/store';
+import { errorMessages } from "@/constants/error-messages";
+import { required } from "@/helpers/validation-rules";
+
+// DEFINE VALIDATION RULES
+defineRule("option-required", required(errorMessages.OPTION_REQUIRED));
 export default {
     name: "policy-vehicles",
     mixins: [BaseFormMixin],
@@ -59,6 +66,29 @@ export default {
             },
             navigateForward() {
             },
+           
+        },
+        computed:{
+            VehiclesForQuestions() {
+                // Map API result data, to address-vehicles data structure
+                const vehicles = this.VehiclesFromApi?.[0].vehicles;
+                const mappedData = vehicles.map((v) => {
+                    const maskSymbol = "X";
+                    const vinStart = maskSymbol.repeat(v.vin.length - 6);
+                    const vinEnd = v.vin.substring(v.vin.length - 6);
+                    return {
+                    vin: v.vin,
+                    vehicle: v,
+                    Text: v.vehicleYear + " " + v.vehicleMake + " " + v.vehicleModel,
+                    Name: v.vin,
+                    SubText: "VIN " + vinStart + vinEnd,
+                    };
+                });
+                return mappedData;
+            },
+            VehiclesFromApi() {
+                return useMainStore().pageData(issPageValues.POLICY_VEHICLES);
+            },
         },
         components: {
             siteHeader,
@@ -68,4 +98,14 @@ export default {
             Form,
         },
     }
-</script>
+</script>
+<style lang="scss">
+.header{
+    margin-bottom: 0rem !important;
+}
+.form-test-error{
+    text-align: left;
+    margin-top: 0rem !important;
+    line-height: 1.50rem;
+}
+</style>

src/layouts/provider-preference/provider-preference.vue

@@ -6,7 +6,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
-                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" />
+                <siteSubHeader cmsWidgetName="SiteSubHeader" id="sub-header" class="mt-4"/>
                 <button v-on:click="forwardButtonAction">Temp Forward Button</button>
                 <div>
                     <siteFooter

src/layouts/service-packages/service-package-question/service-package-question.vue

@@ -54,7 +54,7 @@
             },
             servicePackageAnswers() {
                 if (!this.cmsWidgetName) return [];
-                const cmsAnswersContent = [
+                let cmsAnswersContent = [
                     {
                         Name: 'TierOne',
                         cmsWidgetName: 'EconomyServicePackage'
@@ -72,6 +72,10 @@
                 if (this.getCmsContent(cmsAnswersContent[0].cmsWidgetName, 'HeaderText') == '') {
                     return {};
                 }
+
+                if (!this.shouldDisplayTierTwoPackage) {
+                    cmsAnswersContent = cmsAnswersContent.filter((answer) => answer.Name != packageNames.TIER_TWO);
+                }
                 const modifiedAnswers = cmsAnswersContent.map((answer) => ({
                         value: answer.Name,
                         buttonLabel: this.getHeaderTextFromCms(answer.cmsWidgetName),
@@ -88,13 +92,9 @@
             },
             frontWipersApplicableForTierTwo() {
                 const store = useMainStore();
-                const frontWipersAreAvailable = this.lineItemsContainsPartType(
+                const frontWipersAreAvailable = this.lineItemsContainsPartType(partTypeStrings.FRONT_WIPER);
-                    partTypeStrings.FRONT_WIPER
-                );
                 const isRepair = store.order.damage.isRepair;
-                const glassToReplaceContainsWindshield = this.glassToReplaceContainsGlassLocation(
+                const glassToReplaceContainsWindshield = this.glassToReplaceContainsGlassLocation(glassLocations.WINDSHIELD);
-                    glassLocations.WINDSHIELD
-                );
                 if (frontWipersAreAvailable) {
                     if (isRepair) {
                         return true;
@@ -162,7 +162,7 @@
             },
             getPackagePriceString(packageName) {
                 const formattedPriceFloat = parseFloat(this.getPackagePrice(packageName)).toFixed(2);
-                return '$' + formattedPriceFloat;
+                return '+$' + formattedPriceFloat;
             },
             getPackagePrice(packageName) {
                 let priceFloat = 0;
@@ -178,11 +178,9 @@
                 const priceFrontWipers = this.frontWipersApplicableForTierTwo;
                 const priceRearWipers  = this.rearWiperApplicableForTierTwo;
                 this.nullSafeAvailableLineItems.forEach((item) => {
-                    if (
+                    if ((priceFrontWipers &&
-                        (priceFrontWipers &&
+                         item.partType.toUpperCase() === partTypeStrings.FRONT_WIPER) ||
-                            item.partType.toUpperCase() === partTypeStrings.FRONT_WIPER) ||
+                        (priceRearWipers && item.partType.toUpperCase() === partTypeStrings.REAR_WIPER)) {
-                        (priceRearWipers && item.partType.toUpperCase() === partTypeStrings.REAR_WIPER)
-                    ) {
                         vapsPrice += this.getTotalLineItemPrice(item);
                     }
                 });

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

@@ -4,7 +4,7 @@
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
                 <div class="container-fluid pb-2">
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-2 px-3">
                         <div class="col">
                             <alert
                             ref="vehicleChangeAlert"
@@ -14,7 +14,7 @@
                             alertClass="alert-warning"
                             :isDismissible="false" />
                             <vehicleBanner
-                            class="mb-3"
+                            class="mb-4"
                             cmsWidgetName="VehicleBannerWidget"
                             :displayGenericVehicleImage="false" />
                             <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />

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

@@ -8,8 +8,8 @@
                         <div class="row px-3">
                             <div class="col">
                                 <div class="select-car-form rounded">
-                                    <VehicleBanner class="mb-3" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
+                                    <VehicleBanner class="mt-2 mb-4" cms-widget-name="VehicleBannerWidget" :display-generic-vehicle-image="false" />
-                                    <SiteSubHeader cms-widget-name="SiteSubHeaderWidget" />
+                                    <SiteSubHeader cms-widget-name="SiteSubHeaderWidget" class="mt-5 mb-2" />
                                     <VinLookupMethods v-model="selectedVinLookupMethod" cms-widget-name="VINLookupMethod" group-name="VinLookupMethods" ref="VinLookupMethods" />
                                     <SiteFooter cms-widget-name="SiteFooterWidget" :is-forward-action-disabled="isForwardActionDisabled" @back-clicked="backButtonAction" @forward-clicked="forwardButtonAction" />
                                 </div>

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

@@ -9,7 +9,7 @@
                             <div class="col">
                                 <div class="select-car-form rounded">
                                     <vehicleBanner
-                                    class="mb-3"
+                                    class="mt-2 mb-4"
                                     ref="vehicleBanner"
                                     cmsWidgetName="VehicleBannerWidget"
                                     :displayGenericVehicleImage="false" />

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

@@ -8,7 +8,7 @@
                         <div class="row px-3">
                             <div class="col">
                                 <div class="select-car-form rounded">
-                                    <vehicleBanner class="mb-3" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
+                                    <vehicleBanner class="mt-2 mb-4" cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
                                     <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
                                     <vinLookupAlerts class="mt-5" :activeAlertType="activeVehicleLookupAlertType" />
                                     <vinQuestion v-model="vin" :mask="vinMask" :isDisabled="vinPopulatedOnPageLoad" textPosition="left" />

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

@@ -3,9 +3,9 @@
         <div class="page-container-grouped-styles welcome">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
+                <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" class="mt-4"/>
                 <div class="container-fluid pb-2">
-                    <div class="row mt-4 px-3">
+                    <div class="row mt-5 px-3">
                         <div class="col">
                             <textboxQuestion
                             inputId="policyNumberField"
@@ -243,7 +243,7 @@ export default {
 
         navigateForward() {
             this.$router.navigate(
-                this.navigationScenarios.CLICKED_FORWARD_WELCOME_PAGE,
+                this.navigationScenarios.CLICKED_FORWARD,
                 this.$route
             );
         },

src/router/router-constants/issPage-values.js

@@ -31,6 +31,7 @@ export const issPageValues = {
     VIN_LOOKUP: 'vin-lookup',
     TPA_SUBMIT: 'tpa-submit',
     BAILOUT_PAGE: 'bailout-page',
-    TPA_SEARCH: 'tpa-search'
+    TPA_SEARCH: 'tpa-search',
+    POLICY_VEHICLES:'policy-vehicles'
   };
   

src/router/router-constants/navigation-scenarios.js

@@ -10,10 +10,12 @@ const navigationScenarios = {
     SELECTED_YEAR: "SELECTED_YEAR",
     SELECTED_MAKE: "SELECTED_MAKE",
     SELECTED_MODEL: "SELECTED_MODEL",
-    SELECTED_STYLE: "SELECTED_STYLE",
+    SELECTED_STYLE: "SELECTED_STYLE",      
-    CLICKED_FORWARD_WELCOME_PAGE: "CLICKED_FORWARD_WELCOME_PAGE",
+
-    CLICKED_FORWARD_POLICY_HOLDER_DETAILS: "CLICKED_FORWARD_POLICY_HOLDER_DETAILS",
+    //Policy Holder Details
-    
+    CLICKED_FORWARD_POLICY_UNVERIFIED: "CLICKED_FORWARD_POLICY_UNVERIFIED",
+    CLICKED_FORWARD_POLICY_VERIFIED: "CLICKED_FORWARD_POLICY_VERIFIED",
+
     // Vehicle Damage    
     CLICKED_FORWARD_WITH_REPAIR: 'CLICKED_FORWARD_WITH_REPAIR',
 

src/router/router-constants/routing-table.js

@@ -375,9 +375,9 @@ const routingTable = function(store) {
           destinationIssPageValue: issPageValues.WELCOME_PAGE
         },
         {
-          scenario: navigationScenarios.CLICKED_FORWARD_WELCOME_PAGE,
+          scenario: navigationScenarios.CLICKED_FORWARD,
           destinationIssPageValue: issPageValues.POLICY_HOLDER_DETAILS
-        }
+        }        
       ]
     },
     {
@@ -388,8 +388,12 @@ const routingTable = function(store) {
           destinationIssPageValue: issPageValues.WELCOME_PAGE
         },
         {
-          scenario: navigationScenarios.CLICKED_FORWARD_POLICY_HOLDER_DETAILS,
+          scenario: navigationScenarios.CLICKED_FORWARD_POLICY_UNVERIFIED,
           destinationIssPageValue: issPageValues.VEHICLE_YEAR
+        },
+        {
+          scenario: navigationScenarios.CLICKED_FORWARD_POLICY_VERIFIED,
+          destinationIssPageValue: issPageValues.POLICY_VEHICLES
         }
       ]
     },

src/router/router.spec.js

@@ -15,7 +15,7 @@ describe("Router", () => {
 
 
     it("Should push next view when navigating locally", () => {
-        let scenario = navigationScenarios.CLICKED_FORWARD_WELCOME_PAGE;
+        let scenario = navigationScenarios.CLICKED_FORWARD;
         let currentRoute = { query: { issPage: issPageValues.WELCOME_PAGE }};
 
         router.push = jest.fn();

src/store/index.js

@@ -322,6 +322,26 @@ export const useMainStore = defineStore({
         };
       }
       },
+      getCoveragePolicyInfo({accountNumber,policyNumber,dateOfLoss}){
+        try{
+        const response = globalMethods.callHttpClient({
+          method:endpoints.CoveragePolicyInfo.method,
+          endpoint:endpoints.CoveragePolicyInfo.url,
+          payload: {   
+              accountNumber: accountNumber,
+              policyNumber: policyNumber,
+              dateOfLoss: dateOfLoss
+          }
+        });
+        return response;
+      } catch (responseError) {
+        return {
+          error: {
+            status: responseError.status
+          }
+        };
+      }
+      },
       async lookupVinByPlate(licensePlate, licenseState) {
         try {
           const response = await globalMethods.callHttpClient({

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

@@ -158,65 +158,67 @@ export default {
   }
 }
 
-.col,
+.windshield-chip-count-question {
-.list-group {
+    .col,
-  border-radius: 0;
+    .list-group {
+        border-radius: 0;
 
-  &:first-of-type {
+        &:first-of-type {
-      .list-button-horizontal {
+            .list-button-horizontal {
-          border-bottom-left-radius: 0.5rem;
+                border-bottom-left-radius: 0.5rem;
-          border-top-left-radius: 0.5rem;
+                border-top-left-radius: 0.5rem;
 
-          .list-button-horizontal-content {
+                .list-button-horizontal-content {
-              border-bottom-left-radius: 0.5rem;
+                    border-bottom-left-radius: 0.5rem;
-              border-top-left-radius: 0.5rem;
+                    border-top-left-radius: 0.5rem;
-          }
+                }
-      }
+            }
-  }
+        }
 
-  &:last-of-type {
+        &:last-of-type {
-      .list-button-horizontal {
+            .list-button-horizontal {
-          border-bottom-right-radius: 0.5rem;
+                border-bottom-right-radius: 0.5rem;
-          border-top-right-radius: 0.5rem;
+                border-top-right-radius: 0.5rem;
 
-          .list-button-horizontal-content {
+                .list-button-horizontal-content {
-              border-bottom-right-radius: 0.5rem;
+                    border-bottom-right-radius: 0.5rem;
-              border-top-right-radius: 0.5rem;
+                    border-top-right-radius: 0.5rem;
-          }
+                }
-      }
+            }
-  }
+        }
 
-  //Cash/insurance styling
+        //Cash/insurance styling
-  &:first-of-type {
+        &:first-of-type {
-      .list-button-horizontal.strong {
+            .list-button-horizontal.strong {
-          input[type="radio"] {
+                input[type="radio"] {
-              &:checked + .list-button-horizontal-content {
+                    &:checked + .list-button-horizontal-content {
-                  border-bottom-right-radius: 0;
+                        border-bottom-right-radius: 0;
-                  border-top-right-radius: 0;
+                        border-top-right-radius: 0;
-              }
+                    }
 
-              &:checked:focus + .list-button-horizontal-content {
+                    &:checked:focus + .list-button-horizontal-content {
-                  border-bottom-right-radius: 0.5rem;
+                        border-bottom-right-radius: 0.5rem;
-                  border-top-right-radius: 0.5rem;
+                        border-top-right-radius: 0.5rem;
-              }
+                    }
-          }
+                }
-      }
+            }
-  }
+        }
 
-  &:last-of-type {
+        &:last-of-type {
-      .list-button-horizontal.strong {
+            .list-button-horizontal.strong {
-          input[type="radio"] {
+                input[type="radio"] {
-              &:checked + .list-button-horizontal-content {
+                    &:checked + .list-button-horizontal-content {
-                  border-bottom-left-radius: 0;
+                        border-bottom-left-radius: 0;
-                  border-top-left-radius: 0;
+                        border-top-left-radius: 0;
-              }
+                    }
 
-              &:checked:focus + .list-button-horizontal-content {
+                    &:checked:focus + .list-button-horizontal-content {
-                  border-bottom-left-radius: 0.5rem;
+                        border-bottom-left-radius: 0.5rem;
-                  border-top-left-radius: 0.5rem;
+                        border-top-left-radius: 0.5rem;
-              }
+                    }
-          }
+                }
-      }
+            }
-  }
+        }
+    }
 }
 </style>