diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 9a2636479..52ce60c67 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -12,99 +12,99 @@
+ v-model="serviceZipCodeQuestion"
+ ref="serviceZipCodeQuestion"
+ :mobileFeePart="mobileFeePart"
+ @updated-mobile-fee-part="setMobileFeePart"
+ @updated-serviceability="setServiceabilityDetails"
+ @updated-contains-military-base="setContainsMilitaryBase"
+ linkWidgetName="ServiceZipLinkWidget"
+ modalWidgetName="ServiceZipModalWidget"
+ :onZipUpdateCallback="reloadShopData" />
+ ref="alertMilitaryBaseZip"
+ class="my-5"
+ cmsWidgetName="AlertMilitaryBaseZipWidget"
+ v-if="displayMilitaryZipAlert"
+ alertClass="alert-warning" />
+ ref="alertMobileOnly"
+ class="my-5"
+ cmsWidgetName="AlertMobileOnlyWidget"
+ v-if="displayServiceableMobileOnly"
+ alertClass="alert-warning" />
+ ref="alertRecalNoMobile"
+ class="my-5"
+ cmsWidgetName="AlertRecalNoMobileWidget"
+ v-if="displayRecalibrationWarning"
+ @text-link-clicked="openModalAction"
+ alertClass="alert-warning" />
+ ref="alertInshopOnly"
+ class="my-5"
+ cmsWidgetName="AlertInshopOnlyWidget"
+ v-if="displayServiceableInshopOnly"
+ alertClass="alert-warning" />
+ ref="alertNoShops"
+ class="my-5"
+ cmsWidgetName="AlertNoShopsWidget"
+ v-if="displayNoShopsAlert"
+ alertClass="alert-warning" />
+ v-model="selectedAppointmentType"
+ v-show="isAppointmentTypeDisplayed"
+ :isServiceableMobile="isServiceableMobile"
+ :isServiceableInshop="isServiceableInshop"
+ :isDisplayed="isAppointmentTypeDisplayed"
+ ref="appointmentTypeQuestion"
+ groupName="appointmentTypeQuestion"
+ cmsWidgetName="AppointmentTypeQuestionWidget"
+ validationRules="option-required" />
+ customComponentId="mobileLocationQuestions"
+ v-if="selectedAppointmentType === 'Mobile'"
+ v-model="mobileLocationQuestions"
+ :mobileFeePart="mobileFeePart"
+ @updated-mobile-fee-part="setMobileFeePart"
+ @updated-serviceability="setServiceabilityDetails"
+ @updated-contains-military-base="setContainsMilitaryBase"
+ validationRules="mobile-location-required"
+ ref="mobileLocationQuestions"
+ linkWidgetName="MobileLocationLinkWidget"
+ modalWidgetName="MobileLocationModalWidget"
+ :onZipUpdateCallback="reloadShopData" />
+ ref="shopQuestion"
+ v-show="isShopQuestionDisplayed"
+ v-model="selectedProvider"
+ :selectedAppointmentType="selectedAppointmentType"
+ :isDisplayed="isShopQuestionDisplayed"
+ cmsWidgetName="ShopQuestionWidget" />
+ cmsWidgetName="FunnelFooterWidget"
+ ref="navbar"
+ :isForwardActionDisabled="!meta.valid || displayNoShopsAlert"
+ @back-clicked="backButtonAction"
+ @ForwardClicked="forwardButtonAction" />
@@ -269,7 +269,7 @@ export default {
set: function (newValue) {
this.streetAddress = newValue.addressQuestions.streetAddress;
this.apartmentNumberOrBusinessName =
- newValue.addressQuestions.apartmentNumberOrBusinessName;
+ newValue.addressQuestions.apartmentNumberOrBusinessName;
this.city = newValue.addressQuestions.city;
this.state = newValue.addressQuestions.state;
this.zipCode = newValue.addressQuestions.zipCode;
@@ -398,10 +398,10 @@ export default {
setServiceabilityDetails(serviceabilityDetails) {
this.isGlassServiceableInshop = serviceabilityDetails.isGlassServiceableInshop;
this.isRecalibrationServiceableInshop =
- serviceabilityDetails.isRecalibrationServiceableInshop;
+ serviceabilityDetails.isRecalibrationServiceableInshop;
this.isGlassServiceableMobile = serviceabilityDetails.isGlassServiceableMobile;
this.isRecalibrationServiceableMobile =
- serviceabilityDetails.isRecalibrationServiceableMobile;
+ serviceabilityDetails.isRecalibrationServiceableMobile;
},
backButtonAction() {
this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);