@fluid-app/portal-sdk 0.1.13 → 0.1.15

package/dist/{MessagingScreen-Ca22FObh.cjs → FluidProvider-C6SCZDjX.cjs}

@@ -38,188 +38,8 @@ let _fluid_app_portal_core_data_sources_registry_context = require("@fluid-app/p
 let _fluid_app_portal_widgets_contexts = require("@fluid-app/portal-widgets/contexts");
 let _fluid_app_portal_core_widget_utils = require("@fluid-app/portal-core/widget-utils");
 let _fluid_app_portal_widgets_widgets = require("@fluid-app/portal-widgets/widgets");
-let _fluid_app_messaging_core = require("@fluid-app/messaging-core");
-let _fluid_app_messaging_ui_app = require("@fluid-app/messaging-ui/app");
-let _fluid_app_messaging_ui = require("@fluid-app/messaging-ui");
-let _fluid_app_messaging_api_client = require("@fluid-app/messaging-api-client");
 let _fluid_app_auth = require("@fluid-app/auth");
-//#region ../../platform/api-client-core/src/fetch-client.ts
-/**
-* API Error class compatible with fluid-admin's ApiError
-*/
-var ApiError$1 = class ApiError$1 extends Error {
-	status;
-	data;
-	constructor(message, status, data) {
-		super(message);
-		this.name = "ApiError";
-		this.status = status;
-		this.data = data;
-		if ("captureStackTrace" in Error) Error.captureStackTrace(this, ApiError$1);
-	}
-	toJSON() {
-		return {
-			name: this.name,
-			message: this.message,
-			status: this.status,
-			data: this.data
-		};
-	}
-};
-/**
-* Creates a configured fetch client instance
-*/
-function createFetchClient(config) {
-	const { baseUrl, getAuthToken, onAuthError, defaultHeaders = {} } = config;
-	/**
-	* Build headers for a request
-	*/
-	async function buildHeaders(customHeaders) {
-		const headers = {
-			Accept: "application/json",
-			"Content-Type": "application/json",
-			...defaultHeaders,
-			...customHeaders
-		};
-		if (getAuthToken) {
-			const token = await getAuthToken();
-			if (token) headers.Authorization = `Bearer ${token}`;
-		}
-		return headers;
-	}
-	/**
-	* Join baseUrl + endpoint via string concatenation (matches fetchApi).
-	* Using `new URL(endpoint, baseUrl)` would strip any path prefix from
-	* baseUrl (e.g. "/api") when the endpoint starts with "/".
-	*/
-	function joinUrl(endpoint) {
-		return `${baseUrl}${endpoint}`;
-	}
-	/**
-	* Build URL with query parameters for GET requests
-	* Compatible with fluid-admin's query param handling
-	*/
-	function buildUrl(endpoint, params) {
-		const fullUrl = joinUrl(endpoint);
-		if (!params || Object.keys(params).length === 0) return fullUrl;
-		const queryString = new URLSearchParams();
-		Object.entries(params).forEach(([key, value]) => {
-			if (value === void 0 || value === null) return;
-			if (Array.isArray(value)) value.forEach((item) => queryString.append(`${key}[]`, String(item)));
-			else if (typeof value === "object") Object.entries(value).forEach(([subKey, subValue]) => {
-				if (subValue === void 0 || subValue === null) return;
-				if (Array.isArray(subValue)) subValue.forEach((item) => queryString.append(`${key}[${subKey}][]`, String(item)));
-				else queryString.append(`${key}[${subKey}]`, String(subValue));
-			});
-			else queryString.append(key, String(value));
-		});
-		const qs = queryString.toString();
-		return qs ? `${fullUrl}?${qs}` : fullUrl;
-	}
-	/**
-	* Shared response handler for both JSON and FormData requests.
-	* Handles auth errors, non-OK responses, 204 No Content, and JSON parsing.
-	*/
-	async function handleResponse(response, method, _url) {
-		if (response.status === 401 && onAuthError) onAuthError();
-		if (!response.ok) {
-			const errorText = await response.text().catch(() => "");
-			if (response.headers.get("content-type")?.includes("application/json")) {
-				let data;
-				try {
-					data = JSON.parse(errorText);
-				} catch {
-					throw new ApiError$1(errorText.slice(0, 200) || `${method} request failed with status ${response.status}`, response.status, null);
-				}
-				throw new ApiError$1(data.message || data.error_message || `${method} request failed`, response.status, data.errors || data);
-			} else throw new ApiError$1(`${method} request failed with status ${response.status}`, response.status, null);
-		}
-		if (response.status === 204 || response.headers.get("content-length") === "0") return null;
-		if (response.headers.get("content-type")?.includes("application/json")) try {
-			return await response.json();
-		} catch {
-			try {
-				return await response.text();
-			} catch {
-				return null;
-			}
-		}
-		return null;
-	}
-	/**
-	* Main request function
-	*/
-	async function request(endpoint, options = {}) {
-		const { method = "GET", headers: customHeaders, params, body, signal } = options;
-		const url = params ? buildUrl(endpoint, params) : joinUrl(endpoint);
-		const headers = await buildHeaders(customHeaders);
-		let response;
-		try {
-			const fetchOptions = {
-				method,
-				headers
-			};
-			const serializedBody = body && method !== "GET" ? JSON.stringify(body) : null;
-			if (serializedBody) fetchOptions.body = serializedBody;
-			if (signal) fetchOptions.signal = signal;
-			response = await fetch(url, fetchOptions);
-		} catch (networkError) {
-			throw new ApiError$1(`Network error: ${networkError instanceof Error ? networkError.message : "Unknown network error"}`, 0, null);
-		}
-		return handleResponse(response, method, url);
-	}
-	/**
-	* Request with FormData (for file uploads)
-	*/
-	async function requestWithFormData(endpoint, formData, options = {}) {
-		const { method = "POST", headers: customHeaders, signal } = options;
-		const url = joinUrl(endpoint);
-		const headers = await buildHeaders(customHeaders);
-		delete headers["Content-Type"];
-		let response;
-		try {
-			const fetchOptions = {
-				method,
-				headers,
-				body: formData
-			};
-			if (signal) fetchOptions.signal = signal;
-			response = await fetch(url, fetchOptions);
-		} catch (networkError) {
-			throw new ApiError$1(`Network error: ${networkError instanceof Error ? networkError.message : "Unknown network error"}`, 0, null);
-		}
-		return handleResponse(response, method, url);
-	}
-	return {
-		request,
-		requestWithFormData,
-		get: (endpoint, params, options) => request(endpoint, {
-			...options,
-			method: "GET",
-			...params && { params }
-		}),
-		post: (endpoint, body, options) => request(endpoint, {
-			...options,
-			method: "POST",
-			body
-		}),
-		put: (endpoint, body, options) => request(endpoint, {
-			...options,
-			method: "PUT",
-			body
-		}),
-		patch: (endpoint, body, options) => request(endpoint, {
-			...options,
-			method: "PATCH",
-			body
-		}),
-		delete: (endpoint, options) => request(endpoint, {
-			...options,
-			method: "DELETE"
-		})
-	};
-}
-//#endregion
+let _fluid_app_api_client_core = require("@fluid-app/api-client-core");
 //#region ../../api-clients/fluidos/src/namespaces/fluid_os.ts
 /**
 * Get active Fluid OS definition
@@ -388,7 +208,7 @@ function extractErrorMessage(data, fallback) {
 function createFluidClient(config) {
 	const { baseUrl, getAuthToken, onAuthError, defaultHeaders = {} } = config;
 	const effectiveOnAuthError = onAuthError ?? (0, _fluid_app_auth.createDefaultAuthRedirect)();
-	const fetchClient = createFetchClient({
+	const fetchClient = (0, _fluid_app_api_client_core.createFetchClient)({
 		baseUrl,
 		...getAuthToken ? { getAuthToken } : {},
 		onAuthError: effectiveOnAuthError,
@@ -992,323 +812,6 @@ function useFluidContext() {
 	return context;
 }
 //#endregion
-//#region src/hooks/use-fluid-api.ts
-/**
-* Hook to access the Fluid API client
-*
-* @example
-* ```tsx
-* function ProductList() {
-*   const api = useFluidApi();
-*
-*   const { data: products } = useQuery({
-*     queryKey: ["products"],
-*     queryFn: () => api.products.list(),
-*   });
-*
-*   return <ul>{products?.map(p => <li key={p.id}>{p.name}</li>)}</ul>;
-* }
-* ```
-*/
-function useFluidApi() {
-	const { client } = useFluidContext();
-	return client;
-}
-//#endregion
-//#region src/messaging/use-messaging-auth.ts
-/**
-* Bridge hook: maps portal SDK auth context to MessagingAuthContext.
-*
-* The messaging system identifies users by `recipient_id`, which is NOT in the
-* JWT payload or the /reps/me endpoint. It IS returned by GET /api/me.
-* This hook fetches that data and maps it into the shape MessagingApp expects.
-*/
-const USERS_ME_QUERY_KEY = [
-	"fluid",
-	"users",
-	"me"
-];
-function useMessagingAuth() {
-	const auth = useFluidAuthContext();
-	const api = useFluidApi();
-	const { data: userMe, isLoading: isUserMeLoading, isError } = (0, _tanstack_react_query.useQuery)({
-		queryKey: USERS_ME_QUERY_KEY,
-		queryFn: () => api.users.me(),
-		enabled: auth.isAuthenticated,
-		staleTime: Infinity,
-		retry: 1
-	});
-	if (auth.isLoading || auth.isAuthenticated && isUserMeLoading) return {
-		recipientId: null,
-		companyId: null,
-		currentUser: null,
-		isLoading: true
-	};
-	if (!auth.isAuthenticated || isError || !userMe) return {
-		recipientId: null,
-		companyId: null,
-		currentUser: null,
-		isLoading: false
-	};
-	const currentUser = userMe.recipient_id ? {
-		id: userMe.id,
-		recipientId: userMe.recipient_id,
-		firstName: userMe.first_name ?? "",
-		lastName: userMe.last_name ?? "",
-		email: userMe.email,
-		...userMe.image_url != null && { imageUrl: userMe.image_url },
-		...userMe.affiliate_id != null && { affiliateId: userMe.affiliate_id }
-	} : null;
-	return {
-		recipientId: userMe.recipient_id,
-		companyId: userMe.company_id ?? null,
-		currentUser,
-		isLoading: false
-	};
-}
-//#endregion
-//#region src/messaging/use-messaging-config.ts
-/**
-* Hook that derives MessagingApiConfig from the portal SDK's FluidProvider context.
-*
-* Maps FluidSDKConfig fields to the shape expected by MessagingApp:
-* - baseUrl  -> from config.baseUrl
-* - getHeaders -> builds Authorization header from config.getAuthToken()
-* - onAuthError -> from config.onAuthError
-* - websocketUrl -> config.websocketUrl or derived from baseUrl
-* - token -> from auth context
-*/
-function deriveWebsocketUrl(baseUrl) {
-	return `${baseUrl.replace(/\/+$/, "").replace(/\/api$/, "")}/cable`;
-}
-function useMessagingConfig() {
-	const { config } = useFluidContext();
-	const auth = useFluidAuthContext();
-	const getHeaders = (0, react.useCallback)(async () => {
-		const headers = {
-			"Content-Type": "application/json",
-			...config.defaultHeaders
-		};
-		if (config.getAuthToken) {
-			const token = await config.getAuthToken();
-			if (token) headers.Authorization = `Bearer ${token}`;
-		}
-		return headers;
-	}, [config]);
-	const apiBaseUrl = (0, react.useMemo)(() => {
-		const base = config.baseUrl.replace(/\/+$/, "");
-		return base.endsWith("/api") ? base : `${base}/api`;
-	}, [config.baseUrl]);
-	return {
-		apiConfig: (0, react.useMemo)(() => ({
-			baseUrl: apiBaseUrl,
-			getHeaders,
-			...config.onAuthError != null && { onAuthError: config.onAuthError }
-		}), [
-			apiBaseUrl,
-			config.onAuthError,
-			getHeaders
-		]),
-		websocketUrl: (0, react.useMemo)(() => config.websocketUrl ?? deriveWebsocketUrl(config.baseUrl), [config.websocketUrl, config.baseUrl]),
-		token: auth.token
-	};
-}
-//#endregion
-//#region src/messaging/fluid-file-uploader.ts
-const FILESTACK_UPLOAD_URL = "https://www.filestackapi.com/api/store/S3";
-function getImageDimensions(file) {
-	if (!file.type.startsWith("image/")) return Promise.resolve(null);
-	return new Promise((resolve) => {
-		const img = new Image();
-		const url = URL.createObjectURL(file);
-		img.onload = () => {
-			URL.revokeObjectURL(url);
-			resolve({
-				width: img.naturalWidth,
-				height: img.naturalHeight
-			});
-		};
-		img.onerror = () => {
-			URL.revokeObjectURL(url);
-			resolve(null);
-		};
-		img.src = url;
-	});
-}
-function uploadToFilestack(file, apiKey, callbacks) {
-	const xhr = new XMLHttpRequest();
-	let aborted = false;
-	getImageDimensions(file).then((metadata) => {
-		if (aborted) return;
-		const url = `${FILESTACK_UPLOAD_URL}?key=${encodeURIComponent(apiKey)}`;
-		xhr.open("POST", url);
-		xhr.setRequestHeader("Content-Type", file.type);
-		xhr.upload.onprogress = (event) => {
-			if (event.lengthComputable) {
-				const progress = Math.round(event.loaded / event.total * 100);
-				callbacks.onProgress(progress);
-			}
-		};
-		xhr.onload = () => {
-			if (xhr.status >= 200 && xhr.status < 300) try {
-				const result = {
-					url: JSON.parse(xhr.responseText).url,
-					size: file.size,
-					mimetype: file.type,
-					kind: (0, _fluid_app_messaging_core.getFileTypeFromMimetype)(file.type),
-					metadata
-				};
-				callbacks.onSuccess(result);
-			} catch {
-				callbacks.onError(/* @__PURE__ */ new Error("Failed to parse upload response"));
-			}
-			else callbacks.onError(/* @__PURE__ */ new Error(`Upload failed with status ${xhr.status}`));
-		};
-		xhr.onerror = () => {
-			if (!aborted) callbacks.onError(/* @__PURE__ */ new Error("Upload failed due to a network error"));
-		};
-		xhr.onabort = () => {};
-		xhr.send(file);
-	}).catch((error) => {
-		if (!aborted) callbacks.onError(error instanceof Error ? error : /* @__PURE__ */ new Error("Upload preparation failed"));
-	});
-	return { abort: () => {
-		aborted = true;
-		xhr.abort();
-	} };
-}
-/**
-* Creates a FileUploader that uploads to Filestack using the REST API.
-*
-* @param apiKey - Filestack API key. If falsy, returns a noop uploader
-*                 that rejects uploads with a helpful error message.
-*/
-function createFluidFileUploader(apiKey) {
-	if (!apiKey) return { uploadFile: (_file, callbacks) => {
-		callbacks.onError(/* @__PURE__ */ new Error("File uploads are not configured. Set filestackApiKey in your SDK config to enable attachments."));
-		return { abort: () => {} };
-	} };
-	return { uploadFile: (file, callbacks) => uploadToFilestack(file, apiKey, callbacks) };
-}
-//#endregion
-//#region src/screens/MessagingScreen.tsx
-var MessagingScreen_exports = /* @__PURE__ */ __exportAll({
-	MessagingScreen: () => MessagingScreen,
-	messagingScreenPropertySchema: () => messagingScreenPropertySchema
-});
-function renderImage(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		src: props.src,
-		alt: props.alt,
-		width: props.width,
-		height: props.height,
-		className: props.className
-	});
-}
-function defaultToast(message, type) {
-	if (type === "error") console.warn("[Messaging]", message);
-}
-function MessagingScreen({ onToast, filestackApiKey, websocketUrl: websocketUrlOverride, background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { config } = useFluidContext();
-	const { apiConfig, websocketUrl, token } = useMessagingConfig();
-	const messagingAuth = useMessagingAuth();
-	const effectiveApiKey = filestackApiKey ?? config.filestackApiKey;
-	const uploader = (0, react.useMemo)(() => createFluidFileUploader(effectiveApiKey), [effectiveApiKey]);
-	const effectiveWsUrl = websocketUrlOverride ?? websocketUrl;
-	const effectiveToast = onToast ?? defaultToast;
-	const searchUsers = (0, react.useCallback)(async (query) => {
-		return ((await (0, _fluid_app_messaging_api_client.listConnectedRecipients)(apiConfig, {
-			filterrific: { search_query: query },
-			per_page: 10,
-			page: 1
-		}))?.[1]?.items ?? []).map((user) => {
-			const name = [user.first_name, user.last_name].filter(Boolean).length > 0 ? [user.first_name, user.last_name].filter(Boolean).join(" ") : `User ${user.id}`;
-			return {
-				id: String(user.id),
-				label: name,
-				imageType: "user",
-				userData: {
-					first_name: user.first_name,
-					last_name: user.last_name,
-					image_url: user.avatar_url,
-					phone: user.phone || void 0,
-					email: user.email || void 0
-				},
-				conversationName: name
-			};
-		});
-	}, [apiConfig]);
-	const searchChannels = (0, react.useCallback)(async (query) => {
-		return (await (0, _fluid_app_messaging_api_client.searchConversations)(apiConfig, { filterrific: { search_query: query } }) ?? []).map((channel) => {
-			const { text: nameWithoutEmoji } = (0, _fluid_app_messaging_ui.extractEmoji)(channel.name);
-			return {
-				id: `channel-${channel.id}`,
-				label: (0, _fluid_app_messaging_ui.formatMessageChannelName)(nameWithoutEmoji),
-				imageType: "channel",
-				userData: {
-					first_name: channel.name,
-					last_name: null,
-					image_url: channel.avatar_url
-				},
-				conversationName: channel.name
-			};
-		});
-	}, [apiConfig]);
-	if (messagingAuth.isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...divProps,
-		className: `flex h-full items-center justify-center ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "text-muted-foreground",
-			children: "Loading messaging..."
-		})
-	});
-	if (!messagingAuth.recipientId) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...divProps,
-		className: `flex h-full items-center justify-center ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "border-border max-w-sm rounded-lg border border-dashed p-8 text-center",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-				className: "text-foreground text-xl font-semibold",
-				children: "Messaging"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-muted-foreground mt-2",
-				children: "Messaging is not available for your account"
-			})]
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...divProps,
-		className: `h-full ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fluid_app_messaging_ui_app.MessagingApp, {
-			config: apiConfig,
-			auth: messagingAuth,
-			websocketUrl: effectiveWsUrl,
-			token,
-			renderImage,
-			showAdminFeatures: false,
-			onToast: effectiveToast,
-			messagesViewProps: {
-				uploader,
-				saveDrafts: true,
-				onToast: effectiveToast
-			},
-			newMessageViewProps: {
-				searchUsers,
-				searchChannels
-			}
-		})
-	});
-}
-const messagingScreenPropertySchema = {
-	widgetType: "MessagingScreen",
-	displayName: "Messaging Screen",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: []
-};
-//#endregion
 Object.defineProperty(exports, "ApiError", {
 	enumerable: true,
 	get: function() {
@@ -1339,18 +842,6 @@ Object.defineProperty(exports, "FluidThemeProvider", {
 		return FluidThemeProvider;
 	}
 });
-Object.defineProperty(exports, "MessagingScreen", {
-	enumerable: true,
-	get: function() {
-		return MessagingScreen;
-	}
-});
-Object.defineProperty(exports, "MessagingScreen_exports", {
-	enumerable: true,
-	get: function() {
-		return MessagingScreen_exports;
-	}
-});
 Object.defineProperty(exports, "__exportAll", {
 	enumerable: true,
 	get: function() {
@@ -1369,24 +860,12 @@ Object.defineProperty(exports, "createFluidClient", {
 		return createFluidClient;
 	}
 });
-Object.defineProperty(exports, "createFluidFileUploader", {
-	enumerable: true,
-	get: function() {
-		return createFluidFileUploader;
-	}
-});
 Object.defineProperty(exports, "isApiError", {
 	enumerable: true,
 	get: function() {
 		return isApiError;
 	}
 });
-Object.defineProperty(exports, "messagingScreenPropertySchema", {
-	enumerable: true,
-	get: function() {
-		return messagingScreenPropertySchema;
-	}
-});
 Object.defineProperty(exports, "normalizeComponentTree", {
 	enumerable: true,
 	get: function() {
@@ -1417,12 +896,6 @@ Object.defineProperty(exports, "transformManifestToRepAppData", {
 		return transformManifestToRepAppData;
 	}
 });
-Object.defineProperty(exports, "useFluidApi", {
-	enumerable: true,
-	get: function() {
-		return useFluidApi;
-	}
-});
 Object.defineProperty(exports, "useFluidAuthContext", {
 	enumerable: true,
 	get: function() {
@@ -1435,18 +908,6 @@ Object.defineProperty(exports, "useFluidContext", {
 		return useFluidContext;
 	}
 });
-Object.defineProperty(exports, "useMessagingAuth", {
-	enumerable: true,
-	get: function() {
-		return useMessagingAuth;
-	}
-});
-Object.defineProperty(exports, "useMessagingConfig", {
-	enumerable: true,
-	get: function() {
-		return useMessagingConfig;
-	}
-});
 Object.defineProperty(exports, "useThemeContext", {
 	enumerable: true,
 	get: function() {
@@ -1454,4 +915,4 @@ Object.defineProperty(exports, "useThemeContext", {
 	}
 });
 
-//# sourceMappingURL=MessagingScreen-Ca22FObh.cjs.map
+//# sourceMappingURL=FluidProvider-C6SCZDjX.cjs.map