Initial iteration - added modals and some of the logic.

src/layouts/service-location/service-location.vue

@@ -25,6 +25,18 @@
                 cmsWidgetName="AlertMobileOnlyWidget"
                 v-if="displayServiceableMobileOnly"
                 alertClass="alert-warning" />
+            <alert
+                ref="alertRecalNoMobile"
+                class="my-4"
+                cmsWidgetName="AlertRecalNoMobileWidget"
+                v-if="displayRecalibrationWarning"
+                alertClass="alert-warning" />
+            <alert
+                ref="alertInshopOnly"
+                class="my-4"
+                cmsWidgetName="AlertInshopOnlyWidget"
+                v-if="displayServiceableInshopOnly"
+                alertClass="alert-warning" />
             <alert
                 ref="alertNoShops"
                 class="my-4"
@@ -56,6 +68,7 @@
                 validationRules="mobile-location-required"
                 hideInput
                 centerErrorMessage />
+            <contentGroupModal ref="RecalModal" cmsWidgetName="RecalModal" />
             <funnel-footer
                 cmsWidgetName="FunnelFooterWidget"
                 ref="funnelFooter"
@@ -78,6 +91,7 @@ import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-heade
 import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
 import { Form, defineRule } from "vee-validate";
 import textboxQuestion from "@/digital-components/textbox-question/textbox-question";
+import contentGroupModal from "@/fmg-components/content-group-modal/content-group-modal";
 
 // Supporting files
 import baseMixin from "@/mixins/base-mixin.js";
@@ -217,6 +231,17 @@ export default {
                 return this.isGlassServiceableInshop;
             }
         },
+        displayRecalibrationWarning() {
+            //TODO: Check lineItems for static or dual recalibration.
+            return false;
+        },
+        displayServiceableInshopOnly() {
+            return (
+                !this.displayRecalibrationWarning &&
+                this.isServiceableInshop &&
+                !this.isServiceableMobile
+            );
+        },
         displayServiceableMobileOnly() {
             return this.isServiceableMobile && !this.isServiceableInshop;
         },
@@ -298,6 +323,7 @@ export default {
         Form,
         loadingModal,
         textboxQuestion,
+        contentGroupModal,
     },
 };
 </script>

src/store/index.js

@@ -931,8 +931,8 @@ export const actions = {
         return globalMethods.callMockHttpClient({
             method: endpoints.GetServiceabilityDetails.method,
             //TODO: Remove Mocky Endpoints
-            endpoint: "https://run.mocky.io/v3/59e1a644-cf16-4f08-8069-1ab2a1e38f79", // NoShopsAvailable
-            //endpoint: "https://run.mocky.io/v3/4fe1fb89-dd56-4e4a-9af2-96bd1ab77847", // ForcedInshop
+            //endpoint: "https://run.mocky.io/v3/59e1a644-cf16-4f08-8069-1ab2a1e38f79", // NoShopsAvailable
+            endpoint: "https://run.mocky.io/v3/4fe1fb89-dd56-4e4a-9af2-96bd1ab77847", // ForcedInshop
             //endpoint: "https://run.mocky.io/v3/e2eaa097-6ea5-4906-af53-901edaa94939", // ForcedMobile
             //endpoint: "https://run.mocky.io/v3/1811a1fe-12a7-48f3-939e-d10a9b77dd25", // All Options
         });