@stream-io/feeds-client 1.1.0 → 1.2.0

package/dist/cjs/react-bindings.js

@@ -1,498 +1,500 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactBindings = require("@stream-io/state-store/react-bindings");
-const react = require("react");
-const feedsClient = require("../feeds-client-C1c6lcS3.js");
-const jsxRuntime = require("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] = react.useState(null);
-  const [error, setError] = react.useState(null);
-  const [cachedUserData, setCachedUserData] = react.useState(userData);
-  const [cachedOptions] = react.useState(options);
-  if (error) {
-    throw error;
-  }
-  if (userData?.id !== cachedUserData?.id) {
-    setCachedUserData(userData);
-  }
-  react.useEffect(() => {
-    const _client = new feedsClient.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 require_feeds_client = require("../feeds-client-BP0fE4NZ.js");
+let _stream_io_state_store_react_bindings = require("@stream-io/state-store/react-bindings");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#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] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)(null);
+	const [cachedUserData, setCachedUserData] = (0, react.useState)(userData);
+	const [cachedOptions] = (0, react.useState)(options);
+	if (error) throw error;
+	if (userData?.id !== cachedUserData?.id) setCachedUserData(userData);
+	(0, react.useEffect)(() => {
+		const _client = new require_feeds_client.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 = react.createContext(void 0);
-const useFeedsClient = () => {
-  return react.useContext(StreamFeedsContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamFeedsContext.tsx
+var StreamFeedsContext = (0, react.createContext)(void 0);
+/**
+* Hook to access the nearest FeedsClient instance.
+*/
+var useFeedsClient = () => {
+	return (0, react.useContext)(StreamFeedsContext);
 };
-const useClientConnectedUser = () => {
-  const client = useFeedsClient();
-  const { user } = reactBindings.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 } = (0, _stream_io_state_store_react_bindings.useStateStore)(useFeedsClient()?.state, selector$14) ?? {};
+	return user;
 };
-const selector$e = (nextState) => ({
-  user: nextState.connected_user
-});
-const useWsConnectionState = () => {
-  const client = useFeedsClient();
-  const { is_healthy } = reactBindings.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 } = (0, _stream_io_state_store_react_bindings.useStateStore)(useFeedsClient()?.state, selector$13) ?? {};
+	return { is_healthy };
 };
-const selector$d = (nextState) => ({
-  is_healthy: nextState.is_ws_connection_healthy
-});
-const StreamFeedContext = react.createContext(void 0);
-const useFeedContext = () => {
-  return react.useContext(StreamFeedContext);
+var selector$13 = (nextState) => ({ is_healthy: nextState.is_ws_connection_healthy });
+//#endregion
+//#region src/bindings/react/contexts/StreamFeedContext.tsx
+var StreamFeedContext = (0, react.createContext)(void 0);
+/**
+* Hook to access the nearest Feed instance.
+*/
+var useFeedContext = () => {
+	return (0, react.useContext)(StreamFeedContext);
 };
-const useStableCallback = (callback) => {
-  const ref = react.useRef(callback);
-  ref.current = callback;
-  return react.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 = (0, react.useRef)(callback);
+	ref.current = callback;
+	return (0, react.useCallback)((...args) => {
+		return ref.current(...args);
+	}, []);
 };
-const useFeedActivities = (feedFromProps) => {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  const data = reactBindings.useStateStore(feed?.state, selector$c);
-  const loadNextPage = useStableCallback(async () => {
-    if (!feed || !data?.has_next_page || data?.is_loading) {
-      return;
-    }
-    await feed.getNextPage();
-  });
-  return react.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 = (0, _stream_io_state_store_react_bindings.useStateStore)(feed?.state, selector$12);
+	const loadNextPage = useStableCallback(async () => {
+		if (!feed || !data?.has_next_page || data?.is_loading) return;
+		await feed.getNextPage();
+	});
+	return (0, react.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 = react.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 = reactBindings.useStateStore(feed?.state, selector2);
-  const loadNextPage = react.useMemo(() => {
-    if (!feed) return void 0;
-    return (request) => {
-      if (feedsClient.isCommentResponse(parent)) {
-        return feed.loadNextPageCommentReplies(parent, request);
-      } else {
-        return feed.loadNextPageActivityComments(parent, request);
-      }
-    };
-  }, [feed, parent]);
-  return react.useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      has_next_page: feedsClient.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 = (0, react.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 = (0, _stream_io_state_store_react_bindings.useStateStore)(feed?.state, selector);
+	const loadNextPage = (0, react.useMemo)(() => {
+		if (!feed) return void 0;
+		return (request) => {
+			if (require_feeds_client.isCommentResponse(parent)) return feed.loadNextPageCommentReplies(parent, request);
+			else return feed.loadNextPageActivityComments(parent, request);
+		};
+	}, [feed, parent]);
+	return (0, react.useMemo)(() => {
+		if (!data) return;
+		return {
+			...data,
+			has_next_page: require_feeds_client.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 } = reactBindings.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 } = (0, _stream_io_state_store_react_bindings.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 = reactBindings.useStateStore(feed?.state, selector$a);
-  const loadNextPage = react.useCallback(
-    (...options) => feed?.loadNextPageFollowers(...options),
-    [feed]
-  );
-  return react.useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      is_loading_next_page: data.followers_pagination?.loading_next_page ?? false,
-      has_next_page: feedsClient.checkHasAnotherPage(
-        data.followers,
-        data.followers_pagination?.next
-      ),
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = (0, _stream_io_state_store_react_bindings.useStateStore)(feed?.state, selector$10);
+	const loadNextPage = (0, react.useCallback)((...options) => feed?.loadNextPageFollowers(...options), [feed]);
+	return (0, react.useMemo)(() => {
+		if (!data) return;
+		return {
+			...data,
+			is_loading_next_page: data.followers_pagination?.loading_next_page ?? false,
+			has_next_page: require_feeds_client.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 = reactBindings.useStateStore(feed?.state, selector$9);
-  const loadNextPage = react.useCallback(
-    (...options) => feed?.loadNextPageFollowing(...options),
-    [feed]
-  );
-  return react.useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      is_loading_next_page: data.following_pagination?.loading_next_page ?? false,
-      has_next_page: feedsClient.checkHasAnotherPage(
-        data.following,
-        data.following_pagination?.next
-      ),
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = (0, _stream_io_state_store_react_bindings.useStateStore)(feed?.state, selector$9);
+	const loadNextPage = (0, react.useCallback)((...options) => feed?.loadNextPageFollowing(...options), [feed]);
+	return (0, react.useMemo)(() => {
+		if (!data) return;
+		return {
+			...data,
+			is_loading_next_page: data.following_pagination?.loading_next_page ?? false,
+			has_next_page: require_feeds_client.checkHasAnotherPage(data.following, data.following_pagination?.next),
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const useFeedMetadata = (feedFromProps) => {
-  const feedFromContext = useFeedContext();
-  const feed = feedFromProps ?? feedFromContext;
-  return reactBindings.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 (0, _stream_io_state_store_react_bindings.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 reactBindings.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 (0, _stream_io_state_store_react_bindings.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 reactBindings.useStateStore(feed?.state, selector$6);
+	const feedFromContext = useFeedContext();
+	return (0, _stream_io_state_store_react_bindings.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 = reactBindings.useStateStore(feed?.state, selector$5);
-  const loadNextPage = useStableCallback(async () => {
-    if (!feed || !data?.has_next_page || data?.is_loading) {
-      return;
-    }
-    await feed.getNextPage();
-  });
-  return react.useMemo(
-    () => data ? { ...data, loadNextPage } : void 0,
-    [data, loadNextPage]
-  );
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = (0, _stream_io_state_store_react_bindings.useStateStore)(feed?.state, selector$5);
+	const loadNextPage = useStableCallback(async () => {
+		if (!feed || !data?.has_next_page || data?.is_loading) return;
+		await feed.getNextPage();
+	});
+	return (0, react.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 = react.createContext(void 0);
-const useActivityWithStateUpdatesContext = () => {
-  return react.useContext(StreamActivityWithStateUpdatesContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamActivityWithStateUpdatesContext.tsx
+var StreamActivityWithStateUpdatesContext = (0, react.createContext)(void 0);
+/**
+* Hook to access the nearest ActivityWithStateUpdates instance.
+*/
+var useActivityWithStateUpdatesContext = () => {
+	return (0, react.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 = react.useCallback(
-    (state) => ({
-      comments: state.comments_by_entity_id?.[entityId]?.comments,
-      comments_pagination: state.comments_by_entity_id?.[entityId]?.pagination
-    }),
-    [entityId]
-  );
-  const data = reactBindings.useStateStore(
-    feedOrActivity.state,
-    selector2
-  );
-  const loadNextPage = react.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 react.useMemo(() => {
-    return {
-      ...data,
-      has_next_page: feedsClient.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 = (0, react.useCallback)((state) => ({
+		comments: state.comments_by_entity_id?.[entityId]?.comments,
+		comments_pagination: state.comments_by_entity_id?.[entityId]?.pagination
+	}), [entityId]);
+	const data = (0, _stream_io_state_store_react_bindings.useStateStore)(feedOrActivity.state, selector);
+	const loadNextPage = (0, react.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 (0, react.useMemo)(() => {
+		return {
+			...data,
+			has_next_page: require_feeds_client.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 reactBindings.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 (0, _stream_io_state_store_react_bindings.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 = reactBindings.useStateStore(feed?.state, selector$3);
-  const loadNextPage = react.useCallback(
-    (...options) => feed?.loadNextPageMembers(...options),
-    [feed]
-  );
-  return react.useMemo(() => {
-    if (!data) {
-      return void 0;
-    }
-    return {
-      ...data,
-      is_loading_next_page: data.member_pagination?.loading_next_page ?? false,
-      has_next_page: feedsClient.checkHasAnotherPage(
-        data.members,
-        data.member_pagination?.next
-      ),
-      loadNextPage
-    };
-  }, [data, loadNextPage]);
+	const feedFromContext = useFeedContext();
+	const feed = feedFromProps ?? feedFromContext;
+	const data = (0, _stream_io_state_store_react_bindings.useStateStore)(feed?.state, selector$3);
+	const loadNextPage = (0, react.useCallback)((...options) => feed?.loadNextPageMembers(...options), [feed]);
+	return (0, react.useMemo)(() => {
+		if (!data) return;
+		return {
+			...data,
+			is_loading_next_page: data.member_pagination?.loading_next_page ?? false,
+			has_next_page: require_feeds_client.checkHasAnotherPage(data.members, data.member_pagination?.next),
+			loadNextPage
+		};
+	}, [data, loadNextPage]);
 }
-const StreamSearchResultsContext = react.createContext(void 0);
-const useSearchResultsContext = () => {
-  return react.useContext(StreamSearchResultsContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamSearchResultsContext.tsx
+var StreamSearchResultsContext = (0, react.createContext)(void 0);
+/**
+* Hook to access the nearest SearchSource instance.
+*/
+var useSearchResultsContext = () => {
+	return (0, react.useContext)(StreamSearchResultsContext);
 };
-const useSearchResult = (sourceFromProps) => {
-  const sourceFromContext = useSearchResultsContext();
-  const source = sourceFromProps ?? sourceFromContext;
-  const { items, error, isLoading, hasNext } = reactBindings.useStateStore(source?.state, selector$2) ?? {};
-  const loadMore = useStableCallback(async () => {
-    if (hasNext) {
-      source?.search();
-    }
-  });
-  return react.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 } = (0, _stream_io_state_store_react_bindings.useStateStore)(source?.state, selector$2) ?? {};
+	const loadMore = useStableCallback(async () => {
+		if (hasNext) source?.search();
+	});
+	return (0, react.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 = react.createContext(void 0);
-const useSearchContext = () => {
-  return react.useContext(StreamSearchContext);
+//#endregion
+//#region src/bindings/react/contexts/StreamSearchContext.tsx
+var StreamSearchContext = (0, react.createContext)(void 0);
+/**
+* Hook to access the nearest SearchController instance.
+*/
+var useSearchContext = () => {
+	return (0, react.useContext)(StreamSearchContext);
 };
-const useSearchQuery = (controllerFromProps) => {
-  const controllerFromState = useSearchContext();
-  const controller = controllerFromProps ?? controllerFromState;
-  return reactBindings.useStateStore(controller?.state, selector$1);
+//#endregion
+//#region src/bindings/react/hooks/search-state-hooks/useSearchQuery.ts
+var useSearchQuery = (controllerFromProps) => {
+	const controllerFromState = useSearchContext();
+	return (0, _stream_io_state_store_react_bindings.useStateStore)((controllerFromProps ?? controllerFromState)?.state, selector$1);
 };
-const selector$1 = ({ searchQuery }) => ({
-  searchQuery
-});
-const useSearchSources = (controllerFromProps) => {
-  const controllerFromState = useSearchContext();
-  const controller = controllerFromProps ?? controllerFromState;
-  return reactBindings.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 (0, _stream_io_state_store_react_bindings.useStateStore)((controllerFromProps ?? controllerFromState)?.state, selector);
 };
-const selector = ({ sources }) => ({
-  sources
-});
-const StreamFeeds = ({ client, children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StreamFeedsContext.Provider, { value: client, children });
+var selector = ({ sources }) => ({ sources });
+//#endregion
+//#region src/bindings/react/wrappers/StreamFeeds.tsx
+var StreamFeeds = ({ client, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamFeedsContext.Provider, {
+		value: client,
+		children
+	});
 };
 StreamFeeds.displayName = "StreamFeeds";
-const StreamFeed = ({
-  feed,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StreamFeedContext.Provider, { value: feed, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamFeed.tsx
+var StreamFeed = ({ feed, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamFeedContext.Provider, {
+		value: feed,
+		children
+	});
 };
 StreamFeed.displayName = "StreamFeed";
-const StreamActivityWithStateUpdates = ({
-  activityWithStateUpdates,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StreamActivityWithStateUpdatesContext.Provider, { value: activityWithStateUpdates, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamActivityWithStateUpdates.tsx
+var StreamActivityWithStateUpdates = ({ activityWithStateUpdates, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamActivityWithStateUpdatesContext.Provider, {
+		value: activityWithStateUpdates,
+		children
+	});
 };
 StreamActivityWithStateUpdates.displayName = "StreamActivityWithStateUpdates";
-const StreamSearch = ({
-  searchController,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StreamSearchContext.Provider, { value: searchController, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamSearch.tsx
+var StreamSearch = ({ searchController, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamSearchContext.Provider, {
+		value: searchController,
+		children
+	});
 };
 StreamSearch.displayName = "StreamSearch";
-const StreamSearchResults = ({
-  source,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(StreamSearchResultsContext.Provider, { value: source, children });
+//#endregion
+//#region src/bindings/react/wrappers/StreamSearchResults.tsx
+var StreamSearchResults = ({ source, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StreamSearchResultsContext.Provider, {
+		value: source,
+		children
+	});
 };
 StreamSearchResults.displayName = "StreamSearchResults";
+//#endregion
 exports.StreamActivityWithStateUpdates = StreamActivityWithStateUpdates;
 exports.StreamActivityWithStateUpdatesContext = StreamActivityWithStateUpdatesContext;
 exports.StreamFeed = StreamFeed;
@@ -528,10 +530,13 @@ exports.useSearchResult = useSearchResult;
 exports.useSearchResultsContext = useSearchResultsContext;
 exports.useSearchSources = useSearchSources;
 exports.useWsConnectionState = useWsConnectionState;
-Object.keys(reactBindings).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: () => reactBindings[k]
-  });
+Object.keys(_stream_io_state_store_react_bindings).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return _stream_io_state_store_react_bindings[k];
+		}
+	});
 });
-//# sourceMappingURL=react-bindings.js.map
+
+//# sourceMappingURL=react-bindings.js.map