@fluid-app/portal-sdk 0.1.75 → 0.1.77

package/dist/{src-CvQ9ezCI.mjs → src-nhqydD53.mjs}

@@ -4176,11 +4176,11 @@ const MediaTab = ({ config, onSelectionChange, onMediaDataChange, selectedMediaI
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ jsx(Dialog, {
-				open: previewMedia !== null,
+				open: !!previewMedia,
 				onOpenChange: (open) => !open && onPreviewMediaChange?.(null),
 				children: /* @__PURE__ */ jsxs(DialogPortal, {
 					container: previewContainer ?? void 0,
-					children: [/* @__PURE__ */ jsx(DialogOverlay, { className: "z-9999 bg-black/70 backdrop-blur-none" }), /* @__PURE__ */ jsx(Content, {
+					children: [/* @__PURE__ */ jsx(DialogOverlay, { className: "z-9999 bg-black/70 backdrop-blur-none" }), /* @__PURE__ */ jsx(DialogContent, {
 						className: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 fixed top-1/2 left-1/2 z-10000 max-h-[85vh] w-full max-w-4xl -translate-x-1/2 -translate-y-1/2 overflow-hidden bg-white shadow-xl",
 						style: { zIndex: 1e4 },
 						children: previewMedia && /* @__PURE__ */ jsx("div", {
@@ -6820,12 +6820,6 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/SearchAndSortBar.tsx
 const PLAYLIST_SORT_OPTIONS = [
-	{
-		id: "is_favorited",
-		label: "Favorited",
-		sortBy: "is_favorited",
-		sortDirection: "desc"
-	},
 	{
 		id: "title_asc",
 		label: "Name (A-Z)",
@@ -6849,24 +6843,6 @@ const PLAYLIST_SORT_OPTIONS = [
 		label: "Date Created (Oldest)",
 		sortBy: "created_at",
 		sortDirection: "asc"
-	},
-	{
-		id: "updated_at_desc",
-		label: "Date Modified (Recent)",
-		sortBy: "updated_at",
-		sortDirection: "desc"
-	},
-	{
-		id: "updated_at_asc",
-		label: "Date Modified (Oldest)",
-		sortBy: "updated_at",
-		sortDirection: "asc"
-	},
-	{
-		id: "shares_count",
-		label: "Most Shared",
-		sortBy: "shares_count",
-		sortDirection: "desc"
 	}
 ];
 function SearchAndSortBar({ searchTerm, onSearchTermChange, currentSort, onSortChange, placeholder = "Search playlists...", sortOptions = PLAYLIST_SORT_OPTIONS }) {
@@ -6966,7 +6942,7 @@ function PlaylistsListingScreen(_props) {
 		}) })
 	}) }), []));
 	const [searchTerm, setSearchTerm] = useState("");
-	const [currentSort, setCurrentSort] = useState(PLAYLIST_SORT_OPTIONS[1]);
+	const [currentSort, setCurrentSort] = useState(PLAYLIST_SORT_OPTIONS[0]);
 	const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
 	const debouncedSearch = useDebounce(searchTerm, 300);
 	const observerTarget = useRef(null);
@@ -7190,6 +7166,13 @@ function PlaylistsListingScreen(_props) {
 	})] });
 }
 //#endregion
+//#region ../../shareables/ui/src/constants.ts
+const NAVIGABLE_RELATEABLE_TYPES = new Set([
+	"Product",
+	"Page",
+	"Medium"
+]);
+//#endregion
 //#region ../../shareables/ui/src/components/SharePage/TaggedProductsList.tsx
 const DEFAULT_IMAGE$3 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function resolvePrice(product) {
@@ -7200,9 +7183,9 @@ function resolvePrice(product) {
 		else if (firstVariant?.price) price = firstVariant.price;
 	}
 	if (!price) return null;
+	const numPrice = parseFloat(price.replace(/[^0-9.-]/g, ""));
+	if (Number.isNaN(numPrice) || numPrice <= 0) return null;
 	if (price.includes("$")) return price;
-	const numPrice = parseFloat(price);
-	if (Number.isNaN(numPrice)) return price;
 	return `$${numPrice.toFixed(2)}`;
 }
 function TaggedProductsList({ products, onProductClick }) {
@@ -7296,6 +7279,7 @@ function TaggedProductsList({ products, onProductClick }) {
 const DEFAULT_IMAGE$2 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function getItemType(type, kind) {
 	if (type === "Product") return "Product";
+	if (type === "EnrollmentPack") return "Enrollment";
 	if (type === "Page") return "Page";
 	if (kind === "video") return "Video";
 	if (kind === "image") return "Image";
@@ -7352,11 +7336,13 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 				const relateable = item.relateable;
 				const imageUrl = relateable?.image_url || relateable?.compressed_image_url || DEFAULT_IMAGE$2;
 				const title = relateable?.title || "Untitled";
-				const price = relateable?.display_price || relateable?.price;
+				const rawPrice = relateable?.display_price || relateable?.price;
+				const price = rawPrice && parseFloat(rawPrice.replace(/[^0-9.-]/g, "")) > 0 ? rawPrice : null;
 				const itemType = getItemType(item.relateable_type, relateable?.kind);
 				const isVideo = relateable?.kind === "video";
 				const isImage = relateable?.kind === "image";
 				const isProduct = item.relateable_type === "Product";
+				const isNavigable = NAVIGABLE_RELATEABLE_TYPES.has(item.relateable_type ?? "");
 				const videoLength = formatVideoLength(relateable?.duration);
 				const fileType = getFileType(relateable?.media_format, relateable?.image_url);
 				return /* @__PURE__ */ jsxs("div", {
@@ -7379,13 +7365,19 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex min-w-0 flex-1 flex-col gap-1 py-1",
 						children: [
-							/* @__PURE__ */ jsxs("button", {
+							isNavigable ? /* @__PURE__ */ jsxs("button", {
 								onClick: (e) => handleNavigateToItem(relateable?.id ?? item.id, item.relateable_type, e),
 								className: "group text-foreground flex items-start gap-1.5 text-left text-[15px] leading-[1.4] font-semibold hover:underline",
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "line-clamp-2",
 									children: title
 								}), /* @__PURE__ */ jsx(ArrowUpRight, { className: "text-foreground mt-0.5 h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
+							}) : /* @__PURE__ */ jsx("div", {
+								className: "text-foreground text-[15px] leading-[1.4] font-semibold",
+								children: /* @__PURE__ */ jsx("span", {
+									className: "line-clamp-2",
+									children: title
+								})
 							}),
 							isProduct && price && /* @__PURE__ */ jsx("div", {
 								className: "text-foreground text-[15px] leading-[1.4] font-normal",
@@ -7591,9 +7583,10 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 							onSelectItem: setSelectedPlaylistItemIndex,
 							selectedItemIndex: selectedPlaylistItemIndex,
 							onNavigateToItem: (itemId, relateableType) => {
+								if (!NAVIGABLE_RELATEABLE_TYPES.has(relateableType ?? "")) return;
 								if (relateableType === "Product") onNavigate?.("product", String(itemId));
 								else if (relateableType === "Page") onNavigate?.("page", String(itemId));
-								else onNavigate?.("media", String(itemId));
+								else if (relateableType === "Medium") onNavigate?.("media", String(itemId));
 							}
 						})]
 					})
@@ -8290,6 +8283,8 @@ function computeOrderedItems(items) {
 }
 function PlaylistItemsSection({ playlistId }) {
 	const { showToast, filePickerClient } = useShareablesUI();
+	const shareablesApiClient = useShareablesClient();
+	const repContext = useRepContext();
 	const [filePickerOpen, setFilePickerOpen] = useState(false);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
 	const tableItems = contextItems;
@@ -8407,9 +8402,15 @@ function PlaylistItemsSection({ playlistId }) {
 				}),
 				loading: () => "",
 				dismiss: () => {}
-			}
+			},
+			shareablesClient: { media: { list: (filters) => getMedia(shareablesApiClient, filters ?? {}, repContext) } }
 		};
-	}, [filePickerClient, showToast]);
+	}, [
+		filePickerClient,
+		showToast,
+		shareablesApiClient,
+		repContext
+	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "border-border bg-card rounded-lg border p-4",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -8997,4 +8998,4 @@ function ProductsApp({ countryCode, companyLogoUrl, productId: controlledProduct
 //#endregion
 export { ShareablesCoreProvider as i, ShareablesApp as n, ShareablesUIProvider as r, ProductsApp as t };
 
-//# sourceMappingURL=src-CvQ9ezCI.mjs.map
+//# sourceMappingURL=src-nhqydD53.mjs.map