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

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/site-header/site-header.vue

@@ -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,11 +85,11 @@ export default({
             {
                 document.getElementsByTagName("body")[0].className += " " + clientOverrideClass;
             }
-        },
+    }, 
-        components: {
+    components: {
-            menuModal,
+        menuModal,
-            alert
+        alert
-        },
+    },
     })
     </script>
 

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

@@ -97,17 +97,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 +151,11 @@ export default {
                 }
             },
         },
+        computed:{
+            isCoverageEnabled(){
+                return this.mainStore.issConfig.isCoverageEnabled;
+            }
+        },
         components: {
             siteHeader,
             siteSubHeader,

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

@@ -3,24 +3,28 @@
     :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;
         },
     },
 })

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

@@ -9,7 +9,7 @@
                             <div class="col">
                                 <div class="select-car-form rounded text-center">
                                     <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="true" class="mb-3" />
-                                    <policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion"/>
+                                    <policyVehiclesQuestion class="px-4" cmsWidgetName="PolicyVehiclesQuestion" :vehicles="VehiclesForQuestions"/>
                                     <siteFooter cmsWidgetName="SiteFooterWidget" ref="siteFooter" :isForwardActionDisabled="!meta.valid" @ForwardClicked="forwardButtonAction" @back-clicked="backButtonAction"/>
                                 </div>
                             </div>
@@ -31,6 +31,9 @@ import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { Form } from "vee-validate";
 import BaseFormMixin from '@/mixins/base-form-mixin.js';
+import { issPageValues } from "@/router/router-constants/issPage-values";
+import { useMainStore } from '@/store';
+
 export default {
     name: "policy-vehicles",
     mixins: [BaseFormMixin],
@@ -59,6 +62,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,

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

@@ -241,7 +241,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>