@fluid-app/portal-sdk 0.1.190 → 0.1.192

package/dist/{PortalContentApiProvider-CH87-pE5.cjs → PortalContentApiProvider-Cb-DGxBo.cjs}

@@ -6,9 +6,9 @@ const require_ScreenHeaderContext = require("./ScreenHeaderContext-BXgWydjB.cjs"
 const require_dist$3 = require("./dist-CN_rfvBt.cjs");
 const require_es = require("./es-C37CagK2.cjs");
 const require_SearchSort = require("./SearchSort-CUDMZIkf.cjs");
-const require_dist$4 = require("./dist-Ib6pM5r3.cjs");
+const require_dist$4 = require("./dist-bL3uiYn3.cjs");
 const require_dist$5 = require("./dist-Ck1Xpuzh.cjs");
-const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-CTLKKRqy.cjs");
+const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-CRN-i8Rh.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -980,6 +980,61 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 	});
 }
 //#endregion
+//#region ../../shareables/ui/src/utils/download-file.ts
+async function downloadFile(url, filename) {
+	const res = await fetch(url);
+	if (!res.ok) throw new Error(`Download failed: ${res.status} ${res.statusText}`);
+	const blob = await res.blob();
+	const objectUrl = URL.createObjectURL(blob);
+	const a = document.createElement("a");
+	a.href = objectUrl;
+	a.download = filename;
+	a.click();
+	URL.revokeObjectURL(objectUrl);
+}
+//#endregion
+//#region ../../shareables/ui/src/components/SharePage/AssetActions.tsx
+function AssetActions({ downloadUrl, displayTitle, shareLink, shareLinkLoading, isVideo, relateableId, relateableType }) {
+	const { onFileDownload } = useShareablesUI();
+	const [isDownloading, setIsDownloading] = (0, react.useState)(false);
+	const handleDownload = (0, react.useCallback)(async () => {
+		if (!downloadUrl || isDownloading) return;
+		if (onFileDownload) {
+			onFileDownload(downloadUrl, displayTitle || "asset");
+			return;
+		}
+		setIsDownloading(true);
+		try {
+			await downloadFile(downloadUrl, displayTitle || "asset");
+		} catch {
+			window.open(downloadUrl, "_blank", "noopener,noreferrer");
+		} finally {
+			setIsDownloading(false);
+		}
+	}, [
+		downloadUrl,
+		displayTitle,
+		onFileDownload,
+		isDownloading
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [downloadUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
+		onClick: handleDownload,
+		disabled: isDownloading,
+		className: "bg-foreground text-background hover:bg-foreground/70 flex h-10 w-full items-center justify-between rounded-lg px-4 transition-all",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-sm font-medium",
+			children: "Download Asset"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "h-4 w-4" })]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareLinkSection, {
+		shareLink,
+		loading: shareLinkLoading,
+		displayTitle,
+		isVideo,
+		relateableId,
+		relateableType
+	})] });
+}
+//#endregion
 //#region ../../shareables/ui/src/components/ShareablesModal/MarketingAssetsGrid.tsx
 const PLACEHOLDER_IMAGE = "https://assets.fluid.app/fluid-admin/images/placeholder.png";
 const FILTER_TABS = [
@@ -1166,7 +1221,7 @@ var MarketingAssetsGrid_default = react.default.memo(MarketingAssetsGrid);
 function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortalProduct, onNavigate, onBack }) {
 	const api = useShareablesApi();
 	const client = useShareablesClient();
-	const { navigate, showToast, onFileDownload } = useShareablesUI();
+	const { navigate } = useShareablesUI();
 	const [activeTab, setActiveTab] = (0, react.useState)("All");
 	const [isDescriptionExpanded, setIsDescriptionExpanded] = (0, react.useState)(false);
 	const { data: portalProductResponse, isLoading: isLoadingPortalProduct } = (0, _tanstack_react_query.useQuery)({
@@ -1255,22 +1310,6 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 		media_format: item.media_format
 	}));
 	const hasMedia = (productMediaResponse?.media?.length || 0) > 0;
-	const handleDownload = (0, react.useCallback)(() => {
-		if (!productImage) {
-			showToast({
-				title: "No downloadable asset available",
-				type: "error"
-			});
-			return;
-		}
-		if (onFileDownload) onFileDownload(productImage, displayTitle || "product");
-		else window.open(productImage, "_blank");
-	}, [
-		productImage,
-		displayTitle,
-		onFileDownload,
-		showToast
-	]);
 	const handleMediaItemClick = (0, react.useCallback)((mediaItem) => {
 		onNavigate?.("media", String(mediaItem.id));
 	}, [onNavigate]);
@@ -1353,18 +1392,11 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 									})
 								]
 							}),
-							productImage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
-								onClick: handleDownload,
-								className: "bg-foreground text-background hover:bg-foreground/70 flex h-10 w-full items-center justify-between rounded-lg px-4 transition-all",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "text-sm font-medium",
-									children: "Download Asset"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "h-4 w-4" })]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareLinkSection, {
-								shareLink: shareLinkError ? null : shareLink || null,
-								loading: shareLinkLoading,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssetActions, {
+								downloadUrl: productImage || null,
 								displayTitle,
+								shareLink: shareLinkError ? null : shareLink || null,
+								shareLinkLoading,
 								isVideo: false,
 								relateableId: Number(productId),
 								relateableType: "Product"
@@ -1746,19 +1778,6 @@ function MediaListingScreen({ onNavigate }) {
 	});
 }
 //#endregion
-//#region ../../shareables/ui/src/utils/download-file.ts
-async function downloadFile(url, filename) {
-	const res = await fetch(url);
-	if (!res.ok) throw new Error(`Download failed: ${res.status} ${res.statusText}`);
-	const blob = await res.blob();
-	const objectUrl = URL.createObjectURL(blob);
-	const a = document.createElement("a");
-	a.href = objectUrl;
-	a.download = filename;
-	a.click();
-	URL.revokeObjectURL(objectUrl);
-}
-//#endregion
 //#region ../../shareables/ui/src/components/screens/MediaDetailScreen.tsx
 function getBadgeLabel(kind) {
 	switch (kind) {
@@ -1771,7 +1790,7 @@ function getBadgeLabel(kind) {
 function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 	const api = useShareablesApi();
 	const repContext = useRepContext();
-	const { navigate, showToast, onFileDownload, readOnly } = useShareablesUI();
+	const { navigate, readOnly } = useShareablesUI();
 	const [isDescriptionExpanded, setIsDescriptionExpanded] = (0, react.useState)(false);
 	const { data: mediaResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
 		queryKey: shareablesKeys.media.detail(Number(mediaId), repContext),
@@ -1824,22 +1843,6 @@ function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 	const strippedDescription = stripTags(mediaItem?.description?.body || mediaItem?.stripped || "");
 	const shouldShowReadMore = strippedDescription.length > 150;
 	const downloadUrl = isVideo ? displayVideo : mediaItem?.pdf_url || displayImage;
-	const handleDownload = (0, react.useCallback)(async () => {
-		if (!downloadUrl) return;
-		if (onFileDownload) {
-			onFileDownload(downloadUrl, displayTitle || "media");
-			return;
-		}
-		try {
-			await downloadFile(downloadUrl, displayTitle || "media");
-		} catch {
-			window.open(downloadUrl, "_blank", "noopener,noreferrer");
-		}
-	}, [
-		downloadUrl,
-		displayTitle,
-		onFileDownload
-	]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex items-center justify-center py-16",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-8" })
@@ -1894,18 +1897,11 @@ function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 								children: isDescriptionExpanded ? "Read less" : "Read more"
 							})]
 						}),
-						downloadUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
-							onClick: handleDownload,
-							className: "bg-foreground text-background hover:bg-foreground/70 flex h-10 w-full items-center justify-between rounded-lg px-4 transition-all",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "text-sm font-medium",
-								children: "Download Asset"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "h-4 w-4" })]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareLinkSection, {
-							shareLink: shareLinkError ? null : shareLink || null,
-							loading: shareLinkLoading,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssetActions, {
+							downloadUrl: downloadUrl || null,
 							displayTitle,
+							shareLink: shareLinkError ? null : shareLink || null,
+							shareLinkLoading,
 							isVideo,
 							relateableId: Number(mediaId),
 							relateableType: "Medium"
@@ -9416,10 +9412,11 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 									children: isDescriptionExpanded ? "Read less" : "Read more"
 								})]
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareLinkSection, {
-								shareLink: shareLinkError ? null : shareLink || null,
-								loading: shareLinkLoading,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssetActions, {
+								downloadUrl: null,
 								displayTitle,
+								shareLink: shareLinkError ? null : shareLink || null,
+								shareLinkLoading,
 								isVideo,
 								relateableId: Number(playlistId),
 								relateableType: "Library"
@@ -11714,4 +11711,4 @@ Object.defineProperty(exports, "usePortalContentContext", {
 	}
 });
 
-//# sourceMappingURL=PortalContentApiProvider-CH87-pE5.cjs.map
+//# sourceMappingURL=PortalContentApiProvider-Cb-DGxBo.cjs.map