Merge remote-tracking branch 'origin/develop' into feature/CSR-621

src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue

@@ -192,6 +192,7 @@ export default ({
 				this.addressModel.zipCode !== null) {
 
 				this.showAddressFields = true;
+				return;
 			}
 
 			const addressField1 = document.getElementById("autocomplete");
@@ -230,34 +231,34 @@ export default ({
 						
 					})
 
-						addressField1.onchange = function() {
+					addressField1.onchange = function() {
-							const hover = document.querySelector(".pac-container .pac-item:hover");
+						const hover = document.querySelector(".pac-container .pac-item:hover");
-							// if an item has been clicked, do nothing, otherwise get first solution and use Geocoder to get the place
+						// if an item has been clicked, do nothing, otherwise get first solution and use Geocoder to get the place
-							if (hover === null) {
+						if (hover === null) {
-								const item = document.querySelector(".pac-container .pac-item");
+							const item = document.querySelector(".pac-container .pac-item");
-								if (item != null) {
+							if (item != null) {
-									const firstResult = item.textContent;
+								const firstResult = item.textContent;
-									const geocoder = new window.google.maps.Geocoder();
+								const geocoder = new window.google.maps.Geocoder();
-									geocoder.geocode({
+								geocoder.geocode({
-										address: firstResult
+									address: firstResult
-									}, function (results, status) {
+								}, function (results, status) {
-										if (status === window.google.maps.GeocoderStatus.OK) {
+									if (status === window.google.maps.GeocoderStatus.OK) {
-											fillInAddress(results[0]);
+										fillInAddress(results[0]);
-											self.displayVerificationWarning = true;
+										self.displayVerificationWarning = true;
-											self.displayNoMatchWarning = false;
+										self.displayNoMatchWarning = false;
-										}
+									}
-									});
+								});
-								}
-								else {
-									self.addressModel.city = "";
-									self.addressModel.state = "";
-									self.addressModel.zipCode = "";      
-									self.showAddressFields = true;
-									self.displayVerificationWarning = false;
-									self.displayNoMatchWarning = true;
-								}					
 							}
-						};
+							else {
+								self.addressModel.city = "";
+								self.addressModel.state = "";
+								self.addressModel.zipCode = "";      
+								self.showAddressFields = true;
+								self.displayVerificationWarning = false;
+								self.displayNoMatchWarning = true;
+							}					
+						}
+					};
 
 					function fillInAddress(place) {
 						if (!place) {
@@ -265,6 +266,7 @@ export default ({
 						}
 
 						if (place && place.address_components) {
+							self.addressModel.streetAddress= "";
 							self.showAddressFields = true;
 
 							for (const component of place.address_components) {
@@ -276,8 +278,7 @@ export default ({
 										break;
 									}
 									case "route": {
-										self.addressModel.streetAddress +=
+										self.addressModel.streetAddress += " " + component.short_name;
-										" " + component.short_name;
 										break;
 									}
 									case "locality": {
@@ -286,7 +287,6 @@ export default ({
 									}
 									case "administrative_area_level_1": {
 										self.addressModel.state = component.short_name;
-										// self.addressModel.state = "";
 										break;
 									}
 									case "postal_code": {
@@ -311,12 +311,12 @@ export default ({
 						const pacContainer = document.querySelector(".pac-container");
 						pacContainer.remove();
 
-						}
+					}
-					})
+				})
-					.catch(() => {
+				.catch(() => {
-						// Failed to fetch script
+					// Failed to fetch script
-						console.log("Unable to load Google Places API script");
+					console.log("Unable to load Google Places API script");
-					});	
+				});	
 		}
 	},
 	mounted() {

src/layouts/vehicle-damage/vehicle-damage.vue

@@ -32,7 +32,7 @@
             :selectedDamageLocations="selectedDamageLocations"
           />
           <alert
-            class="my-3"
+            class="my-5"
             cmsWidgetName="HasReplacementConflict"
             v-show="hasRepairReplaceConflict"
             alertClass="alert-danger"

src/layouts/vehicle-damage/windshield-options/windshield-options.vue

@@ -30,7 +30,7 @@
             isRequired
         />
         <alert
-            class="my-3"
+            class="mt-5"
             cmsWidgetName="SplitSingleConflict"
             v-if="hasSplitSingleConflict"
             alertClass="alert-danger"

src/ux-components/list-button-horizontal/list-button-horizontal.vue

@@ -91,6 +91,10 @@ export default {
         : this.selectedValues[0];
     }
   },
+  unmounted() { // needed to clear this button's selectedValues if it is removed
+    this.checkValue = false;
+    this.handleCheckChange();
+  },
   methods: {
     displayLoader() {
       this.isLoaderDisplayed = true;

src/ux-components/list-button/list-button.vue

@@ -91,6 +91,10 @@ export default {
         : this.selectedValues[0];
     }
   },
+  unmounted() { // needed to clear this button's selectedValues if it is removed
+    this.checkValue = false;
+    this.handleCheckChange();
+  },
   methods: {
     displayLoader() {
       this.isLoaderDisplayed = true;

src/ux-components/list-card/list-card.vue

@@ -98,6 +98,10 @@ export default {
         : this.selectedValues[0];
     }
   },
+  unmounted() { // needed to clear this button's selectedValues if it is removed
+    this.checkValue = false;
+    this.handleCheckChange();
+  },
   computed: {
     getLabelClasses() {
       if (this.isWide) {