@fluid-app/portal-sdk 0.1.98 → 0.1.99

package/dist/index.mjs

@@ -37,7 +37,7 @@ import { a as useFluidAuth } from "./use-account-clients-Dsqx0mKw.mjs";
 import { i as useScreenHeaderContext, t as ScreenHeaderProvider } from "./ScreenHeaderContext-CrdfLGKk.mjs";
 import { t as useFluidApi } from "./use-fluid-api-CaSYWFuj.mjs";
 import { i as useCompanyScopedQueryKey, n as useCurrentUser, r as createCompanyQueryKey, t as CURRENT_USER_QUERY_KEY } from "./use-current-user-BMI-LR9t.mjs";
-import { n as shareablesScreenPropertySchema, r as useUserType, t as ShareablesScreen } from "./ShareablesScreen-B9c5Mw5b.mjs";
+import { n as shareablesScreenPropertySchema, r as useUserType, t as ShareablesScreen } from "./ShareablesScreen-Cy7w85IH.mjs";
 import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-xAauAB-B.mjs";
 import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-Du3Qq0yc.mjs";
 import { r as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-CUsGRCB7.mjs";
@@ -49,9 +49,9 @@ import "./src-BakNjVTk.mjs";
 import "./dist-oYNtEpKP.mjs";
 import { r as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-Djdeji9g.mjs";
 import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-C5YWtYfE.mjs";
-import "./src-D9jWnRlX.mjs";
+import "./src-BrwLqPPh.mjs";
 import "./sortable.esm-DSrWP4x9.mjs";
-import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-C0o1gVNw.mjs";
+import { n as productsScreenPropertySchema, t as ProductsScreen } from "./ProductsScreen-6J79mnIB.mjs";
 import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-Bvyx63pT.mjs";
 import { r as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-AGvcqUii.mjs";
 import "./UpgradeScreen-CTXUueQY.mjs";
@@ -3000,12 +3000,12 @@ function AccountManageLayout({ children }) {
 const ProfileScreen$1 = lazy(() => import("./ProfileScreen-CUsGRCB7.mjs").then((n) => n.n).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = lazy(() => import("./OrdersScreen-Djdeji9g.mjs").then((n) => n.n).then((m) => ({ default: m.OrdersScreen })));
 const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-C5YWtYfE.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
-const MessagingScreen$1 = lazy(() => import("./MessagingScreen-DA62lyrN.mjs").then((m) => ({ default: m.MessagingScreen })));
+const MessagingScreen$1 = lazy(() => import("./MessagingScreen-BGr41874.mjs").then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-BGwqGlpV.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
 const ShopScreen$1 = lazy(() => import("./ShopScreen-AGvcqUii.mjs").then((n) => n.n).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-xAauAB-B.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = lazy(() => import("./ProductsScreen-CigOdDOU.mjs").then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-CSLB0ZXS.mjs").then((m) => ({ default: m.ShareablesScreen })));
+const ProductsScreen$1 = lazy(() => import("./ProductsScreen-DCPVyEyQ.mjs").then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-jAj9hmif.mjs").then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-Bvyx63pT.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = lazy(() => import("./UpgradeScreen-CTXUueQY.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-rO--O0pk.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
@@ -4467,14 +4467,14 @@ function useContact(_contactId) {
 //#region src/screens/index.ts
 const screenPropertySchemas = {
 	ProfileScreen: () => import("./ProfileScreen-CUsGRCB7.mjs").then((n) => n.n).then((m) => m.profileScreenPropertySchema),
-	MessagingScreen: () => import("./MessagingScreen-DA62lyrN.mjs").then((m) => m.messagingScreenPropertySchema),
+	MessagingScreen: () => import("./MessagingScreen-BGr41874.mjs").then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-BGwqGlpV.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => import("./OrdersScreen-Djdeji9g.mjs").then((n) => n.n).then((m) => m.ordersScreenPropertySchema),
 	SubscriptionsScreen: () => import("./SubscriptionsScreen-C5YWtYfE.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-xAauAB-B.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => import("./ProductsScreen-CigOdDOU.mjs").then((m) => m.productsScreenPropertySchema),
+	ProductsScreen: () => import("./ProductsScreen-DCPVyEyQ.mjs").then((m) => m.productsScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-Bvyx63pT.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-CSLB0ZXS.mjs").then((m) => m.shareablesScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-jAj9hmif.mjs").then((m) => m.shareablesScreenPropertySchema),
 	ShopScreen: () => import("./ShopScreen-AGvcqUii.mjs").then((n) => n.n).then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-CTXUueQY.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-rO--O0pk.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)

package/dist/{src-D9jWnRlX.mjs → src-BrwLqPPh.mjs}

@@ -1612,6 +1612,20 @@ function MediaDetailScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 	});
 }
 //#endregion
+//#region ../../file-picker/ui/src/context/FilePickerApiContext.tsx
+const FilePickerApiContext = createContext(null);
+function FilePickerApiProvider({ api, children }) {
+	return /* @__PURE__ */ jsx(FilePickerApiContext.Provider, {
+		value: api,
+		children
+	});
+}
+function useFilePickerApi() {
+	const ctx = 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 = createContext(null);
 function FilePickerProvider({ children, value }) {
@@ -1681,106 +1695,16 @@ function UnsplashIcon({ className }) {
 	});
 }
 //#endregion
-//#region ../../file-picker/core/src/schemas/dam.ts
-const damVariantSchema = z.object({
-	id: z.string(),
-	url: z.string().nullable(),
-	file_name: z.string(),
-	mime_type: z.string(),
-	content: z.any().nullable(),
-	created_at: z.string(),
-	updated_at: z.string(),
-	default: z.boolean(),
-	is_original: z.boolean(),
-	is_text: z.boolean(),
-	media_type: z.string(),
-	processing_status: z.string(),
-	tags: z.array(z.string())
-});
-const damAssetSchema = z.object({
-	id: z.number(),
-	canonical_path: z.string(),
-	category: z.string(),
-	code: z.string(),
-	company: z.string(),
-	created_at: z.string(),
-	default_variant_id: z.string(),
-	default_variant_url: z.string().optional(),
-	description: z.string(),
-	name: z.string(),
-	updated_at: z.string(),
-	variants: z.array(damVariantSchema).optional()
-});
-const damTreeFolderNodeSchema = z.object({
-	asset_code: z.union([z.string(), z.record(z.string(), z.unknown())]).optional(),
-	name: z.union([z.string(), z.record(z.string(), z.unknown())]).optional(),
-	category: z.union([z.string(), z.record(z.string(), z.unknown())]).optional(),
-	variants: z.union([z.array(z.unknown()), z.record(z.string(), z.unknown())]).optional()
-}).passthrough();
-const damTreeSchema = z.record(z.string(), z.union([
-	z.lazy(() => damTreeSchema),
-	damAssetSchema,
-	damTreeFolderNodeSchema
-]));
-const damQueryResponseSchema = z.object({
-	path: z.string(),
-	tree: damTreeSchema,
-	meta: z.object({ next_cursor: z.string().optional() }).optional()
-});
-z.object({ asset: z.object({
-	file: z.any(),
-	name: z.string(),
-	description: z.string().optional(),
-	tags: z.string().optional()
-}) });
-const damAssetCreateResponseSchema = z.object({
-	asset: damAssetSchema,
-	meta: z.object({
-		request_id: z.string(),
-		timestamp: z.string()
-	})
-});
-z.object({
-	placeholder_asset: z.object({
-		mime_type: z.string(),
-		name: z.string().optional(),
-		description: z.string().optional()
-	}),
-	skip_autotagging: z.boolean().optional()
-});
-z.object({
-	asset: z.object({
-		file: z.any(),
-		name: z.string(),
-		description: z.string().optional(),
-		tags: z.string().optional()
-	}).optional(),
-	text_asset: z.object({
-		file_name: z.string(),
-		mime_type: z.string(),
-		text: z.string(),
-		name: z.string().optional(),
-		description: z.string().optional(),
-		tags: z.string().optional()
-	}).optional(),
-	placeholder_asset: z.object({
-		mime_type: z.string(),
-		name: z.string().optional(),
-		description: z.string().optional()
-	}).optional(),
-	skip_autotagging: z.boolean().optional()
-});
-const damAssetPathCreateResponseSchema = z.object({
-	asset: z.object({
-		id: z.number(),
-		canonical_path: z.string(),
-		name: z.string()
-	}),
-	meta: z.object({
-		request_id: z.string(),
-		timestamp: 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 = z.object({
@@ -2514,115 +2438,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 = z.object({
-	data: z.string(),
-	contentType: z.string(),
-	size: 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 = z.object({
-	id: z.string(),
-	urls: z.object({
-		raw: z.string(),
-		full: z.string(),
-		regular: z.string(),
-		small: z.string(),
-		thumb: z.string()
-	}),
-	alt_description: z.string().nullable(),
-	description: z.string().nullable(),
-	user: z.object({
-		name: z.string(),
-		username: z.string()
-	}),
-	width: z.number(),
-	height: z.number()
-});
-const unsplashSearchResponseSchema = z.object({
-	results: z.array(unsplashImageSchema),
-	total: z.number(),
-	total_pages: 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] = useState("");
@@ -2694,7 +2509,8 @@ const flattenTree = (tree, basePath = "", depth = 0) => {
 	};
 };
 const useDamLibrary = (fileTypeFilter, controlledSearch) => {
-	const { apiClient, companyId } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId } = useFilePickerContext();
 	const [currentPath, setCurrentPath] = useState("*");
 	const internalSearch = useDebouncedSearch(300);
 	const isControlled = controlledSearch !== void 0;
@@ -2729,7 +2545,7 @@ const useDamLibrary = (fileTypeFilter, controlledSearch) => {
 			search: debouncedSearchQuery,
 			filters: canonicalPathFilters
 		}),
-		queryFn: ({ pageParam }) => queryDamAssets(apiClient.fetchClient, {
+		queryFn: ({ pageParam }) => api.queryDamAssets({
 			path: ltreeQueryPath || "*",
 			search: debouncedSearchQuery,
 			tags_string: "*",
@@ -3223,7 +3039,8 @@ function getBreadcrumbsFromPath(currentPath) {
 }
 const DamLibrary = 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 = useQueryClient();
 	const controlledSearch = controlledSearchQuery !== void 0 && controlledSetSearchQuery ? {
 		searchQuery: controlledSearchQuery,
@@ -3257,7 +3074,7 @@ const DamLibrary = forwardRef(({ config, onAssetsSelected, onSelectionChange, on
 	const form = useZodForm(folderSchema, { defaultValues: { folderName: "" } });
 	const { mutate, isPending } = 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: () => {
@@ -3275,7 +3092,7 @@ const DamLibrary = forwardRef(({ config, onAssetsSelected, onSelectionChange, on
 	const lastClickedIndexRef = useRef(-1);
 	const pendingClickTimeoutRef = useRef(null);
 	const { mutate: deleteAssetMutate, isPending: isDeleting } = useMutation({
-		mutationFn: (assetCode) => deleteDamAsset(apiClient.fetchClient, assetCode),
+		mutationFn: (assetCode) => api.deleteDamAsset(assetCode),
 		onSuccess: () => {
 			toast.success("Asset deleted successfully");
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
@@ -3285,7 +3102,7 @@ const DamLibrary = forwardRef(({ config, onAssetsSelected, onSelectionChange, on
 		}
 	});
 	const { mutate: discardAssetMutate, isPending: isDiscarding } = useMutation({
-		mutationFn: (assetCode) => discardDamAsset(apiClient.fetchClient, assetCode),
+		mutationFn: (assetCode) => api.discardDamAsset(assetCode),
 		onSuccess: () => {
 			toast.success("Asset discarded successfully");
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
@@ -4304,9 +4121,10 @@ const useUnsplashPicker = (options) => {
 	const [hasMoreResults, setHasMoreResults] = useState(true);
 	const [uploadProgress, setUploadProgress] = useState(/* @__PURE__ */ new Map());
 	const queryClient = useQueryClient();
-	const { apiClient, unsplashAccessKey, apiBaseUrl, toast } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { apiBaseUrl, toast } = useFilePickerContext();
 	const uploadMutation = useMutation({
-		mutationFn: (params) => createDamAsset(apiClient.fetchClient, params, apiClient.uploadStrategy),
+		mutationFn: (params) => api.createDamAsset(params),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
 		}
@@ -4323,8 +4141,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);
@@ -4335,7 +4152,7 @@ const useUnsplashPicker = (options) => {
 			setIsSearching(false);
 			setIsLoadingMore(false);
 		}
-	}, [unsplashAccessKey, toast]);
+	}, [api, toast]);
 	const downloadAndUpload = useCallback(async (image) => {
 		const uploadId = `unsplash-${image.id}`;
 		const fileName = `unsplash-${image.id}.jpg`;
@@ -4662,9 +4479,10 @@ const UnsplashPicker = ({ config, onFileSelected, searchQuery: controlledSearchQ
 const useUrlUpload = () => {
 	const [uploadProgress, setUploadProgress] = useState(/* @__PURE__ */ new Map());
 	const queryClient = useQueryClient();
-	const { apiClient, companyId, apiBaseUrl, toast } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId, apiBaseUrl, toast } = useFilePickerContext();
 	const uploadMutation = useMutation({
-		mutationFn: (params) => createDamAsset(apiClient.fetchClient, params, apiClient.uploadStrategy),
+		mutationFn: (params) => api.createDamAsset(params),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
 		}
@@ -4713,7 +4531,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);
@@ -4807,7 +4625,7 @@ const useUrlUpload = () => {
 		uploadMutation,
 		companyId,
 		apiBaseUrl,
-		apiClient.proxyEndpoint,
+		api,
 		toast
 	]);
 	const clearProgress = useCallback(() => {
@@ -5040,9 +4858,10 @@ const UrlUpload = ({ config, onFileSelected, enableShareableOption = false, shar
 const useComputerUpload = () => {
 	const [uploadProgress, setUploadProgress] = useState(/* @__PURE__ */ new Map());
 	const queryClient = useQueryClient();
-	const { apiClient, companyId, toast, apiBaseUrl } = useFilePickerContext();
+	const api = useFilePickerApi();
+	const { companyId, toast, apiBaseUrl } = useFilePickerContext();
 	const uploadMutation = useMutation({
-		mutationFn: (params) => createDamAsset(apiClient.fetchClient, params, apiClient.uploadStrategy),
+		mutationFn: (params) => api.createDamAsset(params),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: damQueryKeys.all });
 		}
@@ -6518,7 +6337,7 @@ function FilePreview({ result, mediaType }) {
 	});
 }
 function MediaCreateScreen({ onNavigate, onBack }) {
-	const { navigate, showToast, filePickerClient } = useShareablesUI();
+	const { navigate, showToast, filePickerApi } = useShareablesUI();
 	const user = useShareablesUser();
 	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
 		className: "text-lg",
@@ -6610,23 +6429,20 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 		if (!title.trim()) setTitle(result.metadata.file_name.replace(/\.[^/.]+$/, ""));
 	}, [title]);
 	const filePickerContextValue = 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__ */ jsxs("div", {
 		className: "flex flex-col gap-4 px-4 py-4 md:px-10 md:py-6",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -6657,7 +6473,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__ */ jsx(Upload, { className: "text-muted-foreground h-6 w-6" }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground text-sm",
 							children: "Select File"
@@ -6715,13 +6531,16 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 					children: isCreating ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : "Save Media"
 				})
 			]
-		}), filePickerContextValue && /* @__PURE__ */ jsx(FilePickerProvider, {
-			value: filePickerContextValue,
-			children: /* @__PURE__ */ jsx(FilePicker, {
-				open: isPickerOpen,
-				onFilesSelected: handleFilesSelected,
-				onClose: () => setIsPickerOpen(false),
-				config: { maxFiles: 1 }
+		}), filePickerContextValue && filePickerApi && /* @__PURE__ */ jsx(FilePickerApiProvider, {
+			api: filePickerApi,
+			children: /* @__PURE__ */ jsx(FilePickerProvider, {
+				value: filePickerContextValue,
+				children: /* @__PURE__ */ jsx(FilePicker, {
+					open: isPickerOpen,
+					onFilesSelected: handleFilesSelected,
+					onClose: () => setIsPickerOpen(false),
+					config: { maxFiles: 1 }
+				})
 			})
 		})]
 	});
@@ -8296,7 +8115,7 @@ function computeOrderedItems(items) {
 	return result;
 }
 function PlaylistItemsSection({ playlistId }) {
-	const { showToast, filePickerClient } = useShareablesUI();
+	const { showToast, filePickerApi } = useShareablesUI();
 	const api = useShareablesApi();
 	const [filePickerOpen, setFilePickerOpen] = useState(false);
 	const { items: contextItems, updateItems, addItem, removeItem } = usePlaylistItems();
@@ -8401,9 +8220,8 @@ function PlaylistItemsSection({ playlistId }) {
 		}
 	};
 	const filePickerContextValue = useMemo(() => {
-		if (!filePickerClient) return null;
+		if (!filePickerApi) return null;
 		return {
-			apiClient: filePickerClient,
 			toast: {
 				success: (msg) => showToast({
 					title: msg,
@@ -8419,7 +8237,7 @@ function PlaylistItemsSection({ playlistId }) {
 			shareablesClient: { media: { list: (filters) => api.media.getMedia(filters ?? {}) } }
 		};
 	}, [
-		filePickerClient,
+		filePickerApi,
 		showToast,
 		api
 	]);
@@ -8446,7 +8264,7 @@ function PlaylistItemsSection({ playlistId }) {
 					className: "flex shrink-0 flex-wrap items-center justify-end gap-2",
 					children: /* @__PURE__ */ jsxs(Button, {
 						type: "button",
-						disabled: addItemMutation.isPending || !filePickerClient,
+						disabled: addItemMutation.isPending || !filePickerApi,
 						variant: "default",
 						size: "sm",
 						className: "flex min-w-25 items-center gap-2",
@@ -8461,16 +8279,19 @@ function PlaylistItemsSection({ playlistId }) {
 				isDeletePending: removeItemMutation.isPending,
 				enableReordering: true
 			})]
-		}), filePickerContextValue && /* @__PURE__ */ jsx(FilePickerProvider, {
-			value: filePickerContextValue,
-			children: /* @__PURE__ */ jsx(FilePicker, {
-				open: filePickerOpen,
-				onFilesSelected: (selected) => void handleFilePickerResults(selected),
-				onClose: () => setFilePickerOpen(false),
-				config: {
-					maxFiles: 50,
-					allowedMethods: ["media"]
-				}
+		}), filePickerContextValue && filePickerApi && /* @__PURE__ */ jsx(FilePickerApiProvider, {
+			api: filePickerApi,
+			children: /* @__PURE__ */ jsx(FilePickerProvider, {
+				value: filePickerContextValue,
+				children: /* @__PURE__ */ jsx(FilePicker, {
+					open: filePickerOpen,
+					onFilesSelected: (selected) => void handleFilePickerResults(selected),
+					onClose: () => setFilePickerOpen(false),
+					config: {
+						maxFiles: 50,
+						allowedMethods: ["media"]
+					}
+				})
 			})
 		})]
 	});
@@ -9010,6 +8831,6 @@ function ProductsApp({ countryCode, companyLogoUrl, productId: controlledProduct
 	});
 }
 //#endregion
-export { ShareablesCoreProvider as a, ShareablesApiProvider as i, ShareablesApp as n, ShareablesUIProvider as r, ProductsApp as t };
+export { ShareablesApiProvider as a, ShareablesUIProvider as i, ShareablesApp as n, ShareablesCoreProvider as o, getFileMimeType as r, ProductsApp as t };
 
-//# sourceMappingURL=src-D9jWnRlX.mjs.map
+//# sourceMappingURL=src-BrwLqPPh.mjs.map