feat(checkout): CHECKOUT-9726 updated shipping amount display for multicoupon ui

Author: richapatel1510

assets/scss/components/stencil/cart/_cart.scss

@@ -460,14 +460,14 @@ $card-preview-zoom-bottom-offset:       6rem;
             .cart-total-savings {
                 font-family: $body-font-family;
                 font-size: fontSize("smaller");
+                font-weight: fontWeight("bold");
                 color: stencilColor("color-textSecondary");
                 display: block;
                 margin-top: spacing("eighth");
             }
 
             .cart-savings-amount {
                 color: stencilColor("color-success");
-                font-weight: fontWeight("bold");
             }
         }
     }

lang/en.json

@@ -74,8 +74,8 @@
         "coupon_code": "Coupon Code",
         "discount": "Discount",
         "discounts": "Discounts",
-        "manual_discount": "Manual Discount",
-        "automatic_promotion": "Automatic Promotion",
+        "manual_discount": "Manual discount",
+        "automatic_discount": "Automatic discount",
         "included_in_total": " Included in Total",
         "remove_file": "Remove this file",
         "freeshipping": "Free Shipping",

templates/components/cart/shipping-estimator.html

@@ -4,12 +4,21 @@
 {{#if shipping_cost}}
     <div class="cart-total-value">
         <div class="subtotal{{#unless multi_coupon_ui_enabled}} shipping-estimate-show{{/unless}}">
-            {{#unless multi_coupon_ui_enabled}}<a href="#" class="shipping-estimate-value">{{/unless}}
-                <span class="{{#if shipping_cost_discounted}}price--discounted{{/if}}">{{shipping_cost.formatted}}</span>
-                {{#if shipping_cost_discounted}}
+            {{#if multi_coupon_ui_enabled}}
+                {{#and shipping_cost_discounted (if shipping_cost_discounted.formatted '!==' shipping_cost.formatted)}}
+                    <span class="price--discounted">{{shipping_cost.formatted}}</span>
                     <span id="shipping-cost-discounted">{{shipping_cost_discounted.formatted}}</span>
-                {{/if}}
-            {{#unless multi_coupon_ui_enabled}}</a>{{/unless}}
+                {{else}}
+                    <span id="shipping-cost-discounted">{{shipping_cost.formatted}}</span>
+                {{/and}}
+            {{else}}
+                <a href="#" class="shipping-estimate-value">
+                    <span class="{{#if shipping_cost_discounted}}price--discounted{{/if}}">{{shipping_cost.formatted}}</span>
+                    {{#if shipping_cost_discounted}}
+                        <span id="shipping-cost-discounted">{{shipping_cost_discounted.formatted}}</span>
+                    {{/if}}
+                </a>
+            {{/if}}
         </div>
     </div>
 {{/if}}

templates/components/cart/totals.html

@@ -26,7 +26,7 @@
                         <li class="cart-discount-item">
                             <div class="cart-discount-item-label">
                                 <i class="icon" aria-hidden="true"><svg><use href="#icon-promotions" /></svg></i>
-                                <span class="cart-coupon-name">{{lang 'cart.automatic_promotion'}}</span>
+                                <span class="cart-coupon-name">{{lang 'cart.automatic_discount'}}</span>
                             </div>
                             <div class="cart-discount-item-value">
                                 {{cart.order_based_auto_discount_total.formatted}}
@@ -55,7 +55,7 @@
                                 {{/if}}
                             </div>
                             <div class="cart-discount-item-value">
-                                {{discount.formatted}}
+                                {{#if discount.value '===' 0}}-{{/if}}{{discount.formatted}}
                             </div>
                         </li>
                     {{/each}}