From 55238e0c318b3489c97864d114f5d5f0948f91c0 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 25 Jul 2025 14:16:23 -0400
Subject: [PATCH 1/2] CASH-1163 update Afterpay and code cleanup.

---
 .../afterpay-modal-banner.vue                 | 29 +++++++------------
 1 file changed, 10 insertions(+), 19 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 e9f631972..775a7fb70 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -6,9 +6,9 @@
             async></component>
 
         <div>
-            <span v-for="token in headerCopyTokens" :key="token" v-html="token"></span>
+            <span class="callout" v-for="token in headerCopyTokens" :key="token" v-html="token"></span>
         </div>
-        <div :id="showAfterpayExtendedPayOption ? 'extended-pay-option' : ''">
+        <div>
             <span v-for="token in afterpayCopyTokens" :key="token">
                 <span v-if="isAfterpayPriceToken(token)">{{ afterpayPrice }}</span>
                 <span v-else-if="isInlineImageToken(token)">
@@ -78,15 +78,9 @@ export default {
             return splitCMSCopyOnBR(this.getCmsContent(this.cmsWidgetName, "HeaderText"));
         },
         afterpayCopyTokens() {
-            if (this.showAfterpayExtendedPayOption) {
-                return splitCopyOnCMSPlaceHolder(
-                    this.getCmsContent(this.cmsWidgetName, "BodyText")
-                );
-            } else {
-                return splitCopyOnCMSPlaceHolder(
-                    this.getCmsContent(this.cmsWidgetName, "BodyText2")
-                );
-            }
+            return splitCopyOnCMSPlaceHolder(
+                this.getCmsContent(this.cmsWidgetName, "BodyText")
+            );
         },
         modalCopy() {
             return this.getCmsContent(this.cmsWidgetName, "FooterText");
@@ -114,12 +108,6 @@ export default {
 
             return price;
         },
-        showAfterpayExtendedPayOption() {
-            return (
-                this.afterpayExtendedPayOptionThreshold &&
-                this.getTierOnePackagePrice >= this.afterpayExtendedPayOptionThreshold
-            );
-        },
     },
     components: {},
 };
@@ -138,11 +126,14 @@ export default {
         flex-direction: row;
     }
 
+    .callout {
+        font-family: UrbanistSemibold Arial, Helvetica, sans-serif;
+    }
+
     > div:first-of-type {
         display: flex;
         color: $black;
         font-size: $font-size-20;
-        font-weight: $font-weight-600;
         line-height: 2rem;
         @include media-breakpoint-down(md) {
             border-bottom: 1px solid;
@@ -170,7 +161,7 @@ export default {
         }
         @include media-breakpoint-up(md) {
             padding-left: 1rem;
-            max-width: 26rem;
+            max-width: 32rem;
         }
     }
 

From 2fcefc104e5ab1fd81f1ee54369348e6c47bfa16 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 25 Jul 2025 14:24:58 -0400
Subject: [PATCH 2/2] CASH-1163 format code.

---
 .../afterpay-modal-banner.vue                     | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 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 775a7fb70..b9d11dfe4 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -6,7 +6,11 @@
             async></component>
 
         <div>
-            <span class="callout" v-for="token in headerCopyTokens" :key="token" v-html="token"></span>
+            <span
+                class="callout"
+                v-for="token in headerCopyTokens"
+                :key="token"
+                v-html="token"></span>
         </div>
         <div>
             <span v-for="token in afterpayCopyTokens" :key="token">
@@ -78,9 +82,7 @@ export default {
             return splitCMSCopyOnBR(this.getCmsContent(this.cmsWidgetName, "HeaderText"));
         },
         afterpayCopyTokens() {
-            return splitCopyOnCMSPlaceHolder(
-                this.getCmsContent(this.cmsWidgetName, "BodyText")
-            );
+            return splitCopyOnCMSPlaceHolder(this.getCmsContent(this.cmsWidgetName, "BodyText"));
         },
         modalCopy() {
             return this.getCmsContent(this.cmsWidgetName, "FooterText");
@@ -127,7 +129,10 @@ export default {
     }
 
     .callout {
-        font-family: UrbanistSemibold Arial, Helvetica, sans-serif;
+        font-family:
+            UrbanistSemibold Arial,
+            Helvetica,
+            sans-serif;
     }
 
     > div:first-of-type {