Fix bug with server errors not showing in Cart/Checkout (#6268)

* Add correct context to checkout and cart errors from API

* Correct typo in add-to-cart context

* Add correct context in add to cart form

* Add correct context in add to cart form

* Add correct context in Checkout State

Author: opr

assets/js/base/context/providers/add-to-cart-form/form-state/index.js

@@ -178,10 +178,9 @@ export const AddToCartFormStateContextProvider = ( {
 						response.forEach(
 							( { errorMessage, validationErrors } ) => {
 								if ( errorMessage ) {
-									createErrorNotice(
-										errorMessage,
-										'wc/add-to-cart'
-									);
+									createErrorNotice( errorMessage, {
+										context: 'wc/add-to-cart',
+									} );
 								}
 								if ( validationErrors ) {
 									setValidationErrors( validationErrors );

assets/js/base/context/providers/add-to-cart-form/form/submit/index.js

@@ -106,7 +106,10 @@ const FormSubmit = () => {
 									'woo-gutenberg-products-block'
 								),
 								{
-									id: 'dadd-to-cart',
+									id: 'add-to-cart',
+									context: `woocommerce/single-product/${
+										product?.id || 0
+									}`,
 								}
 							);
 						}

assets/js/base/context/providers/cart-checkout/checkout-processor.js

@@ -235,12 +235,13 @@ const CheckoutProcessor = () => {
 						}
 						createErrorNotice(
 							formatStoreApiErrorMessage( response ),
-							{ id: 'checkout' }
+							{ id: 'checkout', context: 'wc/checkout' }
 						);
 						response?.additional_errors?.forEach?.(
 							( additionalError ) => {
 								createErrorNotice( additionalError.message, {
 									id: additionalError.error_code,
+									context: 'wc/checkout',
 								} );
 							}
 						);
@@ -260,7 +261,7 @@ const CheckoutProcessor = () => {
 									'woo-gutenberg-products-block'
 								)
 						),
-						{ id: 'checkout' }
+						{ id: 'checkout', context: 'wc/checkout' }
 					);
 				}
 				dispatchActions.setHasError( true );

assets/js/base/context/providers/cart-checkout/checkout-state/index.tsx

@@ -174,7 +174,9 @@ export const CheckoutStateProvider = ( {
 					if ( Array.isArray( response ) ) {
 						response.forEach(
 							( { errorMessage, validationErrors } ) => {
-								createErrorNotice( errorMessage );
+								createErrorNotice( errorMessage, {
+									context: 'wc/checkout',
+								} );
 								setValidationErrors( validationErrors );
 							}
 						);
@@ -277,6 +279,7 @@ export const CheckoutStateProvider = ( {
 								);
 							createErrorNotice( message, {
 								id: 'checkout',
+								context: 'wc/checkout',
 							} );
 						}
 

assets/js/blocks/cart/inner-blocks/filled-cart-block/frontend.tsx

@@ -30,6 +30,7 @@ const FrontendBlock = ( {
 			createErrorNotice( decodeEntities( error.message ), {
 				isDismissible: true,
 				id: error.code,
+				context: 'wc/cart',
 			} );
 		} );
 	}, [ createErrorNotice, cartItemErrors ] );