Merge pull request #1106 from Safelite/feature/CSR-1112B

More Tech Review Changes

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

@@ -17,7 +17,7 @@
                 :answers="answers"
                 groupName="chooseShop"
                 textPosition="text-start"
-                v-model="selectedValue"
+                v-model="selectedProviderNumber"
                 isRequired
                 validationRules="option-required" />
             <textLink
@@ -81,12 +81,19 @@ export default {
         },
         selectedValue: {
             get: function () {
-                return this.modelValue?.providerNumber;
+                return this.modelValue;
             },
             set: function (newValue) {
-                // Button Question only supports Number, String data types so we must get the full object to emit
+                this.$emit("update:modelValue", newValue);
-                const provider = this.getSelectedProviderObject(newValue);
+            },
-                this.$emit("update:modelValue", provider);
+        },
+        selectedProviderNumber: {
+            get: function () {
+                return this.selectedValue?.providerNumber;
+            },
+            set: function (newValue) {
+                // Button Question only supports Number, or String data types so we must get the full object to emit
+                this.selectedValue = this.getSelectedProviderObject(newValue);
             },
         },
         displayDropoffInformation() {
@@ -198,7 +205,7 @@ export default {
 
                 await this.$nextTick();
 
-                this.selectedValue = null;
+                this.selectedProviderNumber = null;
 
                 this.$refs.buttonQuestion?.resetField();
 
@@ -216,7 +223,7 @@ export default {
                 if (this.selectedAppointmentType) {
                     const selectedShopIndex = this.getSelectedProviderIndex(
                         newValue,
-                        this.modelValue?.providerNumber
+                        this.selectedProviderNumber
                     );
 
                     if (selectedShopIndex >= 3) {