From 86c8f62e8b11a4e3c85aff44f3583f9c7086221b Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 14 Nov 2023 07:32:24 -0500
Subject: [PATCH 01/11] CSR-1689: add cart to confirmation page

---
 src/fmg-components/cart/cart.vue              | 35 +++++++++++++++---
 src/layouts/confirmation/confirmation.spec.js |  4 ++
 src/layouts/confirmation/confirmation.vue     | 37 +++++++++++++++++--
 src/layouts/payment-method/payment-method.vue |  6 +--
 src/layouts/payment/payment.vue               | 15 ++------
 5 files changed, 73 insertions(+), 24 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index afb13c0e1..1d1ba13b8 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="cart mb-5">
+    <div class="cart">
         <div class="px-0">
             <div
                 class="row vin-toggle flex align-items-center"
@@ -47,11 +47,14 @@
                         href="#!"
                         @click-event="removeItem(cartItem.cartItemType, cartItem.category)" />
                     <textLink
-                        v-else-if="cartItem == recycleFeeCartItem"
+                        v-else-if="cartItem == recycleFeeCartItem && recyclingModalCmsWidgetName"
                         linkType="text"
                         :text="recycleFeeCartItem.name"
                         href="#!"
                         @click-event="openModal(recyclingModalCmsWidgetName)" />
+                    <span v-else-if="cartItem == recycleFeeCartItem">{{
+                        recycleFeeCartItem.name
+                    }}</span>
                     <span>{{ currencyFormatter.format(cartItem.subTotal) }}</span>
                 </div>
 
@@ -64,6 +67,10 @@
                     <span>{{ salesTaxText }}</span
                     ><span>{{ currencyFormatter.format(salesTax) }}</span>
                 </div>
+                <div v-if="showAsPaid" class="amount-paid">
+                    <span>{{ amountPaidText }}</span
+                    ><span>{{ currencyFormatter.format(amountPaid) }}</span>
+                </div>
                 <div class="amount-due">
                     <span>{{ amountDueText }}</span
                     ><span>{{ currencyFormatter.format(amountDue) }}</span>
@@ -103,6 +110,7 @@ export default {
         availableVaps: Object,
         allowItemRemoval: Boolean,
         recyclingModalCmsWidgetName: String,
+        showAsPaid: Boolean,
     },
     data() {
         return {
@@ -327,7 +335,6 @@ export default {
                     }
                 }
             });
-
             return nonpackageCartItems;
         },
         frontWiperCartItemName() {
@@ -382,6 +389,7 @@ export default {
                     category: cartItemCategories.VAPS,
                     cartItemType: cartItemTypes.REAR_WIPERS,
                     isDisplayed: true,
+                    isRemovable: true,
                     subTotal: 0,
                     salesTax: 0,
                     lineItems: [],
@@ -627,6 +635,9 @@ export default {
         amountDueText() {
             return this.getCmsContent("AmountDueTextWidget", "Text");
         },
+        amountPaidText() {
+            return this.getCmsContent("AmountPaidTextWidget", "Text");
+        },
         subtotalText() {
             return this.getCmsContent("SubtotalTextWidget", "Text");
         },
@@ -648,6 +659,15 @@ export default {
             return salesTax;
         },
         amountDue() {
+            if (this.showAsPaid) {
+                return 0;
+            }
+            return this.subTotal + this.salesTax;
+        },
+        amountPaid() {
+            if (!this.showAsPaid) {
+                return 0;
+            }
             return this.subTotal + this.salesTax;
         },
     },
@@ -669,6 +689,8 @@ export default {
 
 <style lang="scss">
 .cart {
+    margin-bottom: 1rem;
+
     h5 {
         border-bottom: 1px solid $gray-500;
         color: $black;
@@ -692,6 +714,7 @@ export default {
         max-height: 0;
         transition: all 350ms ease-in;
         overflow: hidden;
+
         div {
             display: flex;
             justify-content: space-between;
@@ -755,7 +778,8 @@ export default {
         }
         .sub-total,
         .sales-tax,
-        .amount-due {
+        .amount-due,
+        .amount-paid {
             font-weight: 500;
         }
         .sub-total {
@@ -782,7 +806,7 @@ export default {
             display: inline-flex;
             position: relative;
             right: 0.75rem;
-            margin: 1rem 0 1rem 1rem;
+            margin: 0.5rem 0 0.5rem 1rem;
             cursor: pointer;
         }
         &.expanded:after {
@@ -792,6 +816,7 @@ export default {
             max-height: 650px;
             transition: all 350ms ease-in;
             overflow: hidden;
+            padding-top: 1rem;
         }
     }
 }
diff --git a/src/layouts/confirmation/confirmation.spec.js b/src/layouts/confirmation/confirmation.spec.js
index e0e970abd..3c0ccee2f 100644
--- a/src/layouts/confirmation/confirmation.spec.js
+++ b/src/layouts/confirmation/confirmation.spec.js
@@ -56,6 +56,9 @@ beforeEach(() => {
             damage: {
                 isRepair: false,
             },
+            payment: {
+                isPia: true,
+            },
             referralNumber: "1234567",
             vehicle: {
                 year: "2004",
@@ -113,6 +116,7 @@ beforeEach(() => {
                 emailAddress: "test@test.com",
             },
         },
+        damage: {},
         payment: {
             isInsurance: true,
         },
diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index 94a7054e7..bd8ee8acd 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -37,6 +37,15 @@
 
                                 <div class="appoinmenttext" v-html="AppointmentWordingText"></div>
                             </div>
+                            <hr />
+                            <cart
+                                :damage="damageInfo"
+                                :availableVaps="vaps"
+                                :allowItemRemoval="false"
+                                v-model="lineItems"
+                                :showAsPaid="isPia"
+                                servicePackageOptionsCmsName="ServicePackageTitle" />
+                            <hr class="mb-5" />
                             <div class="emailtext" v-html="ConfirmationEmailText"></div>
                             <navbar
                                 cmsWidgetName="FunnelFooterWidget"
@@ -57,19 +66,21 @@ import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
 import vehicleBanner from "@/fmg-components/vehicle-banner/vehicle-banner";
 import navbar from "@/fmg-components/nav-bar/nav-bar";
 import addToCalendar from "@/layouts/confirmation/add-to-calendar/add-to-calendar";
+import cart from "@/fmg-components/cart/cart";
+
 //Supporting files
 import baseMixin from "@/mixins/base-mixin.js";
+import store from "@/store";
 import { storeActions } from "@/constants/store-actions";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { AppointmentTypeStrings } from "@/constants/schedule-constants";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { applicationConfig } from "@/constants/application-config.js";
 import { convertDateStringToDate } from "@/layouts/schedule/helpers/schedule-helper";
-
+import { deepClone } from "@/helpers/object-helper";
 import { Form } from "vee-validate";
-import store from "@/store";
-
 import { get12HourTimeFormat, get12HourTimeMobileFormat } from "@/helpers/date-helper";
+
 export default {
     name: "confirmation",
     async beforeRouteEnter(to, from, next) {
@@ -87,11 +98,21 @@ export default {
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
+        const lineItemsFromStore = deepClone(store.getters.order.lineItems);
+
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
+            vm.lineItems = lineItemsFromStore;
+            vm.vaps = lineItemsFromStore.vaps;
         });
     },
+    data() {
+        return {
+            lineItems: [],
+            vaps: [],
+        };
+    },
     computed: {
         ScheduleConfirmationText() {
             return this.getCmsContent("ScheduleConfirmationWidget", "BodyText");
@@ -209,6 +230,12 @@ export default {
         vehicleBannerImageUrl() {
             return store.getters.submittedOrder?.vehicle.imageUrl;
         },
+        damageInfo() {
+            return store.getters.damage;
+        },
+        isPia() {
+            return store.getters.submittedOrder?.payment.isPia;
+        },
     },
     methods: {
         arePagePrerequisitesValid() {
@@ -258,12 +285,14 @@ export default {
         navbar,
         vehicleBanner,
         addToCalendar,
+        cart,
     },
 };
 </script>
 
 <style lang="scss">
 .main {
+    margin-bottom: 1.5rem;
     padding: 1rem 1.5rem 1.5rem;
     box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
     border-radius: 5px;
@@ -336,7 +365,7 @@ export default {
 }
 
 .emailtext {
-    padding: 1.5rem 0 0;
+    padding: 0.5rem 0 0;
 
     p {
         font-size: 0.875rem;
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index d32c03fdc..b7235d5d1 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -29,14 +29,15 @@
                         servicePackageOptionsCmsName="ServicePackageTitle"
                         recyclingModalCmsWidgetName="RecycleModal" />
 
-                    <hr class="my-5" />
                     <promoModalQuestion
-                        class="pb-3"
+                        class="pb-2"
                         v-model="lineItems"
                         :availableVaps="availableVaps"
                         linkWidgetName="PromoLinkWidget"
                         modalWidgetName="PromoModalWidget" />
 
+                    <hr class="mb-5" />
+
                     <div>
                         <alert
                             ref="piaErrorAlert"
@@ -409,7 +410,6 @@ export default {
                     return;
                 }
             }
-
             this.dispatchStoreAction(storeActions.RESET_SAVE_SESSION_PROMISE);
             this.$router.navigateWithoutSaving(
                 this.navigationScenarios.CLICKED_PAY_NOW,
diff --git a/src/layouts/payment/payment.vue b/src/layouts/payment/payment.vue
index 132acccab..3cd7e3f0b 100644
--- a/src/layouts/payment/payment.vue
+++ b/src/layouts/payment/payment.vue
@@ -26,13 +26,13 @@
 
                     <cart
                         :damage="damageInfo"
-                        :availableLineItems="availableLineItems"
+                        :availableVaps="availableVaps"
                         :allowItemRemoval="false"
                         v-model="lineItems"
                         servicePackageOptionsCmsName="ServicePackageTitle"
                         recyclingModalCmsWidgetName="RecycleModal" />
 
-                    <hr />
+                    <hr class="mb-5" />
 
                     <paymentSwitch
                         cmsWidgetName="PaymentMethodWidget"
@@ -267,12 +267,6 @@ export default {
             "payment"
         );
 
-        const supportingItemsPromise = baseMixin.methods.dispatchStoreActionWithLogging(
-            storeActions.GET_SUPPORTING_ITEMS,
-            null,
-            "payment"
-        );
-
         // TODO: Data fetching Promise declarations
 
         const promiseResultMap = [
@@ -292,10 +286,6 @@ export default {
                 resultKey: "rainDefense",
                 promise: rainDefensePromise,
             },
-            {
-                resultKey: "supportingItems",
-                promise: supportingItemsPromise,
-            },
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
@@ -363,6 +353,7 @@ export default {
             taxedVaps,
             lineItems
         );
+        lineItems.vaps = lineItems.vaps ?? [];
         lineItems.vaps.push(...vapsToAddToCart);
 
         // Call the "next" function to complete the transition to this page.

From a34e45b17948327c619c7c396d4917c3d6360498 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 14 Nov 2023 10:08:00 -0500
Subject: [PATCH 02/11] Moved promo link into cart and did some restyling to
 ensure matching to figma

---
 src/fmg-components/cart/cart.vue              | 6 +++---
 src/layouts/payment-method/payment-method.vue | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index d00e08630..285d9e2c0 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -1,8 +1,8 @@
 <template>
-    <div class="cart mb-5">
-        <div class="px-0">
+    <div class="cart">
+        <div >
             <div
-                class="row vin-toggle flex align-items-center"
+                class="row vin-toggle flex align-items-center py-4"
                 :class="[isExpanded ? 'expanded' : '']"
                 @click="toggleIsExpanded()">
                 <div class="col d-flex justify-content-between">
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index d32c03fdc..0a9f5d49c 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -19,7 +19,7 @@
                         <span>{{ noPiaDisclaimer }}</span>
                     </p>
 
-                    <hr />
+                    <hr class="my-0" />
 
                     <cart
                         :damage="damageInfo"
@@ -29,14 +29,14 @@
                         servicePackageOptionsCmsName="ServicePackageTitle"
                         recyclingModalCmsWidgetName="RecycleModal" />
 
-                    <hr class="my-5" />
-                    <promoModalQuestion
-                        class="pb-3"
+                    <promoModalQuestion                  
                         v-model="lineItems"
                         :availableVaps="availableVaps"
                         linkWidgetName="PromoLinkWidget"
                         modalWidgetName="PromoModalWidget" />
 
+                    <hr class="mt-5 mb-0" />
+
                     <div>
                         <alert
                             ref="piaErrorAlert"

From d297dafcc872bf50f563676820de6e5cc9d5516b Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 14 Nov 2023 10:29:18 -0500
Subject: [PATCH 03/11] Tech review changes

---
 src/fmg-components/cart/cart.vue              | 32 +++++++++----------
 src/layouts/payment-method/payment-method.vue |  2 +-
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 285d9e2c0..6dcff901d 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -1,20 +1,21 @@
 <template>
     <div class="cart">
-        <div >
+        <div>
             <div
                 class="row vin-toggle flex align-items-center py-4"
                 :class="[isExpanded ? 'expanded' : '']"
                 @click="toggleIsExpanded()">
                 <div class="col d-flex justify-content-between">
                     <span class="label">{{ amountDueText }}</span
-                    ><span class="label amount-due">{{ currencyFormatter.format(amountDue) }}</span>
+                    ><span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
                 </div>
             </div>
             <div class="price-table">
                 <div class="service-type">
-                    <textBlock :cmsWidgetName="servicePackageTitleWidget" /><span>{{
-                        currencyFormatter.format(packagePrice)
-                    }}</span>
+                    <textBlock :cmsWidgetName="servicePackageTitleWidget" />
+                    <span>
+                        {{ getFormattedAmount("", packagePrice) }}
+                    </span>
                 </div>
 
                 <!-- Packaged Cart Items -->
@@ -52,29 +53,21 @@
                         :text="recycleFeeCartItem.name"
                         href="#!"
                         @click-event="openModal(recyclingModalCmsWidgetName)" />
-                    <span
-                        >{{
-                            `${
-                                cartItem.category == "promos"
-                                    ? "(" + currencyFormatter.format(cartItem.subTotal * -1) + ")"
-                                    : currencyFormatter.format(cartItem.subTotal)
-                            }`
-                        }}
-                    </span>
+                    <span>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span>
                 </div>
 
                 <!-- Sub total, sales tax, total columns -->
                 <div class="sub-total">
                     <span>{{ subtotalText }}</span
-                    ><span>{{ currencyFormatter.format(subTotal) }}</span>
+                    ><span>{{ getFormattedAmount("", subTotal) }}</span>
                 </div>
                 <div class="sales-tax">
                     <span>{{ salesTaxText }}</span
-                    ><span>{{ currencyFormatter.format(salesTax) }}</span>
+                    ><span>{{ getFormattedAmount("", salesTax) }}</span>
                 </div>
                 <div class="amount-due">
                     <span>{{ amountDueText }}</span
-                    ><span>{{ currencyFormatter.format(amountDue) }}</span>
+                    ><span>{{ getFormattedAmount("", amountDue) }}</span>
                 </div>
             </div>
         </div>
@@ -172,6 +165,11 @@ export default {
 
             return vapsTypeName.Text;
         },
+        getFormattedAmount(category, amount) {
+            return category == "promos"
+                ? "(" + this.currencyFormatter.format(amount * -1) + ")"
+                : this.currencyFormatter.format(amount);
+        },
         removeItem(cartItemType, category) {
             this.lineItems[category] = this.lineItems[category].filter(
                 (lineItemsToKeep) => lineItemsToKeep.cartItemType != cartItemType
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 0a9f5d49c..eae0e0b00 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -29,7 +29,7 @@
                         servicePackageOptionsCmsName="ServicePackageTitle"
                         recyclingModalCmsWidgetName="RecycleModal" />
 
-                    <promoModalQuestion                  
+                    <promoModalQuestion
                         v-model="lineItems"
                         :availableVaps="availableVaps"
                         linkWidgetName="PromoLinkWidget"

From 17bc2cf8cebc17b30dd338e2c437161756ea1f67 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 14 Nov 2023 11:18:54 -0500
Subject: [PATCH 04/11] CSR-1689: swap to using submitted order

---
 src/layouts/confirmation/confirmation.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index bd8ee8acd..8f34feb23 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -98,13 +98,13 @@ export default {
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
-        const lineItemsFromStore = deepClone(store.getters.order.lineItems);
+        const lineItemsFromSubmittedOrder = deepClone(store.getters.submittedOrder.lineItems);
 
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
-            vm.lineItems = lineItemsFromStore;
-            vm.vaps = lineItemsFromStore.vaps;
+            vm.lineItems = lineItemsFromSubmittedOrder;
+            vm.vaps = lineItemsFromSubmittedOrder.vaps;
         });
     },
     data() {

From 2591ab993586215bfff71eea3ddf180a8c71eb5d Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 14 Nov 2023 11:47:33 -0500
Subject: [PATCH 05/11] CSR-1689: restore removed recycle label on cart

---
 src/fmg-components/cart/cart.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 84752cb1c..97341dd57 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -53,6 +53,9 @@
                         :text="recycleFeeCartItem.name"
                         href="#!"
                         @click-event="openModal(recyclingModalCmsWidgetName)" />
+                    <span v-else-if="cartItem == recycleFeeCartItem">
+                        {{ recycleFeeCartItem.name }}
+                    </span>
                     <span>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span>
                 </div>
 

From 28c42a057252d0de309e95b90a9f762b1fdd2495 Mon Sep 17 00:00:00 2001
From: Matt Caimi <matt.caimi@safelite.com>
Date: Tue, 14 Nov 2023 15:02:25 -0500
Subject: [PATCH 06/11] CSR-1391 click x on afterpay modal sends user back to
 payment-method

---
 src/layouts/payment/payment.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/layouts/payment/payment.vue b/src/layouts/payment/payment.vue
index 3cd7e3f0b..633723ae8 100644
--- a/src/layouts/payment/payment.vue
+++ b/src/layouts/payment/payment.vue
@@ -360,6 +360,7 @@ export default {
         next(async (vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.fetchSignatureInfo(resultMap.signature);
+            vm.setIFrameListener();
 
             vm.availableVaps = taxedVaps;
             vm.lineItems = lineItems;
@@ -577,6 +578,16 @@ export default {
 
             this.submitHopForm();
         },
+        handleIFrameContentWindwMessage(event) {
+            if (event.data.indexOf("afterpayClosed") > -1) {
+                this.backButtonAction();
+            }
+        },
+        setIFrameListener() {
+            window.addEventListener("message", (event) =>
+                this.handleIFrameContentWindwMessage(event)
+            );
+        },
     },
     components: {
         funnelHeader,

From f322d4a9a38044edab0264d8701e81f7ea47c70d Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 14 Nov 2023 15:21:37 -0500
Subject: [PATCH 07/11] Stop capturing pointer-events on shop button loaders

---
 src/ux-components/loader/loader.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ux-components/loader/loader.vue b/src/ux-components/loader/loader.vue
index eb244c796..f340dbe12 100644
--- a/src/ux-components/loader/loader.vue
+++ b/src/ux-components/loader/loader.vue
@@ -95,7 +95,7 @@ export default {
     }
     &.allow-ui-interaction::before {
         //no-block to enable clicking on certain buttons with loaders while the loader is actives
-        z-index: -1;
+        pointer-events: none;
     }
 }
 </style>

From 61aeb06e0ab4babd816716d4d72ae4a9ca8e4069 Mon Sep 17 00:00:00 2001
From: Sneha <sneha.a@safelite.com>
Date: Wed, 15 Nov 2023 16:02:21 +0530
Subject: [PATCH 08/11] validate alphanumeric values

---
 .../promo-modal-question/promo-question/promo-question.vue  | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue b/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue
index 25744e652..7b4fd9049 100644
--- a/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue
+++ b/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue
@@ -8,6 +8,7 @@
         cornerStyle="rounded"
         :displayQuestionText="false"
         isRequired
+        @input="validateAlphanumeric"
         validationRules="promo-required" />
 </template>
 
@@ -38,6 +39,11 @@ export default {
             },
         },
     },
+    methods: {
+        validateAlphanumeric() {
+            this.value = this.value.replace(/[^a-zA-Z0-9]/g, "");
+        },
+    },
     components: {
         textboxQuestion,
     },

From 5a7732382026b49a012e8002db73c3f25c03e962 Mon Sep 17 00:00:00 2001
From: hiteshkumar87 <hitesh.kumar@safelite.com>
Date: Wed, 15 Nov 2023 16:42:37 +0530
Subject: [PATCH 09/11] Update date-helper.js

replacing Math.floor with Math.round
---
 src/helpers/date-helper.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/helpers/date-helper.js b/src/helpers/date-helper.js
index 482440431..b5afc535c 100644
--- a/src/helpers/date-helper.js
+++ b/src/helpers/date-helper.js
@@ -5,7 +5,7 @@ export function getDateDifferenceInDays(startDate, endDate) {
     // Use the built-in method to get the difference in milliseconds
     var difference = date1 - date2;
     // Convert milliseconds to days and return the result
-    return Math.floor(difference / (1000 * 3600 * 24));
+    return Math.round(difference / (1000 * 3600 * 24));
 }
 export function get12HourTimeFormat(time) {
     // Check correct time format and split into components

From bc3468f8d62ca2f277b8a7d9255e8d29494da2b7 Mon Sep 17 00:00:00 2001
From: Sneha <sneha.a@safelite.com>
Date: Wed, 15 Nov 2023 18:14:52 +0530
Subject: [PATCH 10/11] Format

---
 .../promo-modal-question/promo-modal-question.vue           | 6 ++----
 .../promo-modal-question/promo-question/promo-question.vue  | 4 +++-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
index ac42fce2e..deff594e5 100644
--- a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
+++ b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
@@ -217,13 +217,11 @@ export default {
                 } else {
                     if (promoCodeData.errorCode == promoErrorCodes.PROMO_STACKING_NOT_ALLOWED) {
                         this.displayInvalidOnOrderPromoAlert = true;
-                        this.focusOnPromoInput();
-                        this.resetModalButtonStyle();
                     } else {
                         this.displayInvalidPromoAlert = true;
-                        this.focusOnPromoInput();
-                        this.resetModalButtonStyle();
                     }
+                    this.focusOnPromoInput();
+                    this.resetModalButtonStyle();
                 }
             }
         },
diff --git a/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue b/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue
index 7b4fd9049..053e8eedc 100644
--- a/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue
+++ b/src/layouts/payment-method/promo-modal-question/promo-question/promo-question.vue
@@ -23,6 +23,8 @@ import { errorMessages } from "@/constants/error-messages";
 // Define Validation Rules
 defineRule("promo-required", required(errorMessages.PROMO_REQUIRED));
 
+const ALPHANUMERIC_REGEX = /[^a-zA-Z0-9]/g;
+
 export default {
     name: "promo-question",
     props: {
@@ -41,7 +43,7 @@ export default {
     },
     methods: {
         validateAlphanumeric() {
-            this.value = this.value.replace(/[^a-zA-Z0-9]/g, "");
+            this.value = this.value.replace(ALPHANUMERIC_REGEX, "");
         },
     },
     components: {

From 2b44e2274a4beeec64f9bf2f2b18fe8c115225b3 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Wed, 15 Nov 2023 09:50:02 -0500
Subject: [PATCH 11/11] CSR-1778: swap button positions

---
 .../add-vaps-modal-buttons.vue                     | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue b/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
index c822fa318..0dac2d1db 100644
--- a/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
+++ b/src/layouts/payment-method/add-vaps-modal-buttons/add-vaps-modal-buttons.vue
@@ -287,13 +287,6 @@ export default {
                 return answers[answerIndex];
             };
 
-            if (!this.rainDefenseInCart) {
-                // NO RAIN DEFENSE IN CART; SHOW RAIN DEFENSE BUTTON
-                const modalData = getAnswer("RainDefenseModal", this.answersCmsData);
-                modalData.SubText = "+$" + this.rainDefenseModal?.listPrice;
-                buttons.push(modalData);
-            }
-
             const modalData = getAnswer("WipersModal", this.answersCmsData);
             if (this.wipersOffered === wipersOfferedStrings.BOTH) {
                 // NO REAR WIPERS or FRONT WIPERS IN CART; SHOW COMBO BUTTON
@@ -318,6 +311,13 @@ export default {
                 buttons.push(modalData);
             }
 
+            if (!this.rainDefenseInCart) {
+                // NO RAIN DEFENSE IN CART; SHOW RAIN DEFENSE BUTTON
+                const modalData = getAnswer("RainDefenseModal", this.answersCmsData);
+                modalData.SubText = "+$" + this.rainDefenseModal?.listPrice;
+                buttons.push(modalData);
+            }
+
             return buttons;
         },
         wipersOfferedStrings() {