From 39b9901d16faae54571bde87f0eaccc7ff53d015 Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Wed, 7 Dec 2022 09:46:05 -0500
Subject: [PATCH] CSR-774 | Remove two-way binding

Implemented new event that passes VAPs items to parent from service-package-question
---
 src/layouts/quote/quote.vue                       | 15 +++++++++++----
 .../service-package-question.spec.js              |  2 +-
 .../service-package-question.vue                  |  3 +--
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 424b864d8..6f9ef8be6 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -21,10 +21,11 @@
                     ref="servicePackage"
                     cashCmsWidgetName="CashServicePackageQuestionWidget"
                     insuranceCmsWidgetName="InsuranceServicePackageQuestionWidget"
-                    v-model="selectedVaps"
                     groupName="ServicePackageQuestion"
                     :availableLineItems="availableLineItems"
-                    :isInsuranceSelected="isInsuranceSelected" />
+                    :isInsuranceSelected="isInsuranceSelected"
+                    @vapsItemsSelected="vapsItemsSelectedAction" />
+
                 <textBlock
                     cmsWidgetName="quoteDisclaimer"
                     justifyText="left"
@@ -124,8 +125,11 @@ export default {
     },
     methods: {
         arePagePrerequisitesValid() {
-            return true;
-            //return store.getters.order.damage.isRepair || (store.getters.order.lineItems?.glassParts != null && store.getters.order.lineItems.glassParts.length > 0);
+            return (
+                store.getters.order.damage.isRepair ||
+                (store.getters.order.lineItems?.glassParts != null &&
+                    store.getters.order.lineItems.glassParts.length > 0)
+            );
         },
         getDefaultIsInsuranceSelectedValue() {
             const defaultIsInsuranceSelectedValue = this.$store.getters.order.payment.isInsurance;
@@ -137,6 +141,9 @@ export default {
                     : null;
             }
         },
+        vapsItemsSelectedAction(vapsItemsSelected) {
+            this.selectedVaps = vapsItemsSelected;
+        },
         backButtonAction() {
             vehicleQuestionsMixin.methods.navigateBack(this);
         },
diff --git a/src/layouts/quote/service-package-question/service-package-question.spec.js b/src/layouts/quote/service-package-question/service-package-question.spec.js
index e0608e713..cd10b893f 100644
--- a/src/layouts/quote/service-package-question/service-package-question.spec.js
+++ b/src/layouts/quote/service-package-question/service-package-question.spec.js
@@ -58,7 +58,7 @@ describe("service-package-question.vue", () => {
         await nextTick();
 
         // Assert
-        expect(wrapper.emitted()["update:modelValue"][0][0]).toEqual([
+        expect(wrapper.emitted()["vapsItemsSelected"][0][0]).toEqual([
             {
                 description: null,
                 partNumber: "RAIN DEFENSE",
diff --git a/src/layouts/quote/service-package-question/service-package-question.vue b/src/layouts/quote/service-package-question/service-package-question.vue
index 3c88b43c0..1c7f93e08 100644
--- a/src/layouts/quote/service-package-question/service-package-question.vue
+++ b/src/layouts/quote/service-package-question/service-package-question.vue
@@ -25,7 +25,6 @@ const packageNames = {
 export default {
     name: "servicePackageQuestion",
     props: {
-        modelValue: String,
         groupName: String,
         cashCmsWidgetName: String,
         insuranceCmsWidgetName: String,
@@ -46,7 +45,7 @@ export default {
         },
         selectedPackageName(newValue) {
             const VapsProductsInSelectedPackage = this.getVapsLineItemsForSelectedPackage(newValue);
-            this.$emit("update:modelValue", VapsProductsInSelectedPackage);
+            this.$emit("vapsItemsSelected", VapsProductsInSelectedPackage);
         },
     },
     computed: {