jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Jason Wheeler 2023-04-28 11:00:52 -04:00
commit bb216d1487
15 changed files with 285 additions and 150 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/constants/endpoints.js
View file

@ -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 };

27
src/iss-components/site-header/site-header.vue
View file

@ -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.headerAnswers = Array.isArray(answers)
? answers.filter(x => x.AccountNumber == this.mainStore.issConfig.accountNumber)[0]
: null;
this.$nextTick(this.setupHeader);
// 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: {
menuModal,
alert
},
},
components: {
menuModal,
alert
},
})
</script>

1
src/layouts/entry-page/entry-page.vue
View file

@ -144,6 +144,7 @@
{
case "policynumber":
this.mainStore.order.policy.policyNumber = value;
this.mainStore.issConfig.disabledFields.policyNumber = true;
break;
case "lossdate":

74
src/layouts/policy-holder-details/policy-holder-details.spec.js
View file

@ -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);

50
src/layouts/policy-holder-details/policy-holder-details.vue
View file

@ -97,17 +97,44 @@ export default {
this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
},
forwardButtonAction()
{
this.mainStore.updatePolicyHolderDetails(this.customerQuestions);
return this.navigateForward();
async forwardButtonAction()
{
this.mainStore.updatePolicyHolderDetails(this.customerQuestions);
//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() {
this.$router.navigate(
this.navigationScenarios.CLICKED_FORWARD_POLICY_HOLDER_DETAILS,
this.$route
);
navigateForward(vehiclesFound) {
if(vehiclesFound?.length > 0)
this.$router.navigate(
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,

10
src/layouts/policy-vehicles/policy-vehicles-question/policy-vehicles-question.vue
View file

@ -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;
},
},
})

28
src/layouts/policy-vehicles/policy-vehicles.vue
View file

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

9
src/layouts/service-location/service-location.vue
View file

@ -28,7 +28,8 @@
buttonTypeString="listCard"
isRequired
v-model="selectedAppointmentType"
validationRules="selection-required"/>
validationRules="selection-required"
class="service-location-button-question"/>
<div class="select-car">
<div class="container-fluid pb-2">
<div class="row px-3">
@ -224,7 +225,6 @@ export default {
.page-container-grouped-styles {
overflow: auto;
}
.modal-open {
.page-container-grouped-styles {
overflow: hidden;
@ -266,4 +266,9 @@ export default {
padding-left: 0rem !important;
}
}
.service-location-button-question {
.question-text {
margin-top: 1.5rem;
}
}
</style>

71
src/layouts/welcome-page/welcome-page.vue
View file

@ -14,6 +14,7 @@
isRequired
ref="policyNumber"
disableAutoFill
:isDisabled="isPolicyHolderEnabled"
validationRules="policy-number-required" />
</div>
</div>
@ -107,7 +108,7 @@
v-model="welcomePageModel.damageState"
ref="state"
inputId="8fdf9dc2e13e430eb57529499dceb3eb"
:options="stateOptions"
:options="getStates"
validationRules="loss-state-required"
isRequired
disableAutoFill
@ -166,6 +167,7 @@ import { required, regex } from "@/helpers/validation-rules";
import { errorMessages } from "@/constants/error-messages";
import BaseFormMixin from '@/mixins/base-form-mixin.js';
import { useMainStore } from '@/store';
import { states } from "@/constants/states"
//define validation rules
defineRule("loss-date-required", required(errorMessages.LOSS_DATE_REQUIRED));
@ -239,7 +241,7 @@ export default {
navigateForward() {
this.$router.navigate(
this.navigationScenarios.CLICKED_FORWARD_WELCOME_PAGE,
this.navigationScenarios.CLICKED_FORWARD,
this.$route
);
},
@ -253,6 +255,7 @@ export default {
isDamageGlassOnly : this.mainStore.order.policy.isDamageGlassOnly,
phoneNumber : this.mainStore.order.customer.phoneNumber,
email : this.mainStore.order.customer.emailAddress,
isPolicyNumberDisabled: this.mainStore.order.policy.isPolicyNumberDisabled,
}
},
},
@ -278,63 +281,6 @@ export default {
{
return this.getCmsContent("GlassOnlyQuestion", "QuestionText");
},
stateOptions: {
get: function () {
return {
AL: "Alabama",
AK: "Alaska",
AZ: "Arizona",
AR: "Arkansas",
CA: "California",
CO: "Colorado",
CT: "Connecticut",
DE: "Delaware",
DC: "District Of Columbia",
FL: "Florida",
GA: "Georgia",
HI: "Hawaii",
ID: "Idaho",
IL: "Illinois",
IN: "Indiana",
IA: "Iowa",
KS: "Kansas",
KY: "Kentucky",
LA: "Louisiana",
ME: "Maine",
MD: "Maryland",
MA: "Massachusetts",
MI: "Michigan",
MN: "Minnesota",
MS: "Mississippi",
MO: "Missouri",
MT: "Montana",
NE: "Nebraska",
NV: "Nevada",
NH: "New Hampshire",
NJ: "New Jersey",
NM: "New Mexico",
NY: "New York",
NC: "North Carolina",
ND: "North Dakota",
OH: "Ohio",
OK: "Oklahoma",
OR: "Oregon",
PA: "Pennsylvania",
RI: "Rhode Island",
SC: "South Carolina",
SD: "South Dakota",
TN: "Tennessee",
TX: "Texas",
UT: "Utah",
VT: "Vermont",
VA: "Virginia",
WA: "Washington",
WV: "West Virginia",
WI: "Wisconsin",
WY: "Wyoming",
};
},
},
displayDamageCityQuestion(){
return !!this.getCmsContent("DamageCityQuestion","QuestionText");
},
@ -351,6 +297,13 @@ export default {
else{
return true;
}
},
getStates() {
return states;
},
isPolicyHolderEnabled()
{
return !!this.mainStore.issConfig.disabledFields.policyNumber;
}
},
components: {

3
src/router/router-constants/issPage-values.js
View file

@ -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'
};

10
src/router/router-constants/navigation-scenarios.js
View file

@ -10,10 +10,12 @@ const navigationScenarios = {
SELECTED_YEAR: "SELECTED_YEAR",
SELECTED_MAKE: "SELECTED_MAKE",
SELECTED_MODEL: "SELECTED_MODEL",
SELECTED_STYLE: "SELECTED_STYLE",
CLICKED_FORWARD_WELCOME_PAGE: "CLICKED_FORWARD_WELCOME_PAGE",
CLICKED_FORWARD_POLICY_HOLDER_DETAILS: "CLICKED_FORWARD_POLICY_HOLDER_DETAILS",
SELECTED_STYLE: "SELECTED_STYLE",
//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',

10
src/router/router-constants/routing-table.js
View file

@ -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
}
]
},

2
src/router/router.spec.js
View file

@ -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();

28
src/store/index.js
View file

@ -47,7 +47,7 @@ const getDefaultState = () => {
damageCause: null,
damageState: null,
damageCity: null,
isDamageGlassOnly: null
isDamageGlassOnly: null,
},
customer: {
address: {
@ -104,7 +104,10 @@ const getDefaultState = () => {
isAuthenticated: false, // Indicates if user is authenticated or not.
enableTPAFlow: false, // Indicates if the TPA flow is supported for this client.
returnURL: null,
returnURL2: null
returnURL2: null,
disabledFields: {
policyNumber: null
}
}
};
};
@ -320,6 +323,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({
@ -717,6 +740,7 @@ export const useMainStore = defineStore({
this.issConfig.enableTPAFlow = false;
this.issConfig.returnURL = null;
this.issConfig.returnURL2 = null;
this.issConfig.disabledFields.policyNumber = null;
},
updateVehicleYear(year) {

106
src/ux-components/list-button-horizontal/list-button-horizontal.vue
View file

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