@fluid-app/portal-sdk 0.1.190 → 0.1.192

package/dist/{PortalContentApiProvider-DGkP0Vk6.mjs → PortalContentApiProvider-Bwi7FOTs.mjs}

@@ -5,9 +5,9 @@ import { $ as DropdownMenuSeparator, $t as BreadcrumbPage, A as Select, At as Ch
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-BD6Zo-ep.mjs";
 import { a as useEditor, o as Placeholder, r as EditorContent, t as StarterKit } from "./dist-tv6N_HgZ.mjs";
 import { t as SearchSort } from "./SearchSort-TmRTxK16.mjs";
-import { n as TextAlign, t as Underline } from "./dist-DhOQb8en.mjs";
+import { n as TextAlign, t as Underline } from "./dist-wzcShuuv.mjs";
 import { a as verticalListSortingStrategy, c as PointerSensor, d as useSensors, f as CSS, i as useSortable, l as closestCenter, n as arrayMove, o as DndContext, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor } from "./sortable.esm-DFTEWOHN.mjs";
-import { o as usePortalProductsApi } from "./PortalProductsApiProvider-CY6CUq6x.mjs";
+import { o as usePortalProductsApi } from "./PortalProductsApiProvider-D0jul2Fh.mjs";
 import React, { PureComponent, createContext, createRef, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { keepPreviousData, useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -978,6 +978,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] = useState(false);
+	const handleDownload = 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__ */ jsxs(Fragment$1, { children: [downloadUrl && /* @__PURE__ */ jsxs(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__ */ jsx("span", {
+			className: "text-sm font-medium",
+			children: "Download Asset"
+		}), /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })]
+	}), /* @__PURE__ */ 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 = [
@@ -1164,7 +1219,7 @@ var MarketingAssetsGrid_default = React.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] = useState("All");
 	const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
 	const { data: portalProductResponse, isLoading: isLoadingPortalProduct } = useQuery({
@@ -1253,22 +1308,6 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 		media_format: item.media_format
 	}));
 	const hasMedia = (productMediaResponse?.media?.length || 0) > 0;
-	const handleDownload = 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 = useCallback((mediaItem) => {
 		onNavigate?.("media", String(mediaItem.id));
 	}, [onNavigate]);
@@ -1351,18 +1390,11 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 									})
 								]
 							}),
-							productImage && /* @__PURE__ */ jsxs(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__ */ jsx("span", {
-									className: "text-sm font-medium",
-									children: "Download Asset"
-								}), /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })]
-							}),
-							/* @__PURE__ */ jsx(ShareLinkSection, {
-								shareLink: shareLinkError ? null : shareLink || null,
-								loading: shareLinkLoading,
+							/* @__PURE__ */ jsx(AssetActions, {
+								downloadUrl: productImage || null,
 								displayTitle,
+								shareLink: shareLinkError ? null : shareLink || null,
+								shareLinkLoading,
 								isVideo: false,
 								relateableId: Number(productId),
 								relateableType: "Product"
@@ -1744,19 +1776,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) {
@@ -1769,7 +1788,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] = useState(false);
 	const { data: mediaResponse, isLoading } = useQuery({
 		queryKey: shareablesKeys.media.detail(Number(mediaId), repContext),
@@ -1822,22 +1841,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 = 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__ */ jsx("div", {
 		className: "flex items-center justify-center py-16",
 		children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" })
@@ -1892,18 +1895,11 @@ function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 								children: isDescriptionExpanded ? "Read less" : "Read more"
 							})]
 						}),
-						downloadUrl && /* @__PURE__ */ jsxs(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__ */ jsx("span", {
-								className: "text-sm font-medium",
-								children: "Download Asset"
-							}), /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })]
-						}),
-						/* @__PURE__ */ jsx(ShareLinkSection, {
-							shareLink: shareLinkError ? null : shareLink || null,
-							loading: shareLinkLoading,
+						/* @__PURE__ */ jsx(AssetActions, {
+							downloadUrl: downloadUrl || null,
 							displayTitle,
+							shareLink: shareLinkError ? null : shareLink || null,
+							shareLinkLoading,
 							isVideo,
 							relateableId: Number(mediaId),
 							relateableType: "Medium"
@@ -9414,10 +9410,11 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 									children: isDescriptionExpanded ? "Read less" : "Read more"
 								})]
 							}),
-							/* @__PURE__ */ jsx(ShareLinkSection, {
-								shareLink: shareLinkError ? null : shareLink || null,
-								loading: shareLinkLoading,
+							/* @__PURE__ */ jsx(AssetActions, {
+								downloadUrl: null,
 								displayTitle,
+								shareLink: shareLinkError ? null : shareLink || null,
+								shareLinkLoading,
 								isVideo,
 								relateableId: Number(playlistId),
 								relateableType: "Library"
@@ -11662,4 +11659,4 @@ function PortalContentApiProvider({ children }) {
 //#endregion
 export { ShareablesApp as a, ShareablesCoreProvider as c, ProductsApp as i, usePortalContentContext as n, useFilePickerApi as o, toggleFavorite as r, ShareablesUIProvider as s, PortalContentApiProvider as t };
 
-//# sourceMappingURL=PortalContentApiProvider-DGkP0Vk6.mjs.map
+//# sourceMappingURL=PortalContentApiProvider-Bwi7FOTs.mjs.map