@decocms/apps-vtex 7.34.4 → 7.36.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decocms/apps-vtex",
-  "version": "7.34.4",
+  "version": "7.36.0",
   "type": "module",
   "description": "Deco commerce app: VTEX integration",
   "repository": {
@@ -51,10 +51,10 @@
     "lint:unused": "knip"
   },
   "dependencies": {
-    "@decocms/blocks": "7.34.4",
-    "@decocms/apps-commerce": "7.34.4",
-    "@decocms/apps-website": "7.34.4",
-    "@decocms/tanstack": "7.34.4"
+    "@decocms/blocks": "7.36.0",
+    "@decocms/apps-commerce": "7.36.0",
+    "@decocms/apps-website": "7.36.0",
+    "@decocms/tanstack": "7.36.0"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",

package/src/loaders/intelligentSearch/productList.ts

@@ -13,6 +13,12 @@ import type { Product as ProductVTEX } from "../../utils/types";
 
 export interface ProductListProps {
 	props?: CollectionProps | QueryProps | ProductIDProps | FacetsProps;
+	/**
+	 * Include every SKU as a lean variant in each product's isVariantOf.hasVariant[]
+	 * so shelf cards can render the full size/color grid. Default false (lean shelf:
+	 * a single in-stock variant per product).
+	 */
+	completeVariants?: boolean;
 }
 
 interface CollectionProps {
@@ -139,7 +145,11 @@ export default async function vtexProductListShelf(
 			const preferredSku = fetchedSkus
 				? (p.items.find((item) => fetchedSkus.has(item.itemId)) ?? pickSku(p))
 				: pickSku(p);
-			return toProductShelf(p, preferredSku, 0, { baseUrl, priceCurrency: "BRL" });
+			return toProductShelf(p, preferredSku, 0, {
+				baseUrl,
+				priceCurrency: "BRL",
+				shelfCompleteVariants: props.completeVariants,
+			});
 		});
 
 		if (ids) {

package/src/utils/transform.ts

@@ -113,6 +113,13 @@ interface ProductOptions {
 	variantIncludeImage?: boolean;
 	/** When leanVariants is true, still include inventoryLevel on each variant offer. Default true. */
 	variantIncludeInventory?: boolean;
+	/**
+	 * Shelf: include every SKU as a lean variant in isVariantOf.hasVariant[] (via
+	 * toProductVariant) instead of a single in-stock one. Lets shelf cards render
+	 * the full size/color grid without pulling the heavy toProduct payload.
+	 * Default false — preserves the lean single-variant shelf other sites rely on.
+	 */
+	shelfCompleteVariants?: boolean;
 }
 
 /** Returns first available sku */
@@ -649,11 +656,19 @@ export const toProductShelf = <P extends LegacyProductVTEX | ProductVTEX>(
 		level < 1
 			? (() => {
 					const inStockSku = findFirstAvailable(items) ?? items[0];
-					const singleVariant = inStockSku ? [toProductShelf(product, inStockSku, 1, options)] : [];
+					// Opt-in: every SKU as a lean variant (size/color grid on shelf cards).
+					// Default: a single in-stock variant (lean shelf payload).
+					const hasVariant = options.shelfCompleteVariants
+						? items.map((variantSku) =>
+								toProductVariant(product, variantSku, options),
+							)
+						: inStockSku
+							? [toProductShelf(product, inStockSku, 1, options)]
+							: [];
 					return {
 						"@type": "ProductGroup" as const,
 						productGroupID: productId,
-						hasVariant: singleVariant,
+						hasVariant,
 						url: getProductGroupURL(baseUrl, product).href,
 						name: product.productName,
 						// Carry the shelf-safe group specs (incl. "Campanha") so ProductCard