Rename to store notices

assets/js/blocks/notices/block.json → assets/js/blocks/store-notices/block.json

@@ -1,8 +1,8 @@
 {
-	"name": "woocommerce/notices",
+	"name": "woocommerce/store-notices",
 	"version": "1.0.0",
-	"title": "WooCommerce Notices",
-	"description": "Display notifications as customers interact with the store.",
+	"title": "Store Notices",
+	"description": "Displays shopper-facing notifications generated by WooCommerce or extensions.",
 	"category": "woocommerce",
 	"keywords": [ "WooCommerce" ],
 	"supports": {

assets/js/blocks/notices/block.tsx → assets/js/blocks/store-notices/block.tsx

@@ -3,12 +3,12 @@
  */
 import { __ } from '@wordpress/i18n';
 
-const Notices = () => {
+const StoreNotices = () => {
 	return (
 		<div className="woocommerce-notice">
 			{ __( 'This is a demo notice.', 'woo-gutenberg-products-block' ) }
 		</div>
 	);
 };
 
-export default Notices;
+export default StoreNotices;

assets/js/blocks/notices/edit.tsx → assets/js/blocks/store-notices/edit.tsx

@@ -18,7 +18,7 @@ export interface Attributes {
 const Edit = ( { attributes }: BlockEditProps< Attributes > ) => {
 	const { className } = attributes;
 	const blockProps = useBlockProps( {
-		className: classNames( 'wc-block-notices', className ),
+		className: classNames( 'wc-block-store-notices', className ),
 	} );
 
 	return (

bin/webpack-entries.js

@@ -63,7 +63,7 @@ const blocks = {
 	},
 	'filter-wrapper': {},
 	'customer-account': {},
-	notices: {},
+	'store-notices': {},
 };
 
 // Returns the entries for each block given a relative path (ie: `index.js`,

src/BlockTypes/Notices.php → src/BlockTypes/StoreNotices.php

@@ -5,16 +5,16 @@
 use Automattic\WooCommerce\Blocks\Utils\StyleAttributesUtils;
 
 /**
- * CatalogSorting class.
+ * StoreNotices class.
  */
-class Notices extends AbstractBlock {
+class StoreNotices extends AbstractBlock {
 
 	/**
 	 * Block name.
 	 *
 	 * @var string
 	 */
-	protected $block_name = 'notices';
+	protected $block_name = 'store-notices';
 
 	/**
 	 * Render the block.
@@ -36,6 +36,6 @@ protected function render( $attributes, $content, $block ) {
 
 		$classes_and_styles = StyleAttributesUtils::get_classes_and_styles_by_attributes( $attributes );
 
-		return "<div class='wc-block-notices " . esc_attr( $classes_and_styles['classes'] ) . "' style='" . esc_attr( $classes_and_styles['styles'] ) . "'>" . $notices . '</div>';
+		return "<div class='wc-block-store-notices " . esc_attr( $classes_and_styles['classes'] ) . "' style='" . esc_attr( $classes_and_styles['styles'] ) . "'>" . $notices . '</div>';
 	}
 }

src/BlockTypesController.php

@@ -203,7 +203,7 @@ protected function get_block_types() {
 			'ProductQuery',
 			'FilterWrapper',
 			'CustomerAccount',
-			'Notices',
+			'StoreNotices',
 		];
 
 		$block_types = array_merge( $block_types, Cart::get_cart_block_types(), Checkout::get_checkout_block_types() );

tests/e2e/specs/backend/notices.test.js

@@ -11,9 +11,9 @@ import { visitBlockPage } from '@woocommerce/blocks-test-utils';
 import { insertBlockDontWaitForInsertClose } from '../../utils.js';
 
 const block = {
-	name: 'Notices',
-	slug: 'woocommerce/notices',
-	class: '.wc-block-notices',
+	name: 'Store Notices',
+	slug: 'woocommerce/store-notices',
+	class: '.wc-block-store-notices',
 };
 
 describe( `${ block.name } Block`, () => {