From 60f053f8519e198b864393b0d47afffed25dab5e Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Wed, 16 Apr 2025 10:41:55 -0400
Subject: [PATCH 1/2] CASH-203: UI Updates for Afterpay breakout with service
 package discounts

---
 .../service-package-radio-for-afterpay.vue    | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue
index b936e21bf..6fc51b5b4 100644
--- a/src/experiment-components/service-package-radio-for-afterpay.vue
+++ b/src/experiment-components/service-package-radio-for-afterpay.vue
@@ -5,6 +5,7 @@
             :class="[
                 this.buttonLabelSubCopy ? 'has-subheader' : '',
                 this.additionalButtonData.isInsuranceSelected ? 'is-insurance' : '',
+                this.hasPackageDiscount() ? 'has-package-discount' : '',
             ]"
             for="testradio">
             <div class="package-specs">
@@ -55,10 +56,7 @@
                 </div>
 
                 <div
-                    v-if="
-                        this.additionalButtonData.servicePackageDiscount &&
-                        this.additionalButtonData.Text
-                    "
+                    v-if="hasPackageDiscount()"
                     class="special-save-box">
                     <span v-html="this.additionalButtonData.Text"></span>
                 </div>
@@ -144,6 +142,10 @@ export default {
         truncatedSinglePayment() {
             return "$" + Math.trunc(this.buttonAuxillaryCopy.replace("$", ""));
         },
+        hasPackageDiscount() {
+            return this.additionalButtonData.servicePackageDiscount &&
+            this.additionalButtonData.Text;
+        },
     },
 };
 </script>
@@ -212,11 +214,6 @@ export default {
                 }
 
                 &.has-subheader {
-                    min-height: 150px;
-
-                    &.is-insurance {
-                        min-height: 72px;
-                    }
 
                     & > .package-specs {
                         & > div:first-of-type {
@@ -225,6 +222,10 @@ export default {
                     }
                 }
 
+                &.has-package-discount {
+                    min-height: 150px;
+                }
+
                 &:before {
                     content: "";
                     position: relative;

From 58c0b91b2b5c2d461cefba687ab5713853027ff1 Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Wed, 16 Apr 2025 10:51:59 -0400
Subject: [PATCH 2/2] CASH-203: Prettier

---
 .../service-package-radio-for-afterpay.vue             | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue
index 6fc51b5b4..f38621462 100644
--- a/src/experiment-components/service-package-radio-for-afterpay.vue
+++ b/src/experiment-components/service-package-radio-for-afterpay.vue
@@ -55,9 +55,7 @@
                         v-html="this.buttonFooterCopy"></div>
                 </div>
 
-                <div
-                    v-if="hasPackageDiscount()"
-                    class="special-save-box">
+                <div v-if="hasPackageDiscount()" class="special-save-box">
                     <span v-html="this.additionalButtonData.Text"></span>
                 </div>
                 <span class="pricing-info">
@@ -143,8 +141,9 @@ export default {
             return "$" + Math.trunc(this.buttonAuxillaryCopy.replace("$", ""));
         },
         hasPackageDiscount() {
-            return this.additionalButtonData.servicePackageDiscount &&
-            this.additionalButtonData.Text;
+            return (
+                this.additionalButtonData.servicePackageDiscount && this.additionalButtonData.Text
+            );
         },
     },
 };
@@ -214,7 +213,6 @@ export default {
                 }
 
                 &.has-subheader {
-
                     & > .package-specs {
                         & > div:first-of-type {
                             display: flex;