@fluid-app/portal-sdk 0.1.225 → 0.1.227

package/dist/{ShareablesScreen-DyaGwSlk.mjs → ShareablesScreen-CNARhXTE.mjs}

@@ -1,5 +1,5 @@
 import { r as __exportAll, t as useDropzone } from "./es-BkP8gyWU.mjs";
-import { A as playlists_show, C as playlists_create, D as playlists_items_remove, E as playlists_items_list, M as shares_create, N as shares_list, O as playlists_items_reorder, T as playlists_items_add, _ as media_products_add, a as content_playlists_metrics_share_visits, b as media_show, c as dam_asset_paths_list, d as dam_assets_discard, f as dam_assets_list, g as media_list, h as media_destroy, i as content_pages_metrics_visits, j as playlists_update, k as playlists_list, l as dam_assets_create, m as media_create, n as content_media_metrics_visits, o as content_playlists_metrics_visits, p as dam_query, r as content_pages_metrics_share_visits, s as dam_asset_paths_create, t as content_media_metrics_share_visits, u as dam_assets_destroy, v as media_products_list, w as playlists_destroy, x as media_update, y as media_products_remove } from "./portal_tenant_content-CiwLspiV.mjs";
+import { A as playlists_list, C as pages_show, D as playlists_items_list, E as playlists_items_add, M as playlists_update, N as shares_create, O as playlists_items_remove, P as shares_list, S as pages_list, T as playlists_destroy, _ as media_products_add, a as content_playlists_by_shares, b as media_show, c as dam_asset_paths_list, d as dam_assets_discard, f as dam_assets_list, g as media_list, h as media_destroy, i as content_pages_by_visits, j as playlists_show, k as playlists_items_reorder, l as dam_assets_create, m as media_create, n as content_media_by_visits, o as content_playlists_by_visits, p as dam_query, r as content_pages_by_shares, s as dam_asset_paths_create, t as content_media_by_shares, u as dam_assets_destroy, v as media_products_list, w as playlists_create, x as media_update, y as media_products_remove } from "./portal_tenant_content-WBAKi5Vl.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-CjJzBCTL.mjs";
 import { $ as DropdownMenuSeparator, A as Select, At as Checkbox, B as Form, C as Skeleton, Cn as AlertDialogFooter, Dn as Content, En as Button, Et as CardContent, G as FormMessage, H as FormField, J as DropdownMenuContent, K as Label, L as Input, M as SelectItem, N as SelectTrigger, Nn as useZodForm, P as SelectValue, Pn as cn, S as Slider, Sn as AlertDialogDescription, Tn as AlertDialogTitle, U as FormItem, V as FormControl, W as FormLabel, Y as DropdownMenuItem, _ as Switch, b as fluidToast, bn as AlertDialogCancel, c as Tabs, cn as Breadcrumb, dn as BreadcrumbList, dt as DialogPortal, et as DropdownMenuSub, fn as BreadcrumbPage, ft as DialogTitle, ht as PopoverTrigger, i as TooltipTrigger, it as Dialog, j as SelectContent, k as Separator, l as TabsList, ln as BreadcrumbItem, lt as DialogHeader, mn as Badge, mt as PopoverContent, n as TooltipContent, nt as DropdownMenuSubTrigger, ot as DialogContent, pn as BreadcrumbSeparator, pt as Popover, q as DropdownMenu, r as TooltipProvider, rt as DropdownMenuTrigger, s as Textarea, st as DialogDescription, t as Tooltip, tt as DropdownMenuSubContent, u as TabsTrigger, un as BreadcrumbLink, ut as DialogOverlay, vn as AlertDialog, wn as AlertDialogHeader, wt as Card, xn as AlertDialogContent, y as Spinner, yn as AlertDialogAction } from "./src-CCqVyAdS.mjs";
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-4WYXIqQ5.mjs";
@@ -10,7 +10,7 @@ import { a as useEditor, o as Placeholder, r as EditorContent, t as StarterKit }
 import { t as SearchSort } from "./SearchSort-BQ-nf9gJ.mjs";
 import { n as TextAlign, t as Underline } from "./dist-CsNsoBdu.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, p as PORTAL_MYSITE_KEYS, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor } from "./sortable.esm-BSpvRpWg.mjs";
-import { o as usePortalProductsApi, t as PortalProductsApiProvider } from "./PortalProductsApiProvider-hhff3ssp.mjs";
+import { o as usePortalProductsApi, t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BeCWFRtF.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";
@@ -67,6 +67,20 @@ const shareablesKeys = {
 			id
 		]
 	},
+	pages: {
+		all: ["pages"],
+		list: (search, sort) => [
+			"pages",
+			"list",
+			search,
+			sort
+		],
+		detail: (id) => [
+			"pages",
+			"detail",
+			id
+		]
+	},
 	productMedia: {
 		all: ["productMedia"],
 		counts: (ids) => [
@@ -456,7 +470,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();
@@ -478,7 +492,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"
@@ -676,7 +690,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",
@@ -729,11 +743,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,
@@ -749,7 +763,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",
@@ -760,7 +774,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
 	});
@@ -1631,7 +1645,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";
@@ -1731,7 +1745,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
 			});
 		},
@@ -7026,7 +7040,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] = useState(false);
 	if (imageUrl && imageUrl.length > 0 && !errored) return /* @__PURE__ */ jsx("img", {
@@ -7060,7 +7074,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 	const runSearch = 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) {
@@ -7081,7 +7095,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);
@@ -8855,7 +8869,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();
@@ -8880,7 +8894,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",
@@ -8995,7 +9009,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();
@@ -9040,7 +9054,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 {
@@ -9349,7 +9363,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) {
@@ -9416,7 +9430,7 @@ function TaggedProductsList({ products, onProductClick }) {
 			children: /* @__PURE__ */ 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__ */ jsxs("button", {
@@ -9451,7 +9465,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";
@@ -9509,7 +9523,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;
@@ -9600,7 +9614,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();
@@ -9648,7 +9662,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;
@@ -10787,14 +10801,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();
@@ -10820,7 +10834,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) => {
@@ -10889,7 +10903,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"
@@ -10923,6 +10937,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();
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Pages"
+		}) })
+	}) }), []));
+	const [searchTerm, setSearchTerm] = useState("");
+	const [debouncedSearch, setDebouncedSearch] = useState("");
+	const [sortValue, setSortValue] = useState("newest");
+	const observerTarget = useRef(null);
+	useEffect(() => {
+		const timer = setTimeout(() => setDebouncedSearch(searchTerm), 300);
+		return () => clearTimeout(timer);
+	}, [searchTerm]);
+	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error } = 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: keepPreviousData
+	});
+	const allPages = useMemo(() => data?.pages.flatMap((p) => p.pages) ?? [], [data?.pages]);
+	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__ */ 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__ */ jsx("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "w-full max-w-sm",
+				children: /* @__PURE__ */ jsx(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__ */ jsx("div", {
+			className: "flex justify-center py-4",
+			children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		}),
+		sentinelRef: observerTarget,
+		children: /* @__PURE__ */ 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__ */ jsxs(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__ */ 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__ */ jsx(Badge, {
+							className: "absolute top-2 right-2 shadow-lg",
+							variant: page.status === "published" ? "default" : "secondary",
+							children: page.status === "published" ? "Published" : "Unpublished"
+						})]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "px-2 pt-2 pb-4",
+						children: [/* @__PURE__ */ jsx("h3", {
+							className: "text-foreground line-clamp-2 text-sm leading-tight font-bold",
+							children: title
+						}), page.description && /* @__PURE__ */ 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 } = 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");
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					(onBack ?? (() => navigate("pages")))();
+				},
+				children: "Pages"
+			}) }),
+			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+				className: "block max-w-[60vw] truncate align-bottom font-semibold md:max-w-[60ch]",
+				children: displayTitle || "Page"
+			}) })
+		]
+	}) }), [
+		displayTitle,
+		onBack,
+		navigate
+	]));
+	return /* @__PURE__ */ 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__ */ jsxs("div", {
+			className: "relative h-full overflow-hidden",
+			children: [/* @__PURE__ */ jsx(SharePageImageDisplay, {
+				displayImage,
+				displayTitle,
+				isVideo: false,
+				badgeLabel: "Page",
+				rounded: true,
+				showBadge: false
+			}), page && /* @__PURE__ */ jsx(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__ */ 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();
@@ -10962,6 +11189,13 @@ function ShareablesApp({ screen, detailId, action, onNavigate, onBack, countryCo
 		case "files":
 			content = /* @__PURE__ */ jsx(FilesListingScreen, { onNavigate });
 			break;
+		case "pages":
+		case "page":
+			content = detailId && detailId !== "new" ? /* @__PURE__ */ jsx(PageDetailScreen, {
+				pageId: detailId,
+				onBack
+			}) : /* @__PURE__ */ jsx(PagesListingScreen, { onNavigate });
+			break;
 		default:
 			content = detailId ? /* @__PURE__ */ jsx(ProductDetailScreen, {
 				productId: detailId,
@@ -11731,6 +11965,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 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 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,
@@ -11861,7 +12152,7 @@ function mapMetricsMeta(raw) {
 function createMetricsAdapter(client) {
 	return {
 		listMediaVisited: async (params) => {
-			const response = await content_media_metrics_visits(client, {
+			const response = await content_media_by_visits(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11871,7 +12162,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listMediaShareVisited: async (params) => {
-			const response = await content_media_metrics_share_visits(client, {
+			const response = await content_media_by_shares(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11881,7 +12172,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPlaylistsVisited: async (params) => {
-			const response = await content_playlists_metrics_visits(client, {
+			const response = await content_playlists_by_visits(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11891,7 +12182,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPlaylistsShareVisited: async (params) => {
-			const response = await content_playlists_metrics_share_visits(client, {
+			const response = await content_playlists_by_shares(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11901,7 +12192,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPagesVisited: async (params) => {
-			const response = await content_pages_metrics_visits(client, {
+			const response = await content_pages_by_visits(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11911,7 +12202,7 @@ function createMetricsAdapter(client) {
 			};
 		},
 		listPagesShareVisited: async (params) => {
-			const response = await content_pages_metrics_share_visits(client, {
+			const response = await content_pages_by_shares(client, {
 				period: params?.period,
 				limit: params?.limit
 			});
@@ -11959,7 +12250,8 @@ function createPortalContentDomainApiAdapter(client, productsApi) {
 		fileResources: createFileResourcesAdapter(client),
 		share: createShareAdapter(client),
 		productMedia: createProductMediaAdapter(productsApi),
-		metrics: createMetricsAdapter(client)
+		metrics: createMetricsAdapter(client),
+		pages: createRawPagesAdapter(client)
 	};
 }
 /**
@@ -12207,4 +12499,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { ShareablesScreen_exports as n, shareablesScreenPropertySchema as r, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-DyaGwSlk.mjs.map
+//# sourceMappingURL=ShareablesScreen-CNARhXTE.mjs.map