@fluid-app/portal-sdk 0.1.638 → 0.1.640

package/dist/{ShareablesScreen-BdaIWR3p.cjs → ShareablesScreen-D4PJT2iu.cjs}

@@ -7,7 +7,7 @@ require("./MobileBottomSheet-BnYPI2l1.cjs");
 require("./static-dict-adapter-BCgoKiVT.cjs");
 require("./SearchSort-Dpk27tPM.cjs");
 require("./use-share-link-CwfwFW1s.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-BcRJW5zA.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-DUkC1Gu8.cjs");
 require("./translation-api-context-factory-mbsJk2UU.cjs");
 require("./src-B7NUvt4E.cjs");
 require("./MobileActionSheet-BOE8d_Lr.cjs");

package/dist/{ShareablesScreen-BcRJW5zA.cjs → ShareablesScreen-DUkC1Gu8.cjs}

@@ -250601,6 +250601,30 @@ const PAGE_SIZE$6 = 20;
 * created was missing from the picker on reopen.
 */
 const PICKER_PLAYLISTS_KEY = ["add-to-playlist", "playlists"];
+/**
+* The member's own playlists, as the picker lists them. Declared once so a
+* host can run the same query ahead of the dialog (to learn whether playlists
+* are served at all) and leave its result in the cache for the dialog to use.
+*/
+function playlistPickerQuery(api, search) {
+	return {
+		queryKey: [...PICKER_PLAYLISTS_KEY, search],
+		queryFn: async ({ pageParam }) => {
+			const response = await api.playlists.getPlaylists({
+				"filter[title]": search || void 0,
+				"filter[ownership]": "mine",
+				"page[cursor]": pageParam,
+				"page[limit]": PAGE_SIZE$6
+			});
+			return {
+				playlists: response.playlists,
+				nextCursor: response.meta.pagination.next_cursor
+			};
+		},
+		getNextPageParam: (lastPage) => lastPage.nextCursor ?? void 0,
+		initialPageParam: void 0
+	};
+}
 function AddToPlaylistDialog({ open, onOpenChange, contentId, contentType, mode, resumePlaylistId = null, onPlaylistCreated, onAdded, restoreFocusTo }) {
 	const api = require_use_share_link.useShareablesApi();
 	const isMobile = require_MobileBottomSheet.useIsMobile();
@@ -250635,23 +250659,9 @@ function AddToPlaylistDialog({ open, onOpenChange, contentId, contentType, mode,
 		return () => clearTimeout(timer);
 	}, [search]);
 	const { data, hasNextPage, isFetchingNextPage, fetchNextPage, error, isPending, isFetching, refetch } = (0, _tanstack_react_query.useInfiniteQuery)({
-		queryKey: [...PICKER_PLAYLISTS_KEY, debouncedSearch],
+		...playlistPickerQuery(api, debouncedSearch),
 		enabled: open && effectiveMode === "pick",
-		placeholderData: _tanstack_react_query.keepPreviousData,
-		queryFn: async ({ pageParam }) => {
-			const response = await api.playlists.getPlaylists({
-				"filter[title]": debouncedSearch || void 0,
-				"filter[ownership]": "mine",
-				"page[cursor]": pageParam,
-				"page[limit]": PAGE_SIZE$6
-			});
-			return {
-				playlists: response.playlists,
-				nextCursor: response.meta.pagination.next_cursor
-			};
-		},
-		getNextPageParam: (lastPage) => lastPage.nextCursor ?? void 0,
-		initialPageParam: void 0
+		placeholderData: _tanstack_react_query.keepPreviousData
 	});
 	const playlists = data?.pages.flatMap((page) => page.playlists) ?? [];
 	const refusalAnnouncement = !lastRefusal ? "" : lastRefusal.title ? t("playlist_item_already_exists_named", { title: lastRefusal.title }) : t("playlist_item_already_exists");
@@ -255937,14 +255947,15 @@ const FilePicker = ({ config: configInput = {}, onFilesSelected, onClose, open,
 		return result.success ? result.data : filePickerConfigSchema.parse({});
 	}, [configInput]);
 	const defaultTab = defaultMethod ?? "dam";
-	const [activeMethod, setActiveMethod] = (0, react.useState)(() => {
+	const startMethod = (() => {
 		if (config.allowedMethods && config.allowedMethods.length > 0) {
 			const allowed = config.allowedMethods;
 			if (allowed.includes(defaultTab)) return defaultTab;
 			return allowed[0] ?? "dam";
 		}
 		return defaultTab;
-	});
+	})();
+	const [activeMethod, setActiveMethod] = (0, react.useState)(startMethod);
 	(0, react.useEffect)(() => {
 		if (config.allowedMethods && config.allowedMethods.length > 0 && !config.allowedMethods.includes(activeMethod)) setActiveMethod(config.allowedMethods[0] ?? "dam");
 	}, [config.allowedMethods, activeMethod]);
@@ -255981,7 +255992,7 @@ const FilePicker = ({ config: configInput = {}, onFilesSelected, onClose, open,
 	const [viewMode, setViewMode] = (0, react.useState)("grid");
 	const [showNamesOnMedia, setShowNamesOnMedia] = (0, react.useState)(true);
 	const resetPicker = (0, react.useCallback)(() => {
-		setActiveMethod(defaultTab);
+		setActiveMethod(startMethod);
 		setSelectedResults([]);
 		setDamSelectionCount(0);
 		setDamSelectedFiles([]);
@@ -256008,7 +256019,7 @@ const FilePicker = ({ config: configInput = {}, onFilesSelected, onClose, open,
 		setSortOption(void 0);
 		damLibraryRef.current?.clearSelection?.();
 		setPreviewAsset(null);
-	}, [defaultTab]);
+	}, [startMethod]);
 	const handleMethodChange = (0, react.useCallback)((newMethod) => {
 		if (!config.unifiedSelection) {
 			setSelectedResults([]);
@@ -260169,6 +260180,7 @@ function PlaylistItemsSection({ playlistId }) {
 		locale
 	]);
 	const pickerAvailable = !!filePickerApi && !!filePickerContextValue;
+	const taggedCanAdd = SECTIONS.tagged.allowedMethods.some((method) => method === "media" || pickerSources?.[method] != null);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-8",
 		children: [
@@ -260182,7 +260194,7 @@ function PlaylistItemsSection({ playlistId }) {
 				isDeletePending: removeItemMutation.isPending,
 				disableAdd: !pickerAvailable
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlaylistItemsSubsection, {
+			(!pickerAvailable || taggedCanAdd || taggedItems.length > 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlaylistItemsSubsection, {
 				section: SECTIONS.tagged,
 				items: taggedItems,
 				onAdd: () => setOpenSection("tagged"),
@@ -260190,7 +260202,7 @@ function PlaylistItemsSection({ playlistId }) {
 				onDeleteItem: handleDeleteItem,
 				isPending: addItemMutation.isPending,
 				isDeletePending: removeItemMutation.isPending,
-				disableAdd: !pickerAvailable
+				disableAdd: !pickerAvailable || !taggedCanAdd
 			}),
 			pickerAvailable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerApiProvider, {
 				api: filePickerApi,
@@ -261064,19 +261076,30 @@ function getSourceProductIdForMediaDetail(currentRoute, parentSlug) {
 }
 //#endregion
 //#region src/screens/ShareablesScreen.tsx
-function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, showProductSharablesCarousel = false, readOnly, canCuratePlaylists, ...divProps }) {
+/** Keeps only the sources a host allows; no allowlist keeps them all. */
+function pickSources(sources, keys) {
+	if (!keys) return sources;
+	const picked = {};
+	for (const key of keys) {
+		const source = sources[key];
+		if (source) Object.assign(picked, { [key]: source });
+	}
+	return picked;
+}
+function ShareablesScreen({ background, textColor, accentColor, padding, borderRadius, showProductSharablesCarousel = false, readOnly, canCuratePlaylists, pickerSourceKeys, ...divProps }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_prop_types.PortalContentApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesScreenContent, {
 			showProductSharablesCarousel,
 			readOnly,
-			canCuratePlaylists
+			canCuratePlaylists,
+			pickerSourceKeys
 		}) }) })
 	});
 }
 /** Inner component rendered inside providers so hooks can access context. */
-function ShareablesScreenContent({ showProductSharablesCarousel, readOnly, canCuratePlaylists }) {
+function ShareablesScreenContent({ showProductSharablesCarousel, readOnly, canCuratePlaylists, pickerSourceKeys }) {
 	const { t, locale } = useShareablesTranslation();
 	const tRef = (0, react.useRef)(t);
 	tRef.current = t;
@@ -261130,157 +261153,162 @@ function ShareablesScreenContent({ showProductSharablesCarousel, readOnly, canCu
 		detailId,
 		screen
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_prop_types.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
+	const coreConfig = (0, react.useMemo)(() => ({
+		user: account ? { id: account.id } : null,
+		repContext: true
+	}), [account]);
+	const uiConfig = (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 require_prop_types.toggleFavorite(client, params.favoriteableId, params.favoriteableType);
+			queryClient.invalidateQueries({ queryKey: require_use_mysite_portal.PORTAL_MYSITE_KEYS.favorites() });
+			return result;
+		},
+		onMySiteShare: async (params) => {
+			await require_prop_types.toggleFavorite(client, params.relateable_id, params.relateable_type);
+			queryClient.invalidateQueries({ queryKey: require_use_mysite_portal.PORTAL_MYSITE_KEYS.favorites() });
+		},
+		onDeletePlaylist: async (playlistId) => {
+			await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);
+		},
+		mediaProductsApi: isCustomer ? void 0 : {
+			...shareablesCtx.mediaProductsAdapter,
+			listMediaProducts: (mediumId, params) => shareablesCtx.mediaProductsAdapter.listMediaProducts(mediumId, {
+				...params,
+				language_iso: params?.language_iso ?? localeRef.current
+			})
+		},
+		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 ?? tRef.current("common_untitled"),
+					image_url: p.image_url ?? p.images?.[0]?.url ?? null,
+					price: p.price ?? null
+				} : null).filter((p) => p !== null),
+				nextCursor: result.meta?.pagination?.next_cursor ?? null
+			};
+		},
+		readOnly: isCustomer,
+		canCuratePlaylists: canCuratePlaylists ?? true,
+		pickerSources: {
+			pages: {
+				cacheKey: `locale:${locale}`,
+				list: async ({ search, cursor, limit }) => {
+					const response = await shareablesCtx.pagesAdapter.listPages({
+						cursor: cursor ?? void 0,
+						limit,
+						"filter[title]": search && search.trim().length > 0 ? search : void 0,
+						language_iso: localeRef.current
 					});
-					if (opts.error) console.error("[Shareables]", opts.error);
-				},
-				filePickerApi,
-				onToggleFavorite: async (params) => {
-					const result = await require_prop_types.toggleFavorite(client, params.favoriteableId, params.favoriteableType);
-					queryClient.invalidateQueries({ queryKey: require_use_mysite_portal.PORTAL_MYSITE_KEYS.favorites() });
-					return result;
-				},
-				onMySiteShare: async (params) => {
-					await require_prop_types.toggleFavorite(client, params.relateable_id, params.relateable_type);
-					queryClient.invalidateQueries({ queryKey: require_use_mysite_portal.PORTAL_MYSITE_KEYS.favorites() });
-				},
-				onDeletePlaylist: async (playlistId) => {
-					await shareablesCtx.playlistsAdapter.deletePlaylist(playlistId);
-				},
-				mediaProductsApi: isCustomer ? void 0 : {
-					...shareablesCtx.mediaProductsAdapter,
-					listMediaProducts: (mediumId, params) => shareablesCtx.mediaProductsAdapter.listMediaProducts(mediumId, {
-						...params,
-						language_iso: params?.language_iso ?? localeRef.current
-					})
-				},
-				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,
+					return {
+						items: response.pages.map((p) => ({
+							id: p.id,
+							title: p.title ?? tRef.current("pages_fallback_name", { id: String(p.id) }),
+							image_url: p.image_url ?? null
+						})),
+						nextCursor: response.meta.pagination?.next_cursor ?? null
+					};
+				}
+			},
+			products: {
+				cacheKey: `locale:${locale}`,
+				list: async ({ search, cursor, limit }) => {
+					const trimmedSearch = search?.trim() ?? "";
+					const result = trimmedSearch.length > 0 ? await portalProductsApi.searchProducts(trimmedSearch, {
+						cursor: cursor ?? void 0,
 						limit
 					}) : await portalProductsApi.listProducts({
-						cursor,
+						cursor: cursor ?? void 0,
 						limit
 					});
 					return {
-						products: (result.products ?? []).map((p) => p.id != null ? {
+						items: (result.products ?? []).map((p) => p.id != null ? {
 							id: p.id,
-							name: p.name ?? p.title ?? tRef.current("common_untitled"),
-							image_url: p.image_url ?? p.images?.[0]?.url ?? null,
+							name: p.name ?? tRef.current("common_untitled"),
+							image_url: p.images?.[0]?.url ?? null,
 							price: p.price ?? null
 						} : null).filter((p) => p !== null),
 						nextCursor: result.meta?.pagination?.next_cursor ?? null
 					};
-				},
-				readOnly: isCustomer,
-				canCuratePlaylists: canCuratePlaylists ?? true,
-				pickerSources: {
-					pages: {
-						cacheKey: `locale:${locale}`,
-						list: async ({ search, cursor, limit }) => {
-							const response = await shareablesCtx.pagesAdapter.listPages({
-								cursor: cursor ?? void 0,
-								limit,
-								"filter[title]": search && search.trim().length > 0 ? search : void 0,
-								language_iso: localeRef.current
-							});
-							return {
-								items: response.pages.map((p) => ({
-									id: p.id,
-									title: p.title ?? tRef.current("pages_fallback_name", { id: String(p.id) }),
-									image_url: p.image_url ?? null
-								})),
-								nextCursor: response.meta.pagination?.next_cursor ?? null
-							};
-						}
-					},
-					products: {
-						cacheKey: `locale:${locale}`,
-						list: async ({ search, cursor, limit }) => {
-							const trimmedSearch = search?.trim() ?? "";
-							const result = trimmedSearch.length > 0 ? await portalProductsApi.searchProducts(trimmedSearch, {
-								cursor: cursor ?? void 0,
-								limit
-							}) : await portalProductsApi.listProducts({
-								cursor: cursor ?? void 0,
-								limit
-							});
-							return {
-								items: (result.products ?? []).map((p) => p.id != null ? {
-									id: p.id,
-									name: p.name ?? tRef.current("common_untitled"),
-									image_url: p.images?.[0]?.url ?? null,
-									price: p.price ?? null
-								} : null).filter((p) => p !== null),
-								nextCursor: result.meta?.pagination?.next_cursor ?? null
-							};
-						}
-					},
-					enrollment_packs: {
-						cacheKey: `locale:${locale}`,
-						supportsSearch: false,
-						list: async ({ cursor, limit }) => {
-							const response = await shareablesCtx.enrollmentPacksAdapter.listEnrollmentPacks({
-								cursor: cursor ?? void 0,
-								limit
-							});
-							return {
-								items: response.enrollment_packs.map((pack) => ({
-									id: pack.id,
-									title: pack.title || tRef.current("enrollment_pack_fallback_name", { id: String(pack.id) }),
-									image_url: pack.images[0]?.url ?? null
-								})),
-								nextCursor: response.meta.pagination?.next_cursor ?? null
-							};
-						}
-					}
-				},
-				uploadThumbnail: isCustomer ? void 0 : async (blob, filename) => {
-					const url = (await filePickerApi.createDamAsset({
-						file: new File([blob], filename, { type: blob.type }),
-						name: filename
-					})).asset?.default_variant_url;
-					if (!url) throw new Error("Thumbnail upload succeeded but no URL returned");
-					return url;
-				}
-			}), [
-				account,
-				store,
-				locale,
-				navigate,
-				filePickerApi,
-				isCustomer,
-				canCuratePlaylists,
-				shareablesCtx.playlistsAdapter,
-				shareablesCtx.pagesAdapter,
-				shareablesCtx.enrollmentPacksAdapter,
-				shareablesCtx.mediaProductsAdapter,
-				portalProductsApi,
-				client,
-				queryClient
-			]),
+				}
+			},
+			enrollment_packs: {
+				cacheKey: `locale:${locale}`,
+				supportsSearch: false,
+				list: async ({ cursor, limit }) => {
+					const response = await shareablesCtx.enrollmentPacksAdapter.listEnrollmentPacks({
+						cursor: cursor ?? void 0,
+						limit
+					});
+					return {
+						items: response.enrollment_packs.map((pack) => ({
+							id: pack.id,
+							title: pack.title || tRef.current("enrollment_pack_fallback_name", { id: String(pack.id) }),
+							image_url: pack.images[0]?.url ?? null
+						})),
+						nextCursor: response.meta.pagination?.next_cursor ?? null
+					};
+				}
+			}
+		},
+		uploadThumbnail: isCustomer ? void 0 : async (blob, filename) => {
+			const url = (await filePickerApi.createDamAsset({
+				file: new File([blob], filename, { type: blob.type }),
+				name: filename
+			})).asset?.default_variant_url;
+			if (!url) throw new Error("Thumbnail upload succeeded but no URL returned");
+			return url;
+		}
+	}), [
+		account,
+		store,
+		locale,
+		navigate,
+		filePickerApi,
+		isCustomer,
+		canCuratePlaylists,
+		shareablesCtx.playlistsAdapter,
+		shareablesCtx.pagesAdapter,
+		shareablesCtx.enrollmentPacksAdapter,
+		shareablesCtx.mediaProductsAdapter,
+		portalProductsApi,
+		client,
+		queryClient
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_prop_types.ShareablesCoreProvider, {
+		config: coreConfig,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesUIProvider, {
+			config: (0, react.useMemo)(() => pickerSourceKeys ? {
+				...uiConfig,
+				pickerSources: pickSources(uiConfig.pickerSources, pickerSourceKeys)
+			} : uiConfig, [uiConfig, pickerSourceKeys]),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareablesApp, {
 				screen,
 				detailId,
@@ -261328,4 +261356,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-BcRJW5zA.cjs.map
+//# sourceMappingURL=ShareablesScreen-DUkC1Gu8.cjs.map