fix: error message rendering on tokenized PRBs (#9189)

Co-authored-by: Timur Karimov <[email protected]>
Automattic · Aug 1, 2024 · 121e032 · 121e032
1 parent ada8639
commit 121e032
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/changelog/fix-tokenized-prb-failure-message b/changelog/fix-tokenized-prb-failure-message
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: fix: error message rendering on tokenized PRBs
+
+
diff --git a/client/tokenized-payment-request/payment-request.js b/client/tokenized-payment-request/payment-request.js
@@ -380,10 +380,16 @@ export default class WooPaymentsPaymentRequest {
 					'.woocommerce-notices-wrapper'
 				).first();
 
+				// the error thrown could have different formats, depending if it was a Store API failure or an ajax failure.
+				const errorMessage =
+					response.message ||
+					response.payment_result?.payment_details.find(
+						( detail ) => detail.key === 'errorMessage'
+					)?.value;
 				if ( $container.length ) {
 					$container.append(
 						jQuery( '<div class="woocommerce-error" />' ).text(
-							response.message
+							errorMessage
 						)
 					);