From 32c69b5105af3a915a5ff95fe4ee956eb12fde94 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 19 Sep 2023 14:41:20 -0400
Subject: [PATCH] Format code.

---
 src/layouts/address-lookup/address-lookup.vue | 142 +++++++++---------
 src/layouts/vehicle-damage/vehicle-damage.vue | 120 +++++++--------
 src/layouts/vehicle-parts/vehicle-parts.vue   |  10 +-
 3 files changed, 135 insertions(+), 137 deletions(-)

diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 34b111d15..e22f36edf 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -1,6 +1,10 @@
 <template>
-    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" autocomplete="off">
-
+    <Form
+        @submit="onSubmit"
+        @invalid-submit="onInvalidSubmit"
+        ref="theForm"
+        v-slot="{ meta }"
+        autocomplete="off">
         <div class="container-fluid">
             <div class="row">
                 <div class="col">
@@ -9,85 +13,83 @@
             </div>
             <div class="row justify-content-md-center">
                 <div class="col-md-6 col-xl-4">
-
                     <vehicleBanner
-                    cmsWidgetName="VehicleBannerWidget"
-                    ref="vehicleBanner"
-                    :displayGenericVehicleImage="false" />
+                        cmsWidgetName="VehicleBannerWidget"
+                        ref="vehicleBanner"
+                        :displayGenericVehicleImage="false" />
 
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" ref="funnelSubHeader" />
 
                     <customerQuestions ref="customerQuestions" v-model="customerQuestions" />
 
                     <alert
-                    ref="alertVinNotFound"
-                    v-if="displayVinNotFoundAlert"
-                    class="mb-4"
-                    cmsWidgetName="AlertVinNotFoundWidget"
-                    alertClass="alert-danger"
-                    v-bind:isDismissible="false" />
+                        ref="alertVinNotFound"
+                        v-if="displayVinNotFoundAlert"
+                        class="mb-4"
+                        cmsWidgetName="AlertVinNotFoundWidget"
+                        alertClass="alert-danger"
+                        v-bind:isDismissible="false" />
 
                     <alert
-                    ref="alertMatchedDifferentVehicle"
-                    v-if="displayMatchedDifferentVehicleAlert"
-                    class="mb-4"
-                    :manualHeadline="AlertMatchedDifferentVehicleHeader"
-                    :manualCopy="AlertMatchedDifferentVehicleBody"
-                    alertClass="alert-warning"
-                    v-bind:isDismissible="false" />
+                        ref="alertMatchedDifferentVehicle"
+                        v-if="displayMatchedDifferentVehicleAlert"
+                        class="mb-4"
+                        :manualHeadline="AlertMatchedDifferentVehicleHeader"
+                        :manualCopy="AlertMatchedDifferentVehicleBody"
+                        alertClass="alert-warning"
+                        v-bind:isDismissible="false" />
 
                     <alert
-                    ref="alertInvalidZip"
-                    v-if="displayInvalidZipAlert"
-                    class="mb-4"
-                    cmsWidgetName="AlertInvalidZipWidget"
-                    alertClass="alert-danger"
-                    v-bind:isDismissible="false" />
+                        ref="alertInvalidZip"
+                        v-if="displayInvalidZipAlert"
+                        class="mb-4"
+                        cmsWidgetName="AlertInvalidZipWidget"
+                        alertClass="alert-danger"
+                        v-bind:isDismissible="false" />
 
                     <alert
-                    ref="alertNonServiceableZip"
-                    v-if="displayNonServiceableZipAlert"
-                    class="mb-4"
-                    alertClass="alert-danger"
-                    :manualHeadline="AlertNonServiceableZipHeader"
-                    :manualCopy="AlertNonServiceableZipBody"
-                    v-bind:isDismissible="false" />
+                        ref="alertNonServiceableZip"
+                        v-if="displayNonServiceableZipAlert"
+                        class="mb-4"
+                        alertClass="alert-danger"
+                        :manualHeadline="AlertNonServiceableZipHeader"
+                        :manualCopy="AlertNonServiceableZipBody"
+                        v-bind:isDismissible="false" />
 
                     <alert
-                    ref="alertVinLookupsByHomeAddressNotAllowed"
-                    v-if="displayVinLookupByHomeAddressNotAllowedAlert"
-                    class="mb-4"
-                    cmsWidgetName="AlertVinLookupsByHomeAddressNotAllowedWidget"
-                    alertClass="alert-danger"
-                    v-bind:isDismissible="false" />
+                        ref="alertVinLookupsByHomeAddressNotAllowed"
+                        v-if="displayVinLookupByHomeAddressNotAllowedAlert"
+                        class="mb-4"
+                        cmsWidgetName="AlertVinLookupsByHomeAddressNotAllowedWidget"
+                        alertClass="alert-danger"
+                        v-bind:isDismissible="false" />
 
                     <transition name="fade" mode="out-in">
-
-                        <div class="service-zip-field" v-if="showServiceZipField" aria-live="polite">
-
+                        <div
+                            class="service-zip-field"
+                            v-if="showServiceZipField"
+                            aria-live="polite">
                             <div class="row mt-4 mb-1">
                                 <div class="col">
                                     <textboxQuestion
-                                    cmsWidgetName="ServiceZipQuestionWidget"
-                                    v-model="serviceZipCode"
-                                    ref="serviceZip"
-                                    customInputId="serviceZip"
-                                    aria-haspopup=""
-                                    mask="#####"
-                                    validationRules="service-zip-required|service-zip-format" />
-
+                                        cmsWidgetName="ServiceZipQuestionWidget"
+                                        v-model="serviceZipCode"
+                                        ref="serviceZip"
+                                        customInputId="serviceZip"
+                                        aria-haspopup=""
+                                        mask="#####"
+                                        validationRules="service-zip-required|service-zip-format" />
                                 </div>
                             </div>
                         </div>
                     </transition>
                     <navbar
-                    cmsWidgetName="FunnelFooterWidget"
-                    ref="navbar"
-                    :isDisabled="!meta.valid"
-                    @ForwardClicked="forwardButtonAction"
-                    @back-clicked="backButtonAction"
-                    :isForwardActionDisabled="!meta.valid" />
-
+                        cmsWidgetName="FunnelFooterWidget"
+                        ref="navbar"
+                        :isDisabled="!meta.valid"
+                        @ForwardClicked="forwardButtonAction"
+                        @back-clicked="backButtonAction"
+                        :isForwardActionDisabled="!meta.valid" />
                 </div>
             </div>
         </div>
@@ -242,12 +244,12 @@ export default {
                 {
                     resultKey: "serviceZipValidationResponse",
                     promise: this.serviceZipCode
-                    ? this.dispatchStoreAction(storeActions.VALIDATE_ZIP, {
-                        zip: this.serviceZipCode,
-                    })
-                    : this.dispatchStoreAction(storeActions.VALIDATE_ZIP, {
-                        zip: this.customerQuestions.addressQuestions.zipCode,
-                    }),
+                        ? this.dispatchStoreAction(storeActions.VALIDATE_ZIP, {
+                              zip: this.serviceZipCode,
+                          })
+                        : this.dispatchStoreAction(storeActions.VALIDATE_ZIP, {
+                              zip: this.customerQuestions.addressQuestions.zipCode,
+                          }),
                 },
             ];
 
@@ -332,9 +334,9 @@ export default {
                 {
                     isSelectedGlassAvailableForVehicle: this.isSelectedGlassAvailableForVehicle,
                     vehicleInfo:
-                    Object.keys(vehicleInfoToCommit).length === 0
-                    ? this.$store.getters.vehicle
-                    : vehicleInfoToCommit,
+                        Object.keys(vehicleInfoToCommit).length === 0
+                            ? this.$store.getters.vehicle
+                            : vehicleInfoToCommit,
                     customerInfo: {
                         firstName: this.customerQuestions.firstName,
                         lastName: this.customerQuestions.lastName,
@@ -404,8 +406,8 @@ export default {
     computed: {
         AlertNonServiceableZipHeader() {
             const zipCode = this.serviceZipCode
-            ? this.serviceZipCode
-            : this.customerQuestions.addressQuestions.zipCode;
+                ? this.serviceZipCode
+                : this.customerQuestions.addressQuestions.zipCode;
             const text = this.getCmsContent(
                 "AlertNonServiceableZipWidget",
                 "HeadlineText"
@@ -426,9 +428,9 @@ export default {
             const vinYmmExpected = `${this.$store.getters.vehicle.year} ${this.$store.getters.vehicle.make} ${this.$store.getters.vehicle.model}`;
 
             return this.getCmsContent("AlertMatchedDifferentVehicleWidget", "BodyText")
-            .replaceAll("{custom:glassText}", getDamageString())
-            .replaceAll("{custom:vinYmmFound}", vinYmmFound)
-            .replaceAll("{custom:vinYmmExpected}", vinYmmExpected);
+                .replaceAll("{custom:glassText}", getDamageString())
+                .replaceAll("{custom:vinYmmFound}", vinYmmFound)
+                .replaceAll("{custom:vinYmmExpected}", vinYmmExpected);
         },
     },
     watch: {
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index a528523cf..2e816393b 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -9,71 +9,67 @@
             <div class="row justify-content-md-center">
                 <div class="col-md-6 col-xl-4">
                     <vehicleBanner
-                    cmsWidgetName="VehicleBannerWidget"
-                    :displayGenericVehicleImage="false" />
+                        cmsWidgetName="VehicleBannerWidget"
+                        :displayGenericVehicleImage="false" />
 
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
 
                     <alert
-                    ref="vehicleChangeAlert"
-                    v-if="shouldDisplayVehicleChangeAlert"
-                    class="mt-5 mb-0"
-                    cmsWidgetName="VehicleChangeAlert"
-                    alertClass="alert-warning"
-                    :isDismissible="false" />
-
+                        ref="vehicleChangeAlert"
+                        v-if="shouldDisplayVehicleChangeAlert"
+                        class="mt-5 mb-0"
+                        cmsWidgetName="VehicleChangeAlert"
+                        alertClass="alert-warning"
+                        :isDismissible="false" />
                 </div>
             </div>
             <div class="row justify-content-md-center">
                 <div class="col-md-8 col-xl-6">
-
                     <damageLocationQuestion
-                    ref="damageLocation"
-                    cmsWidgetName="DamageLocationQuestion"
-                    v-model="selectedDamageLocations"
-                    groupName="DamageLocationQuestion" />
+                        ref="damageLocation"
+                        cmsWidgetName="DamageLocationQuestion"
+                        v-model="selectedDamageLocations"
+                        groupName="DamageLocationQuestion" />
 
                     <windshieldOptions
-                    ref="windshieldOptions"
-                    v-model="selectedWindshieldOptions"
-                    :hasRepairReplaceConflict="hasRepairReplaceConflict"
-                    :hasSplitSingleConflict="hasSplitSingleConflict"
-                    :selectedDamageLocations="selectedDamageLocations" />
+                        ref="windshieldOptions"
+                        v-model="selectedWindshieldOptions"
+                        :hasRepairReplaceConflict="hasRepairReplaceConflict"
+                        :hasSplitSingleConflict="hasSplitSingleConflict"
+                        :selectedDamageLocations="selectedDamageLocations" />
 
                     <alert
-                    v-if="hasRepairReplaceConflict"
-                    class="my-5"
-                    cmsWidgetName="HasReplacementConflict"
-                    alertClass="alert-danger"
-                    :isDismissible="false" />
+                        v-if="hasRepairReplaceConflict"
+                        class="my-5"
+                        cmsWidgetName="HasReplacementConflict"
+                        alertClass="alert-danger"
+                        :isDismissible="false" />
 
                     <sideDoorOptions
-                    ref="sideDoorOptions"
-                    cmsWidgetName="SideDoorSideQuestion"
-                    groupName="SideDoorSideQuestion"
-                    v-model="sideDoorOptionsData"
-                    v-show="!hasRepairReplaceConflict"
-                    :selectedDamageLocations="selectedDamageLocations" />
+                        ref="sideDoorOptions"
+                        cmsWidgetName="SideDoorSideQuestion"
+                        groupName="SideDoorSideQuestion"
+                        v-model="sideDoorOptionsData"
+                        v-show="!hasRepairReplaceConflict"
+                        :selectedDamageLocations="selectedDamageLocations" />
 
                     <replaceOptionsQuestion
-                    ref="backGlassOptions"
-                    cmsWidgetName="RearReplaceOptionsQuestion"
-                    :isAvailable="isRearWindowDamageLocation && !hasRepairReplaceConflict"
-                    v-model="selectedRearReplaceOptions"
-                    groupName="BackGlassReplaceOptionsQuestion"
-                    validationRules="replace-options-required" />
-
+                        ref="backGlassOptions"
+                        cmsWidgetName="RearReplaceOptionsQuestion"
+                        :isAvailable="isRearWindowDamageLocation && !hasRepairReplaceConflict"
+                        v-model="selectedRearReplaceOptions"
+                        groupName="BackGlassReplaceOptionsQuestion"
+                        validationRules="replace-options-required" />
                 </div>
             </div>
             <div class="row justify-content-md-center">
                 <div class="col-md-6 col-xl-4">
-
                     <navbar
-                    cmsWidgetName="FunnelFooterWidget"
-                    :isForwardActionDisabled="!meta.valid"
-                    :isBackButtonHidden="shouldHideBackButton"
-                    @back-clicked="backButtonAction"
-                    @ForwardClicked="forwardButtonAction" />
+                        cmsWidgetName="FunnelFooterWidget"
+                        :isForwardActionDisabled="!meta.valid"
+                        :isBackButtonHidden="shouldHideBackButton"
+                        @back-clicked="backButtonAction"
+                        @ForwardClicked="forwardButtonAction" />
                 </div>
             </div>
         </div>
@@ -243,7 +239,7 @@ export default {
                     })
                 ) {
                     windShieldOptions.selectedWindshieldDamageType =
-                    damageLocationsSelected.REPLACE;
+                        damageLocationsSelected.REPLACE;
                     windShieldOptions.selectedWindshieldReplaceOptions.push(
                         damageLocationsSelected.SINGLE
                     );
@@ -258,7 +254,7 @@ export default {
                     })
                 ) {
                     windShieldOptions.selectedWindshieldDamageType =
-                    damageLocationsSelected.REPLACE;
+                        damageLocationsSelected.REPLACE;
                     windShieldOptions.selectedWindshieldReplaceOptions.push(
                         damageLocationsSelected.DRIVER
                     );
@@ -273,7 +269,7 @@ export default {
                     })
                 ) {
                     windShieldOptions.selectedWindshieldDamageType =
-                    damageLocationsSelected.REPLACE;
+                        damageLocationsSelected.REPLACE;
                     windShieldOptions.selectedWindshieldReplaceOptions.push(
                         damageLocationsSelected.PASSENGER
                     );
@@ -343,7 +339,7 @@ export default {
                     isWindshieldRepair: this.isWindshieldRepair,
                     selectedGlassToReplace: this.selectedGlassToReplace(),
                     selectedWindshieldChipCount:
-                    this.selectedWindshieldOptions.selectedWindshieldChipCount,
+                        this.selectedWindshieldOptions.selectedWindshieldChipCount,
                 },
                 false
             );
@@ -366,9 +362,9 @@ export default {
             const payment = this.$store.getters.payment;
 
             const vehicleChangedDuringPolicyLookupInHeritage =
-            payment.isInsurance &&
-            payment.insuranceCoverage.coverageStatus &&
-            payment.insuranceCoverage.coverageStatus !== "";
+                payment.isInsurance &&
+                payment.insuranceCoverage.coverageStatus &&
+                payment.insuranceCoverage.coverageStatus !== "";
             if (vehicleChangedDuringPolicyLookupInHeritage) {
                 if (store.getters.damage.isRepair) {
                     this.$router.navigateWithSaving(
@@ -378,7 +374,7 @@ export default {
                 } else {
                     this.$router.navigateWithSaving(
                         this.navigationScenarios
-                        .CLICKED_FORWARD_WITH_REPLACE_AND_VERIFIED_INSURANCE,
+                            .CLICKED_FORWARD_WITH_REPLACE_AND_VERIFIED_INSURANCE,
                         this.$route
                     );
                 }
@@ -460,7 +456,7 @@ export default {
             return (
                 this.isWindshieldDamageLocation &&
                 this.selectedWindshieldOptions.selectedWindshieldDamageType ===
-                damageLocationsSelected.REPAIR
+                    damageLocationsSelected.REPAIR
             );
         },
         isDriverSideReplace() {
@@ -488,10 +484,10 @@ export default {
             if (
                 !this.selectedDamageLocations?.includes("Windshield") ||
                 this.selectedWindshieldOptions.selectedWindshieldDamageType ===
-                damageLocationsSelected.REPAIR ||
+                    damageLocationsSelected.REPAIR ||
                 !this.selectedWindshieldOptions.selectedWindshieldReplaceOptions
             )
-            return false;
+                return false;
 
             return (
                 this.selectedWindshieldOptions.selectedWindshieldReplaceOptions?.some(
@@ -510,14 +506,14 @@ export default {
                         );
                     }
                 ) ||
-                this.selectedWindshieldOptions.selectedWindshieldReplaceOptions?.some(
-                    (selectedPassengerWindshield) => {
-                        return (
-                            selectedPassengerWindshield.toUpperCase() ===
-                            damageLocationsSelected.PASSENGER.toUpperCase()
-                        );
-                    }
-                ))
+                    this.selectedWindshieldOptions.selectedWindshieldReplaceOptions?.some(
+                        (selectedPassengerWindshield) => {
+                            return (
+                                selectedPassengerWindshield.toUpperCase() ===
+                                damageLocationsSelected.PASSENGER.toUpperCase()
+                            );
+                        }
+                    ))
             );
         },
         shouldDisplayVehicleChangeAlert() {
diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index b5bf2cec8..4b3f0e5dd 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -241,11 +241,11 @@ export default {
 </script>
 
 <style lang="scss">
-    .vehicle-parts {
-        label {
-            &.list-card {
-                height: auto;
-            }
+.vehicle-parts {
+    label {
+        &.list-card {
+            height: auto;
         }
     }
+}
 </style>