@fluid-app/portal-sdk 0.1.100 → 0.1.102

package/dist/{src-BrwLqPPh.mjs → src-DjlwUaws.mjs}

@@ -142,6 +142,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 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 useQuery({
@@ -497,8 +519,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__ */ jsx(ShareItemCard, {
@@ -506,8 +530,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
 	});
@@ -576,7 +600,8 @@ function ProductsScreen({ countryCode, onNavigate }) {
 		observer.observe(target);
 		return () => observer.disconnect();
 	}, [handleIntersect]);
-	const products = data?.pages.flat() ?? [];
+	const products = useMemo(() => data?.pages.flat() ?? [], [data]);
+	const { data: mediaCounts } = useProductMediaCounts(useMemo(() => products.map((p) => p.id), [products]));
 	if (isLoading) return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-6 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -630,12 +655,15 @@ function ProductsScreen({ countryCode, onNavigate }) {
 				})
 			}) : /* @__PURE__ */ jsx("div", {
 				className: GRID_CLASS$3,
-				children: products.map((product) => /* @__PURE__ */ jsx(ShareProductCard, { product: {
-					id: product.id,
-					title: product.title ?? "",
-					image_url: product.image_url,
-					images: product.images
-				} }, product.id))
+				children: products.map((product) => /* @__PURE__ */ 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__ */ jsx("div", {
 				className: "flex justify-center py-4",
@@ -8833,4 +8861,4 @@ function ProductsApp({ countryCode, companyLogoUrl, productId: controlledProduct
 //#endregion
 export { ShareablesApiProvider as a, ShareablesUIProvider as i, ShareablesApp as n, ShareablesCoreProvider as o, getFileMimeType as r, ProductsApp as t };
 
-//# sourceMappingURL=src-BrwLqPPh.mjs.map
+//# sourceMappingURL=src-DjlwUaws.mjs.map