@fluid-app/portal-sdk 0.1.187 → 0.1.188

package/dist/{PortalContentApiProvider-BPq6U0Pu.mjs → PortalContentApiProvider-CmjXGFMQ.mjs}

@@ -511,6 +511,32 @@ function ShareProductCard({ product, mediaCount }) {
 //#region ../../shareables/ui/src/components/screens/ProductsScreen.tsx
 const PAGE_SIZE$4 = 24;
 const GRID_CLASS$3 = "grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-4";
+const SORT_OPTIONS$1 = [
+	{
+		label: "Newest",
+		value: "created_at_desc"
+	},
+	{
+		label: "Oldest",
+		value: "created_at_asc"
+	},
+	{
+		label: "Title A–Z",
+		value: "title_asc"
+	},
+	{
+		label: "Title Z–A",
+		value: "title_desc"
+	},
+	{
+		label: "Price: Low to High",
+		value: "price_asc"
+	},
+	{
+		label: "Price: High to Low",
+		value: "price_desc"
+	}
+];
 function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNavigate }) {
 	const client = useShareablesClient();
 	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
@@ -522,6 +548,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 	}) }), []));
 	const [searchTerm, setSearchTerm] = useState("");
 	const [debouncedSearch, setDebouncedSearch] = useState("");
+	const [sortValue, setSortValue] = useState("created_at_desc");
 	const observerTarget = useRef(null);
 	useEffect(() => {
 		const timer = setTimeout(() => {
@@ -529,14 +556,16 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 		}, 300);
 		return () => clearTimeout(timer);
 	}, [searchTerm]);
+	const effectiveSort = debouncedSearch ? void 0 : sortValue;
 	const portalQuery = useInfiniteQuery({
 		queryKey: [
 			"portal-product-catalog",
 			debouncedSearch || "",
-			PAGE_SIZE$4
+			PAGE_SIZE$4,
+			effectiveSort
 		],
 		queryFn: async ({ pageParam }) => {
-			return fetchPortalProducts(debouncedSearch, pageParam, PAGE_SIZE$4);
+			return fetchPortalProducts(debouncedSearch, pageParam, PAGE_SIZE$4, effectiveSort);
 		},
 		getNextPageParam: (lastPage) => lastPage.meta?.pagination?.next_cursor ?? void 0,
 		initialPageParam: void 0,
@@ -635,7 +664,10 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 					children: /* @__PURE__ */ jsx(SearchSort, {
 						searchValue: searchTerm,
 						onSearchChange: setSearchTerm,
-						placeholder: "Search products..."
+						placeholder: "Search products...",
+						sortOptions: SORT_OPTIONS$1,
+						sortValue,
+						onSortChange: setSortValue
 					})
 				})
 			}),
@@ -1166,7 +1198,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 	const legacyProduct = legacyProductResponse?.product;
 	const product = portalProduct || legacyProduct;
 	const displayTitle = portalProduct?.name || legacyProduct?.title || "";
-	const displayImage = portalProduct?.images?.[0]?.url || legacyProduct?.image_url || "";
+	const productImage = portalProduct?.images?.[0]?.url || legacyProduct?.image_url || "";
 	const displayDescription = portalProduct?.description || legacyProduct?.description || legacyProduct?.stripped || "";
 	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
 		className: "text-lg",
@@ -1222,17 +1254,17 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 	}));
 	const hasMedia = (productMediaResponse?.media?.length || 0) > 0;
 	const handleDownload = useCallback(() => {
-		if (!displayImage) {
+		if (!productImage) {
 			showToast({
 				title: "No downloadable asset available",
 				type: "error"
 			});
 			return;
 		}
-		if (onFileDownload) onFileDownload(displayImage, displayTitle || "product");
-		else window.open(displayImage, "_blank");
+		if (onFileDownload) onFileDownload(productImage, displayTitle || "product");
+		else window.open(productImage, "_blank");
 	}, [
-		displayImage,
+		productImage,
 		displayTitle,
 		onFileDownload,
 		showToast
@@ -1259,8 +1291,24 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 				className: "aspect-square w-full md:aspect-auto md:h-full",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "relative h-full overflow-hidden rounded-2xl",
-					children: /* @__PURE__ */ jsx(SharePageImageDisplay, {
-						displayImage,
+					children: !productImage ? /* @__PURE__ */ jsxs("div", {
+						className: "bg-muted flex h-full w-full flex-col items-center justify-center rounded-2xl",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "mb-2 text-gray-400",
+								children: /* @__PURE__ */ jsx(Image, { className: "mx-auto h-12 w-12" })
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "mb-1 text-sm text-gray-500",
+								children: "No Product Image"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "text-xs text-gray-400",
+								children: "This product does not have any associated media"
+							})
+						]
+					}) : /* @__PURE__ */ jsx(SharePageImageDisplay, {
+						displayImage: productImage,
 						displayTitle,
 						isVideo: false,
 						badgeLabel: "Product"
@@ -1303,7 +1351,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 									})
 								]
 							}),
-							displayImage && /* @__PURE__ */ jsxs(Button, {
+							productImage && /* @__PURE__ */ jsxs(Button, {
 								onClick: handleDownload,
 								className: "bg-foreground text-background hover:bg-foreground/70 flex h-10 w-full items-center justify-between rounded-lg px-4 transition-all",
 								children: [/* @__PURE__ */ jsx("span", {
@@ -11362,36 +11410,25 @@ const SHAREABLE_TYPE_MAP = {
 	page: "page"
 };
 /**
-* Workaround for a backend bug: the BFF sometimes returns share URLs with an
-* unresolved `HOST` placeholder (e.g. `http://HOST/s/abc123`) because Rails'
-* `default_url_options[:host]` is not populated in that code path. Rewrite to
-* the current browser origin so the link is actually clickable.
+* Build a direct page URL on the company app for a given shareable.
 *
-* Remove once the backend template is fixed.
-*/
-function normalizeShareUrl(url) {
-	if (!url) return url;
-	if (!/^https?:\/\/HOST(\/|$)/i.test(url)) return url;
-	if (typeof window === "undefined") return url;
-	return url.replace(/^https?:\/\/HOST/i, window.location.origin);
-}
-/**
-* Build a URL on the company (tenant) app from the current portal origin.
 * Portal runs at `<tenant>.portal.fluid.app`; the company app is at
-* `<tenant>.fluid.app`. Strip the `.portal` segment to cross over. In dev
-* the origin is usually localhost, which is left untouched — the resulting
-* URL won't resolve in-browser but the structure is right for testing.
+* `<tenant>.fluid.app`. Strip the `.portal` segment to get the company
+* origin, then append the type-specific path.
 */
-function buildCompanyAppUrl(path) {
-	if (typeof window === "undefined") return null;
-	try {
-		const url = new URL(window.location.origin);
-		url.host = url.host.replace(/\.portal\./, ".");
-		url.pathname = path;
-		return url.toString();
-	} catch {
-		return null;
-	}
+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);
@@ -11399,11 +11436,7 @@ function createShareAdapter(client) {
 		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}"`);
-		if (shareableType === "media") {
-			const directUrl = buildCompanyAppUrl(`/home/media/${input.relateableId}`);
-			if (directUrl) return directUrl;
-		}
-		return normalizeShareUrl((await portAdapter.createShare({
+		return buildShareUrl(shareableType, (await portAdapter.createShare({
 			shareable_type: shareableType,
 			shareable_id: input.relateableId
 		})).share.url);
@@ -11629,4 +11662,4 @@ function PortalContentApiProvider({ children }) {
 //#endregion
 export { ShareablesApp as a, ShareablesCoreProvider as c, ProductsApp as i, usePortalContentContext as n, useFilePickerApi as o, toggleFavorite as r, ShareablesUIProvider as s, PortalContentApiProvider as t };
 
-//# sourceMappingURL=PortalContentApiProvider-BPq6U0Pu.mjs.map
+//# sourceMappingURL=PortalContentApiProvider-CmjXGFMQ.mjs.map