@fluid-app/portal-sdk 0.1.225 → 0.1.227

package/dist/{ShareablesScreen-DtR0PfSD.cjs → ShareablesScreen-AMlPuFFk.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_portal_tenant_content = require("./portal_tenant_content-Da1Vvf0I.cjs");
+const require_portal_tenant_content = require("./portal_tenant_content-Bnr0IyhM.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-BT5Y4YyL.cjs");
 const require_src = require("./src-DpFIi-nj.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-PbjwAMeB.cjs");
@@ -11,7 +11,7 @@ const require_es = require("./es-nxOxb57F.cjs");
 const require_SearchSort = require("./SearchSort-Hwga1dIi.cjs");
 const require_dist$4 = require("./dist-5XPflEEG.cjs");
 const require_dist$5 = require("./dist-FHf4OHgt.cjs");
-const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-DzjO6yix.cjs");
+const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Bb5B1Hv5.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -69,6 +69,20 @@ const shareablesKeys = {
 			id
 		]
 	},
+	pages: {
+		all: ["pages"],
+		list: (search, sort) => [
+			"pages",
+			"list",
+			search,
+			sort
+		],
+		detail: (id) => [
+			"pages",
+			"detail",
+			id
+		]
+	},
 	productMedia: {
 		all: ["productMedia"],
 		counts: (ids) => [
@@ -458,7 +472,7 @@ async function getProduct(client, id, options) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/MediaShare/ShareItemCard.tsx
-const DEFAULT_IMAGE$5 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
+const DEFAULT_IMAGE$6 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle = "Click to find shareable assets" }) {
 	const { navigate } = useShareablesUI();
 	const renderImage = useRenderImage();
@@ -480,7 +494,7 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 			className: "bg-muted relative aspect-square overflow-hidden rounded-lg",
 			children: [
 				renderImage({
-					src: imageUrl || DEFAULT_IMAGE$5,
+					src: imageUrl || DEFAULT_IMAGE$6,
 					alt: title,
 					fill: true,
 					className: "object-cover transition-transform group-hover:scale-105"
@@ -678,7 +692,7 @@ function ToggleButton({ active, label, onClick, children }) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/screens/ProductsScreen.tsx
-const PAGE_SIZE$4 = 24;
+const PAGE_SIZE$5 = 24;
 const SORT_OPTIONS$1 = [
 	{
 		label: "Newest",
@@ -731,11 +745,11 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 		queryKey: [
 			"portal-product-catalog",
 			debouncedSearch || "",
-			PAGE_SIZE$4,
+			PAGE_SIZE$5,
 			effectiveSort
 		],
 		queryFn: async ({ pageParam }) => {
-			return fetchPortalProducts(debouncedSearch, pageParam, PAGE_SIZE$4, effectiveSort);
+			return fetchPortalProducts(debouncedSearch, pageParam, PAGE_SIZE$5, effectiveSort);
 		},
 		getNextPageParam: (lastPage) => lastPage.meta?.pagination?.next_cursor ?? void 0,
 		initialPageParam: void 0,
@@ -751,7 +765,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 			if (!client) throw new Error("Unreachable: client is null");
 			return (await listProducts(client, {
 				page: pageParam,
-				per_page: PAGE_SIZE$4,
+				per_page: PAGE_SIZE$5,
 				search_query: debouncedSearch || void 0,
 				sorting: {
 					id: "title",
@@ -762,7 +776,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 				published_stores: ["rep"]
 			})).products;
 		},
-		getNextPageParam: (lastPage, allPages) => lastPage.length === PAGE_SIZE$4 ? allPages.length + 1 : void 0,
+		getNextPageParam: (lastPage, allPages) => lastPage.length === PAGE_SIZE$5 ? allPages.length + 1 : void 0,
 		initialPageParam: 1,
 		enabled: !fetchPortalProducts && !!client
 	});
@@ -1633,7 +1647,7 @@ function OwnerFilterTabs({ value, onValueChange, myLabel = "Mine" }) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/screens/MediaListingScreen.tsx
-const PAGE_SIZE$3 = 24;
+const PAGE_SIZE$4 = 24;
 function getMediaKindLabel(kind) {
 	switch (kind) {
 		case "video": return "Video";
@@ -1733,7 +1747,7 @@ function MediaListingScreen(_props) {
 				"filter[title]": debouncedSearch || void 0,
 				"filter[content_format]": bffKind,
 				"page[cursor]": pageParam,
-				"page[limit]": PAGE_SIZE$3,
+				"page[limit]": PAGE_SIZE$4,
 				sort: bffSort
 			});
 		},
@@ -7028,7 +7042,7 @@ function RichTextEditor({ value, onChange, placeholder = "Start writing...", cla
 }
 //#endregion
 //#region ../../shareables/ui/src/components/media/MediaProductTagging.tsx
-const PAGE_SIZE$2 = 25;
+const PAGE_SIZE$3 = 25;
 function ProductImage({ imageUrl, name }) {
 	const [errored, setErrored] = (0, react.useState)(false);
 	if (imageUrl && imageUrl.length > 0 && !errored) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
@@ -7062,7 +7076,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 	const runSearch = (0, react.useCallback)(async (q) => {
 		setSearching(true);
 		try {
-			const { products: results, nextCursor: cursor } = await onSearchProducts(q, { limit: PAGE_SIZE$2 });
+			const { products: results, nextCursor: cursor } = await onSearchProducts(q, { limit: PAGE_SIZE$3 });
 			setSearchResults(results);
 			setNextCursor(cursor ?? null);
 		} catch (error) {
@@ -7083,7 +7097,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 		try {
 			const { products: results, nextCursor: cursor } = await onSearchProducts(query, {
 				cursor: nextCursor,
-				limit: PAGE_SIZE$2
+				limit: PAGE_SIZE$3
 			});
 			setSearchResults((prev) => [...prev, ...results]);
 			setNextCursor(cursor ?? null);
@@ -8857,7 +8871,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/playlists/PlaylistCard.tsx
-const DEFAULT_IMAGE$4 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
+const DEFAULT_IMAGE$5 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, isSelectable = false, isSelected = false, canEdit = false, onSelectionChange, onToggleFavorite, onEdit, onDelete }) {
 	const { navigate } = useShareablesUI();
 	const renderImage = useRenderImage();
@@ -8882,7 +8896,7 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 					className: "bg-muted relative aspect-square overflow-hidden rounded-lg",
 					children: [
 						renderImage({
-							src: imgError ? DEFAULT_IMAGE$4 : imageUrl || DEFAULT_IMAGE$4,
+							src: imgError ? DEFAULT_IMAGE$5 : imageUrl || DEFAULT_IMAGE$5,
 							alt: title,
 							fill: true,
 							className: "object-cover transition-transform group-hover:scale-105",
@@ -8997,7 +9011,7 @@ function BulkSelectionBar({ selectedCount, totalCount, onSelectAll, onClearSelec
 }
 //#endregion
 //#region ../../shareables/ui/src/components/screens/PlaylistsListingScreen.tsx
-const PAGE_SIZE$1 = 12;
+const PAGE_SIZE$2 = 12;
 const GRID_CLASS = "grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4";
 function PlaylistsListingScreen(_props) {
 	const api = useShareablesApi();
@@ -9042,7 +9056,7 @@ function PlaylistsListingScreen(_props) {
 			const response = await api.playlists.getPlaylists({
 				"filter[title]": debouncedSearch || void 0,
 				"page[cursor]": pageParam,
-				"page[limit]": PAGE_SIZE$1,
+				"page[limit]": PAGE_SIZE$2,
 				sort: sortValue
 			});
 			return {
@@ -9351,7 +9365,7 @@ const NAVIGABLE_RELATEABLE_TYPES = new Set([
 ]);
 //#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";
+const DEFAULT_IMAGE$4 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function resolvePrice(product) {
 	let price = product.display_price || product.price;
 	if (product.variants && product.variants.length > 0) {
@@ -9418,7 +9432,7 @@ function TaggedProductsList({ products, onProductClick }) {
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "scrollbar-none flex gap-4 overflow-x-auto pb-2",
 				children: products.map((product, index) => {
-					const imageUrl = product.images?.[0]?.image_url || product.image_url || product.compressed_image_url || DEFAULT_IMAGE$3;
+					const imageUrl = product.images?.[0]?.image_url || product.image_url || product.compressed_image_url || DEFAULT_IMAGE$4;
 					const title = product.title || "Untitled";
 					const displayPrice = resolvePrice(product);
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -9453,7 +9467,7 @@ function TaggedProductsList({ products, onProductClick }) {
 }
 //#endregion
 //#region ../../shareables/ui/src/components/SharePage/PlaylistItemsList.tsx
-const DEFAULT_IMAGE$2 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
+const DEFAULT_IMAGE$3 = "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";
@@ -9511,7 +9525,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 			className: "space-y-3",
 			children: items.map((item, index) => {
 				const relateable = item.relateable;
-				const imageUrl = item.image_url ?? relateable?.image_url ?? relateable?.compressed_image_url ?? DEFAULT_IMAGE$2;
+				const imageUrl = item.image_url ?? relateable?.image_url ?? relateable?.compressed_image_url ?? DEFAULT_IMAGE$3;
 				const title = item.title ?? relateable?.title ?? "Untitled";
 				const rawPrice = relateable?.display_price || relateable?.price;
 				const price = rawPrice && parseFloat(rawPrice.replace(/[^0-9.-]/g, "")) > 0 ? rawPrice : null;
@@ -9602,7 +9616,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 }
 //#endregion
 //#region ../../shareables/ui/src/components/screens/PlaylistDetailScreen.tsx
-const DEFAULT_IMAGE$1 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
+const DEFAULT_IMAGE$2 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function PlaylistDetailScreen({ playlistId, onNavigate }) {
 	const api = useShareablesApi();
 	const { navigate, user, readOnly } = useShareablesUI();
@@ -9650,7 +9664,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 		]
 	}) }), [displayTitle, navigate]));
 	const selectedPlaylistItem = playlist?.items?.[selectedPlaylistItemIndex];
-	const displayImage = selectedPlaylistItem?.image_url ?? selectedPlaylistItem?.relateable?.image_url ?? selectedPlaylistItem?.relateable?.compressed_image_url ?? DEFAULT_IMAGE$1;
+	const displayImage = selectedPlaylistItem?.image_url ?? selectedPlaylistItem?.relateable?.image_url ?? selectedPlaylistItem?.relateable?.compressed_image_url ?? DEFAULT_IMAGE$2;
 	const displayDescription = playlist?.description || playlist?.search_engine_optimizer?.description || "";
 	const selectedKind = selectedPlaylistItem?.kind ?? selectedPlaylistItem?.relateable?.kind;
 	const displayVideo = selectedKind === "video" ? selectedPlaylistItem?.video_url ?? selectedPlaylistItem?.relateable?.video_url ?? void 0 : void 0;
@@ -10792,14 +10806,14 @@ function PlaylistCreateScreen({ playlistId, onBack, hideHeader, renderHeaderSlot
 }
 //#endregion
 //#region ../../shareables/ui/src/components/screens/FilesListingScreen.tsx
-const PAGE_SIZE = 24;
+const PAGE_SIZE$1 = 24;
 function formatFileSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
 	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
 	if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 	return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
 }
-const DEFAULT_IMAGE = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
+const DEFAULT_IMAGE$1 = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
 function FilesListingScreen({ onNavigate }) {
 	const api = useShareablesApi();
 	const renderImage = useRenderImage();
@@ -10825,7 +10839,7 @@ function FilesListingScreen({ onNavigate }) {
 			return await api.fileResources.getFileResources({
 				search_query: debouncedSearch || void 0,
 				pageParam: pageParam.toString(),
-				pageSize: PAGE_SIZE.toString()
+				pageSize: PAGE_SIZE$1.toString()
 			});
 		},
 		getNextPageParam: (lastPage) => {
@@ -10894,7 +10908,7 @@ function FilesListingScreen({ onNavigate }) {
 						className: "bg-muted relative aspect-square overflow-hidden rounded-lg",
 						children: [
 							renderImage({
-								src: file.preview_image_url || DEFAULT_IMAGE,
+								src: file.preview_image_url || DEFAULT_IMAGE$1,
 								alt: file.filename || "Untitled File",
 								fill: true,
 								className: "object-cover transition-transform group-hover:scale-105"
@@ -10928,6 +10942,219 @@ function FilesListingScreen({ onNavigate }) {
 	});
 }
 //#endregion
+//#region ../../shareables/ui/src/components/screens/PagesListingScreen.tsx
+const PAGE_SIZE = 24;
+const DEFAULT_IMAGE = "https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png";
+function toApiSort(value) {
+	return value === "newest" ? void 0 : value;
+}
+function PagesListingScreen({ onNavigate }) {
+	const api = useShareablesApi();
+	const renderImage = useRenderImage();
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Pages"
+		}) })
+	}) }), []));
+	const [searchTerm, setSearchTerm] = (0, react.useState)("");
+	const [debouncedSearch, setDebouncedSearch] = (0, react.useState)("");
+	const [sortValue, setSortValue] = (0, react.useState)("newest");
+	const observerTarget = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const timer = setTimeout(() => setDebouncedSearch(searchTerm), 300);
+		return () => clearTimeout(timer);
+	}, [searchTerm]);
+	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error } = (0, _tanstack_react_query.useInfiniteQuery)({
+		queryKey: shareablesKeys.pages.list(debouncedSearch, sortValue),
+		queryFn: async ({ pageParam }) => {
+			const response = await api.pages.listPages({
+				cursor: pageParam,
+				limit: PAGE_SIZE,
+				"filter[title]": debouncedSearch || void 0,
+				sort: toApiSort(sortValue)
+			});
+			return {
+				pages: response.pages,
+				nextCursor: response.meta.pagination?.next_cursor ?? null
+			};
+		},
+		getNextPageParam: (lastPage) => lastPage.nextCursor ?? void 0,
+		initialPageParam: void 0,
+		placeholderData: _tanstack_react_query.keepPreviousData
+	});
+	const allPages = (0, react.useMemo)(() => data?.pages.flatMap((p) => p.pages) ?? [], [data?.pages]);
+	(0, react.useEffect)(() => {
+		const target = observerTarget.current;
+		if (!target) return;
+		const observer = new IntersectionObserver((entries) => {
+			if (entries[0]?.isIntersecting && hasNextPage && !isFetchingNextPage) fetchNextPage();
+		}, {
+			threshold: 0,
+			rootMargin: "200px"
+		});
+		observer.observe(target);
+		return () => observer.disconnect();
+	}, [
+		fetchNextPage,
+		hasNextPage,
+		isFetchingNextPage
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareableListLayout, {
+		isLoading,
+		error,
+		errorMessage: "Failed to load pages. Please try again.",
+		isEmpty: allPages.length === 0 && !isFetchingNextPage,
+		emptyMessage: debouncedSearch ? `No pages match "${debouncedSearch}". Try a different search term.` : "No pages available.",
+		filters: /* @__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 pages...",
+					sortOptions: [
+						{
+							label: "Newest first",
+							value: "newest"
+						},
+						{
+							label: "Title (A-Z)",
+							value: "title_asc"
+						},
+						{
+							label: "Title (Z-A)",
+							value: "title_desc"
+						}
+					],
+					sortValue,
+					onSortChange: (v) => setSortValue(v)
+				})
+			})
+		}),
+		footer: isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			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" })
+		}),
+		sentinelRef: observerTarget,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: SHAREABLE_GRID_CLASS,
+			children: allPages.map((page) => {
+				const title = page.title || "Untitled Page";
+				const openDetail = () => onNavigate?.("pages", String(page.id));
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
+					role: "button",
+					tabIndex: 0,
+					onClick: openDetail,
+					onKeyDown: (e) => {
+						if (e.key === "Enter" || e.key === " ") {
+							e.preventDefault();
+							openDetail();
+						}
+					},
+					className: "group hover:bg-muted cursor-pointer gap-0 overflow-hidden rounded-lg border-0 p-0 shadow-none transition-colors",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "bg-muted relative aspect-square overflow-hidden rounded-lg",
+						children: [renderImage({
+							src: page.image_url || DEFAULT_IMAGE,
+							alt: title,
+							fill: true,
+							className: "object-cover transition-transform group-hover:scale-105"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
+							className: "absolute top-2 right-2 shadow-lg",
+							variant: page.status === "published" ? "default" : "secondary",
+							children: page.status === "published" ? "Published" : "Unpublished"
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "px-2 pt-2 pb-4",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
+							children: title
+						}), page.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "text-muted-foreground mt-1 line-clamp-2 text-xs",
+							children: page.description
+						})]
+					})]
+				}, page.id);
+			})
+		})
+	});
+}
+//#endregion
+//#region ../../shareables/ui/src/components/screens/PageDetailScreen.tsx
+function PageDetailScreen({ pageId, onBack }) {
+	const api = useShareablesApi();
+	const { navigate } = useShareablesUI();
+	const { data: pageResponse, isLoading } = (0, _tanstack_react_query.useQuery)({
+		queryKey: shareablesKeys.pages.detail(Number(pageId)),
+		queryFn: () => api.pages.getPage(Number(pageId))
+	});
+	const page = pageResponse?.page;
+	const displayTitle = page?.title || "";
+	const displayImage = page?.image_url || "";
+	const description = page?.description ?? "";
+	const { shareLink, loading: shareLinkLoading, error: shareLinkError } = useShareLink({
+		id: page?.id,
+		share_link: pageResponse?.share_link ?? void 0
+	}, "Page");
+	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					(onBack ?? (() => navigate("pages")))();
+				},
+				children: "Pages"
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
+				className: "block max-w-[60vw] truncate align-bottom font-semibold md:max-w-[60ch]",
+				children: displayTitle || "Page"
+			}) })
+		]
+	}) }), [
+		displayTitle,
+		onBack,
+		navigate
+	]));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareableDetailLayout, {
+		isLoading,
+		notFound: !page && !isLoading,
+		notFoundMessage: "Page not found or failed to load.",
+		title: displayTitle,
+		description,
+		containerHeightClass: "md:h-[calc(95vh-140px)]",
+		image: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative h-full overflow-hidden",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SharePageImageDisplay, {
+				displayImage,
+				displayTitle,
+				isVideo: false,
+				badgeLabel: "Page",
+				rounded: true,
+				showBadge: false
+			}), page && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
+				variant: page.status === "published" ? "default" : "secondary",
+				className: "bg-background/80 text-foreground absolute top-3 right-3 z-0 inline-flex h-8 items-center rounded-full px-3 text-xs font-medium shadow-md backdrop-blur-sm",
+				children: page.status === "published" ? "Published" : "Unpublished"
+			})]
+		}),
+		actions: page && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AssetActions, {
+			downloadUrl: null,
+			displayTitle,
+			shareLink: shareLinkError ? null : shareLink || null,
+			shareLinkLoading,
+			isVideo: false,
+			relateableId: page.id,
+			relateableType: "Page"
+		})
+	});
+}
+//#endregion
 //#region ../../shareables/ui/src/components/ShareablesApp.tsx
 function ShareablesApp({ screen, detailId, action, onNavigate, onBack, countryCode, fetchProducts, fetchProduct }) {
 	const { readOnly } = useShareablesUI();
@@ -10967,6 +11194,13 @@ function ShareablesApp({ screen, detailId, action, onNavigate, onBack, countryCo
 		case "files":
 			content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilesListingScreen, { onNavigate });
 			break;
+		case "pages":
+		case "page":
+			content = detailId && detailId !== "new" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageDetailScreen, {
+				pageId: detailId,
+				onBack
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PagesListingScreen, { onNavigate });
+			break;
 		default:
 			content = detailId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductDetailScreen, {
 				productId: detailId,
@@ -11736,6 +11970,63 @@ function createShareAdapter(client) {
 		})).share.url;
 	} };
 }
+function mapPage(raw) {
+	return {
+		id: raw.id ?? 0,
+		title: raw.title ?? null,
+		slug: raw.slug ?? null,
+		source: raw.source ?? null,
+		status: raw.status ?? "unpublished",
+		countries: (raw.countries ?? []).map((c) => ({
+			code: c.code ?? "",
+			name: c.name ?? "",
+			currency_code: c.currency_code ?? "",
+			states: (c.states ?? []).map((s) => ({
+				code: s.code ?? "",
+				name: s.name ?? ""
+			}))
+		})),
+		description: raw.description ?? null,
+		image_url: raw.image_url ?? null
+	};
+}
+function mapPagesMeta(raw) {
+	return {
+		request_id: raw?.request_id ?? null,
+		timestamp: raw?.timestamp ?? "",
+		pagination: raw?.pagination ? {
+			cursor: raw.pagination.cursor ?? null,
+			limit: raw.pagination.limit,
+			next_cursor: raw.pagination.next_cursor ?? null,
+			prev_cursor: raw.pagination.prev_cursor ?? null
+		} : void 0
+	};
+}
+function createRawPagesAdapter(client) {
+	return {
+		listPages: async (params) => {
+			const response = await require_portal_tenant_content.pages_list(client, {
+				"page[cursor]": params?.cursor,
+				"page[limit]": params?.limit,
+				"filter[title]": params?.["filter[title]"],
+				sort: params?.sort
+			});
+			return {
+				pages: (response.pages ?? []).map(mapPage),
+				meta: mapPagesMeta(response.meta)
+			};
+		},
+		getPage: async (id) => {
+			const response = await require_portal_tenant_content.pages_show(client, id);
+			if (!response.page) throw new Error(`Page ${id} not found`);
+			return {
+				page: mapPage(response.page),
+				share_link: response.share_link ?? null,
+				meta: mapPagesMeta(response.meta)
+			};
+		}
+	};
+}
 function mapDamAsset(raw) {
 	return {
 		id: raw.id ?? 0,
@@ -11866,7 +12157,7 @@ function mapMetricsMeta(raw) {
 function createMetricsAdapter(client) {
 	return {
 		listMediaVisited: async (params) => {
-			const response = await require_portal_tenant_content.content_media_metrics_visits(client, {
+			const response = await require_portal_tenant_content.content_media_by_visits(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11876,7 +12167,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listMediaShareVisited: async (params) => {
-			const response = await require_portal_tenant_content.content_media_metrics_share_visits(client, {
+			const response = await require_portal_tenant_content.content_media_by_shares(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11886,7 +12177,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPlaylistsVisited: async (params) => {
-			const response = await require_portal_tenant_content.content_playlists_metrics_visits(client, {
+			const response = await require_portal_tenant_content.content_playlists_by_visits(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11896,7 +12187,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPlaylistsShareVisited: async (params) => {
-			const response = await require_portal_tenant_content.content_playlists_metrics_share_visits(client, {
+			const response = await require_portal_tenant_content.content_playlists_by_shares(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11906,7 +12197,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPagesVisited: async (params) => {
-			const response = await require_portal_tenant_content.content_pages_metrics_visits(client, {
+			const response = await require_portal_tenant_content.content_pages_by_visits(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11916,7 +12207,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPagesShareVisited: async (params) => {
-			const response = await require_portal_tenant_content.content_pages_metrics_share_visits(client, {
+			const response = await require_portal_tenant_content.content_pages_by_shares(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11964,7 +12255,8 @@ function createPortalContentDomainApiAdapter(client, productsApi) {
 		fileResources: createFileResourcesAdapter(client),
 		share: createShareAdapter(client),
 		productMedia: createProductMediaAdapter(productsApi),
-		metrics: createMetricsAdapter(client)
+		metrics: createMetricsAdapter(client),
+		pages: createRawPagesAdapter(client)
 	};
 }
 /**
@@ -12219,4 +12511,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-DtR0PfSD.cjs.map
+//# sourceMappingURL=ShareablesScreen-AMlPuFFk.cjs.map