@fluid-app/portal-sdk 0.1.98 → 0.1.99

package/dist/{src-C3R03o4d.cjs → src-Dlsw83js.cjs}

@@ -1614,6 +1614,20 @@ function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 	});
 }
 //#endregion
+//#region ../../file-picker/ui/src/context/FilePickerApiContext.tsx
+const FilePickerApiContext = (0, react.createContext)(null);
+function FilePickerApiProvider({ api, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerApiContext.Provider, {
+		value: api,
+		children
+	});
+}
+function useFilePickerApi() {
+	const ctx = (0, react.useContext)(FilePickerApiContext);
+	if (!ctx) throw new Error("useFilePickerApi must be used within a FilePickerApiProvider");
+	return ctx;
+}
+//#endregion
 //#region ../../file-picker/ui/src/context/FilePickerContext.tsx
 const FilePickerContext = (0, react.createContext)(null);
 function FilePickerProvider({ children, value }) {
@@ -1683,106 +1697,16 @@ function UnsplashIcon({ className }) {
 	});
 }
 //#endregion
-//#region ../../file-picker/core/src/schemas/dam.ts
-const damVariantSchema = zod.z.object({
-	id: zod.z.string(),
-	url: zod.z.string().nullable(),
-	file_name: zod.z.string(),
-	mime_type: zod.z.string(),
-	content: zod.z.any().nullable(),
-	created_at: zod.z.string(),
-	updated_at: zod.z.string(),
-	default: zod.z.boolean(),
-	is_original: zod.z.boolean(),
-	is_text: zod.z.boolean(),
-	media_type: zod.z.string(),
-	processing_status: zod.z.string(),
-	tags: zod.z.array(zod.z.string())
-});
-const damAssetSchema = zod.z.object({
-	id: zod.z.number(),
-	canonical_path: zod.z.string(),
-	category: zod.z.string(),
-	code: zod.z.string(),
-	company: zod.z.string(),
-	created_at: zod.z.string(),
-	default_variant_id: zod.z.string(),
-	default_variant_url: zod.z.string().optional(),
-	description: zod.z.string(),
-	name: zod.z.string(),
-	updated_at: zod.z.string(),
-	variants: zod.z.array(damVariantSchema).optional()
-});
-const damTreeFolderNodeSchema = zod.z.object({
-	asset_code: zod.z.union([zod.z.string(), zod.z.record(zod.z.string(), zod.z.unknown())]).optional(),
-	name: zod.z.union([zod.z.string(), zod.z.record(zod.z.string(), zod.z.unknown())]).optional(),
-	category: zod.z.union([zod.z.string(), zod.z.record(zod.z.string(), zod.z.unknown())]).optional(),
-	variants: zod.z.union([zod.z.array(zod.z.unknown()), zod.z.record(zod.z.string(), zod.z.unknown())]).optional()
-}).passthrough();
-const damTreeSchema = zod.z.record(zod.z.string(), zod.z.union([
-	zod.z.lazy(() => damTreeSchema),
-	damAssetSchema,
-	damTreeFolderNodeSchema
-]));
-const damQueryResponseSchema = zod.z.object({
-	path: zod.z.string(),
-	tree: damTreeSchema,
-	meta: zod.z.object({ next_cursor: zod.z.string().optional() }).optional()
-});
-zod.z.object({ asset: zod.z.object({
-	file: zod.z.any(),
-	name: zod.z.string(),
-	description: zod.z.string().optional(),
-	tags: zod.z.string().optional()
-}) });
-const damAssetCreateResponseSchema = zod.z.object({
-	asset: damAssetSchema,
-	meta: zod.z.object({
-		request_id: zod.z.string(),
-		timestamp: zod.z.string()
-	})
-});
-zod.z.object({
-	placeholder_asset: zod.z.object({
-		mime_type: zod.z.string(),
-		name: zod.z.string().optional(),
-		description: zod.z.string().optional()
-	}),
-	skip_autotagging: zod.z.boolean().optional()
-});
-zod.z.object({
-	asset: zod.z.object({
-		file: zod.z.any(),
-		name: zod.z.string(),
-		description: zod.z.string().optional(),
-		tags: zod.z.string().optional()
-	}).optional(),
-	text_asset: zod.z.object({
-		file_name: zod.z.string(),
-		mime_type: zod.z.string(),
-		text: zod.z.string(),
-		name: zod.z.string().optional(),
-		description: zod.z.string().optional(),
-		tags: zod.z.string().optional()
-	}).optional(),
-	placeholder_asset: zod.z.object({
-		mime_type: zod.z.string(),
-		name: zod.z.string().optional(),
-		description: zod.z.string().optional()
-	}).optional(),
-	skip_autotagging: zod.z.boolean().optional()
-});
-const damAssetPathCreateResponseSchema = zod.z.object({
-	asset: zod.z.object({
-		id: zod.z.number(),
-		canonical_path: zod.z.string(),
-		name: zod.z.string()
-	}),
-	meta: zod.z.object({
-		request_id: zod.z.string(),
-		timestamp: zod.z.string()
-	})
-});
+//#region ../../file-picker/core/src/query-keys.ts
+const damQueryKeys = {
+	all: ["dam"],
+	assets: () => ["dam", "assets"],
+	query: (params) => [
+		"dam",
+		"query",
+		params
+	]
+};
 //#endregion
 //#region ../../file-picker/core/src/schemas/file-picker-config.ts
 const filePickerConfigSchema = zod.z.object({
@@ -2516,115 +2440,6 @@ function getSanitizedAssetName(filename) {
 	return sanitizedName;
 }
 //#endregion
-//#region ../../file-picker/api-client/src/api/dam-assets.ts
-/**
-* Create a DAM asset. Text files use FormData upload; non-text files
-* delegate to the provided uploadStrategy (e.g. ImageKit).
-* If no uploadStrategy is provided, all files use FormData upload.
-*/
-async function createDamAsset(fetchClient, params, uploadStrategy) {
-	const mimeType = getFileMimeType(params.file);
-	if (mimeType.startsWith("text/") || mimeType === "application/json" || mimeType === "application/xml" || params.file.name.endsWith(".txt") || params.file.name.endsWith(".json") || params.file.name.endsWith(".xml") || params.file.name.endsWith(".csv")) return createDamAssetViaFormData(fetchClient, params);
-	if (uploadStrategy) return uploadStrategy.uploadFile(params);
-	return createDamAssetViaFormData(fetchClient, params);
-}
-async function createDamAssetViaFormData(fetchClient, params) {
-	const formData = new FormData();
-	formData.append("asset[file]", params.file);
-	formData.append("asset[name]", params.name);
-	if (params.description) formData.append("asset[description]", params.description);
-	if (params.tags && params.tags.length > 0) formData.append("asset[tags]", params.tags.join(","));
-	const response = await fetchClient.requestWithFormData("/dam/assets", formData, { method: "POST" });
-	return damAssetCreateResponseSchema.parse(response);
-}
-async function createDamAssetPathForAssets(fetchClient, { asset_paths, code }) {
-	const response = await fetchClient.post(`/dam/assets/${code}/asset_paths`, { asset_paths });
-	return damAssetPathCreateResponseSchema.parse(response);
-}
-//#endregion
-//#region ../../file-picker/api-client/src/api/dam-query.ts
-async function queryDamAssets(fetchClient, params) {
-	const response = await fetchClient.post("/dam/query", params);
-	return damQueryResponseSchema.parse(response);
-}
-async function deleteDamAsset(fetchClient, code) {
-	return fetchClient.delete(`/dam/assets/${code}`);
-}
-async function discardDamAsset(fetchClient, code) {
-	return fetchClient.patch(`/dam/assets/${code}/discard`);
-}
-//#endregion
-//#region ../../file-picker/api-client/src/api/url-proxy.ts
-const urlProxyResponseSchema = zod.z.object({
-	data: zod.z.string(),
-	contentType: zod.z.string(),
-	size: zod.z.number()
-});
-/**
-* Proxy a URL fetch through the backend to bypass CORS restrictions.
-* The backend fetches the file and returns it as base64-encoded data.
-*
-* @param url - The URL to fetch
-* @param proxyEndpoint - The proxy endpoint (defaults to "/api/proxy-url")
-*/
-async function proxyUrlFetch(url, proxyEndpoint = "/api/proxy-url") {
-	const response = await fetch(proxyEndpoint, {
-		method: "POST",
-		headers: { "Content-Type": "application/json" },
-		body: JSON.stringify({ url })
-	});
-	if (!response.ok) {
-		const errorData = await response.json().catch(() => ({ error: "Failed to proxy URL fetch" }));
-		throw new Error(errorData.error || `HTTP ${response.status}`);
-	}
-	const data = await response.json();
-	return urlProxyResponseSchema.parse(data);
-}
-//#endregion
-//#region ../../file-picker/api-client/src/api/unsplash.ts
-const unsplashImageSchema = zod.z.object({
-	id: zod.z.string(),
-	urls: zod.z.object({
-		raw: zod.z.string(),
-		full: zod.z.string(),
-		regular: zod.z.string(),
-		small: zod.z.string(),
-		thumb: zod.z.string()
-	}),
-	alt_description: zod.z.string().nullable(),
-	description: zod.z.string().nullable(),
-	user: zod.z.object({
-		name: zod.z.string(),
-		username: zod.z.string()
-	}),
-	width: zod.z.number(),
-	height: zod.z.number()
-});
-const unsplashSearchResponseSchema = zod.z.object({
-	results: zod.z.array(unsplashImageSchema),
-	total: zod.z.number(),
-	total_pages: zod.z.number()
-});
-/**
-* Search Unsplash for photos matching a query.
-*/
-async function searchUnsplash(query, accessKey, page = 1, perPage = 20) {
-	const response = await fetch(`https://api.unsplash.com/search/photos?query=${encodeURIComponent(query)}&page=${page}&per_page=${perPage}&client_id=${accessKey}`);
-	if (!response.ok) throw new Error("Failed to search Unsplash");
-	return unsplashSearchResponseSchema.parse(await response.json());
-}
-//#endregion
-//#region ../../file-picker/api-client/src/query-keys.ts
-const damQueryKeys = {
-	all: ["dam"],
-	assets: () => ["dam", "assets"],
-	query: (params) => [
-		"dam",
-		"query",
-		params
-	]
-};
-//#endregion
 //#region ../../file-picker/ui/src/hooks/use-debounced-search.ts
 const useDebouncedSearch = (delay = 300) => {
 	const [searchQuery, setSearchQuery] = (0, react.useState)("");
@@ -2696,7 +2511,8 @@ const flattenTree = (tree, basePath = "", depth = 0) => {
 	};
 };
 const useDamLibrary = (fileTypeFilter, controlledSearch) => {
-	const { apiClient, companyId } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId } = useFilePickerContext();
 	const [currentPath, setCurrentPath] = (0, react.useState)("*");
 	const internalSearch = useDebouncedSearch(300);
 	const isControlled = controlledSearch !== void 0;
@@ -2731,7 +2547,7 @@ const useDamLibrary = (fileTypeFilter, controlledSearch) => {
 			search: debouncedSearchQuery,
 			filters: canonicalPathFilters
 		}),
-		queryFn: ({ pageParam }) => queryDamAssets(apiClient.fetchClient, {
+		queryFn: ({ pageParam }) => api.queryDamAssets({
 			path: ltreeQueryPath || "*",
 			search: debouncedSearchQuery,
 			tags_string: "*",
@@ -3225,7 +3041,8 @@ function getBreadcrumbsFromPath(currentPath) {
 }
 const DamLibrary = (0, react.forwardRef)(({ config, onAssetsSelected, onSelectionChange, onConfirmAndClose, onSearchingChange, showVariants: _showVariants = false, searchQuery: controlledSearchQuery, onSearchChange: controlledSetSearchQuery, thumbnailSize = 100, viewMode = "grid", showNamesOnMedia = true, sortOption, onFoldersChange, previewContainer, previewAsset, onPreviewAssetChange }, ref) => {
 	"use no memo";
-	const { apiClient, companyId, toast } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId, toast } = useFilePickerContext();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const controlledSearch = controlledSearchQuery !== void 0 && controlledSetSearchQuery ? {
 		searchQuery: controlledSearchQuery,
@@ -3259,7 +3076,7 @@ const DamLibrary = (0, react.forwardRef)(({ config, onAssetsSelected, onSelectio
 	const form = require_src.useZodForm(folderSchema, { defaultValues: { folderName: "" } });
 	const { mutate, isPending } = (0, _tanstack_react_query.useMutation)({
 		mutationFn: (data) => {
-			const promises = data.map((params) => createDamAssetPathForAssets(apiClient.fetchClient, params));
+			const promises = data.map((params) => api.createDamAssetPathForAssets(params));
 			return Promise.all(promises);
 		},
 		onSuccess: () => {
@@ -3277,7 +3094,7 @@ const DamLibrary = (0, react.forwardRef)(({ config, onAssetsSelected, onSelectio
 	const lastClickedIndexRef = (0, react.useRef)(-1);
 	const pendingClickTimeoutRef = (0, react.useRef)(null);
 	const { mutate: deleteAssetMutate, isPending: isDeleting } = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (assetCode) => deleteDamAsset(apiClient.fetchClient, assetCode),
+		mutationFn: (assetCode) => api.deleteDamAsset(assetCode),
 		onSuccess: () => {
 			toast.success("Asset deleted successfully");
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
@@ -3287,7 +3104,7 @@ const DamLibrary = (0, react.forwardRef)(({ config, onAssetsSelected, onSelectio
 		}
 	});
 	const { mutate: discardAssetMutate, isPending: isDiscarding } = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (assetCode) => discardDamAsset(apiClient.fetchClient, assetCode),
+		mutationFn: (assetCode) => api.discardDamAsset(assetCode),
 		onSuccess: () => {
 			toast.success("Asset discarded successfully");
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
@@ -4306,9 +4123,10 @@ const useUnsplashPicker = (options) => {
 	const [hasMoreResults, setHasMoreResults] = (0, react.useState)(true);
 	const [uploadProgress, setUploadProgress] = (0, react.useState)(/* @__PURE__ */ new Map());
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const { apiClient, unsplashAccessKey, apiBaseUrl, toast } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { apiBaseUrl, toast } = useFilePickerContext();
 	const uploadMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (params) => createDamAsset(apiClient.fetchClient, params, apiClient.uploadStrategy),
+		mutationFn: (params) => api.createDamAsset(params),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
 		}
@@ -4325,8 +4143,7 @@ const useUnsplashPicker = (options) => {
 			setCurrentPage(1);
 		} else setIsLoadingMore(true);
 		try {
-			if (!unsplashAccessKey) throw new Error("Unsplash Access Key is not configured");
-			const data = await searchUnsplash(query, unsplashAccessKey, page);
+			const data = await api.searchUnsplash(query, page);
 			setSearchResults((prevResults) => page === 1 ? data.results : [...prevResults, ...data.results]);
 			setCurrentPage(page);
 			setHasMoreResults(page < data.total_pages);
@@ -4337,7 +4154,7 @@ const useUnsplashPicker = (options) => {
 			setIsSearching(false);
 			setIsLoadingMore(false);
 		}
-	}, [unsplashAccessKey, toast]);
+	}, [api, toast]);
 	const downloadAndUpload = (0, react.useCallback)(async (image) => {
 		const uploadId = `unsplash-${image.id}`;
 		const fileName = `unsplash-${image.id}.jpg`;
@@ -4664,9 +4481,10 @@ const UnsplashPicker = ({ config, onFileSelected, searchQuery: controlledSearchQ
 const useUrlUpload = () => {
 	const [uploadProgress, setUploadProgress] = (0, react.useState)(/* @__PURE__ */ new Map());
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const { apiClient, companyId, apiBaseUrl, toast } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId, apiBaseUrl, toast } = useFilePickerContext();
 	const uploadMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (params) => createDamAsset(apiClient.fetchClient, params, apiClient.uploadStrategy),
+		mutationFn: (params) => api.createDamAsset(params),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
 		}
@@ -4715,7 +4533,7 @@ const useUrlUpload = () => {
 						return next;
 					});
 					try {
-						const proxyResponse = await proxyUrlFetch(url, apiClient.proxyEndpoint);
+						const proxyResponse = await api.proxyUrlFetch(url);
 						const binaryString = atob(proxyResponse.data);
 						const bytes = new Uint8Array(binaryString.length);
 						for (let i = 0; i < binaryString.length; i++) bytes[i] = binaryString.charCodeAt(i);
@@ -4809,7 +4627,7 @@ const useUrlUpload = () => {
 		uploadMutation,
 		companyId,
 		apiBaseUrl,
-		apiClient.proxyEndpoint,
+		api,
 		toast
 	]);
 	const clearProgress = (0, react.useCallback)(() => {
@@ -5042,9 +4860,10 @@ const UrlUpload = ({ config, onFileSelected, enableShareableOption = false, shar
 const useComputerUpload = () => {
 	const [uploadProgress, setUploadProgress] = (0, react.useState)(/* @__PURE__ */ new Map());
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const { apiClient, companyId, toast, apiBaseUrl } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId, toast, apiBaseUrl } = useFilePickerContext();
 	const uploadMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (params) => createDamAsset(apiClient.fetchClient, params, apiClient.uploadStrategy),
+		mutationFn: (params) => api.createDamAsset(params),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
 		}
@@ -6520,7 +6339,7 @@ function FilePreview({ result, mediaType }) {
 	});
 }
 function MediaCreateScreen({ onNavigate, onBack }) {
-	const { navigate, showToast, filePickerClient } = useShareablesUI();
+	const { navigate, showToast, filePickerApi } = useShareablesUI();
 	const user = useShareablesUser();
 	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",
@@ -6612,23 +6431,20 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 		if (!title.trim()) setTitle(result.metadata.file_name.replace(/\.[^/.]+$/, ""));
 	}, [title]);
 	const filePickerContextValue = (0, react.useMemo)(() => {
-		if (!filePickerClient) return null;
-		return {
-			apiClient: filePickerClient,
-			toast: {
-				success: (msg) => showToast({
-					title: msg,
-					type: "success"
-				}),
-				error: (msg, error) => showToast({
-					title: error instanceof Error ? `${msg}: ${error.message}` : msg,
-					type: "error"
-				}),
-				loading: () => "",
-				dismiss: () => {}
-			}
-		};
-	}, [filePickerClient, showToast]);
+		if (!filePickerApi) return null;
+		return { toast: {
+			success: (msg) => showToast({
+				title: msg,
+				type: "success"
+			}),
+			error: (msg, error) => showToast({
+				title: error instanceof Error ? `${msg}: ${error.message}` : msg,
+				type: "error"
+			}),
+			loading: () => "",
+			dismiss: () => {}
+		} };
+	}, [filePickerApi, showToast]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-4 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -6659,7 +6475,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 						onClick: () => setIsPickerOpen(true),
 						variant: "outline",
 						className: "flex h-32 w-full flex-col items-center justify-center gap-2 border-dashed",
-						disabled: !filePickerClient,
+						disabled: !filePickerApi,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "text-muted-foreground h-6 w-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-muted-foreground text-sm",
 							children: "Select File"
@@ -6717,13 +6533,16 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 					children: isCreating ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : "Save Media"
 				})
 			]
-		}), filePickerContextValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerProvider, {
-			value: filePickerContextValue,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePicker, {
-				open: isPickerOpen,
-				onFilesSelected: handleFilesSelected,
-				onClose: () => setIsPickerOpen(false),
-				config: { maxFiles: 1 }
+		}), filePickerContextValue && filePickerApi && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerApiProvider, {
+			api: filePickerApi,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerProvider, {
+				value: filePickerContextValue,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePicker, {
+					open: isPickerOpen,
+					onFilesSelected: handleFilesSelected,
+					onClose: () => setIsPickerOpen(false),
+					config: { maxFiles: 1 }
+				})
 			})
 		})]
 	});
@@ -8301,7 +8120,7 @@ function computeOrderedItems(items) {
 	return result;
 }
 function PlaylistItemsSection({ playlistId }) {
-	const { showToast, filePickerClient } = useShareablesUI();
+	const { showToast, filePickerApi } = useShareablesUI();
 	const api = useShareablesApi();
 	const [filePickerOpen, setFilePickerOpen] = (0, react.useState)(false);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
@@ -8406,9 +8225,8 @@ function PlaylistItemsSection({ playlistId }) {
 		}
 	};
 	const filePickerContextValue = (0, react.useMemo)(() => {
-		if (!filePickerClient) return null;
+		if (!filePickerApi) return null;
 		return {
-			apiClient: filePickerClient,
 			toast: {
 				success: (msg) => showToast({
 					title: msg,
@@ -8424,7 +8242,7 @@ function PlaylistItemsSection({ playlistId }) {
 			shareablesClient: { media: { list: (filters) => api.media.getMedia(filters ?? {}) } }
 		};
 	}, [
-		filePickerClient,
+		filePickerApi,
 		showToast,
 		api
 	]);
@@ -8451,7 +8269,7 @@ function PlaylistItemsSection({ playlistId }) {
 					className: "flex shrink-0 flex-wrap items-center justify-end gap-2",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 						type: "button",
-						disabled: addItemMutation.isPending || !filePickerClient,
+						disabled: addItemMutation.isPending || !filePickerApi,
 						variant: "default",
 						size: "sm",
 						className: "flex min-w-25 items-center gap-2",
@@ -8466,16 +8284,19 @@ function PlaylistItemsSection({ playlistId }) {
 				isDeletePending: removeItemMutation.isPending,
 				enableReordering: true
 			})]
-		}), filePickerContextValue && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerProvider, {
-			value: filePickerContextValue,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePicker, {
-				open: filePickerOpen,
-				onFilesSelected: (selected) => void handleFilePickerResults(selected),
-				onClose: () => setFilePickerOpen(false),
-				config: {
-					maxFiles: 50,
-					allowedMethods: ["media"]
-				}
+		}), filePickerContextValue && filePickerApi && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerApiProvider, {
+			api: filePickerApi,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePickerProvider, {
+				value: filePickerContextValue,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilePicker, {
+					open: filePickerOpen,
+					onFilesSelected: (selected) => void handleFilePickerResults(selected),
+					onClose: () => setFilePickerOpen(false),
+					config: {
+						maxFiles: 50,
+						allowedMethods: ["media"]
+					}
+				})
 			})
 		})]
 	});
@@ -9045,5 +8866,11 @@ Object.defineProperty(exports, "ShareablesUIProvider", {
 		return ShareablesUIProvider;
 	}
 });
+Object.defineProperty(exports, "getFileMimeType", {
+	enumerable: true,
+	get: function() {
+		return getFileMimeType;
+	}
+});
 
-//# sourceMappingURL=src-C3R03o4d.cjs.map
+//# sourceMappingURL=src-Dlsw83js.cjs.map