CSR-774 | Remove two-way binding

Implemented new event that passes VAPs items to parent from service-package-question

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);
         },

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",

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: {