@fluid-app/portal-sdk 0.1.187 → 0.1.188

package/dist/{PortalContentApiProvider-Cho3MNVB.cjs → PortalContentApiProvider-DMeTMGV6.cjs}

@@ -513,6 +513,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();
 	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, {
@@ -524,6 +550,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 	}) }), []));
 	const [searchTerm, setSearchTerm] = (0, react.useState)("");
 	const [debouncedSearch, setDebouncedSearch] = (0, react.useState)("");
+	const [sortValue, setSortValue] = (0, react.useState)("created_at_desc");
 	const observerTarget = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
 		const timer = setTimeout(() => {
@@ -531,14 +558,16 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 		}, 300);
 		return () => clearTimeout(timer);
 	}, [searchTerm]);
+	const effectiveSort = debouncedSearch ? void 0 : sortValue;
 	const portalQuery = (0, _tanstack_react_query.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,
@@ -637,7 +666,10 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchSort.SearchSort, {
 						searchValue: searchTerm,
 						onSearchChange: setSearchTerm,
-						placeholder: "Search products..."
+						placeholder: "Search products...",
+						sortOptions: SORT_OPTIONS$1,
+						sortValue,
+						onSortChange: setSortValue
 					})
 				})
 			}),
@@ -1168,7 +1200,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 || "";
 	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",
@@ -1224,17 +1256,17 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 	}));
 	const hasMedia = (productMediaResponse?.media?.length || 0) > 0;
 	const handleDownload = (0, react.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
@@ -1261,8 +1293,24 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 				className: "aspect-square w-full md:aspect-auto md:h-full",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "relative h-full overflow-hidden rounded-2xl",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SharePageImageDisplay, {
-						displayImage,
+					children: !productImage ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "bg-muted flex h-full w-full flex-col items-center justify-center rounded-2xl",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "mb-2 text-gray-400",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "mx-auto h-12 w-12" })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "mb-1 text-sm text-gray-500",
+								children: "No Product Image"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-xs text-gray-400",
+								children: "This product does not have any associated media"
+							})
+						]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SharePageImageDisplay, {
+						displayImage: productImage,
 						displayTitle,
 						isVideo: false,
 						badgeLabel: "Product"
@@ -1305,7 +1353,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 									})
 								]
 							}),
-							displayImage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
+							productImage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.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__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -11367,36 +11415,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);
@@ -11404,11 +11441,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);
@@ -11681,4 +11714,4 @@ Object.defineProperty(exports, "usePortalContentContext", {
 	}
 });
 
-//# sourceMappingURL=PortalContentApiProvider-Cho3MNVB.cjs.map
+//# sourceMappingURL=PortalContentApiProvider-DMeTMGV6.cjs.map