From bd10a8b8a6c3a4de453de0d5235999e09ad97695 Mon Sep 17 00:00:00 2001
From: Sneha <sneha.a@safelite.com>
Date: Fri, 15 Mar 2024 11:03:20 +0530
Subject: [PATCH] CSR-2008

---
 .../afterpay-modal-banner.vue                 | 21 +++++++++++++++++--
 src/layouts/quote/quote.vue                   |  4 +++-
 src/store/index.js                            |  2 +-
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
index 6eb8a5a87..09d9ddc15 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -29,6 +29,8 @@
 <script>
 import { splitCopyOnCMSPlaceHolder } from "@/helpers/cms-content-helper";
 import baseMixin from "@/mixins/base-mixin.js";
+import { getPromosThatMatchLineItemsOnOrder } from "@/helpers/promotions-helper";
+import { getArrayOfAllLineItems } from "@/store";
 
 const INLINE_IMAGE_TOKEN = "custom:inlineImage";
 const AFTERPAY_PRICE_TOKEN = "custom:afterpayPrice";
@@ -50,7 +52,9 @@ export default {
     name: "afterpay-modal-banner",
     props: {
         cmsWidgetName: String,
+        availableLineItems: Array,
         lineItems: Array,
+        activePromos: null,
     },
     data() {
         return {};
@@ -62,7 +66,7 @@ export default {
     },
     computed: {
         nullSafeLineItems() {
-            return this.lineItems ?? [];
+            return this.availableLineItems ?? [];
         },
         imageUrl() {
             return this.getCmsContent(this.cmsWidgetName, "Image");
@@ -77,10 +81,23 @@ export default {
             return this.getCmsContent(this.cmsWidgetName, "SubheaderText");
         },
         afterpayPrice() {
-            const price = baseMixin.methods.getTierOnePackagePrice(
+            let price = baseMixin.methods.getTierOnePackagePrice(
                 baseMixin.methods.filterOutFees(this.nullSafeLineItems)
             );
 
+            let vapsLineItemsForSelectedPackage = this.lineItems.vaps;
+            vapsLineItemsForSelectedPackage.forEach((lineItem) => {
+                price += baseMixin.methods.getTotalLineItemPrice(lineItem);
+            });
+
+            if (this.activePromos) {
+                let allLineItems = getArrayOfAllLineItems(this.lineItems);
+                const promos = getPromosThatMatchLineItemsOnOrder(this.activePromos, allLineItems);
+                promos.forEach((promo) => {
+                    price += baseMixin.methods.getTotalLineItemPrice(promo);
+                });
+            }
+
             const adjusted = (price / 4).toFixed(2);
 
             return `$${adjusted}`;
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 96123b03a..002c679f5 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -37,7 +37,9 @@
                     <afterpayModalBanner
                         v-if="!isInsuranceSelected"
                         cmsWidgetName="AfterpayModalWidget"
-                        :lineItems="availableLineItems" />
+                        :activePromos="lineItems.promos"
+                        :availableLineItems="availableLineItems"
+                        :lineItems="lineItems" />
 
                     <promoModalQuestion
                         class="small mt-4"
diff --git a/src/store/index.js b/src/store/index.js
index e602cf209..9eed3a840 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2829,7 +2829,7 @@ export function mapTaxedLineItemsToStoreFormat(availableLineItems, storeLineItem
     return lineItems;
 }
 
-function getArrayOfAllLineItems(lineItems) {
+export function getArrayOfAllLineItems(lineItems) {
     let consolidatedLineItemsArray = [];
 
     if (lineItems.glassParts != null)