Sort order.transactions array prioritizing bank invoices

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [2.18.1] - 2024-12-27
+
+### Fixed
+
+- Fix the display of bank invoice information when it isn't the first payment of the first transaction.
+
 ## [2.18.0] - 2024-08-27
 
 ### Added

manifest.json

@@ -1,12 +1,10 @@
 {
   "vendor": "vtex",
   "name": "order-placed",
-  "version": "2.18.0",
+  "version": "2.18.1",
   "title": "Order Placed",
   "description": "",
-  "registries": [
-    "smartcheckout"
-  ],
+  "registries": ["smartcheckout"],
   "scripts": {
     "postreleasy": "vtex publish --public"
   },

react/Notices.tsx

@@ -20,6 +20,20 @@ const Notices: FC = () => {
     return null
   }
 
+  orders.forEach((order) => {
+    order.paymentData.transactions.sort((transaction) =>
+      transaction.payments.some((payment) => payment.group === 'bankInvoice')
+        ? -1
+        : 1
+    )
+
+    order.paymentData.transactions.forEach((transaction) => {
+      transaction.payments.sort((payment) =>
+        payment.group === 'bankInvoice' ? -1 : 1
+      )
+    })
+  })
+
   const numOrders = orders.length
   const isSplitOrder = numOrders > 1
   const bankInvoice = orders