@fluid-app/portal-sdk 0.1.314 → 0.1.315

package/dist/{ShareablesScreen-7umiVWD0.mjs → ShareablesScreen-CaYM4JHC.mjs}

@@ -1,12 +1,10 @@
 import "./portal_tenant_content-CRrn7i-P.mjs";
 import "./store-api-context-DViwxyG4.mjs";
 import "./mysite-api-context-kUTM3GNG.mjs";
-import "./PortalTenantClientProvider-_VXOs0t4.mjs";
 import "./locale-context-DGCebJhw.mjs";
 import "./src-DC5QoBhR.mjs";
 import "./ScreenHeaderContext-C22wBIsP.mjs";
 import "./translation-api-context-factory-BYNOdpnp.mjs";
-import "./AppNavigationContext-DNomMUij.mjs";
 import "./static-dict-adapter-CGDunURa.mjs";
 import "./SearchSort-ByyOEmDa.mjs";
 import "./use-mysite-portal-DmMDb7Mn.mjs";
@@ -14,5 +12,5 @@ import "./dist-D7_77Mei.mjs";
 import "./es-CaDFGDKY.mjs";
 import "./dist-D8dilWiq.mjs";
 import "./sortable.esm-UhdC9Man.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-yXCq_akC.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-Qqr8uE9h.mjs";
 export { ShareablesScreen, shareablesScreenPropertySchema };

package/dist/{ShareablesScreen-PL7O47Gv.cjs → ShareablesScreen-QAqtL2DB.cjs}

@@ -13,6 +13,6 @@ require("./dist-BwU2ZIKy.cjs");
 require("./es-Cek6aP5I.cjs");
 require("./dist-B3CAYy1s.cjs");
 require("./dist-DdMbxOP3.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-QclWhq3D.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-BeEEI0mD.cjs");
 exports.ShareablesScreen = require_ShareablesScreen.ShareablesScreen;
 exports.shareablesScreenPropertySchema = require_ShareablesScreen.shareablesScreenPropertySchema;

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

@@ -17,7 +17,7 @@ import { a as verticalListSortingStrategy, c as PointerSensor, d as useSensors,
 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-Qqr8uE9h.mjs.map