diff --git a/src/constants/progress-bar-mapper.js b/src/constants/progress-bar-mapper.js
index e80fbb5c..efb6225d 100644
--- a/src/constants/progress-bar-mapper.js
+++ b/src/constants/progress-bar-mapper.js
@@ -53,10 +53,10 @@ export const pageProgressMapper = {
'schedule-page': {
percent: 70
},
- 'contact-details': {
- percent: 80
- },
'service-packages': {
+ percent: 75
+ },
+ 'contact-details': {
percent: 85
},
'payment-method': {
diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index 60293dde..4726c092 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -176,7 +176,8 @@ export default {
}
.optional {
- color: $gray-550;
+ font-weight: $font-weight-normal;
+ color: $darker-gray;
}
.character-count {
diff --git a/src/layouts/contact-details/contact-details.vue b/src/layouts/contact-details/contact-details.vue
index 31091acb..024602f2 100644
--- a/src/layouts/contact-details/contact-details.vue
+++ b/src/layouts/contact-details/contact-details.vue
@@ -15,81 +15,83 @@
-
-
-
-
+
+
+ v-if="showSameAsPolicyAddressQuestion"
+ ref="sameAsPolicyAddressQuestion"
+ v-model="isSameAsPolicyAddress"
+ checkboxName="sameAsPolicyAddress"
+ buttonID="sameAsPolicyAddress"
+ :checkboxLabel="sameAsPolicyAddressQuestionText" />
+
+
+
+
+
+
+
+
-
- {{ textUpdateDisclaimerText }} I also agree to
- Safelite's
-
- and
- .
-
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index 19059edb..e2b901f1 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -414,6 +414,7 @@ export default {
));
this.navigateWithScenario(navigationScenarios.PRICING_LOOKUP_ERROR);
});
+ console.log('ITAC Pricing Results:', pricingResults);
this.setBaseServiceLineItems(pricingResults);
}
},
diff --git a/src/layouts/payment-method/review-dropdown/review-dropdown.vue b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
index da2c09cb..d1504da4 100644
--- a/src/layouts/payment-method/review-dropdown/review-dropdown.vue
+++ b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
@@ -92,7 +92,7 @@ export default {
return useMainStore().order.serviceLocation.appointmentType;
},
customerInfo() {
- return useMainStore().order.contactInfo;
+ return useMainStore().contactInfo;
}
},
methods: {
diff --git a/src/layouts/schedule-page/service-location/service-location.vue b/src/layouts/schedule-page/service-location/service-location.vue
index 92312f35..13055c70 100644
--- a/src/layouts/schedule-page/service-location/service-location.vue
+++ b/src/layouts/schedule-page/service-location/service-location.vue
@@ -354,9 +354,6 @@ export default {
}
this.mainStore.saveServiceLocation({
- address: this.streetAddress,
- address2: this.streetAddress2,
- city: this.city,
state: this.state,
zipCode: this.zipCode,
zipCodeCtu: this.zipCodeCtu,
@@ -399,6 +396,7 @@ export default {
this.zipCode = newZip;
const zipCodeData = await getZipCodeData(this.zipCode);
this.city = zipCodeData.city;
+ this.state = zipCodeData.state;
this.setCtuForMobile(zipCodeData.zipCodeCtu);
this.setContainsMilitaryBase(zipCodeData.containsMilitaryBase);
@@ -436,6 +434,7 @@ export default {
this.zipContainsMilitaryBase = initialData.zipCodeData.containsMilitaryBase;
this.zipCodeCtu = initialData.zipCodeData.zipCodeCtu;
this.city = initialData.zipCodeData.city;
+ this.state = initialData.zipCodeData.state;
}
if (initialData.serviceabilityDetails) {
@@ -502,6 +501,7 @@ export default {
this.mobileZipError = errorMessages.NO_SERVICE_IN_AREA(toTitleCase(zipCodeData.city));
} else {
this.city = zipCodeData.city;
+ this.state = zipCodeData.state;
this.zipCode = this.mobileZipCode;
this.setCtuForMobile(zipCodeData.zipCodeCtu);
this.setContainsMilitaryBase(zipCodeData.containsMilitaryBase);
diff --git a/src/layouts/service-packages/service-packages.vue b/src/layouts/service-packages/service-packages.vue
index 1bed0a7c..9118daf9 100644
--- a/src/layouts/service-packages/service-packages.vue
+++ b/src/layouts/service-packages/service-packages.vue
@@ -112,6 +112,12 @@ export default {
const { feeItems } = store.order.lineItems;
+ console.log('Service Packages - Fetched Line Items:', {
+ rainDefense: resultMap?.rainDefense,
+ wipers: resultMap?.wipers,
+ feeItems
+ });
+
const availableLineItems = [];
if (resultMap?.rainDefense) {
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 6dba8ace..eb2d7432 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -584,7 +584,7 @@ const routingTable = () => [
},
{
scenario: navigationScenarios.CLICKED_FORWARD,
- destinationIssPageValue: issPageValues.CONTACT_DETAILS
+ destinationIssPageValue: issPageValues.SERVICE_PACKAGES
}
]
},
@@ -593,7 +593,7 @@ const routingTable = () => [
maps: [
{
scenario: navigationScenarios.CLICKED_BACK,
- destinationIssPageValue: issPageValues.SERVICE_PACKAGES
+ destinationIssPageValue: issPageValues.SCHEDULE_PAGE
},
{
scenario: navigationScenarios.CLICKED_FORWARD,
diff --git a/src/store/index.js b/src/store/index.js
index 440c15f3..aec3a93a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -351,9 +351,9 @@ export const useMainStore = defineStore({
},
contactInfo: (s) => {
const obj = {
- firstName: s.order.contactInfo.firstName ?? s.order.customer.firstName,
- lastName: s.order.contactInfo.lastName ?? s.order.customer.lastName,
- emailAddress: s.order.contactInfo.emailAddress ?? s.order.customer.emailAddress,
+ firstName: s.order.contactInfo.firstName || s.order.customer.firstName,
+ lastName: s.order.contactInfo.lastName || s.order.customer.lastName,
+ emailAddress: s.order.contactInfo.emailAddress || s.order.customer.emailAddress,
homePhone: s.order.contactInfo.homePhone,
alternativePhone: s.order.contactInfo.alternativePhone,
servicePhone: s.order.contactInfo.servicePhone,
@@ -1816,14 +1816,14 @@ export const useMainStore = defineStore({
this.order.vehicle.registration.lastName = registrationInfo?.lastName;
},
updateServiceLocation(serviceLocationInfo) {
- this.order.serviceLocation.address = serviceLocationInfo.address;
- this.order.serviceLocation.address2 = serviceLocationInfo.address2;
- this.order.serviceLocation.city = serviceLocationInfo.city;
- this.order.serviceLocation.state = serviceLocationInfo.state;
- this.order.serviceLocation.zipCode = serviceLocationInfo.zipCode;
- this.order.serviceLocation.zipCodeCtu = serviceLocationInfo.zipCodeCtu;
- this.order.serviceLocation.appointmentType = serviceLocationInfo.appointmentType;
- this.order.serviceLocation.isVehicleProtected = serviceLocationInfo.isVehicleProtected;
+ this.order.serviceLocation.address = serviceLocationInfo.address ?? this.order.serviceLocation.address;
+ this.order.serviceLocation.address2 = serviceLocationInfo.address2 ?? this.order.serviceLocation.address2;
+ this.order.serviceLocation.city = serviceLocationInfo.city ?? this.order.serviceLocation.city;
+ this.order.serviceLocation.state = serviceLocationInfo.state ?? this.order.serviceLocation.state;
+ this.order.serviceLocation.zipCode = serviceLocationInfo.zipCode ?? this.order.serviceLocation.zipCode;
+ this.order.serviceLocation.zipCodeCtu = serviceLocationInfo.zipCodeCtu ?? this.order.serviceLocation.zipCodeCtu;
+ this.order.serviceLocation.appointmentType = serviceLocationInfo.appointmentType ?? this.order.serviceLocation.appointmentType;
+ this.order.serviceLocation.isVehicleProtected = serviceLocationInfo.isVehicleProtected ?? this.order.serviceLocation.isVehicleProtected;
this.order.serviceLocation.provider = {
providerNumber: serviceLocationInfo.provider?.providerNumber,
diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index b6c0e697..0297871e 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -65,7 +65,7 @@
+ class="alert-body show">
@@ -186,7 +186,9 @@ export default {
mounted() {
this.ensureAlertIsInViewPort();
if (this.isCollapsible) {
- this.collapseElement = Collapse.getOrCreateInstance(document.getElementById(this.collapseId));
+ this.collapseElement = Collapse.getOrCreateInstance(document.getElementById(this.collapseId), {
+ toggle: this.startCollapsed
+ });
}
},
methods: {