@stream-io/feeds-client 1.1.0 → 1.2.0

package/dist/es/react-bindings.mjs

@@ -1,532 +1,500 @@
+import { t as FeedsClient, u as isCommentResponse, v as checkHasAnotherPage } from "../feeds-client-ACVPbpUP.mjs";
 import { useStateStore } from "@stream-io/state-store/react-bindings";
-export * from "@stream-io/state-store/react-bindings";
-import { useState, useEffect, createContext, useContext, useRef, useCallback, useMemo } from "react";
-import { F as FeedsClient, h as isCommentResponse, e as checkHasAnotherPage } from "../feeds-client-jtUTE4AC.mjs";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-const useCreateFeedsClient = ({
-  apiKey,
-  tokenOrProvider,
-  userData: userDataOrAnonymous,
-  options
-}) => {
-  const userData = userDataOrAnonymous === "anonymous" ? void 0 : userDataOrAnonymous;
-  if (userDataOrAnonymous !== "anonymous" && !tokenOrProvider) {
-    throw new Error(
-      'Token provider can only be omitted when connecting anonymous user. If you want to connect as a guest, provide "guest" instead of a token provider.'
-    );
-  }
-  const [client, setClient] = useState(null);
-  const [error, setError] = useState(null);
-  const [cachedUserData, setCachedUserData] = useState(userData);
-  const [cachedOptions] = useState(options);
-  if (error) {
-    throw error;
-  }
-  if (userData?.id !== cachedUserData?.id) {
-    setCachedUserData(userData);
-  }
-  useEffect(() => {
-    const _client = new FeedsClient(apiKey, cachedOptions);
-    let connectionPromise;
-    if (!cachedUserData) {
-      connectionPromise = _client.connectAnonymous();
-    } else if (tokenOrProvider === "guest") {
-      connectionPromise = _client.connectGuest({
-        user: cachedUserData
-      });
-    } else {
-      connectionPromise = _client.connectUser(cachedUserData, tokenOrProvider);
-    }
-    connectionPromise = connectionPromise.then(() => {
-      setError(null);
-    }).catch((err) => {
-      setError(err);
-    });
-    setClient(_client);
-    return () => {
-      setClient(null);
-      connectionPromise.then(() => {
-        setError(null);
-        return _client.disconnectUser();
-      }).catch((err) => {
-        setError(err);
-      });
-    };
-  }, [apiKey, cachedUserData, cachedOptions, tokenOrProvider]);
-  return client;
+export * from "@stream-io/state-store/react-bindings";
+//#region src/bindings/react/hooks/useCreateFeedsClient.ts
+/**
+* A React hook to create, connect and return an instance of `FeedsClient`.
+*/
+var useCreateFeedsClient = ({ apiKey, tokenOrProvider, userData: userDataOrAnonymous, options }) => {
+	const userData = userDataOrAnonymous === "anonymous" ? void 0 : userDataOrAnonymous;
+	if (userDataOrAnonymous !== "anonymous" && !tokenOrProvider) throw new Error("Token provider can only be omitted when connecting anonymous user. If you want to connect as a guest, provide \"guest\" instead of a token provider.");
+	const [client, setClient] = useState(null);
+	const [error, setError] = useState(null);
+	const [cachedUserData, setCachedUserData] = useState(userData);
+	const [cachedOptions] = useState(options);
+	if (error) throw error;
+	if (userData?.id !== cachedUserData?.id) setCachedUserData(userData);
+	useEffect(() => {
+		const _client = new FeedsClient(apiKey, cachedOptions);
+		let connectionPromise;
+		if (!cachedUserData) connectionPromise = _client.connectAnonymous();
+		else if (tokenOrProvider === "guest") connectionPromise = _client.connectGuest({ user: cachedUserData });
+		else connectionPromise = _client.connectUser(cachedUserData, tokenOrProvider);
+		connectionPromise = connectionPromise.then(() => {
+			setError(null);
+		}).catch((err) => {
+			setError(err);
+		});
+		setClient(_client);
+		return () => {
+			setClient(null);
+			connectionPromise.then(() => {
+				setError(null);
+				return _client.disconnectUser();
+			}).catch((err) => {
+				setError(err);
+			});
+		};
+	}, [
+		apiKey,
+		cachedUserData,
+		cachedOptions,
+		tokenOrProvider
+	]);
+	return client;
 };
-const StreamFeedsContext = createContext(void 0);
-const useFeedsClient = () => {
-  return useContext(StreamFeedsContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamFeedsContext.tsx
+var StreamFeedsContext = createContext(void 0);
+/**
+* Hook to access the nearest FeedsClient instance.
+*/
+var useFeedsClient = () => {
+	return useContext(StreamFeedsContext);
 };
-const useClientConnectedUser = () => {
-  const client = useFeedsClient();
-  const { user } = useStateStore(client?.state, selector$e) ?? {};
-  return user;
+//#endregion
+//#region src/bindings/react/hooks/client-state-hooks/useClientConnectedUser.ts
+/**
+* A React hook that returns the currently connected user on a `FeedsClient` instance and null otherwise.
+*/
+var useClientConnectedUser = () => {
+	const { user } = useStateStore(useFeedsClient()?.state, selector$14) ?? {};
+	return user;
 };
-const selector$e = (nextState) => ({
-  user: nextState.connected_user
-});
-const useWsConnectionState = () => {
-  const client = useFeedsClient();
-  const { is_healthy } = useStateStore(client?.state, selector$d) ?? {};
-  return { is_healthy };
+var selector$14 = (nextState) => ({ user: nextState.connected_user });
+//#endregion
+//#region src/bindings/react/hooks/client-state-hooks/useWsConnectionState.ts
+/**
+* A React hook that returns the websocket connection state of `FeedsClient`.
+*/
+var useWsConnectionState = () => {
+	const { is_healthy } = useStateStore(useFeedsClient()?.state, selector$13) ?? {};
+	return { is_healthy };
 };
-const selector$d = (nextState) => ({
-  is_healthy: nextState.is_ws_connection_healthy
-});
-const StreamFeedContext = createContext(void 0);
-const useFeedContext = () => {
-  return useContext(StreamFeedContext);
+var selector$13 = (nextState) => ({ is_healthy: nextState.is_ws_connection_healthy });
+//#endregion
+//#region src/bindings/react/contexts/StreamFeedContext.tsx
+var StreamFeedContext = createContext(void 0);
+/**
+* Hook to access the nearest Feed instance.
+*/
+var useFeedContext = () => {
+	return useContext(StreamFeedContext);
 };
-const useStableCallback = (callback) => {
-  const ref = useRef(callback);
-  ref.current = callback;
-  return useCallback((...args) => {
-    return ref.current(...args);
-  }, []);
+//#endregion
+//#region src/bindings/react/hooks/internal/useStableCallback.ts
+/**
+* A utility hook implementing a stable callback. It takes in an unstable method that
+* is supposed to be invoked somewhere deeper in the DOM tree without making it
+* change its reference every time the parent component rerenders. It will also return
+* the value of the callback if it does return one.
+* A common use-case would be having a function whose invocation depends on state
+* somewhere high up in the DOM tree and wanting to use the same function deeper
+* down, for example in a leaf node and simply using useCallback results in
+* cascading dependency hell. If we wrap it in useStableCallback, we would be able
+* to:
+* - Use the same function as a dependency of another hook (since it is stable)
+* - Still invoke it and get the latest state
+*
+* **Caveats:**
+* - Never wrap a function that is supposed to return a React.ReactElement in
+*   useStableCallback, since React will not know that the DOM needs to be updated
+*   whenever the callback value changes (for example, renderItem from FlatList must
+*   never be wrapped in this hook)
+* - Always prefer using a standard useCallback/stable function wherever possible
+*   (the purpose of useStableCallback is to bridge the gap between top level contexts
+*   and cascading rereders in downstream components - **not** as an escape hatch)
+* @param callback - the callback we want to stabilize
+*/
+var useStableCallback = (callback) => {
+	const ref = useRef(callback);
+	ref.current = callback;
+	return useCallback((...args) => {
+		return ref.current(...args);
+	}, []);
 };
-const useFeedActivities = (feedFromProps) => {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const data = useStateStore(feed?.state, selector$c);
-  const loadNextPage = useStableCallback(async () => {
-    if (!feed || !data?.has_next_page || data?.is_loading) {
-      return;
-    }
-    await feed.getNextPage();
-  });
-  return useMemo(() => ({ ...data, loadNextPage }), [data, loadNextPage]);
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useFeedActivities.ts
+/**
+* A React hook that returns a reactive object containing the current activities,
+* loading state and whether there is a next page to paginate to or not.
+*/
+var useFeedActivities = (feedFromProps) => {
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = useStateStore(feed?.state, selector$12);
+	const loadNextPage = useStableCallback(async () => {
+		if (!feed || !data?.has_next_page || data?.is_loading) return;
+		await feed.getNextPage();
+	});
+	return useMemo(() => ({
+		...data,
+		loadNextPage
+	}), [data, loadNextPage]);
 };
-const selector$c = ({
-  is_loading_activities,
-  next,
-  activities = []
-}) => ({
-  is_loading: is_loading_activities,
-  has_next_page: typeof next !== "undefined",
-  activities
+var selector$12 = ({ is_loading_activities, next, activities = [] }) => ({
+	is_loading: is_loading_activities,
+	has_next_page: typeof next !== "undefined",
+	activities
 });
-function useComments({
-  feed: feedFromProps,
-  parent
-}) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const selector2 = useCallback(
-    (state) => ({
-      comments: state.comments_by_entity_id?.[parent.id]?.comments,
-      comments_pagination: state.comments_by_entity_id?.[parent.id]?.pagination
-    }),
-    [parent.id]
-  );
-  const data = useStateStore(feed?.state, selector2);
-  const loadNextPage = useMemo(() => {
-    if (!feed) return void 0;
-    return (request) => {
-      if (isCommentResponse(parent)) {
-        return feed.loadNextPageCommentReplies(parent, request);
-      } else {
-        return feed.loadNextPageActivityComments(parent, request);
-      }
-    };
-  }, [feed, parent]);
-  return useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      has_next_page: checkHasAnotherPage(
-        data.comments,
-        data.comments_pagination?.next
-      ),
-      is_loading_next_page: data?.comments_pagination?.loading_next_page ?? false,
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useComments.ts
+function useComments({ feed: feedFromProps, parent }) {
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const selector = useCallback((state) => ({
+		comments: state.comments_by_entity_id?.[parent.id]?.comments,
+		comments_pagination: state.comments_by_entity_id?.[parent.id]?.pagination
+	}), [parent.id]);
+	const data = useStateStore(feed?.state, selector);
+	const loadNextPage = useMemo(() => {
+		if (!feed) return void 0;
+		return (request) => {
+			if (isCommentResponse(parent)) return feed.loadNextPageCommentReplies(parent, request);
+			else return feed.loadNextPageActivityComments(parent, request);
+		};
+	}, [feed, parent]);
+	return useMemo(() => {
+		if (!data) return;
+		return {
+			...data,
+			has_next_page: checkHasAnotherPage(data.comments, data.comments_pagination?.next),
+			is_loading_next_page: data?.comments_pagination?.loading_next_page ?? false,
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const stableEmptyArray = [];
-const selector$b = (currentState) => {
-  return {
-    feedOwnCapabilities: currentState.own_capabilities ?? stableEmptyArray
-  };
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useOwnCapabilities.ts
+var stableEmptyArray = [];
+var selector$11 = (currentState) => {
+	return { feedOwnCapabilities: currentState.own_capabilities ?? stableEmptyArray };
 };
-const useOwnCapabilities = (feedFromProps) => {
-  const client = useFeedsClient();
-  const feedFromContext = useFeedContext();
-  let feed = feedFromProps ?? feedFromContext;
-  if (typeof feed === "string") {
-    const [groupId, id] = feed.split(":");
-    feed = groupId && id ? client?.feed(groupId, id) : void 0;
-  }
-  const { feedOwnCapabilities = stableEmptyArray } = useStateStore(feed?.state, selector$b) ?? {};
-  return feedOwnCapabilities;
+var useOwnCapabilities = (feedFromProps) => {
+	const client = useFeedsClient();
+	const feedFromContext = useFeedContext();
+	let feed = feedFromProps ?? feedFromContext;
+	if (typeof feed === "string") {
+		const [groupId, id] = feed.split(":");
+		feed = groupId && id ? client?.feed(groupId, id) : void 0;
+	}
+	const { feedOwnCapabilities = stableEmptyArray } = useStateStore(feed?.state, selector$11) ?? {};
+	return feedOwnCapabilities;
 };
-const selector$a = ({
-  follower_count,
-  followers,
-  followers_pagination
-}) => ({
-  follower_count,
-  followers,
-  followers_pagination
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useFollowers.ts
+var selector$10 = ({ follower_count, followers, followers_pagination }) => ({
+	follower_count,
+	followers,
+	followers_pagination
 });
 function useFollowers(feedFromProps) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const data = useStateStore(feed?.state, selector$a);
-  const loadNextPage = useCallback(
-    (...options) => feed?.loadNextPageFollowers(...options),
-    [feed]
-  );
-  return useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      is_loading_next_page: data.followers_pagination?.loading_next_page ?? false,
-      has_next_page: checkHasAnotherPage(
-        data.followers,
-        data.followers_pagination?.next
-      ),
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = useStateStore(feed?.state, selector$10);
+	const loadNextPage = useCallback((...options) => feed?.loadNextPageFollowers(...options), [feed]);
+	return useMemo(() => {
+		if (!data) return;
+		return {
+			...data,
+			is_loading_next_page: data.followers_pagination?.loading_next_page ?? false,
+			has_next_page: checkHasAnotherPage(data.followers, data.followers_pagination?.next),
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const selector$9 = ({
-  following_count,
-  following,
-  following_pagination
-}) => ({
-  following_count,
-  following,
-  following_pagination
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useFollowing.ts
+var selector$9 = ({ following_count, following, following_pagination }) => ({
+	following_count,
+	following,
+	following_pagination
 });
 function useFollowing(feedFromProps) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const data = useStateStore(feed?.state, selector$9);
-  const loadNextPage = useCallback(
-    (...options) => feed?.loadNextPageFollowing(...options),
-    [feed]
-  );
-  return useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      is_loading_next_page: data.following_pagination?.loading_next_page ?? false,
-      has_next_page: checkHasAnotherPage(
-        data.following,
-        data.following_pagination?.next
-      ),
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = useStateStore(feed?.state, selector$9);
+	const loadNextPage = useCallback((...options) => feed?.loadNextPageFollowing(...options), [feed]);
+	return useMemo(() => {
+		if (!data) return;
+		return {
+			...data,
+			is_loading_next_page: data.following_pagination?.loading_next_page ?? false,
+			has_next_page: checkHasAnotherPage(data.following, data.following_pagination?.next),
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const useFeedMetadata = (feedFromProps) => {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  return useStateStore(feed?.state, selector$8);
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useFeedMetadata.ts
+/**
+* A React hook that returns a reactive object containing some often used
+* metadata for a feed.
+*/
+var useFeedMetadata = (feedFromProps) => {
+	const feedFromContext = useFeedContext();
+	return useStateStore((feedFromProps ?? feedFromContext)?.state, selector$8);
 };
-const selector$8 = ({
-  follower_count = 0,
-  following_count = 0,
-  created_by,
-  created_at,
-  updated_at
-}) => ({
-  created_by,
-  follower_count,
-  following_count,
-  created_at,
-  updated_at
+var selector$8 = ({ follower_count = 0, following_count = 0, created_by, created_at, updated_at }) => ({
+	created_by,
+	follower_count,
+	following_count,
+	created_at,
+	updated_at
 });
-const useOwnFollows = (feedFromProps) => {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  return useStateStore(feed?.state, selector$7);
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useOwnFollows.ts
+/**
+* A React hook that returns a reactive array of feeds that the current user
+* owns and are following the respective feed that we are observing.
+*/
+var useOwnFollows = (feedFromProps) => {
+	const feedFromContext = useFeedContext();
+	return useStateStore((feedFromProps ?? feedFromContext)?.state, selector$7);
 };
-const selector$7 = ({ own_follows }) => ({
-  own_follows
-});
-const selector$6 = ({ notification_status }) => ({
-  unread: notification_status?.unread ?? 0,
-  unseen: notification_status?.unseen ?? 0,
-  last_read_at: notification_status?.last_read_at,
-  last_seen_at: notification_status?.last_seen_at,
-  read_activities: notification_status?.read_activities,
-  seen_activities: notification_status?.seen_activities
+var selector$7 = ({ own_follows }) => ({ own_follows });
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useNotificationStatus.ts
+var selector$6 = ({ notification_status }) => ({
+	unread: notification_status?.unread ?? 0,
+	unseen: notification_status?.unseen ?? 0,
+	last_read_at: notification_status?.last_read_at,
+	last_seen_at: notification_status?.last_seen_at,
+	read_activities: notification_status?.read_activities,
+	seen_activities: notification_status?.seen_activities
 });
 function useNotificationStatus(feedFromProps) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  return useStateStore(feed?.state, selector$6);
+	const feedFromContext = useFeedContext();
+	return useStateStore((feedFromProps ?? feedFromContext)?.state, selector$6);
 }
-const selector$5 = ({
-  is_loading_activities,
-  next,
-  aggregated_activities = []
-}) => ({
-  is_loading: is_loading_activities,
-  has_next_page: typeof next !== "undefined",
-  aggregated_activities
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useAggregatedActivities.ts
+var selector$5 = ({ is_loading_activities, next, aggregated_activities = [] }) => ({
+	is_loading: is_loading_activities,
+	has_next_page: typeof next !== "undefined",
+	aggregated_activities
 });
 function useAggregatedActivities(feedFromProps) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const data = useStateStore(feed?.state, selector$5);
-  const loadNextPage = useStableCallback(async () => {
-    if (!feed || !data?.has_next_page || data?.is_loading) {
-      return;
-    }
-    await feed.getNextPage();
-  });
-  return useMemo(
-    () => data ? { ...data, loadNextPage } : void 0,
-    [data, loadNextPage]
-  );
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = useStateStore(feed?.state, selector$5);
+	const loadNextPage = useStableCallback(async () => {
+		if (!feed || !data?.has_next_page || data?.is_loading) return;
+		await feed.getNextPage();
+	});
+	return useMemo(() => data ? {
+		...data,
+		loadNextPage
+	} : void 0, [data, loadNextPage]);
 }
-const useIsAggregatedActivityRead = ({
-  feed: _,
-  aggregatedActivity
-}) => {
-  return aggregatedActivity.is_read;
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useIsAggregatedActivityRead.ts
+/**
+* @deprecated use aggregatedActivity.is_read instead
+* @returns
+*/
+var useIsAggregatedActivityRead = ({ feed: _, aggregatedActivity }) => {
+	return aggregatedActivity.is_read;
 };
-const useIsAggregatedActivitySeen = ({
-  feed: _,
-  aggregatedActivity
-}) => {
-  return aggregatedActivity.is_seen;
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useIsAggregatedActivitySeen.ts
+/**
+* @deprecated use aggregatedActivity.is_seen instead
+* @returns
+*/
+var useIsAggregatedActivitySeen = ({ feed: _, aggregatedActivity }) => {
+	return aggregatedActivity.is_seen;
 };
-const StreamActivityWithStateUpdatesContext = createContext(void 0);
-const useActivityWithStateUpdatesContext = () => {
-  return useContext(StreamActivityWithStateUpdatesContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamActivityWithStateUpdatesContext.tsx
+var StreamActivityWithStateUpdatesContext = createContext(void 0);
+/**
+* Hook to access the nearest ActivityWithStateUpdates instance.
+*/
+var useActivityWithStateUpdatesContext = () => {
+	return useContext(StreamActivityWithStateUpdatesContext);
 };
-const canLoadComments = (feedOrActivity) => {
-  return "loadNextPageCommentReplies" in feedOrActivity && "loadNextPageActivityComments" in feedOrActivity;
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useActivityComments.ts
+var canLoadComments = (feedOrActivity) => {
+	return "loadNextPageCommentReplies" in feedOrActivity && "loadNextPageActivityComments" in feedOrActivity;
 };
-function useActivityComments({
-  feed: feedFromProps,
-  parentComment,
-  activity: activityFromProps
-} = {}) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const activityFromContext = useActivityWithStateUpdatesContext();
-  const activity = activityFromProps ?? activityFromContext;
-  const feedOrActivity = activity && canLoadComments(activity) ? activity : feed;
-  if (!feedOrActivity) {
-    throw new Error("Feed or activity is required");
-  }
-  if (!canLoadComments(feedOrActivity)) {
-    throw new Error("Feed or activity does not support loading comments");
-  }
-  if (!(activity || parentComment)) {
-    throw new Error("Activity or parent comment is required");
-  }
-  const entityId = parentComment?.id ?? activity?.id ?? "";
-  const selector2 = useCallback(
-    (state) => ({
-      comments: state.comments_by_entity_id?.[entityId]?.comments,
-      comments_pagination: state.comments_by_entity_id?.[entityId]?.pagination
-    }),
-    [entityId]
-  );
-  const data = useStateStore(
-    feedOrActivity.state,
-    selector2
-  );
-  const loadNextPage = useCallback(
-    (request) => {
-      if (parentComment) {
-        return feedOrActivity.loadNextPageCommentReplies(
-          parentComment,
-          request
-        );
-      } else {
-        if (activity && canLoadComments(activity)) {
-          return activity.loadNextPageActivityComments(request);
-        } else if (feed) {
-          return feed.loadNextPageActivityComments(activity?.id ?? "", request);
-        } else {
-          throw new Error("Activity or feed is required");
-        }
-      }
-    },
-    [feedOrActivity, feed, parentComment, activity]
-  );
-  return useMemo(() => {
-    return {
-      ...data,
-      has_next_page: checkHasAnotherPage(
-        data.comments,
-        data.comments_pagination?.next
-      ),
-      is_loading_next_page: data?.comments_pagination?.loading_next_page ?? false,
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+function useActivityComments({ feed: feedFromProps, parentComment, activity: activityFromProps } = {}) {
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const activityFromContext = useActivityWithStateUpdatesContext();
+	const activity = activityFromProps ?? activityFromContext;
+	const feedOrActivity = activity && canLoadComments(activity) ? activity : feed;
+	if (!feedOrActivity) throw new Error("Feed or activity is required");
+	if (!canLoadComments(feedOrActivity)) throw new Error("Feed or activity does not support loading comments");
+	if (!(activity || parentComment)) throw new Error("Activity or parent comment is required");
+	const entityId = parentComment?.id ?? activity?.id ?? "";
+	const selector = useCallback((state) => ({
+		comments: state.comments_by_entity_id?.[entityId]?.comments,
+		comments_pagination: state.comments_by_entity_id?.[entityId]?.pagination
+	}), [entityId]);
+	const data = useStateStore(feedOrActivity.state, selector);
+	const loadNextPage = useCallback((request) => {
+		if (parentComment) return feedOrActivity.loadNextPageCommentReplies(parentComment, request);
+		else if (activity && canLoadComments(activity)) return activity.loadNextPageActivityComments(request);
+		else if (feed) return feed.loadNextPageActivityComments(activity?.id ?? "", request);
+		else throw new Error("Activity or feed is required");
+	}, [
+		feedOrActivity,
+		feed,
+		parentComment,
+		activity
+	]);
+	return useMemo(() => {
+		return {
+			...data,
+			has_next_page: checkHasAnotherPage(data.comments, data.comments_pagination?.next),
+			is_loading_next_page: data?.comments_pagination?.loading_next_page ?? false,
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const useOwnFollowings = (feedFromProps) => {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  return useStateStore(feed?.state, selector$4);
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useOwnFollowings.ts
+/**
+* A React hook that returns a reactive array of feeds that the feeds's owner is following and is owned by the current user.
+*/
+var useOwnFollowings = (feedFromProps) => {
+	const feedFromContext = useFeedContext();
+	return useStateStore((feedFromProps ?? feedFromContext)?.state, selector$4);
 };
-const selector$4 = ({ own_followings }) => ({
-  own_followings
-});
-const selector$3 = ({
-  member_count,
-  members,
-  member_pagination
-}) => ({
-  member_count,
-  members,
-  member_pagination
+var selector$4 = ({ own_followings }) => ({ own_followings });
+//#endregion
+//#region src/bindings/react/hooks/feed-state-hooks/useMembers.ts
+var selector$3 = ({ member_count, members, member_pagination }) => ({
+	member_count,
+	members,
+	member_pagination
 });
 function useMembers(feedFromProps) {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const data = useStateStore(feed?.state, selector$3);
-  const loadNextPage = useCallback(
-    (...options) => feed?.loadNextPageMembers(...options),
-    [feed]
-  );
-  return useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      is_loading_next_page: data.member_pagination?.loading_next_page ?? false,
-      has_next_page: checkHasAnotherPage(
-        data.members,
-        data.member_pagination?.next
-      ),
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = useStateStore(feed?.state, selector$3);
+	const loadNextPage = useCallback((...options) => feed?.loadNextPageMembers(...options), [feed]);
+	return useMemo(() => {
+		if (!data) return;
+		return {
+			...data,
+			is_loading_next_page: data.member_pagination?.loading_next_page ?? false,
+			has_next_page: checkHasAnotherPage(data.members, data.member_pagination?.next),
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const StreamSearchResultsContext = createContext(void 0);
-const useSearchResultsContext = () => {
-  return useContext(StreamSearchResultsContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamSearchResultsContext.tsx
+var StreamSearchResultsContext = createContext(void 0);
+/**
+* Hook to access the nearest SearchSource instance.
+*/
+var useSearchResultsContext = () => {
+	return useContext(StreamSearchResultsContext);
 };
-const useSearchResult = (sourceFromProps) => {
-  const sourceFromContext = useSearchResultsContext();
-  const source = sourceFromProps ?? sourceFromContext;
-  const { items, error, isLoading, hasNext } = useStateStore(source?.state, selector$2) ?? {};
-  const loadMore = useStableCallback(async () => {
-    if (hasNext) {
-      source?.search();
-    }
-  });
-  return useMemo(
-    () => ({ items, error, isLoading, hasNext, loadMore }),
-    [error, hasNext, isLoading, items, loadMore]
-  );
+//#endregion
+//#region src/bindings/react/hooks/search-state-hooks/useSearchResult.ts
+var useSearchResult = (sourceFromProps) => {
+	const sourceFromContext = useSearchResultsContext();
+	const source = sourceFromProps ?? sourceFromContext;
+	const { items, error, isLoading, hasNext } = useStateStore(source?.state, selector$2) ?? {};
+	const loadMore = useStableCallback(async () => {
+		if (hasNext) source?.search();
+	});
+	return useMemo(() => ({
+		items,
+		error,
+		isLoading,
+		hasNext,
+		loadMore
+	}), [
+		error,
+		hasNext,
+		isLoading,
+		items,
+		loadMore
+	]);
 };
-const selector$2 = ({
-  items,
-  isLoading,
-  hasNext,
-  lastQueryError
-}) => ({
-  items,
-  isLoading,
-  hasNext,
-  error: lastQueryError
+var selector$2 = ({ items, isLoading, hasNext, lastQueryError }) => ({
+	items,
+	isLoading,
+	hasNext,
+	error: lastQueryError
 });
-const StreamSearchContext = createContext(void 0);
-const useSearchContext = () => {
-  return useContext(StreamSearchContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamSearchContext.tsx
+var StreamSearchContext = createContext(void 0);
+/**
+* Hook to access the nearest SearchController instance.
+*/
+var useSearchContext = () => {
+	return useContext(StreamSearchContext);
 };
-const useSearchQuery = (controllerFromProps) => {
-  const controllerFromState = useSearchContext();
-  const controller = controllerFromProps ?? controllerFromState;
-  return useStateStore(controller?.state, selector$1);
+//#endregion
+//#region src/bindings/react/hooks/search-state-hooks/useSearchQuery.ts
+var useSearchQuery = (controllerFromProps) => {
+	const controllerFromState = useSearchContext();
+	return useStateStore((controllerFromProps ?? controllerFromState)?.state, selector$1);
 };
-const selector$1 = ({ searchQuery }) => ({
-  searchQuery
-});
-const useSearchSources = (controllerFromProps) => {
-  const controllerFromState = useSearchContext();
-  const controller = controllerFromProps ?? controllerFromState;
-  return useStateStore(controller?.state, selector);
+var selector$1 = ({ searchQuery }) => ({ searchQuery });
+//#endregion
+//#region src/bindings/react/hooks/search-state-hooks/useSearchSources.ts
+var useSearchSources = (controllerFromProps) => {
+	const controllerFromState = useSearchContext();
+	return useStateStore((controllerFromProps ?? controllerFromState)?.state, selector);
 };
-const selector = ({ sources }) => ({
-  sources
-});
-const StreamFeeds = ({ client, children }) => {
-  return /* @__PURE__ */ jsx(StreamFeedsContext.Provider, { value: client, children });
+var selector = ({ sources }) => ({ sources });
+//#endregion
+//#region src/bindings/react/wrappers/StreamFeeds.tsx
+var StreamFeeds = ({ client, children }) => {
+	return /* @__PURE__ */ jsx(StreamFeedsContext.Provider, {
+		value: client,
+		children
+	});
 };
 StreamFeeds.displayName = "StreamFeeds";
-const StreamFeed = ({
-  feed,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(StreamFeedContext.Provider, { value: feed, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamFeed.tsx
+var StreamFeed = ({ feed, children }) => {
+	return /* @__PURE__ */ jsx(StreamFeedContext.Provider, {
+		value: feed,
+		children
+	});
 };
 StreamFeed.displayName = "StreamFeed";
-const StreamActivityWithStateUpdates = ({
-  activityWithStateUpdates,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(StreamActivityWithStateUpdatesContext.Provider, { value: activityWithStateUpdates, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamActivityWithStateUpdates.tsx
+var StreamActivityWithStateUpdates = ({ activityWithStateUpdates, children }) => {
+	return /* @__PURE__ */ jsx(StreamActivityWithStateUpdatesContext.Provider, {
+		value: activityWithStateUpdates,
+		children
+	});
 };
 StreamActivityWithStateUpdates.displayName = "StreamActivityWithStateUpdates";
-const StreamSearch = ({
-  searchController,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(StreamSearchContext.Provider, { value: searchController, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamSearch.tsx
+var StreamSearch = ({ searchController, children }) => {
+	return /* @__PURE__ */ jsx(StreamSearchContext.Provider, {
+		value: searchController,
+		children
+	});
 };
 StreamSearch.displayName = "StreamSearch";
-const StreamSearchResults = ({
-  source,
-  children
-}) => {
-  return /* @__PURE__ */ jsx(StreamSearchResultsContext.Provider, { value: source, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamSearchResults.tsx
+var StreamSearchResults = ({ source, children }) => {
+	return /* @__PURE__ */ jsx(StreamSearchResultsContext.Provider, {
+		value: source,
+		children
+	});
 };
 StreamSearchResults.displayName = "StreamSearchResults";
-export {
-  StreamActivityWithStateUpdates,
-  StreamActivityWithStateUpdatesContext,
-  StreamFeed,
-  StreamFeedContext,
-  StreamFeeds,
-  StreamFeedsContext,
-  StreamSearch,
-  StreamSearchContext,
-  StreamSearchResults,
-  StreamSearchResultsContext,
-  useActivityComments,
-  useActivityWithStateUpdatesContext,
-  useAggregatedActivities,
-  useClientConnectedUser,
-  useComments,
-  useCreateFeedsClient,
-  useFeedActivities,
-  useFeedContext,
-  useFeedMetadata,
-  useFeedsClient,
-  useFollowers,
-  useFollowing,
-  useIsAggregatedActivityRead,
-  useIsAggregatedActivitySeen,
-  useMembers,
-  useNotificationStatus,
-  useOwnCapabilities,
-  useOwnFollowings,
-  useOwnFollows,
-  useSearchContext,
-  useSearchQuery,
-  useSearchResult,
-  useSearchResultsContext,
-  useSearchSources,
-  useWsConnectionState
-};
-//# sourceMappingURL=react-bindings.mjs.map
+//#endregion
+export { StreamActivityWithStateUpdates, StreamActivityWithStateUpdatesContext, StreamFeed, StreamFeedContext, StreamFeeds, StreamFeedsContext, StreamSearch, StreamSearchContext, StreamSearchResults, StreamSearchResultsContext, useActivityComments, useActivityWithStateUpdatesContext, useAggregatedActivities, useClientConnectedUser, useComments, useCreateFeedsClient, useFeedActivities, useFeedContext, useFeedMetadata, useFeedsClient, useFollowers, useFollowing, useIsAggregatedActivityRead, useIsAggregatedActivitySeen, useMembers, useNotificationStatus, useOwnCapabilities, useOwnFollowings, useOwnFollows, useSearchContext, useSearchQuery, useSearchResult, useSearchResultsContext, useSearchSources, useWsConnectionState };
+
+//# sourceMappingURL=react-bindings.mjs.map