Introduce pluginArea in Cart and Checkout (#3498)

* add plugin area

* add invisible errorBoundary

* move PluginArea to CheckoutProvider

Author: senadir

assets/js/base/components/block-error-boundary/index.js

@@ -39,10 +39,14 @@ class BlockErrorBoundary extends Component {
 			showErrorMessage,
 			text,
 			errorMessagePrefix,
+			renderError,
 		} = this.props;
 		const { errorMessage, hasError } = this.state;
 
 		if ( hasError ) {
+			if ( typeof renderError === 'function' ) {
+				return renderError( { errorMessage } );
+			}
 			return (
 				<BlockError
 					errorMessage={ showErrorMessage ? errorMessage : null }
@@ -85,6 +89,10 @@ BlockErrorBoundary.propTypes = {
 	 * Text preceeding the error message.
 	 */
 	errorMessagePrefix: PropTypes.string,
+	/**
+	 * Render function to show a custom error component.
+	 */
+	renderError: PropTypes.func,
 };
 
 BlockErrorBoundary.defaultProps = {

assets/js/base/context/cart-checkout/checkout/index.js

@@ -1,3 +1,10 @@
+/**
+ * External dependencies
+ */
+import { PluginArea } from '@wordpress/plugins';
+import { CURRENT_USER_IS_ADMIN } from '@woocommerce/block-settings';
+import BlockErrorBoundary from '@woocommerce/base-components/block-error-boundary';
+
 /**
  * Internal dependencies
  */
@@ -31,6 +38,15 @@ export const CheckoutProvider = ( {
 				<ShippingDataProvider>
 					<PaymentMethodDataProvider>
 						{ children }
+						{ /* If the current user is an admin, we let BlockErrorBoundary render
+						the error, or we simply die silently. */ }
+						<BlockErrorBoundary
+							renderError={
+								CURRENT_USER_IS_ADMIN ? null : () => null
+							}
+						>
+							<PluginArea />
+						</BlockErrorBoundary>
 						<CheckoutProcessor />
 					</PaymentMethodDataProvider>
 				</ShippingDataProvider>

package-lock.json

@@ -153,6 +153,7 @@
 		"@wordpress/autop": "2.9.0",
 		"@wordpress/deprecated": "2.9.0",
 		"@wordpress/notices": "2.9.1",
+		"@wordpress/plugins": "^2.23.0",
 		"@wordpress/wordcount": "2.11.0",
 		"classnames": "2.2.6",
 		"compare-versions": "3.6.0",