From fc9e445843f7a88ef32244ccc5d9a005a3b82156 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 18 Mar 2024 16:16:33 -0400
Subject: [PATCH] CSR-1977: instead of transforming data, only present as all
 uppercase

---
 src/fmg-components/cart/cart.vue              | 19 +++++++++++++++----
 .../promo-modal-question.vue                  |  5 -----
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 19e190f5f..01ebe64be 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -33,9 +33,10 @@
                         :key="i"
                         class="packaged-cart-item">
                         <span
-                            ><span v-if="cartItem.category === 'promos'"></span>{{ cartItem.name
-                            }}<span v-if="cartItem.category === 'promos'"></span
-                        ></span>
+                            ><span :class="cartItem.category === 'promos' ? 'promo' : ''">{{
+                                cartItem.name
+                            }}</span></span
+                        >
                         <textLink
                             v-if="allowItemRemoval"
                             ref="removeLink"
@@ -111,7 +112,9 @@
             class="my-2 lh-1 applied-promo"
             v-for="(promoCode, i) in this.getPromoCodeList()"
             :key="i">
-            <span class="caption">Promo code {{ promoCode }} applied </span>
+            <span class="caption"
+                >Promo code <span class="promo-code">{{ promoCode }}</span> applied
+            </span>
         </div>
         <contentGroupModal ref="RecycleModal" cmsWidgetName="RecycleModal">
             <textBlock cmsWidgetName="RecycleTextBlock" />
@@ -919,6 +922,9 @@ export default {
                 &:last-child {
                     justify-content: flex-end;
                 }
+                &.promo {
+                    text-transform: uppercase;
+                }
             }
             a {
                 font-size: 0.875rem;
@@ -1012,6 +1018,11 @@ export default {
             padding: 2px 8px;
             background-color: $green-100;
             border-radius: 12px;
+
+            &.promo-code {
+                text-transform: uppercase;
+                padding: 0;
+            }
         }
     }
 }
diff --git a/src/fmg-components/promo-modal-question/promo-modal-question.vue b/src/fmg-components/promo-modal-question/promo-modal-question.vue
index 716cba88c..7db0acc94 100644
--- a/src/fmg-components/promo-modal-question/promo-modal-question.vue
+++ b/src/fmg-components/promo-modal-question/promo-modal-question.vue
@@ -199,11 +199,6 @@ export default {
                 false
             );
 
-            // ensure that all promo codes that return are in all caps format
-            promoValidationResponse?.orderPromos?.forEach((orderPromo) => {
-                orderPromo.promoCode = orderPromo.promoCode.toUpperCase();
-            });
-
             return {
                 isValid: !("errorCode" in promoValidationResponse),
                 promoCode: promoValidationResponse?.orderPromos, // should be an array of promos