Move StoreNoticesContainer to @woocommerce/blocks-checkout package and add tests (#7558)

* Move StoreNoticesContainer to checkout package & convert to TS

* Update @types/wordpres__notices version

* Export StoreNoticesContainer from checkout package

* Remove PropTypes from StoreNoticesContainer

* Remove store-notices/index file

* Update import of StoreNoticesContainer

* Remove store notices export

* Add docblock to StoreNoticesContainer component

* Add tests for StoreNoticesContainer

* bot: update checkstyle.xml

* Fix typo and incorrect component name

* Update import for StoreNoticesContainer

* bot: update checkstyle.xml

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: opr

assets/js/base/context/providers/index.js

@@ -1,7 +1,6 @@
 export * from './editor-context';
 export * from './add-to-cart-form';
 export * from './cart-checkout';
-export * from './store-notices';
 export * from './store-snackbar-notices';
 export * from './container-width-context';
 export * from './editor-context';

assets/js/base/context/providers/store-notices/index.js

@@ -3,10 +3,8 @@
  */
 import { __ } from '@wordpress/i18n';
 import { useExpressPaymentMethods } from '@woocommerce/base-context/hooks';
-import {
-	StoreNoticesContainer,
-	noticeContexts,
-} from '@woocommerce/base-context';
+import { noticeContexts } from '@woocommerce/base-context';
+import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';
 import LoadingMask from '@woocommerce/base-components/loading-mask';
 import { useSelect } from '@wordpress/data';
 import { CHECKOUT_STORE_KEY, PAYMENT_STORE_KEY } from '@woocommerce/block-data';

assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/cart-express-payment.js

@@ -2,11 +2,8 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import {
-	StoreNoticesContainer,
-	useEditorContext,
-	noticeContexts,
-} from '@woocommerce/base-context';
+import { useEditorContext, noticeContexts } from '@woocommerce/base-context';
+import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';
 import Title from '@woocommerce/base-components/title';
 import LoadingMask from '@woocommerce/base-components/loading-mask';
 import { CURRENT_USER_IS_ADMIN } from '@woocommerce/settings';

assets/js/blocks/cart-checkout-shared/payment-methods/express-payment/checkout-express-payment.js

@@ -5,7 +5,7 @@ import { __ } from '@wordpress/i18n';
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { CURRENT_USER_IS_ADMIN } from '@woocommerce/settings';
-import { StoreNoticesContainer } from '@woocommerce/base-context';
+import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';
 import { noticeContexts } from '@woocommerce/base-context/hooks';
 
 class PaymentMethodErrorBoundary extends Component {

assets/js/blocks/cart-checkout-shared/payment-methods/payment-method-error-boundary.js

@@ -5,16 +5,16 @@ import { __ } from '@wordpress/i18n';
 import { useStoreCart } from '@woocommerce/base-context/hooks';
 import { useEffect } from '@wordpress/element';
 import LoadingMask from '@woocommerce/base-components/loading-mask';
-import {
-	StoreNoticesContainer,
-	SnackbarNoticesContainer,
-} from '@woocommerce/base-context';
+import { SnackbarNoticesContainer } from '@woocommerce/base-context';
 import { CURRENT_USER_IS_ADMIN } from '@woocommerce/settings';
 import BlockErrorBoundary from '@woocommerce/base-components/block-error-boundary';
 import { translateJQueryEventToNative } from '@woocommerce/base-utils';
 import withScrollToTop from '@woocommerce/base-hocs/with-scroll-to-top';
 import { CartProvider } from '@woocommerce/base-context/providers';
-import { SlotFillProvider } from '@woocommerce/blocks-checkout';
+import {
+	SlotFillProvider,
+	StoreNoticesContainer,
+} from '@woocommerce/blocks-checkout';
 
 /**
  * Internal dependencies

assets/js/blocks/cart/block.js

@@ -9,11 +9,14 @@ import {
 	CheckoutProvider,
 	SnackbarNoticesContainer,
 } from '@woocommerce/base-context';
-import { StoreNoticesContainer } from '@woocommerce/base-context/providers';
+
 import BlockErrorBoundary from '@woocommerce/base-components/block-error-boundary';
 import { SidebarLayout } from '@woocommerce/base-components/sidebar-layout';
 import { CURRENT_USER_IS_ADMIN, getSetting } from '@woocommerce/settings';
-import { SlotFillProvider } from '@woocommerce/blocks-checkout';
+import {
+	SlotFillProvider,
+	StoreNoticesContainer,
+} from '@woocommerce/blocks-checkout';
 import withScrollToTop from '@woocommerce/base-hocs/with-scroll-to-top';
 import { useDispatch, useSelect } from '@wordpress/data';
 import {

assets/js/blocks/checkout/block.tsx

@@ -7,13 +7,13 @@ import { withFilteredAttributes } from '@woocommerce/shared-hocs';
 import { FormStep } from '@woocommerce/base-components/cart-checkout';
 import { useSelect } from '@wordpress/data';
 import { CHECKOUT_STORE_KEY } from '@woocommerce/block-data';
+import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';
 
 /**
  * Internal dependencies
  */
 import Block from './block';
 import attributes from './attributes';
-import { StoreNoticesContainer } from '../../../../base/context/providers';
 import { noticeContexts } from '../../../../base/context/event-emit';
 
 const FrontendBlock = ( {

assets/js/blocks/checkout/inner-blocks/checkout-payment-block/frontend.tsx

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { ProductListContainer } from '@woocommerce/base-components/product-list';
 import { InnerBlockLayoutContextProvider } from '@woocommerce/shared-context';
 import { gridBlockPreview } from '@woocommerce/resource-previews';
-import { StoreNoticesContainer } from '@woocommerce/base-context';
+import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';
 
 /**
  * The All Products Block.

assets/js/blocks/products/all-products/block.js

@@ -7,7 +7,7 @@ import {
 	InnerBlockLayoutContextProvider,
 	ProductDataContextProvider,
 } from '@woocommerce/shared-context';
-import { StoreNoticesContainer } from '@woocommerce/base-context';
+import { StoreNoticesContainer } from '@woocommerce/blocks-checkout';
 import { useStoreEvents } from '@woocommerce/base-context/hooks';
 
 /**