@fluid-app/portal-sdk 0.1.219 → 0.1.220

package/dist/{PortalContentApiProvider-DXnplIOD.cjs → ShareablesScreen-DwnMBftJ.cjs}

@@ -3,12 +3,15 @@ const require_portal_tenant_content = require("./portal_tenant_content-BvYxmADB.
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
 const require_src = require("./src-aItPhUAR.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-BXgWydjB.cjs");
+const require_use_account = require("./use-account-C5QI6NSe.cjs");
+const require_use_store = require("./use-store-BLcehk1A.cjs");
+const require_AppNavigationContext = require("./AppNavigationContext-CbK8uCjS.cjs");
 const require_dist$3 = require("./dist-CGuUUVNt.cjs");
 const require_es = require("./es-DHLLltoR.cjs");
 const require_SearchSort = require("./SearchSort-DHDDqero.cjs");
 const require_dist$4 = require("./dist-DDZMFlal.cjs");
-const require_dist$5 = require("./dist-DWs3-WOI.cjs");
-const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-Ca1oeTtJ.cjs");
+const require_dist$5 = require("./dist-Bxa9x0H9.cjs");
+const require_PortalProductsApiProvider = require("./PortalProductsApiProvider-CRaocswH.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -10380,13 +10383,7 @@ function PlaylistItemsSection({ playlistId }) {
 					type: "success"
 				});
 			} catch {}
-			else {
-				addItem(newItem);
-				showToast({
-					title: "Item added. Save the playlist to persist these items.",
-					type: "warning"
-				});
-			}
+			else addItem(newItem);
 		}
 	};
 	const filePickerContextValue = (0, react.useMemo)(() => {
@@ -10988,31 +10985,6 @@ function ShareablesApp({ screen, detailId, action, onNavigate, onBack, countryCo
 	return content;
 }
 //#endregion
-//#region ../../shareables/ui/src/components/ProductsApp.tsx
-function ProductsApp({ countryCode, companyLogoUrl, fetchProducts, fetchProduct, productId: controlledProductId, onSelectProduct: onSelectProductProp, onBack: onBackProp }) {
-	const [internalProductId, setInternalProductId] = (0, react.useState)(null);
-	const activeProductId = controlledProductId !== void 0 ? controlledProductId : internalProductId;
-	const handleSelectProduct = onSelectProductProp ?? setInternalProductId;
-	const handleBack = onBackProp ?? (() => setInternalProductId(null));
-	const handleNavigate = (screen, detailId) => {
-		if (screen === "products" && detailId) handleSelectProduct(detailId);
-	};
-	if (activeProductId) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductDetailScreen, {
-		productId: activeProductId,
-		countryCode,
-		fetchProduct,
-		onNavigate: handleNavigate,
-		onBack: handleBack
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductsScreen, {
-		countryCode,
-		fetchProducts,
-		onNavigate: (screen, detailId) => {
-			if (detailId) handleSelectProduct(detailId);
-		}
-	});
-}
-//#endregion
 //#region ../../file-picker/api-client/src/api/url-proxy.ts
 const urlProxyResponseSchema = zod.z.object({
 	data: zod.z.string(),
@@ -12047,53 +12019,191 @@ function PortalContentApiProvider({ children }) {
 	});
 }
 //#endregion
-Object.defineProperty(exports, "PortalContentApiProvider", {
-	enumerable: true,
-	get: function() {
-		return PortalContentApiProvider;
-	}
-});
-Object.defineProperty(exports, "ProductsApp", {
-	enumerable: true,
-	get: function() {
-		return ProductsApp;
-	}
-});
-Object.defineProperty(exports, "ShareablesApp", {
-	enumerable: true,
-	get: function() {
-		return ShareablesApp;
-	}
-});
-Object.defineProperty(exports, "ShareablesCoreProvider", {
-	enumerable: true,
-	get: function() {
-		return ShareablesCoreProvider;
-	}
-});
-Object.defineProperty(exports, "ShareablesUIProvider", {
-	enumerable: true,
-	get: function() {
-		return ShareablesUIProvider;
-	}
-});
-Object.defineProperty(exports, "toggleFavorite", {
-	enumerable: true,
-	get: function() {
-		return toggleFavorite;
-	}
-});
-Object.defineProperty(exports, "useFilePickerApi", {
+//#region src/screens/ShareablesScreen.tsx
+/**
+* Parse the current shareables sub-route from the full slug.
+*
+* System nav slugs are "share/products", "share/media", "share/playlists".
+* Detail pages append an ID: "share/products/123", "share/media/456".
+*
+*   "share/products"        → screen="products", detailId=null
+*   "share/products/123"    → screen="products", detailId="123"
+*   "share/media/456"       → screen="media",    detailId="456"
+*   "share/playlists"       → screen="playlists", detailId=null
+*   "share/playlists/789"   → screen="playlists", detailId="789"
+*   "share/files"           → screen="files",    detailId=null
+*   "share"                 → screen=null (default to products)
+*/
+function parseShareablesRoute(currentSlug) {
+	const slugWithoutPrefix = currentSlug.replace(/^share\/?/, "");
+	if (!slugWithoutPrefix) return {
+		screen: null,
+		detailId: null,
+		action: null
+	};
+	const parts = slugWithoutPrefix.split("/");
+	return {
+		screen: parts[0] || null,
+		detailId: parts[1] || null,
+		action: parts[2] || null
+	};
+}
+function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...divProps,
+		className: `h-full ${divProps.className ?? ""}`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PortalProductsApiProvider.PortalProductsApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalContentApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesScreenContent, {}) }) })
+	});
+}
+/** Inner component rendered inside providers so hooks can access context. */
+function ShareablesScreenContent() {
+	const shareablesCtx = usePortalContentContext();
+	const { productsApi: portalProductsApi } = shareablesCtx;
+	const filePickerApi = useFilePickerApi();
+	const { data: account } = require_use_account.useAccount();
+	const { data: store } = require_use_store.useStore();
+	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
+	const isCustomer = account?.member_type === "customer";
+	const client = require_PortalTenantClientProvider.usePortalTenantClient();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const fetchProducts = (0, react.useCallback)(async (search, cursor, limit, sort) => {
+		if (search) return portalProductsApi.searchProducts(search, {
+			cursor,
+			limit
+		});
+		return portalProductsApi.listProducts({
+			cursor,
+			limit,
+			sort
+		});
+	}, [portalProductsApi]);
+	const fetchProduct = (0, react.useCallback)(async (id) => portalProductsApi.getProduct(id), [portalProductsApi]);
+	const { screen, detailId, action } = parseShareablesRoute(currentSlug);
+	const handleNavigate = (0, react.useCallback)((subScreen, id) => {
+		navigate(id ? `share/${subScreen}/${id}` : `share/${subScreen}`);
+	}, [navigate]);
+	const handleBack = (0, react.useCallback)(() => {
+		if (detailId && screen) navigate(`share/${screen}`);
+		else navigate("share/products");
+	}, [
+		navigate,
+		detailId,
+		screen
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesCoreProvider, {
+		config: (0, react.useMemo)(() => ({
+			user: account ? { id: account.id } : null,
+			repContext: true
+		}), [account]),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesUIProvider, {
+			config: (0, react.useMemo)(() => ({
+				user: account ? {
+					id: account.id,
+					company: { logo_url: store?.logo_url ?? null }
+				} : void 0,
+				affiliateId: null,
+				basePath: "",
+				navigate: (path) => {
+					const cleanPath = path.replace(/^\//, "");
+					navigate(cleanPath.startsWith("share/") ? cleanPath : `share/${cleanPath}`);
+				},
+				showToast: (opts) => {
+					require_src.fluidToast({
+						title: opts.title,
+						type: opts.type
+					});
+					if (opts.error) console.error("[Shareables]", opts.error);
+				},
+				filePickerApi,
+				onToggleFavorite: async (params) => {
+					const result = await toggleFavorite(client, params.favoriteableId, params.favoriteableType);
+					queryClient.invalidateQueries({ queryKey: require_dist$5.PORTAL_MYSITE_KEYS.favorites() });
+					return result;
+				},
+				onMySiteShare: async (params) => {
+					await toggleFavorite(client, params.relateable_id, params.relateable_type);
+					queryClient.invalidateQueries({ queryKey: require_dist$5.PORTAL_MYSITE_KEYS.favorites() });
+				},
+				onDeletePlaylist: isCustomer ? void 0 : async (playlistId) => {
+					await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);
+				},
+				mediaProductsApi: isCustomer ? void 0 : shareablesCtx.mediaProductsAdapter,
+				searchProducts: isCustomer ? void 0 : async (query, options) => {
+					const limit = options?.limit ?? 25;
+					const cursor = options?.cursor ?? void 0;
+					const result = query.trim().length > 0 ? await portalProductsApi.searchProducts(query, {
+						cursor,
+						limit
+					}) : await portalProductsApi.listProducts({
+						cursor,
+						limit
+					});
+					return {
+						products: (result.products ?? []).map((p) => p.id != null ? {
+							id: p.id,
+							name: p.name ?? p.title ?? "Untitled",
+							image_url: p.image_url ?? null,
+							price: p.price ?? null
+						} : null).filter((p) => p !== null),
+						nextCursor: result.meta?.pagination?.next_cursor ?? null
+					};
+				},
+				readOnly: isCustomer,
+				uploadThumbnail: isCustomer ? void 0 : async (blob, filename) => {
+					const formData = new FormData();
+					formData.append("asset[name]", filename);
+					formData.append("asset[file]", blob, filename);
+					const url = (await client.requestWithFormData("/api/content/dam/assets", formData)).asset?.default_variant_url;
+					if (!url) throw new Error("Thumbnail upload succeeded but no URL returned");
+					return url;
+				}
+			}), [
+				account,
+				store,
+				navigate,
+				filePickerApi,
+				isCustomer,
+				shareablesCtx.playlistsAdapter,
+				shareablesCtx.mediaProductsAdapter,
+				portalProductsApi,
+				client,
+				queryClient
+			]),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesApp, {
+				screen,
+				detailId,
+				action,
+				companyLogoUrl: void 0,
+				countryCode: void 0,
+				fetchProducts,
+				fetchProduct,
+				onNavigate: handleNavigate,
+				onBack: handleBack
+			})
+		})
+	});
+}
+const shareablesScreenPropertySchema = {
+	widgetType: "ShareablesScreen",
+	displayName: "Shareables Screen",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: []
+};
+//#endregion
+Object.defineProperty(exports, "ShareablesScreen", {
 	enumerable: true,
 	get: function() {
-		return useFilePickerApi;
+		return ShareablesScreen;
 	}
 });
-Object.defineProperty(exports, "usePortalContentContext", {
+Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	enumerable: true,
 	get: function() {
-		return usePortalContentContext;
+		return shareablesScreenPropertySchema;
 	}
 });
 
-//# sourceMappingURL=PortalContentApiProvider-DXnplIOD.cjs.map
+//# sourceMappingURL=ShareablesScreen-DwnMBftJ.cjs.map