Merge pull request #2568 from bigcommerce/ORDERS-6497

feat(orders): ORDERS-6497 add support for shipping discounts on orders/details and orders/invoice

Author: matt-evangelidis

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## Draft
 - Add net-new "order.pickup_addresses" to unify objects used on Order Details and Order Invoice pages [#2557](https://github.com/bigcommerce/cornerstone/pull/2557)
 - Removed banner widget configuration and related translations [#2561](https://github.com/bigcommerce/cornerstone/pull/2561)
+- Add support for shipping discounts in "order.total_rows" for use on the Order Details and Order Invoice pages [#2568](https://github.com/bigcommerce/cornerstone/pull/2568)
 
 ## 6.16.2 (06-18-2025)
 - Restore indentation and quote rules to match BC Sass Style Guide [#2554](https://github.com/bigcommerce/cornerstone/pull/2554)

assets/scss/components/stencil/account/_account.scss

@@ -286,6 +286,19 @@
     }
 }
 
+.account-orderTotal-discount {
+    margin: 0;
+    text-align: right;
+    font-weight: fontWeight("normal");
+    padding: spacing("half") 0;
+    border-bottom: 0;
+
+    &:last-of-type {
+        border-bottom: container("border");
+        padding-top: 0;
+    }
+}
+
 
 // Account status
 // -----------------------------------------------------------------------------

templates/pages/account/orders/details.html

@@ -18,6 +18,13 @@ <h2 class="page-heading title">{{lang 'account.orders.details.heading' number=or
                     {{#if value.value}}
                         <dt class="account-orderTotal-key">{{label}}:</dt>
                         <dd class="account-orderTotal-value">{{value.formatted}}</dd>
+                        {{#if shipping_discounts}}
+                            <dl>
+                                {{#each shipping_discounts}}
+                                    <dt class="account-orderTotal-discount">{{label}}</dt>
+                                {{/each}}
+                            </dl>
+                        {{/if}}
                     {{/if}}
                 {{/each}}
             </dl>

templates/pages/account/orders/invoice.html

@@ -194,6 +194,13 @@ <h2 class="InvoiceHeading">{{lang 'invoice.order_items'}}</h2>
                         <td class="Title" colspan="{{#if ../order.has_multiple_shipping_addresses}}5{{else}}4{{/if}}">{{label}}</td>
                         <td class="Total">{{value.formatted}}</td>
                     </tr>
+                    {{#if shipping_discounts}}
+                        {{#each shipping_discounts}}
+                            <tr class="InvoiceTotalRow">
+                                <td class="Title" colspan="5">{{label}}</td>
+                            </tr>
+                        {{/each}}
+                    {{/if}}
                 {{/each}}
                 </tfoot>
             </table>