WIP

src/fmg-components/donation-block/donation-block.vue

@@ -65,6 +65,7 @@ export default {
     name: "donationBlock",
     props: {
         cmsWidgetName: String,
+        modelValue: String,
     },
     computed: {
         DonationHeadline() {
@@ -91,6 +92,14 @@ export default {
         LogoImage() {
             return this.getCmsContent("DonationWidget", "Image");
         },
+        selectedValue: {
+            get: function () {
+                return this.modelValue?.toString();
+            },
+            set: function (newValue) {
+                this.$emit("update:modelValue", newValue);
+            },
+        },
     },
     data() {
         return {

src/layouts/confirmation/confirmation.vue

@@ -65,12 +65,17 @@
                                 :isNoComp="isNoComp" />
 
                             <div class="mt-3">
-                                <donationBlock cmsWidgetName="DonationWidget" />
+                                <donationBlock
+                                    cmsWidgetName="DonationWidget"
+                                    v-model="donationAmount"
+                                    :donationValues="donationValues" />
                             </div>
 
-                            <h3>donationAdded: {{ donationAdded }}</h3>
+                            <h3>donationAmount: {{ donationAmount }}</h3>
 
-                            <button type="button" @click="addDonation(3)">Add Donation of $3</button>
+                            <!-- <button type="button" @click="addDonation(3)">
+                                Add Donation of $3
+                            </button> -->
 
                             <hr class="mb-5" />
 
@@ -456,7 +461,10 @@ export default {
                 );
             }
         },
-        donationAdded() {
+        donationValues() {
+            return [1,3,5];
+        },
+        donationAmount() {
             const donationItems = this.submittedOrder?.lineItems?.supportingItems?.filter(
                 (item) => item.partNumber === "DONATION"
             );
@@ -507,13 +515,22 @@ export default {
         forwardButtonAction() {
             window.location.assign(location.protocol + "//" + location.host);
         },
-        addDonation(amount) {
+        async addDonation(amount) {
-            baseMixin.methods.dispatchStoreAction(
+            // try to call API to add donation to order
+
+            // TODO - change the following to check the response from the call
+            const donationResponse = await baseMixin.methods.dispatchStoreAction(
                 storeActions.ADD_DONATION_TO_SUBMITTED_ORDER,
                 amount,
                 false
             );
-        }
+        },
+    },
+    watch: {
+        donationAmount(newValue) {
+            console.log("WATCHED donationAmount changed: ", newValue)
+            this.addDonation(newValue);
+        },
     },
     components: {
         funnelHeader,

src/layouts/insurance-company/insurance-company.vue

@@ -22,7 +22,7 @@
                         linkType="text"
                         :text="payWithCashButtonCopy"
                         href="javascript:void(0)"
-                        @click-event="backButtonAction(foreceCashSelectionOnQuote = true)" />
+                        @click-event="backButtonAction((foreceCashSelectionOnQuote = true))" />
 
                     <navbar
                         cmsWidgetName="FunnelFooterWidget"
@@ -102,7 +102,7 @@ export default {
         },
         payWithCashButtonCopy() {
             return this.getCmsContent("PayWithCashWidget", "Text");
-        }
+        },
     },
     methods: {
         isCashParentAccountNumber() {
@@ -123,7 +123,11 @@ export default {
         backButtonAction(forceCashSelectionOnQuote) {
             // Go back to Quote page
             if (forceCashSelectionOnQuote) {
-                this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route, {"isCashSelected": true});
+                this.$router.navigateWithoutSaving(
+                    this.navigationScenarios.CLICKED_BACK,
+                    this.$route,
+                    { isCashSelected: true }
+                );
                 return;
             }
 

src/layouts/quote/quote.spec.js

@@ -612,14 +612,10 @@ describe("quote.vue", () => {
         mockTierOnePrice = 505;
         const { wrapper } = setupMocks({});
 
-
         //Act
         await quote.beforeRouteEnter.call(
             wrapper.vm,
-            { query: { fmgPage: "quote",
+            { query: { fmgPage: "quote", isInsuranceSelected: true, isCashSelected: true } },
-                isInsuranceSelected: true,
-                isCashSelected: true,
-             } },
             undefined,
             (c) => c(wrapper.vm)
         );

src/layouts/service-zip/service-zip.vue

@@ -206,8 +206,7 @@ export default {
             if (!this.emailOrSms) {
                 await this.dispatchStoreAction(storeActions.SAVE_PHONE_NUMBER, "", false);
                 await this.dispatchStoreAction(storeActions.SAVE_EMAIL, "", false);
-            }
+            } else {
-            else { 
                 if (vinPagesMixin.methods.isPhoneNumber(this.emailOrSms)) {
                     const phone = this.emailOrSms.replace(/[()]/g, "");
                     await this.dispatchStoreAction(storeActions.SAVE_PHONE_NUMBER, phone, false);

src/store/index.js

@@ -3157,22 +3157,21 @@ export const actions = {
     },
 
     addDonationToSubmittedOrder(context, donationAmount) {
-
+        console.log("running addDonationToSubmittedOrder()... donationAmount: ", donationAmount);
-        console.log("running addDonationToSubmittedOrder()... donationAmount: ", donationAmount)
 
         const submittedOrder = deepClone(baseMixin.methods.getSubmittedOrder());
 
         submittedOrder.lineItems.supportingItems.push({
-                "partNumber": "DONATION",
+            partNumber: "DONATION",
-                "description": null,
+            description: null,
-                "partType": "DONATION",
+            partType: "DONATION",
-                "isInsurable": false,
+            isInsurable: false,
-                "isChildPart": false,
+            isChildPart: false,
-                "laborAmount": 0,
+            laborAmount: 0,
-                "sellingPrice": donationAmount,
+            sellingPrice: donationAmount,
-                "kitPrice": 0,
+            kitPrice: 0,
-                "salesTax": null,
+            salesTax: null,
-                "id": "donation-" + donationAmount,
+            id: "donation-" + donationAmount,
         });
 
         // set to local storage

vue.config.js

@@ -1,4 +1,4 @@
-process.env.VUE_APP_CONSUMER_CF_DISTRO = "https://digitalapi.dev.safelite.io";
+process.env.VUE_APP_CONSUMER_CF_DISTRO = "https://digitalapi.qa.safelite.io";
 //process.env.VUE_APP_HERITAGE_FUNNEL = "http://localhost:38000/default.aspx";
 process.env.VUE_APP_HERITAGE_FUNNEL = "https://fixmyglassdev.safelite.com/default.aspx";
 process.env.VUE_APP_GOOGLE_PLACES_API_KEY = "AIzaSyDptGCkOPgN2uWJOy4ou4M33phRD4MAoJo";