Tech review changes

src/fmg-components/cart/cart.vue

@@ -1,20 +1,21 @@
 <template>
     <div class="cart">
-        <div >
+        <div>
             <div
                 class="row vin-toggle flex align-items-center py-4"
                 :class="[isExpanded ? 'expanded' : '']"
                 @click="toggleIsExpanded()">
                 <div class="col d-flex justify-content-between">
                     <span class="label">{{ amountDueText }}</span
-                    ><span class="label amount-due">{{ currencyFormatter.format(amountDue) }}</span>
+                    ><span class="label amount-due">{{ getFormattedAmount("", amountDue) }}</span>
                 </div>
             </div>
             <div class="price-table">
                 <div class="service-type">
-                    <textBlock :cmsWidgetName="servicePackageTitleWidget" /><span>{{
-                        currencyFormatter.format(packagePrice)
-                    }}</span>
+                    <textBlock :cmsWidgetName="servicePackageTitleWidget" />
+                    <span>
+                        {{ getFormattedAmount("", packagePrice) }}
+                    </span>
                 </div>
 
                 <!-- Packaged Cart Items -->
@@ -52,29 +53,21 @@
                         :text="recycleFeeCartItem.name"
                         href="#!"
                         @click-event="openModal(recyclingModalCmsWidgetName)" />
-                    <span
-                        >{{
-                            `${
-                                cartItem.category == "promos"
-                                    ? "(" + currencyFormatter.format(cartItem.subTotal * -1) + ")"
-                                    : currencyFormatter.format(cartItem.subTotal)
-                            }`
-                        }}
-                    </span>
+                    <span>{{ getFormattedAmount(cartItem.category, cartItem.subTotal) }}</span>
                 </div>
 
                 <!-- Sub total, sales tax, total columns -->
                 <div class="sub-total">
                     <span>{{ subtotalText }}</span
-                    ><span>{{ currencyFormatter.format(subTotal) }}</span>
+                    ><span>{{ getFormattedAmount("", subTotal) }}</span>
                 </div>
                 <div class="sales-tax">
                     <span>{{ salesTaxText }}</span
-                    ><span>{{ currencyFormatter.format(salesTax) }}</span>
+                    ><span>{{ getFormattedAmount("", salesTax) }}</span>
                 </div>
                 <div class="amount-due">
                     <span>{{ amountDueText }}</span
-                    ><span>{{ currencyFormatter.format(amountDue) }}</span>
+                    ><span>{{ getFormattedAmount("", amountDue) }}</span>
                 </div>
             </div>
         </div>
@@ -172,6 +165,11 @@ export default {
 
             return vapsTypeName.Text;
         },
+        getFormattedAmount(category, amount) {
+            return category == "promos"
+                ? "(" + this.currencyFormatter.format(amount * -1) + ")"
+                : this.currencyFormatter.format(amount);
+        },
         removeItem(cartItemType, category) {
             this.lineItems[category] = this.lineItems[category].filter(
                 (lineItemsToKeep) => lineItemsToKeep.cartItemType != cartItemType

src/layouts/payment-method/payment-method.vue

@@ -29,7 +29,7 @@
                         servicePackageOptionsCmsName="ServicePackageTitle"
                         recyclingModalCmsWidgetName="RecycleModal" />
 
-                    <promoModalQuestion                  
+                    <promoModalQuestion
                         v-model="lineItems"
                         :availableVaps="availableVaps"
                         linkWidgetName="PromoLinkWidget"