From e55eda4ceeece6f47f28457efee8727423c1632b Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Fri, 19 May 2023 08:42:11 -0400
Subject: [PATCH] More Tech Review Changes

---
 .../shop-question/shop-question.vue           | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/layouts/service-location/shop-question/shop-question.vue b/src/layouts/service-location/shop-question/shop-question.vue
index f9be3976b..2e2e89607 100644
--- a/src/layouts/service-location/shop-question/shop-question.vue
+++ b/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
-                const provider = this.getSelectedProviderObject(newValue);
-                this.$emit("update:modelValue", provider);
+                this.$emit("update:modelValue", newValue);
+            },
+        },
+        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) {