From 05d55cbe43dcd48e5879a5f1236396d735953b0f Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Mon, 24 Feb 2025 10:12:32 -0500
Subject: [PATCH] CASH-286

CASH-286 - change to 'as low as' for insurance
---
 .../service-package-radio.vue                   | 17 ++++++-----------
 .../save-progress-modal-question.vue            |  2 +-
 .../service-package-question.spec.js            |  2 +-
 .../service-package-question.vue                | 12 +++++++-----
 4 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/experiment-components/service-package-radio.vue b/src/experiment-components/service-package-radio.vue
index c52a80121..6d598adaf 100644
--- a/src/experiment-components/service-package-radio.vue
+++ b/src/experiment-components/service-package-radio.vue
@@ -1,10 +1,9 @@
 <template>
     <baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue">
         <div
-            class="package-label"
+            class="package-label pricing-by-day-pkg-lbl"
             :class="[
                 this.buttonLabelSubCopy ? 'has-subheader' : '',
-                this.isInsuranceSelected ? 'pricing-by-day-pkg-lbl-ins' : 'pricing-by-day-pkg-lbl',
                 !this.additionalButtonData.servicePackageDiscount ? 'adjust-top' : '',
             ]"
             for="testradio">
@@ -21,9 +20,7 @@
                     </div>
                     <span class="col md-6 service-package-discount-pricing-by-day">
                         <div>
-                            <span v-if="!isInsuranceSelected" class="caption pricing-by-day">
-                                as low as
-                            </span>
+                            <span class="caption pricing-by-day">as low as</span>
                             <div
                                 class="strikethrough-discount-price"
                                 v-if="shouldDisplayStrikeThroughPrice"
@@ -36,9 +33,7 @@
                     <p class="m-0">
                         <span v-html="this.buttonLabel"></span>
                         <span class="pricing-info-pricing-by-day">
-                            <span v-if="!isInsuranceSelected" class="caption pricing-by-day">
-                                as low as
-                            </span>
+                            <span class="caption pricing-by-day">as low as</span>
                             <span
                                 class="strikethrough-price"
                                 v-if="shouldDisplayStrikeThroughPrice"
@@ -208,7 +203,7 @@ export default {
                 }
                 @include media-breakpoint-up(lg) {
                     &:before {
-                        top: .5rem;
+                        top: 0.5rem;
                     }
                     &:after {
                         top: 1.4375rem;
@@ -223,7 +218,7 @@ export default {
 
             + .package-label.pricing-by-day-pkg-lbl-ins {
                 &:before {
-                    top: .3125rem;
+                    top: 0.3125rem;
                 }
                 &:after {
                     top: 1.25rem;
@@ -234,7 +229,7 @@ export default {
                 &:before {
                     top: 0.9375rem;
                     @include media-breakpoint-up(lg) {
-                        top: .3125rem;
+                        top: 0.3125rem;
                     }
                 }
                 &:after {
diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index 3628a372c..ebaa5a8be 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -181,7 +181,7 @@ export default {
             transition: background 0s 0s ease-in-out;
         }
     }
-    
+
     .modal.modal-component .modal-dialog .modal-content {
         .modal-header {
             padding-top: 0;
diff --git a/src/layouts/quote/service-package-question/service-package-question.spec.js b/src/layouts/quote/service-package-question/service-package-question.spec.js
index 6fc5d0a4d..283fc50a8 100644
--- a/src/layouts/quote/service-package-question/service-package-question.spec.js
+++ b/src/layouts/quote/service-package-question/service-package-question.spec.js
@@ -851,7 +851,7 @@ function setupMocks({ mountOptionsMockData, props = mockProps }) {
             },
         },
     };
-    
+
     mountOptionsMockData = Object.assign(mountOptionsMockDataDefault, mountOptionsMockData);
     const mountOptions = getMountOptions(mountOptionsMockData);
 
diff --git a/src/layouts/quote/service-package-question/service-package-question.vue b/src/layouts/quote/service-package-question/service-package-question.vue
index 982d03948..ea40b2780 100644
--- a/src/layouts/quote/service-package-question/service-package-question.vue
+++ b/src/layouts/quote/service-package-question/service-package-question.vue
@@ -227,11 +227,9 @@ export default {
     methods: {
         processIfStatements,
         hasPricingByDay() {
-            return (
-                experimentMixin.methods.hasSettingEqualTo(
-                    experimentSettings.PRICING_BY_DAY,
-                    "true"
-                ) && !this.isInsuranceSelected
+            return experimentMixin.methods.hasSettingEqualTo(
+                experimentSettings.PRICING_BY_DAY,
+                "true"
             );
         },
         getHeaderTextFromCms(cmsWidgetName) {
@@ -264,6 +262,10 @@ export default {
                     servicePackageDiscount,
                 })
             ).toFixed(2);
+
+            if (this.hasPricingByDay()) {
+                return "$" + formattedPriceFloat;
+            }
             return (this.isInsuranceSelected ? "As little as $" : "$") + formattedPriceFloat;
         },
         getPackagePrice(packageName, { discountedPrice = false, servicePackageDiscount = false }) {