@fluid-app/portal-sdk 0.1.194 → 0.1.196

package/dist/{PortalContentApiProvider-D_0DbqrK.cjs → PortalContentApiProvider-Zoz_YDJM.cjs}

@@ -8927,7 +8927,7 @@ function PlaylistsListingScreen(_props) {
 		debouncedSearch,
 		sortValue
 	];
-	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, isFetched, error } = (0, _tanstack_react_query.useInfiniteQuery)({
+	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error } = (0, _tanstack_react_query.useInfiniteQuery)({
 		queryKey,
 		queryFn: async ({ pageParam }) => {
 			const response = await api.playlists.getPlaylists({
@@ -9057,7 +9057,7 @@ function PlaylistsListingScreen(_props) {
 		showToast
 	]);
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "mx-auto space-y-6 px-2 md:px-10 md:py-6",
+		className: "space-y-6 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-10 flex-1" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-10 w-24" })]
@@ -9069,52 +9069,53 @@ function PlaylistsListingScreen(_props) {
 			}, i))
 		})]
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "mx-auto px-2 md:px-10",
-		children: hasSelection ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "my-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BulkSelectionBar, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-6 px-4 py-4 md:px-10 md:py-6",
+		children: [
+			hasSelection ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BulkSelectionBar, {
 				selectedCount: selectedIds.size,
 				totalCount: allPlaylists.length,
 				onSelectAll: handleSelectAll,
 				onClearSelection: handleClearSelection,
 				onBulkFavorite: handleBulkFavorite
-			})
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "flex items-center justify-end py-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "w-full max-w-sm",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchSort.SearchSort, {
-					searchValue: searchTerm,
-					onSearchChange: setSearchTerm,
-					placeholder: "Search playlists...",
-					sortOptions: [
-						{
-							label: "Name (A-Z)",
-							value: "title"
-						},
-						{
-							label: "Name (Z-A)",
-							value: "-title"
-						},
-						{
-							label: "Date Created (Newest)",
-							value: "-created_at"
-						},
-						{
-							label: "Date Created (Oldest)",
-							value: "created_at"
-						}
-					],
-					sortValue,
-					onSortChange: setSortValue
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "w-full max-w-sm",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchSort.SearchSort, {
+						searchValue: searchTerm,
+						onSearchChange: setSearchTerm,
+						placeholder: "Search playlists...",
+						sortOptions: [
+							{
+								label: "Name (A-Z)",
+								value: "title"
+							},
+							{
+								label: "Name (Z-A)",
+								value: "-title"
+							},
+							{
+								label: "Date Created (Newest)",
+								value: "-created_at"
+							},
+							{
+								label: "Date Created (Oldest)",
+								value: "created_at"
+							}
+						],
+						sortValue,
+						onSortChange: setSortValue
+					})
 				})
-			})
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "mx-auto space-y-8 px-2 md:px-10 md:py-8",
-		children: [
-			allPlaylists.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			}),
+			allPlaylists.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-col items-center justify-center py-16",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-muted-foreground text-sm",
+					children: searchTerm ? `No playlists match "${searchTerm}". Try a different search term.` : "There are no playlists available at the moment."
+				})
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: GRID_CLASS$1,
 				children: allPlaylists.map((playlist) => {
 					const firstItem = playlist.items?.[0];
@@ -9137,27 +9138,20 @@ function PlaylistsListingScreen(_props) {
 					}, playlist.id);
 				})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				ref: observerTarget,
-				className: "h-1"
-			}),
 			isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex items-center justify-center",
+				className: "flex justify-center py-4",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
 			}),
-			isFetched && allPlaylists.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex flex-col items-center justify-center py-8 text-center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-muted-foreground text-sm",
-					children: searchTerm ? `No playlists match "${searchTerm}". Try a different search term.` : "There are no playlists available at the moment."
-				})
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: observerTarget,
+				className: "h-1"
 			}),
 			error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-				className: "bg-destructive/10 text-destructive mx-auto my-6 rounded-lg px-3 py-2",
+				className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 				children: ["Error: ", error.message]
 			})
 		]
-	})] });
+	});
 }
 //#endregion
 //#region ../../shareables/ui/src/constants.ts
@@ -9522,7 +9516,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-4 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "mx-auto flex w-full max-w-[480px] flex-col gap-6 md:h-[calc(100vh-140px)] md:flex-row",
+			className: "mx-auto flex w-full max-w-[480px] flex-col gap-6 md:h-[calc(100vh-140px)] md:max-w-none md:flex-row",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "aspect-square w-full md:aspect-auto md:h-full",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -9571,7 +9565,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Separator, { className: "border-foreground my-4" }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "hide-scrollbar bg-background h-full overflow-y-auto rounded-lg",
+						className: "bg-background rounded-lg",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaggedProductsList, {
 							products: taggedProducts,
 							onProductClick: (productId) => onNavigate?.("product", String(productId))
@@ -11557,37 +11551,16 @@ const SHAREABLE_TYPE_MAP = {
 	Page: "page",
 	page: "page"
 };
-/**
-* Build a direct page URL on the company app for a given shareable.
-*
-* Portal runs at `<tenant>.portal.fluid.app`; the company app is at
-* `<tenant>.fluid.app`. Strip the `.portal` segment to get the company
-* origin, then append the type-specific path.
-*/
-const SHARE_PATH_BY_TYPE = {
-	product: "/home/products",
-	media: "/home/media",
-	library: "/home/libraries",
-	page: "/home/pages"
-};
-function buildShareUrl(shareableType, shareUrl) {
-	const basePath = SHARE_PATH_BY_TYPE[shareableType];
-	if (!basePath) throw new Error(`Cannot build share URL for type "${shareableType}"`);
-	if (typeof window === "undefined") throw new Error(`Cannot build share URL in a non-browser environment (type: "${shareableType}")`);
-	const token = shareUrl.split("/s/")[1];
-	if (!token) throw new Error(`Share URL missing expected /s/ token segment: "${shareUrl}"`);
-	return `${window.location.origin.replace(/\.portal\./, ".")}${basePath}/${token}`;
-}
 function createShareAdapter(client) {
 	const portAdapter = createRawSharesAdapter(client);
 	return { createShareLink: async (input) => {
 		if (!input.relateableId) throw new Error("Cannot create share link without a relateableId");
 		const shareableType = SHAREABLE_TYPE_MAP[input.relateableType];
 		if (!shareableType) throw new Error(`Unknown shareable type: "${input.relateableType}"`);
-		return buildShareUrl(shareableType, (await portAdapter.createShare({
+		return (await portAdapter.createShare({
 			shareable_type: shareableType,
 			shareable_id: input.relateableId
-		})).share.url);
+		})).share.url;
 	} };
 }
 function mapDamAsset(raw) {
@@ -11857,4 +11830,4 @@ Object.defineProperty(exports, "usePortalContentContext", {
 	}
 });
 
-//# sourceMappingURL=PortalContentApiProvider-D_0DbqrK.cjs.map
+//# sourceMappingURL=PortalContentApiProvider-Zoz_YDJM.cjs.map