Prevent Featured Product block from breaking when product is out of…

… stock + hidden from catalog (#6166) * Prevent accessing the first element of the `parentProduct` array if empty * Include all products regardless of their `stock_status` By default, the `/wc/store/v1/products` endpoint does not return products with `outofstock` stock status. We want the users to be able to select any product regardless of its stock status, we need to explicitly request them using the `stock_status` query param. * Use the optional chaining operator Co-authored-by: Tomasz Tunik <[email protected]>
woocommerce · Mar 31, 2022 · 3c0e0af · 3c0e0af
1 parent a0ffa4b
commit 3c0e0af
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/assets/js/editor-components/utils/index.js b/assets/js/editor-components/utils/index.js
@@ -25,6 +25,7 @@ const getProductsRequests = ( {
 	const defaultArgs = {
 		per_page: isLargeCatalog ? 100 : 0,
 		catalog_visibility: 'any',
+		stock_status: [ 'instock', 'outofstock', 'onbackorder' ],
 		search,
 		orderby: 'title',
 		order: 'asc',

diff --git a/assets/js/hocs/with-product-variations.js b/assets/js/hocs/with-product-variations.js
@@ -124,7 +124,7 @@ const withProductVariations = createHigherOrderComponent(
 						p.variations &&
 						p.variations.find( ( { id } ) => id === variationId )
 				);
-				return parentProduct[ 0 ].id;
+				return parentProduct[ 0 ]?.id;
 			}
 
 			getExpandedProduct() {
@@ -186,6 +186,7 @@ const withProductVariations = createHigherOrderComponent(
 				showVariations: false,
 			};
 		}
+
 		return WrappedComponent;
 	},
 	'withProductVariations'