Product Gallery: reset main image when variations are cleared (#42830)

* Product Gallery: reset main image when variations are cleared

* Add changelog for woo core

* Update event name to be more descriptive

plugins/woocommerce-blocks/assets/js/blocks/product-gallery/frontend.tsx

@@ -109,8 +109,24 @@ const productGallery = {
 				attributes: true,
 			} );
 
+			const clearVariationsLink = document.querySelector(
+				'.wp-block-add-to-cart-form .reset_variations'
+			);
+
+			const selectFirstImage = () => {
+				context.selectedImage = context.firstMainImageId;
+			};
+
+			if ( clearVariationsLink ) {
+				clearVariationsLink.addEventListener(
+					'click',
+					selectFirstImage
+				);
+			}
+
 			return () => {
 				observer.disconnect();
+				document.removeEventListener( 'click', selectFirstImage );
 			};
 		},
 		keyboardAccess: () => {

plugins/woocommerce-blocks/changelog/product-gallery-variation-images

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+Comment: Reset main image when variations are cleared.
+

plugins/woocommerce/changelog/product-gallery-variation-images

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+Comment: Reset main image when variations are cleared.
+