@fluid-app/portal-sdk 0.1.314 → 0.1.316

package/dist/{ShareablesScreen-yXCq_akC.mjs → ShareablesScreen-BB4X4MDb.mjs}

@@ -1,23 +1,23 @@
-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, U as enrollment_packs_list, W as enrollment_packs_show, _ 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-CRrn7i-P.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, U as enrollment_packs_list, W as enrollment_packs_show, _ 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-DKIMptZz.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-_VXOs0t4.mjs";
 import { n as useActiveLocale } from "./locale-context-DGCebJhw.mjs";
 import { $ as DialogDescription, B as DropdownMenuContent, C as SelectContent, Cn as AlertDialogTitle, E as SelectValue, F as FormItem, G as DropdownMenuSeparator, I as FormLabel, J as DropdownMenuSubTrigger, K as DropdownMenuSub, L as FormMessage, M as Form, N as FormControl, On as useZodForm, P as FormField, Q as DialogContent, R as Label, S as Select, Sn as AlertDialogHeader, St as Card, T as SelectTrigger, Tn as Content, V as DropdownMenuItem, X as Dialog, Y as DropdownMenuTrigger, _n as AlertDialogAction, a as Textarea, at as Popover, bn as AlertDialogDescription, c as TabsTrigger, ct as PopoverTrigger, d as Spinner, dn as BreadcrumbLink, f as fluidToast, fn as BreadcrumbList, gn as AlertDialog, h as Skeleton, hn as Badge, i as TooltipTrigger, it as DialogTitle, k as Input, kn as cn, kt as Checkbox, l as Switch, ln as Breadcrumb, m as Slider, mn as BreadcrumbSeparator, n as TooltipContent, nt as DialogOverlay, o as Tabs, pn as BreadcrumbPage, q as DropdownMenuSubContent, r as TooltipProvider, rt as DialogPortal, s as TabsList, st as PopoverContent, t as Tooltip, tt as DialogHeader, un as BreadcrumbItem, vn as AlertDialogCancel, w as SelectItem, wn as Button, wt as CardContent, x as Separator, xn as AlertDialogFooter, yn as AlertDialogContent, z as DropdownMenu } from "./src-DC5QoBhR.mjs";
 import { n as ScreenHeaderBreadcrumbs, t as ScreenHeaderActions } from "./ScreenHeaderContext-C22wBIsP.mjs";
 import { t as createTranslationContext } from "./translation-api-context-factory-BYNOdpnp.mjs";
 import { t as useStore } from "./use-store-fLSf5hUc.mjs";
-import { t as useAccount } from "./use-account-GjZt_eis.mjs";
+import { t as useAccount } from "./use-account-Du7Mi_Pi.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DNomMUij.mjs";
 import { n as createDomainTranslations, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-CGDunURa.mjs";
 import { s as usePortalProductsApi, t as SearchSort } from "./SearchSort-ByyOEmDa.mjs";
 import { t as PORTAL_MYSITE_KEYS } from "./use-mysite-portal-DmMDb7Mn.mjs";
 import { a as useEditor, o as Placeholder, r as EditorContent, t as StarterKit } from "./dist-D7_77Mei.mjs";
-import { t as useDropzone } from "./es-CaDFGDKY.mjs";
+import { t as useDropzone } from "./es-8SY1mBcI.mjs";
 import { n as TextAlign, t as Underline } from "./dist-D8dilWiq.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-UhdC9Man.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";
-import { AlertTriangleIcon, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, ArrowUpRight, Camera, Check, CheckIcon, ChevronDownIcon, CirclePlay, CloudIcon, Copy, CropIcon, Download, DownloadIcon, EllipsisVerticalIcon, FileIcon, FileImage, FileText, FileTextIcon, Filter, FolderIcon, FolderPlusIcon, Globe, GraduationCapIcon, GripVertical, Heart, HelpCircle, Image, ImageIcon, ImagesIcon, LaptopIcon, LayersIcon, LayoutGrid, LayoutGridIcon, LinkIcon, List, ListIcon, ListMusic, ListOrdered, LoaderIcon, Mail, Maximize, Menu, MinusIcon, MoreHorizontal, MoreVertical, MoveHorizontalIcon, Package, PackageIcon, Pause, Pencil, Phone, Play, Plus, PlusIcon, RotateCwIcon, Search, SearchIcon, ShoppingBag, ShoppingCart, SlidersHorizontalIcon, Trash2, Trash2Icon, TypeIcon, Upload, UserIcon, Video, VideoIcon, X, XIcon } from "lucide-react";
+import { AlertTriangleIcon, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, ArrowUpRight, Camera, Check, CheckIcon, ChevronDownIcon, ChevronLeft, ChevronRight, CirclePlay, CloudIcon, Copy, CropIcon, Download, DownloadIcon, EllipsisVerticalIcon, FileIcon, FileImage, FileText, FileTextIcon, Filter, FolderIcon, FolderPlusIcon, Globe, GraduationCapIcon, GripVertical, Heart, HelpCircle, Image, ImageIcon, ImagesIcon, LaptopIcon, LayersIcon, LayoutGrid, LayoutGridIcon, LinkIcon, List, ListIcon, ListMusic, ListOrdered, LoaderIcon, Mail, Maximize, Menu, MinusIcon, MoreHorizontal, MoreVertical, MoveHorizontalIcon, Package, PackageIcon, Pause, Pencil, Phone, Play, Plus, PlusIcon, RotateCwIcon, Search, SearchIcon, ShoppingBag, ShoppingCart, SlidersHorizontalIcon, Trash2, Trash2Icon, TypeIcon, Upload, UserIcon, Video, VideoIcon, X, XIcon } from "lucide-react";
 import { createPortal } from "react-dom";
 import * as z$1 from "zod";
 import { z } from "zod";
@@ -922,11 +922,27 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 }
 //#endregion
 //#region ../../shareables/ui/src/components/SharePage/SharePageImageDisplay.tsx
-function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, isVideo, badgeLabel, rounded = true, showBadge = true }) {
+function buildPdfSrc(url, page = 1) {
+	try {
+		const parsed = new URL(url);
+		parsed.hash = `page=${page}&view=FitH`;
+		return parsed.toString();
+	} catch {
+		return `${url}#page=${page}&view=FitH`;
+	}
+}
+function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, displayPdf, isVideo, badgeLabel, rounded = true, showBadge = true }) {
 	const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+	const [currentPage, setCurrentPage] = useState(1);
 	const renderImage = useRenderImage();
+	const handlePrevPage = () => {
+		setCurrentPage((prev) => prev > 1 ? prev - 1 : prev);
+	};
+	const handleNextPage = () => {
+		setCurrentPage((prev) => prev + 1);
+	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: `relative h-full w-full overflow-hidden bg-gray-100 ${rounded ? "rounded-2xl" : ""}`,
+		className: `relative flex h-full w-full flex-col overflow-hidden bg-gray-100 ${rounded ? "rounded-2xl" : ""}`,
 		children: [
 			isVideo ? /* @__PURE__ */ jsx("video", {
 				src: displayVideo || "",
@@ -935,7 +951,45 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, isVid
 				muted: true,
 				loop: true,
 				controls: true
-			}) : renderImage({
+			}) : displayPdf ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("iframe", {
+				src: buildPdfSrc(displayPdf, currentPage),
+				className: "min-h-0 w-full flex-1",
+				title: displayTitle || "PDF document"
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center gap-4 py-3",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						onClick: handlePrevPage,
+						disabled: currentPage <= 1,
+						variant: "outline",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						"aria-label": "Previous page",
+						children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center gap-2",
+						children: /* @__PURE__ */ jsx("input", {
+							type: "number",
+							min: "1",
+							value: currentPage,
+							onChange: (e) => {
+								const page = parseInt(e.target.value);
+								if (page > 0) setCurrentPage(page);
+							},
+							className: "border-input bg-background w-14 rounded-md border px-2 py-1 text-center text-sm focus:ring-1 focus:outline-none"
+						})
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						onClick: handleNextPage,
+						variant: "outline",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						"aria-label": "Next page",
+						children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+					})
+				]
+			})] }) : renderImage({
 				src: displayImage,
 				alt: displayTitle,
 				fill: true,
@@ -946,7 +1000,7 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, isVid
 				className: "absolute top-3 right-3 z-0 bg-gray-100 text-gray-900 hover:bg-gray-100",
 				children: badgeLabel
 			}),
-			isVideo && /* @__PURE__ */ jsx(Button, {
+			(isVideo || displayPdf) && /* @__PURE__ */ jsx(Button, {
 				onClick: () => setIsPreviewOpen(true),
 				className: "absolute top-3 left-3 z-0 flex h-8 w-8 items-center justify-center rounded-full bg-white/90 text-gray-700 backdrop-blur-sm transition-colors hover:bg-white",
 				variant: "ghost",
@@ -969,6 +1023,32 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, isVid
 					controls: true,
 					onClick: (e) => e.stopPropagation()
 				})]
+			}),
+			isPreviewOpen && displayPdf && /* @__PURE__ */ jsxs("div", {
+				className: "fixed inset-0 z-9999 flex items-center justify-center bg-black/70 backdrop-blur-sm",
+				onClick: () => setIsPreviewOpen(false),
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: (e) => {
+						e.stopPropagation();
+						setIsPreviewOpen(false);
+					},
+					className: "absolute top-4 right-4 z-10000 flex h-10 w-10 items-center justify-center rounded-full bg-white/90 text-gray-900 backdrop-blur-sm transition-colors hover:bg-white",
+					variant: "ghost",
+					size: "sm",
+					children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ jsx("div", {
+					className: "relative",
+					onClick: (e) => e.stopPropagation(),
+					style: {
+						width: "95vw",
+						height: "90vh"
+					},
+					children: /* @__PURE__ */ jsx("iframe", {
+						src: buildPdfSrc(displayPdf, currentPage),
+						className: "h-full w-full rounded-lg bg-white",
+						title: displayTitle || "PDF document"
+					})
+				})]
 			})
 		]
 	});
@@ -2161,7 +2241,9 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 	const displayTitle = mediaItem?.title || "";
 	const displayImage = mediaItem?.image_url || "";
 	const displayVideo = mediaItem?.video_url || "";
+	const displayPdf = mediaItem?.pdf_url || "";
 	const isVideo = mediaItem?.kind === "video" && !!displayVideo;
+	const isPdf = mediaItem?.kind === "pdf" && !!displayPdf;
 	const badgeLabel = getBadgeLabel(mediaItem?.kind ?? null, {
 		video: t("media_type_video"),
 		image: t("media_type_image"),
@@ -2209,6 +2291,7 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 					displayImage,
 					displayTitle,
 					displayVideo: isVideo ? displayVideo : void 0,
+					displayPdf: isPdf ? displayPdf : void 0,
 					isVideo,
 					badgeLabel,
 					rounded: true,
@@ -13897,4 +13980,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-yXCq_akC.mjs.map
+//# sourceMappingURL=ShareablesScreen-BB4X4MDb.mjs.map