From 0cb2e744ecd8f7fc37dbeb0e2acaca7b648a3fa5 Mon Sep 17 00:00:00 2001
From: Jasper Pajar <jasper.pajar@bigcommerce.com>
Date: Wed, 22 Jul 2026 10:17:47 +1000
Subject: [PATCH] feat(orders): ORDERS-7838 add additional note section to new
 shopper return detail page

---
 .../stencil/returnDetails/_returnDetails.scss     | 15 +++++++++++++++
 templates/pages/account/return-details.html       |  9 +++++++++
 2 files changed, 24 insertions(+)

diff --git a/assets/scss/components/stencil/returnDetails/_returnDetails.scss b/assets/scss/components/stencil/returnDetails/_returnDetails.scss
index 522f353ea6..78f34d4086 100644
--- a/assets/scss/components/stencil/returnDetails/_returnDetails.scss
+++ b/assets/scss/components/stencil/returnDetails/_returnDetails.scss
@@ -232,6 +232,21 @@
 }
 
 
+// =============================================================================
+// SIDEBAR — Additional note
+// =============================================================================
+
+.returnDetails-note {
+    margin-top: spacing("double");
+}
+
+.returnDetails-noteText {
+    margin: 0;
+    color: stencilColor("color-textBase");
+    white-space: pre-line;
+}
+
+
 // =============================================================================
 // SIDEBAR — Action (e.g. Cancel return)
 // =============================================================================
diff --git a/templates/pages/account/return-details.html b/templates/pages/account/return-details.html
index 69e81f438d..8582ce8c7a 100644
--- a/templates/pages/account/return-details.html
+++ b/templates/pages/account/return-details.html
@@ -108,6 +108,15 @@ <h2 class="returnDetails-sectionHeading">{{lang 'account.returns.summary'}}</h2>
                     </div>
                 </dl>
 
+                {{!-- Additional note — only shown when the shopper left a note. --}}
+                {{#if return_detail.note}}
+                    <div class="returnDetails-note">
+                        <h2 class="returnDetails-sectionHeading">{{lang 'account.returns.additional_note'}}</h2>
+                        <hr class="returnDetails-divider">
+                        <p class="returnDetails-noteText">{{return_detail.note}}</p>
+                    </div>
+                {{/if}}
+
                 {{!-- Action section (e.g. Cancel return) — only shown for open returns. --}}
                 {{#if return_detail.status '===' 'OPEN'}}
                     <div class="returnDetails-actions">