@decocms/apps 0.25.0 → 0.25.2

package/commerce/sdk/formatPrice.ts

@@ -16,5 +16,11 @@ const formatter = (currency: string, locale: string) => {
 	return formatters.get(key)!;
 };
 
-export const formatPrice = (price: number | undefined, currency = "BRL", locale = "pt-BR") =>
-	price !== undefined ? formatter(currency, locale).format(price) : null;
+export const formatPrice = (
+	price: number | undefined | null,
+	currency = "BRL",
+	locale = "pt-BR",
+) =>
+	price != null && Number.isFinite(price)
+		? formatter(currency, locale).format(price)
+		: null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decocms/apps",
-  "version": "0.25.0",
+  "version": "0.25.2",
   "type": "module",
   "description": "Deco commerce apps for TanStack Start - Shopify, VTEX, commerce types, analytics utils",
   "exports": {

package/vtex/hooks/useCart.ts

@@ -134,7 +134,7 @@ async function updateItemQuantity(
 export interface UseCartOptions {
 	/** Enable automatic refetching. @default true */
 	enabled?: boolean;
-	/** Stale time in ms. @default 0 (always refetch) */
+	/** Stale time in ms. @default 30000 */
 	staleTime?: number;
 }
 
@@ -144,7 +144,7 @@ export function useCart(options?: UseCartOptions) {
 	const query = useQuery({
 		queryKey: CART_QUERY_KEY,
 		queryFn: fetchCart,
-		staleTime: options?.staleTime ?? 0,
+		staleTime: options?.staleTime ?? 30_000,
 		enabled: options?.enabled !== false,
 	});
 

package/vtex/inline-loaders/productListingPage.ts

@@ -294,6 +294,24 @@ export default async function vtexProductListingPage(props: PLPProps): Promise<a
 			}
 		}
 
+		// Handle VTEX `map` query param (e.g. /1368?map=productClusterIds).
+		// The `map` param tells IS how to interpret each path segment as a facet type.
+		// Segments and map values are positionally matched (comma-separated).
+		if (facets.length === 0 && pageUrl && __pagePath) {
+			const mapParam = pageUrl.searchParams.get("map");
+			if (mapParam) {
+				const segments = __pagePath.split("/").filter(Boolean);
+				const mapValues = mapParam.split(",");
+				for (let i = 0; i < Math.min(segments.length, mapValues.length); i++) {
+					const key = mapValues[i].trim();
+					const value = decodeURIComponent(segments[i]);
+					if (key && value) {
+						facets.push({ key, value });
+					}
+				}
+			}
+		}
+
 		let pageTypes: PageType[] = [];
 
 		if (

package/vtex/utils/transform.ts

@@ -577,7 +577,7 @@ const SHELF_PROPERTY_NAMES = new Set([
  *
  * Differences from toProduct():
  * - Images: capped at 2 per SKU (front + back)
- * - Offers: first seller only, stripped installments (keeps ListPrice, SalePrice, SRP, PIX, best no-interest)
+ * - Offers: best seller only (in-stock first, then cheapest), stripped installments (keeps ListPrice, SalePrice, SRP, PIX, best no-interest)
  * - isVariantOf: single in-stock variant at level 0
  * - additionalProperty: filtered to known-used property names
  * - Drops: description, video, isAccessoryOrSparePartFor, alternateName, gtin, releaseDate, model
@@ -603,12 +603,13 @@ export const toProductShelf = <P extends LegacyProductVTEX | ProductVTEX>(
 	}));
 	const finalImages = mappedImages.length > 0 ? mappedImages : [DEFAULT_IMAGE];
 
-	// Offers: first seller only, lean
-	const firstSeller = (sku.sellers ?? [])[0];
-	const fullOffer = firstSeller
-		? (isLegacyProduct(product) ? toOfferLegacy : toOffer)(firstSeller)
-		: undefined;
-	const leanOffers = fullOffer ? [buildOfferShelf(fullOffer)] : [];
+	// Offers: best seller (in-stock first, then cheapest), lean.
+	// Must consider ALL sellers so marketplace products where sellers[0]
+	// is OOS but another seller has stock still show as available.
+	const offerConverter = isLegacyProduct(product) ? toOfferLegacy : toOffer;
+	const allOffers = (sku.sellers ?? []).map(offerConverter).sort(bestOfferFirst);
+	const bestOffer = allOffers[0];
+	const leanOffers = bestOffer ? [buildOfferShelf(bestOffer)] : [];
 
 	// isVariantOf: single in-stock variant at level 0
 	const isVariantOf =