@fluid-app/portal-sdk 0.1.101 → 0.1.103

package/dist/{src-Dlsw83js.cjs → src-xEfkv04t.cjs}

@@ -144,6 +144,28 @@ function useShareLink(item, shareableType, contactId, locale = "en") {
 }
 //#endregion
 //#region ../../shareables/core/src/hooks/use-product-media-counts.ts
+function useProductMediaCounts(productIds) {
+	const api = useShareablesApi();
+	return (0, _tanstack_react_query.useQuery)({
+		queryKey: shareablesKeys.productMedia.counts(productIds),
+		queryFn: async () => {
+			const counts = {};
+			const promises = productIds.map(async (productId) => {
+				try {
+					counts[productId] = ((await api.productMedia.getProductMedia(productId)).media || []).length;
+				} catch (error) {
+					console.warn(`Failed to fetch media count for product ${productId}:`, error);
+					counts[productId] = 0;
+				}
+			});
+			await Promise.allSettled(promises);
+			return counts;
+		},
+		enabled: productIds.length > 0,
+		staleTime: 300 * 1e3,
+		gcTime: 600 * 1e3
+	});
+}
 function useProductMediaCount(productId) {
 	const api = useShareablesApi();
 	return (0, _tanstack_react_query.useQuery)({
@@ -499,8 +521,10 @@ function getProductImageUrl(product) {
 	}
 	return product.image_url ?? null;
 }
-function ShareProductCard({ product }) {
-	const { data: mediaCount = 0, isLoading: isLoadingMediaCount } = useProductMediaCount(product.id);
+function ShareProductCard({ product, mediaCount: externalMediaCount }) {
+	const skipFetch = externalMediaCount !== void 0;
+	const { data: fetchedCount = 0, isLoading: isLoadingMediaCount } = useProductMediaCount(skipFetch ? 0 : product.id);
+	const resolvedCount = skipFetch ? externalMediaCount : fetchedCount;
 	const imageUrl = getProductImageUrl(product);
 	const isVideo = product.kind === "video" && !!product.video_url;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareItemCard, {
@@ -508,8 +532,8 @@ function ShareProductCard({ product }) {
 		imageUrl,
 		href: `product/${product.id}`,
 		badge: !isVideo ? {
-			text: `${mediaCount} assets`,
-			isLoading: isLoadingMediaCount
+			text: `${resolvedCount} assets`,
+			isLoading: !skipFetch && isLoadingMediaCount
 		} : void 0,
 		isVideo
 	});
@@ -578,7 +602,8 @@ function ProductsScreen({ countryCode, onNavigate }) {
 		observer.observe(target);
 		return () => observer.disconnect();
 	}, [handleIntersect]);
-	const products = data?.pages.flat() ?? [];
+	const products = (0, react.useMemo)(() => data?.pages.flat() ?? [], [data]);
+	const { data: mediaCounts } = useProductMediaCounts((0, react.useMemo)(() => products.map((p) => p.id), [products]));
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-6 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -632,12 +657,15 @@ function ProductsScreen({ countryCode, onNavigate }) {
 				})
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: GRID_CLASS$3,
-				children: products.map((product) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareProductCard, { product: {
-					id: product.id,
-					title: product.title ?? "",
-					image_url: product.image_url,
-					images: product.images
-				} }, product.id))
+				children: products.map((product) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareProductCard, {
+					product: {
+						id: product.id,
+						title: product.title ?? "",
+						image_url: product.image_url,
+						images: product.images
+					},
+					mediaCount: mediaCounts?.[product.id]
+				}, product.id))
 			}),
 			isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex justify-center py-4",
@@ -8873,4 +8901,4 @@ Object.defineProperty(exports, "getFileMimeType", {
 	}
 });
 
-//# sourceMappingURL=src-Dlsw83js.cjs.map
+//# sourceMappingURL=src-xEfkv04t.cjs.map