From eb1843d7c0cb0ea7ee5904a15d897209f700ab0f Mon Sep 17 00:00:00 2001
From: FrankRua <frank.rua@safelite.com>
Date: Wed, 4 May 2022 09:53:59 -0400
Subject: [PATCH] Fixed weird formatting / duplicates and added QA var's

---
 azure-pipelines.yml                           |   3 +
 .../license-plate-lookup.vue                  | 663 ++++++++----------
 2 files changed, 306 insertions(+), 360 deletions(-)

diff --git a/azure-pipelines.yml b/azure-pipelines.yml
index 816a6746f..036eb3d23 100644
--- a/azure-pipelines.yml
+++ b/azure-pipelines.yml
@@ -121,4 +121,7 @@ stages:
                       __VUE_APP_GOOGLE_PLACES_API_KEY__: $(__VUE_APP_GOOGLE_PLACES_API_KEY__)
                       __VUE_APP_HERITAGE_FUNNEL__: $(__VUE_APP_HERITAGE_FUNNEL__)
                       __VUE_APP_CURRENT_ENVIRONMENT__: $(__VUE_APP_CURRENT_ENVIRONMENT__)
+                    indexDeployVariables:
+                      __VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY__: $(__VUE_APP_GOOGLE_TAG_MANAGER_SCRIPT_BODY__)
+                      __VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__: $(__VUE_APP_GOOGLE_TAG_MANAGER_NOSCRIPT_FRAME_SRC__)
                     cfDistributionId: $(cfDistributionId)
\ No newline at end of file
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 34507bda2..1db7a57fd 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -1,106 +1,35 @@
 <template>
-  <Form
-    @submit="onSubmit"
-    @invalid-submit="onInvalidSubmit"
-    ref="theForm"
-    v-slot="{ meta }"
-  >
-    <div
-      class="container-fluid shadow rounded-3 p-2 position-relative make-tall px-5"
-    >
-      <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
-      <vehicleBanner
-        cmsWidgetName="VehicleBannerWidget"
-        :displayGenericVehicleImage="false"
-      />
-      <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
-      <div class="row my-2">
-        <div class="col">
-          <textboxQuestion
-            cmsWidgetName="LicensePlateNumber"
-            v-model="licensePlate"
-            isRequired
-            inputId="license_plate"
-            validationRules="license-plate-required"
-          />
+<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
+    <div class="container-fluid shadow rounded-3 p-2 position-relative make-tall px-5">
+        <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
+        <vehicleBanner cmsWidgetName="VehicleBannerWidget" :displayGenericVehicleImage="false" />
+        <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
+        <div class="row my-2">
+            <div class="col">
+                <textboxQuestion cmsWidgetName="LicensePlateNumber" v-model="licensePlate" isRequired inputId="license_plate" validationRules="license-plate-required" />
+            </div>
         </div>
-      </div>
-      <div class="row my-2">
-        <div class="col">
-          <textboxQuestion
-            cmsWidgetName="RegistrationZip"
-            v-model="registrationZip"
-            inputId="zip"
-            mask="#####"
-            validationRules="zip-required"
-          />
-          <textboxQuestion
-            cmsWidgetName="RegistrationZip"
-            v-model="registrationZip"
-            isRequired
-            inputId="zip"
-            mask="#####"
-            validationRules="zip-required"
-          />
+        <div class="row my-2">
+            <div class="col">
+                <textboxQuestion cmsWidgetName="RegistrationZip" v-model="registrationZip" inputId="zip" mask="#####" validationRules="zip-required" />
+            </div>
         </div>
-      </div>
-      <div class="row my-2">
-        <div class="col">
-          <textboxQuestion
-            cmsWidgetName="EmailAddress"
-            v-model="email"
-            inputId="email"
-            validationRules="email-address-required|email-address-format"
-          />
-          <textboxQuestion
-            cmsWidgetName="EmailAddress"
-            v-model="email"
-            isRequired
-            inputId="email"
-            validationRules="email-address-required|email-address-format"
-          />
+        <div class="row my-2">
+            <div class="col">
+                <textboxQuestion cmsWidgetName="EmailAddress" v-model="email" inputId="email" validationRules="email-address-required|email-address-format" />
+            </div>
         </div>
-      </div>
-      <alert
-        class="my-3"
-        :manualHeadline="NoServiceZipHeader"
-        :manualCopy="NoServiceZipBody"
-        v-if="!isRegistrationZipServicable && isVinValid && !isCarIdDifferent"
-        alertClass="alert-danger"
-      />
-      <div class="row my-2">
-        <div class="col">
-          <textboxQuestion
-            v-if="!isRegistrationZipServicable"
-            cmsWidgetName="ServiceZip"
-            v-model="serviceZip"
-            inputId="serviceZip"
-            validationRules="zip-required"
-          />
+        <alert class="my-3" :manualHeadline="NoServiceZipHeader" :manualCopy="NoServiceZipBody" v-if="!isRegistrationZipServicable && isVinValid && !isCarIdDifferent" alertClass="alert-danger" />
+        <div class="row my-2">
+            <div class="col">
+                <textboxQuestion v-if="!isRegistrationZipServicable" cmsWidgetName="ServiceZip" v-model="serviceZip" inputId="serviceZip" validationRules="zip-required" />
+            </div>
         </div>
-      </div>
-      <alert
-        class="my-3"
-        cmsWidgetName="NoMatchAlertWidget"
-        v-if="!isVinValid"
-        alertClass="alert-danger"
-      />
-      <alert
-        class="my-3"
-        :manualHeadline="MatchedDifferentVehicleAlertHeader"
-        :manualCopy="MatchedDifferentVehicleAlertBody"
-        v-if="isCarIdDifferent"
-        alertClass="alert-warning"
-      />
-      <funnelFooter
-        ref="funnelFooter"
-        cmsWidgetName="FunnelFooterWidget"
-        :isForwardActionDisabled="!meta.valid"
-        @back-clicked="backButtonAction"
-        @ForwardClicked="forwardButtonAction"
-      />
+        <alert class="my-3" cmsWidgetName="NoMatchAlertWidget" v-if="!isVinValid" alertClass="alert-danger" />
+        <alert class="my-3" :manualHeadline="MatchedDifferentVehicleAlertHeader" :manualCopy="MatchedDifferentVehicleAlertBody" v-if="isCarIdDifferent" alertClass="alert-warning" />
+        <funnelFooter ref="funnelFooter" cmsWidgetName="FunnelFooterWidget" :isForwardActionDisabled="!meta.valid" @back-clicked="backButtonAction" @ForwardClicked="forwardButtonAction" />
     </div>
-  </Form>
+</Form>
 </template>
 
 <script>
@@ -113,292 +42,306 @@ import alert from "@/ux-components/alert/alert";
 import textboxQuestion from "@/common-components/textbox-question/textbox-question";
 
 // Supporting files
-import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
-import { settleAllPromises } from "@/helpers/layout-helper";
+import {
+    fetchCmsContentForPage
+} from "@/helpers/cms-content-helper";
+import {
+    settleAllPromises
+} from "@/helpers/layout-helper";
 import store from "@/store";
 import baseMixin from "@/mixins/base-mixin.js";
-import { storeActions } from "@/constants/store-actions";
-import { storeMutations } from "@/constants/store-mutations";
-import { errorMessages } from "@/constants/error-messages";
 import {
-  getDamageString,
-  isGlassAvailableForCarId,
+    storeActions
+} from "@/constants/store-actions";
+import {
+    storeMutations
+} from "@/constants/store-mutations";
+import {
+    errorMessages
+} from "@/constants/error-messages";
+import {
+    getDamageString,
+    isGlassAvailableForCarId,
 } from "@/helpers/damage-helper";
-import { required, regex } from "@/helpers/validation-rules";
-import { Form, defineRule } from "vee-validate";
-import { navigateAfterSaveToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
+import {
+    required,
+    regex
+} from "@/helpers/validation-rules";
+import {
+    Form,
+    defineRule
+} from "vee-validate";
+import {
+    navigateAfterSaveToHeritageFunnel
+} from "@/helpers/heritage-integration/navigation-helper";
 
 // DEFINE VALIDATION RULES
 defineRule(
-  "license-plate-required",
-  required(errorMessages.LICENSE_PLATE_REQUIRED)
+    "license-plate-required",
+    required(errorMessages.LICENSE_PLATE_REQUIRED)
 );
 defineRule("zip-required", required(errorMessages.ZIP_REQUIRED));
 defineRule(
-  "email-address-required",
-  required(errorMessages.EMAIL_ADDRESS_REQUIRED)
+    "email-address-required",
+    required(errorMessages.EMAIL_ADDRESS_REQUIRED)
 );
 defineRule(
-  "email-address-format",
-  regex(
-    /^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9_\-.]+).([a-zA-Z]{2,})$/,
-    errorMessages.EMAIL_ADDRESS_FORMAT
-  )
+    "email-address-format",
+    regex(
+        /^([a-zA-Z0-9_\-.+]+)@([a-zA-Z0-9_\-.]+).([a-zA-Z]{2,})$/,
+        errorMessages.EMAIL_ADDRESS_FORMAT
+    )
 );
 
 export default {
-  name: "license-plate-lookup",
-  async beforeRouteEnter(to, from, next) {
-    // Call APIs
-    const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+    name: "license-plate-lookup",
+    async beforeRouteEnter(to, from, next) {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
 
-    // Settle promises and get results
-    const promiseResultMap = [
-      {
-        resultKey: "cmsContent",
-        promise: cmsContentPromise,
-      },
-    ];
+        // Settle promises and get results
+        const promiseResultMap = [{
+            resultKey: "cmsContent",
+            promise: cmsContentPromise,
+        }, ];
 
-    const resultMap = await settleAllPromises(promiseResultMap);
+        const resultMap = await settleAllPromises(promiseResultMap);
 
-    // Call the "next" function to complete the transition to this page.
-    next((vm) => {
-      vm.setCmsContent(resultMap.cmsContent);
-    });
-  },
-  props: {
-    validationRules: String,
-  },
-  data() {
-    return {
-      isRegistrationZipServicable: true,
-      isVinValid: true,
-      isCarIdDifferent: false,
-      licensePlate: this.getLicensePlateFromStore(),
-      registrationZip: this.getRegistrationZipFromStore(),
-      email: this.getEmailFromStore(),
-      serviceZip: this.getServiceZipFromStore(),
-      previouslyEnteredCarId: "",
-      customAlertData: {},
-      isSelectedGlassAvailableForVehicle: true,
-    };
-  },
-  mounted() {
-    this.attachCustomEvents();
-  },
-  computed: {
-    MatchedDifferentVehicleAlertHeader() {
-      let text = this.getCmsContent(
-        "MatchedDifferentVehicleAlertWidget",
-        "HeadlineText"
-      ).replaceAll("{custom:damage}", getDamageString());
+        // Call the "next" function to complete the transition to this page.
+        next((vm) => {
+            vm.setCmsContent(resultMap.cmsContent);
+        });
+    },
+    props: {
+        validationRules: String,
+    },
+    data() {
+        return {
+            isRegistrationZipServicable: true,
+            isVinValid: true,
+            isCarIdDifferent: false,
+            licensePlate: this.getLicensePlateFromStore(),
+            registrationZip: this.getRegistrationZipFromStore(),
+            email: this.getEmailFromStore(),
+            serviceZip: this.getServiceZipFromStore(),
+            previouslyEnteredCarId: "",
+            customAlertData: {},
+            isSelectedGlassAvailableForVehicle: true,
+        };
+    },
+    mounted() {
+        this.attachCustomEvents();
+    },
+    computed: {
+        MatchedDifferentVehicleAlertHeader() {
+            let text = this.getCmsContent(
+                "MatchedDifferentVehicleAlertWidget",
+                "HeadlineText"
+            ).replaceAll("{custom:damage}", getDamageString());
 
-      return text;
-    },
-    MatchedDifferentVehicleAlertBody() {
-      let text = this.getCmsContent(
-        "MatchedDifferentVehicleAlertWidget",
-        "BodyText"
-      )
-        .replaceAll("{custom:damage}", getDamageString())
-        .replaceAll(
-          "{custom:plateLookupYear}",
-          this.customAlertData?.vehicleInfo?.year
-        )
-        .replaceAll(
-          "{custom:plateLookupMake}",
-          this.customAlertData?.vehicleInfo?.make
-        )
-        .replaceAll(
-          "{custom:plateLookupModel}",
-          this.customAlertData?.vehicleInfo?.model
-        );
-
-      return text;
-    },
-    NoServiceZipHeader() {
-      let text = this.getCmsContent(
-        "NoServiceZipWidget",
-        "HeadlineText"
-      ).replaceAll("{custom:zip}", this.registrationZip);
-
-      return text;
-    },
-    NoServiceZipBody() {
-      return this.getCmsContent("NoServiceZipWidget", "BodyText");
-    },
-  },
-  methods: {
-    arePagePrerequisitesValid() {
-      return store.getters.vehicle.carId !== null;
-    },
-    resetDependentState() {
-      store.commit(storeMutations.UPDATE_REGISTRATION_ADDRESS, null);
-      store.commit(storeMutations.UPDATE_REGISTRATION_CITY, null);
-      store.commit(storeMutations.UPDATE_REGISTRATION_FIRST_NAME, null);
-      store.commit(storeMutations.UPDATE_REGISTRATION_LAST_NAME, null);
-      store.dispatch(storeActions.RESET_PARTS_STATE_AND_DEPENDENCIES);
-    },
-    attachCustomEvents() {
-      this.prependActionToMethod(this, this.forwardButtonAction, () => {
-        this.pushEventToGA(
-          this.$route.query[this.queryStrings.FMG_PAGE],
-          this.GaActions.SUBMITTED,
-          this.GaLabels.LICENSE_PLATE_LOOKUP,
-          true
-        );
-      });
-    },
-    getLicensePlateFromStore() {
-      return store.getters.vehicle.registration.licensePlate;
-    },
-    getRegistrationZipFromStore() {
-      return store.getters.vehicle.registration.zipCode;
-    },
-    getEmailFromStore() {
-      return store.getters.order.customer.emailAddress;
-    },
-    getServiceZipFromStore(){
-      return store.getters.order.serviceLocation.zipCode
-    },
-    backButtonAction() {
-      this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
-    },
-    async forwardButtonAction() {
-      const zipValidation = this.serviceZip
-        ? await this.validateZip(this.serviceZip)
-        : await this.validateZip(this.registrationZip);
-      if (!zipValidation.data.isServiceable) {
-        this.$refs.funnelFooter.removeLoader();
-        this.isVinValid = true;
-        this.isRegistrationZipServicable = false;
-        this.isCarIdDifferent = false;
-        return;
-      }
-
-      const vinLookup = await this.lookupVin(
-        this.licensePlate,
-        zipValidation.data.state
-      ).catch(() => {
-        this.$refs.funnelFooter.removeLoader();
-        this.isVinValid = false;
-        this.isCarIdDifferent = false;
-        return;
-      });
-
-      this.isCarIdDifferent =
-        vinLookup.data.vehicle.carId !== store.getters.vehicle.carId;
-
-      if (
-        this.isCarIdDifferent &&
-        vinLookup.data.vehicle.carId !== this.previouslyEnteredCarId
-      ) {
-        this.previouslyEnteredCarId = vinLookup.data.vehicle.carId;
-        this.customAlertData.vehicleInfo = vinLookup.data.vehicle;
-        this.$refs.funnelFooter.updateButtonText(
-          `Continue with ${vinLookup.data.vehicle.year} ${vinLookup.data.vehicle.make} ${vinLookup.data.vehicle.model}`
-        );
-        this.isVinValid = true;
-        this.isSelectedGlassAvailableForVehicle =
-          await isGlassAvailableForCarId(vinLookup.data.vehicle.carId);
-        this.$refs.funnelFooter.removeLoader();
-        return;
-      }
-
-      this.updateCustomerInfo(
-        vinLookup.data.vin,
-        vinLookup.data.vehicle,
-        zipValidation.data.state
-      );
-
-      const partsData = await baseMixin.methods.dispatchStoreAction(
-        this.storeActions.GET_PARTS_OR_QUESTIONS,
-        {
-          carId: vinLookup.data.vehicle.carId,
-          glassArray:
-            this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle
-              ? []
-              : store.getters.damage.glassToReplace,
-          zipCode: this.serviceZip ? this.serviceZip : this.registrationZip,
-          vin: vinLookup.data.vin,
+            return text;
+        },
+        MatchedDifferentVehicleAlertBody() {
+            let text = this.getCmsContent(
+                    "MatchedDifferentVehicleAlertWidget",
+                    "BodyText"
+                )
+                .replaceAll("{custom:damage}", getDamageString())
+                .replaceAll(
+                    "{custom:plateLookupYear}",
+                    this.customAlertData?.vehicleInfo?.year
+                )
+                .replaceAll(
+                    "{custom:plateLookupMake}",
+                    this.customAlertData?.vehicleInfo?.make
+                )
+                .replaceAll(
+                    "{custom:plateLookupModel}",
+                    this.customAlertData?.vehicleInfo?.model
+                );
+
+            return text;
+        },
+        NoServiceZipHeader() {
+            let text = this.getCmsContent(
+                "NoServiceZipWidget",
+                "HeadlineText"
+            ).replaceAll("{custom:zip}", this.registrationZip);
+
+            return text;
+        },
+        NoServiceZipBody() {
+            return this.getCmsContent("NoServiceZipWidget", "BodyText");
         },
-        false
-      );
-      this.navigateForward(partsData);
     },
-    navigateForward(partsData) {
-      if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) {
-        this.$router.navigateAfterSave(
-          this.navigationScenarios.CLICKED_FORWARD,
-          this.$route,
-          {},
-          { displayVehicleChangeAlert: true },
-          partsData.data
-        );
-        return;
-      } else {
-        navigateAfterSaveToHeritageFunnel(this.$route);
-        return;
-      }
+    methods: {
+        arePagePrerequisitesValid() {
+            return store.getters.vehicle.carId !== null;
+        },
+        resetDependentState() {
+            store.commit(storeMutations.UPDATE_REGISTRATION_ADDRESS, null);
+            store.commit(storeMutations.UPDATE_REGISTRATION_CITY, null);
+            store.commit(storeMutations.UPDATE_REGISTRATION_FIRST_NAME, null);
+            store.commit(storeMutations.UPDATE_REGISTRATION_LAST_NAME, null);
+            store.dispatch(storeActions.RESET_PARTS_STATE_AND_DEPENDENCIES);
+        },
+        attachCustomEvents() {
+            this.prependActionToMethod(this, this.forwardButtonAction, () => {
+                this.pushEventToGA(
+                    this.$route.query[this.queryStrings.FMG_PAGE],
+                    this.GaActions.SUBMITTED,
+                    this.GaLabels.LICENSE_PLATE_LOOKUP,
+                    true
+                );
+            });
+        },
+        getLicensePlateFromStore() {
+            return store.getters.vehicle.registration.licensePlate;
+        },
+        getRegistrationZipFromStore() {
+            return store.getters.vehicle.registration.zipCode;
+        },
+        getEmailFromStore() {
+            return store.getters.order.customer.emailAddress;
+        },
+        getServiceZipFromStore() {
+            return store.getters.order.serviceLocation.zipCode
+        },
+        backButtonAction() {
+            this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+        },
+        async forwardButtonAction() {
+            const zipValidation = this.serviceZip ?
+                await this.validateZip(this.serviceZip) :
+                await this.validateZip(this.registrationZip);
+            if (!zipValidation.data.isServiceable) {
+                this.$refs.funnelFooter.removeLoader();
+                this.isVinValid = true;
+                this.isRegistrationZipServicable = false;
+                this.isCarIdDifferent = false;
+                return;
+            }
+
+            const vinLookup = await this.lookupVin(
+                this.licensePlate,
+                zipValidation.data.state
+            ).catch(() => {
+                this.$refs.funnelFooter.removeLoader();
+                this.isVinValid = false;
+                this.isCarIdDifferent = false;
+                return;
+            });
+
+            this.isCarIdDifferent =
+                vinLookup.data.vehicle.carId !== store.getters.vehicle.carId;
+
+            if (
+                this.isCarIdDifferent &&
+                vinLookup.data.vehicle.carId !== this.previouslyEnteredCarId
+            ) {
+                this.previouslyEnteredCarId = vinLookup.data.vehicle.carId;
+                this.customAlertData.vehicleInfo = vinLookup.data.vehicle;
+                this.$refs.funnelFooter.updateButtonText(
+                    `Continue with ${vinLookup.data.vehicle.year} ${vinLookup.data.vehicle.make} ${vinLookup.data.vehicle.model}`
+                );
+                this.isVinValid = true;
+                this.isSelectedGlassAvailableForVehicle =
+                    await isGlassAvailableForCarId(vinLookup.data.vehicle.carId);
+                this.$refs.funnelFooter.removeLoader();
+                return;
+            }
+
+            this.updateCustomerInfo(
+                vinLookup.data.vin,
+                vinLookup.data.vehicle,
+                zipValidation.data.state
+            );
+
+            const partsData = await baseMixin.methods.dispatchStoreAction(
+                this.storeActions.GET_PARTS_OR_QUESTIONS, {
+                    carId: vinLookup.data.vehicle.carId,
+                    glassArray: this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle ? [] : store.getters.damage.glassToReplace,
+                    zipCode: this.serviceZip ? this.serviceZip : this.registrationZip,
+                    vin: vinLookup.data.vin,
+                },
+                false
+            );
+            this.navigateForward(partsData);
+        },
+        navigateForward(partsData) {
+            if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) {
+                this.$router.navigateAfterSave(
+                    this.navigationScenarios.CLICKED_FORWARD,
+                    this.$route, {}, {
+                        displayVehicleChangeAlert: true
+                    },
+                    partsData.data
+                );
+                return;
+            } else {
+                navigateAfterSaveToHeritageFunnel(this.$route);
+                return;
+            }
+        },
+        validateZip(zip) {
+            return baseMixin.methods.dispatchStoreAction(storeActions.VALIDATE_ZIP, {
+                zip,
+            });
+        },
+        lookupVin(plate, state) {
+            return baseMixin.methods.dispatchStoreAction(
+                storeActions.LOOKUP_VIN_BY_PLATE, {
+                    licensePlate: plate,
+                    licenseState: state
+                }
+            );
+        },
+        updateCustomerInfo(vin, vehicleInfo, registrationState) {
+            if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) {
+                store.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES);
+            }
+            store.commit(storeMutations.UPDATE_VEHICLE_VIN, vin);
+            store.commit(storeMutations.UPDATE_YEAR, vehicleInfo.year);
+            store.commit(storeMutations.UPDATE_MAKE, vehicleInfo.make);
+            store.commit(storeMutations.UPDATE_MODEL, vehicleInfo.model);
+            store.commit(storeMutations.UPDATE_STYLE, vehicleInfo.style);
+            store.commit(storeMutations.UPDATE_CAR_ID, vehicleInfo.carId);
+            store.commit(storeMutations.UPDATE_VEHICLE_CATEGORY, vehicleInfo.category);
+            store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL, vehicleInfo.imageUrl);
+            store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER, vehicleInfo.imageVifNumber);
+            store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR, vehicleInfo.imageColor);
+            store.commit(storeMutations.UPDATE_REGISTRATION_LICENSE_PLATE, this.licensePlate);
+            store.commit(storeMutations.UPDATE_REGISTRATION_STATE, registrationState);
+            store.commit(storeMutations.UPDATE_REGISTRATION_ZIP_CODE, this.registrationZip);
+            store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP_CODE, this.serviceZip);
+            store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, this.email);
+        },
     },
-    validateZip(zip) {
-      return baseMixin.methods.dispatchStoreAction(storeActions.VALIDATE_ZIP, {
-        zip,
-      });
+    watch: {
+        licensePlate() {
+            this.$refs.funnelFooter.updateButtonText(
+                this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
+            );
+        },
+        registrationZip() {
+            this.$refs.funnelFooter.updateButtonText(
+                this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
+            );
+        },
+        serviceZip() {
+            this.$refs.funnelFooter.updateButtonText(
+                this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
+            );
+        },
     },
-    lookupVin(plate, state) {
-      return baseMixin.methods.dispatchStoreAction(
-        storeActions.LOOKUP_VIN_BY_PLATE,
-        { licensePlate: plate, licenseState: state }
-      );
+    components: {
+        Form,
+        funnelHeader,
+        vehicleBanner,
+        funnelSubHeader,
+        textboxQuestion,
+        alert,
+        funnelFooter,
     },
-    updateCustomerInfo(vin, vehicleInfo, registrationState) {
-      if (this.isCarIdDifferent && !this.isSelectedGlassAvailableForVehicle) {
-        store.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES);
-      }
-      store.commit(storeMutations.UPDATE_VEHICLE_VIN, vin);
-      store.commit(storeMutations.UPDATE_YEAR, vehicleInfo.year);
-      store.commit(storeMutations.UPDATE_MAKE, vehicleInfo.make);
-      store.commit(storeMutations.UPDATE_MODEL, vehicleInfo.model);
-      store.commit(storeMutations.UPDATE_STYLE, vehicleInfo.style);
-      store.commit(storeMutations.UPDATE_CAR_ID, vehicleInfo.carId);
-      store.commit(storeMutations.UPDATE_VEHICLE_CATEGORY,vehicleInfo.category);
-      store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL,vehicleInfo.imageUrl);
-      store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER,vehicleInfo.imageVifNumber);
-      store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR,vehicleInfo.imageColor);
-      store.commit(storeMutations.UPDATE_REGISTRATION_LICENSE_PLATE,this.licensePlate);
-      store.commit(storeMutations.UPDATE_REGISTRATION_STATE, registrationState);
-      store.commit(storeMutations.UPDATE_REGISTRATION_ZIP_CODE, this.registrationZip);
-      store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP_CODE, this.serviceZip);
-      store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, this.email);
-    },
-  },
-  watch: {
-    licensePlate() {
-      this.$refs.funnelFooter.updateButtonText(
-        this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
-      );
-    },
-    registrationZip() {
-      this.$refs.funnelFooter.updateButtonText(
-        this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
-      );
-    },
-    serviceZip() {
-      this.$refs.funnelFooter.updateButtonText(
-        this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
-      );
-    },
-  },
-  components: {
-    Form,
-    funnelHeader,
-    vehicleBanner,
-    funnelSubHeader,
-    textboxQuestion,
-    alert,
-    funnelFooter,
-  },
 };
 </script>