@stream-io/feeds-client 0.1.4 → 0.1.6

package/dist/index-react-bindings.browser.js

@@ -1,4 +1,4 @@
-import { useCallback, useMemo, useSyncExternalStore, createContext, useContext, useState, useEffect } from 'react';
+import { useCallback, useMemo, useSyncExternalStore, useState, useEffect, createContext, useContext, useRef } from 'react';
 import axios from 'axios';
 import { jsx } from 'react/jsx-runtime';
 
@@ -273,122 +273,6 @@ function useStateStore(store, selector) {
     return state;
 }
 
-const useComments = (feed, 
-/**
- * The parent (activity or comment) for which to fetch comments.
- */
-parent) => {
-    const selector = useCallback((state) => ({
-        comments: state.comments_by_entity_id?.[parent.id]?.comments ?? [],
-        comment_pagination: state.comments_by_entity_id?.[parent.id]?.pagination,
-    }), [parent.id]);
-    return useStateStore(feed.state, selector);
-};
-
-const FeedOwnCapability = {
-    ADD_ACTIVITY: 'add-activity',
-    ADD_ACTIVITY_REACTION: 'add-activity-reaction',
-    ADD_COMMENT: 'add-comment',
-    ADD_COMMENT_REACTION: 'add-comment-reaction',
-    BOOKMARK_ACTIVITY: 'bookmark-activity',
-    CREATE_FEED: 'create-feed',
-    DELETE_BOOKMARK: 'delete-bookmark',
-    DELETE_COMMENT: 'delete-comment',
-    DELETE_FEED: 'delete-feed',
-    EDIT_BOOKMARK: 'edit-bookmark',
-    FOLLOW: 'follow',
-    INVITE_FEED: 'invite-feed',
-    JOIN_FEED: 'join-feed',
-    LEAVE_FEED: 'leave-feed',
-    MANAGE_FEED_GROUP: 'manage-feed-group',
-    MARK_ACTIVITY: 'mark-activity',
-    PIN_ACTIVITY: 'pin-activity',
-    QUERY_FEED_MEMBERS: 'query-feed-members',
-    QUERY_FOLLOWS: 'query-follows',
-    READ_ACTIVITIES: 'read-activities',
-    READ_FEED: 'read-feed',
-    REMOVE_ACTIVITY: 'remove-activity',
-    REMOVE_ACTIVITY_REACTION: 'remove-activity-reaction',
-    REMOVE_COMMENT_REACTION: 'remove-comment-reaction',
-    UNFOLLOW: 'unfollow',
-    UPDATE_ACTIVITY: 'update-activity',
-    UPDATE_COMMENT: 'update-comment',
-    UPDATE_FEED: 'update-feed',
-    UPDATE_FEED_FOLLOWERS: 'update-feed-followers',
-    UPDATE_FEED_MEMBERS: 'update-feed-members',
-};
-
-const stableEmptyArray = [];
-const selector = (currentState) => ({
-    oc: currentState.own_capabilities ?? stableEmptyArray,
-});
-const useOwnCapabilities = (feed) => {
-    const { oc = stableEmptyArray } = useStateStore(feed?.state, selector) ?? {};
-    return useMemo(() => ({
-        canAddActivity: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY) > -1,
-        canAddActivityReaction: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY_REACTION) > -1,
-        canAddComment: oc.indexOf(FeedOwnCapability.ADD_COMMENT) > -1,
-        canAddCommentReaction: oc.indexOf(FeedOwnCapability.ADD_COMMENT_REACTION) > -1,
-        canBookmarkActivity: oc.indexOf(FeedOwnCapability.BOOKMARK_ACTIVITY) > -1,
-        canCreateFeed: oc.indexOf(FeedOwnCapability.CREATE_FEED) > -1,
-        canDeleteBookmark: oc.indexOf(FeedOwnCapability.DELETE_BOOKMARK) > -1,
-        canDeleteComment: oc.indexOf(FeedOwnCapability.DELETE_COMMENT) > -1,
-        canDeleteFeed: oc.indexOf(FeedOwnCapability.DELETE_FEED) > -1,
-        canEditBookmark: oc.indexOf(FeedOwnCapability.EDIT_BOOKMARK) > -1,
-        canFollow: oc.indexOf(FeedOwnCapability.FOLLOW) > -1,
-        canRemoveActivity: oc.indexOf(FeedOwnCapability.REMOVE_ACTIVITY) > -1,
-        canRemoveActivityReaction: oc.indexOf(FeedOwnCapability.REMOVE_ACTIVITY_REACTION) > -1,
-        canRemoveCommentReaction: oc.indexOf(FeedOwnCapability.REMOVE_COMMENT_REACTION) > -1,
-        canUnfollow: oc.indexOf(FeedOwnCapability.UNFOLLOW) > -1,
-        canUpdateFeed: oc.indexOf(FeedOwnCapability.UPDATE_FEED) > -1,
-        canInviteFeed: oc.indexOf(FeedOwnCapability.INVITE_FEED) > -1,
-        canJoinFeed: oc.indexOf(FeedOwnCapability.JOIN_FEED) > -1,
-        canLeaveFeed: oc.indexOf(FeedOwnCapability.LEAVE_FEED) > -1,
-        canManageFeedGroup: oc.indexOf(FeedOwnCapability.MANAGE_FEED_GROUP) > -1,
-        canMarkActivity: oc.indexOf(FeedOwnCapability.MARK_ACTIVITY) > -1,
-        canPinActivity: oc.indexOf(FeedOwnCapability.PIN_ACTIVITY) > -1,
-        canQueryFeedMembers: oc.indexOf(FeedOwnCapability.QUERY_FEED_MEMBERS) > -1,
-        canQueryFollows: oc.indexOf(FeedOwnCapability.QUERY_FOLLOWS) > -1,
-        canReadActivities: oc.indexOf(FeedOwnCapability.READ_ACTIVITIES) > -1,
-        canReadFeed: oc.indexOf(FeedOwnCapability.READ_FEED) > -1,
-        canUpdateActivity: oc.indexOf(FeedOwnCapability.UPDATE_ACTIVITY) > -1,
-        canUpdateComment: oc.indexOf(FeedOwnCapability.UPDATE_COMMENT) > -1,
-        canUpdateFeedFollowers: oc.indexOf(FeedOwnCapability.UPDATE_FEED_FOLLOWERS) > -1,
-        canUpdateFeedMembers: oc.indexOf(FeedOwnCapability.UPDATE_FEED_MEMBERS) > -1,
-    }), [oc]);
-};
-
-const StreamFeedsContext = createContext(undefined);
-/**
- * Hook to access the nearest FeedsClient instance.
- */
-const useFeedsClient = () => {
-    return useContext(StreamFeedsContext);
-};
-
-/**
- * A React hook that returns the currently connected user on a `FeedsClient` instance and null otherwise.
- */
-const useClientConnectedUser = () => {
-    const client = useFeedsClient();
-    const { user } = useStateStore(client?.state, clientConnectedUserSelector) ?? {};
-    return user;
-};
-/**
- * A React hook that returns the websocket connection state of `FeedsClient`.
- */
-const useWsConnectionState = () => {
-    const client = useFeedsClient();
-    const { isHealthy } = useStateStore(client?.state, wsConnectionStateSelector) ?? {};
-    return { isHealthy };
-};
-const clientConnectedUserSelector = (nextState) => ({
-    user: nextState.connectedUser,
-});
-const wsConnectionStateSelector = (nextState) => ({
-    isHealthy: nextState.isWsConnectionHealthy,
-});
-
 const decoders = {};
 const decodeDatetimeType = (input) => typeof input === 'number'
     ? new Date(Math.floor(input / 1000000))
@@ -2833,6 +2717,13 @@ function removeConnectionEventListeners(cb) {
         window.removeEventListener('online', cb);
     }
 }
+const streamDevToken = (userId) => {
+    return [
+        'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9', // {"alg": "HS256", "typ": "JWT"}
+        window.btoa(JSON.stringify({ user_id: userId })),
+        'devtoken', // hardcoded signature
+    ].join('.');
+};
 const capitalize = (s) => {
     return `${s.charAt(0).toLocaleUpperCase()}${s.slice(1)}`;
 };
@@ -2890,7 +2781,7 @@ class TokenManager {
                         }
                         catch (e) {
                             const numberOfFailures = ++previousFailuresCount;
-                            await sleep(retryInterval(numberOfFailures));
+                            await sleep(1000);
                             if (numberOfFailures === 3) {
                                 this.loadTokenPromise = null;
                                 return reject(new Error(`Stream error: tried to get token ${numberOfFailures} times, but it failed with ${e}. Check your token provider`, { cause: e }));
@@ -3103,7 +2994,10 @@ class StableWSConnection {
         this.onmessage = (wsID, event) => {
             if (this.wsID !== wsID)
                 return;
-            this._log('onmessage() - onmessage callback', { event, wsID });
+            this._log('onmessage() - onmessage callback', {
+                event: { ...event, data: JSON.parse(event.data) },
+                wsID,
+            });
             let data = typeof event.data === 'string' ? JSON.parse(event.data) : null;
             this.decoders.forEach((decode) => {
                 data = decode(data);
@@ -3735,7 +3629,7 @@ class ApiClient {
                 rate_limit: getRateLimitFromResponseHeader(response_headers),
             };
         };
-        this.baseUrl = options?.base_url ?? 'https://video.stream-io-api.com';
+        this.baseUrl = options?.base_url ?? 'https://feeds.stream-io-api.com';
         this.timeout = options?.timeout ?? 3000;
         this.axiosInstance = axios.create({
             baseURL: this.baseUrl,
@@ -4029,6 +3923,13 @@ const removeReactionFromActivities = (event, activities, isCurrentUser) => {
     return updateActivityInActivities$1(updatedActivity, activities);
 };
 
+// Helper function to check if two bookmarks are the same
+// A bookmark is identified by activity_id + folder_id + user_id
+const isSameBookmark = (bookmark1, bookmark2) => {
+    return (bookmark1.user.id === bookmark2.user.id &&
+        bookmark1.activity.id === bookmark2.activity.id &&
+        bookmark1.folder?.id === bookmark2.folder?.id);
+};
 const updateActivityInActivities = (updatedActivity, activities) => {
     const index = activities.findIndex((a) => a.id === updatedActivity.id);
     if (index !== -1) {
@@ -4055,8 +3956,7 @@ const addBookmarkToActivity = (event, activity, isCurrentUser) => {
 const removeBookmarkFromActivity = (event, activity, isCurrentUser) => {
     // Update own_bookmarks if the bookmark is from the current user
     const ownBookmarks = isCurrentUser
-        ? (activity.own_bookmarks || []).filter((bookmark) => bookmark.user.id !== event.bookmark.user.id ||
-            bookmark.activity.id !== event.bookmark.activity.id)
+        ? (activity.own_bookmarks || []).filter((bookmark) => !isSameBookmark(bookmark, event.bookmark))
         : activity.own_bookmarks;
     return {
         ...activity,
@@ -4068,8 +3968,7 @@ const updateBookmarkInActivity = (event, activity, isCurrentUser) => {
     // Update own_bookmarks if the bookmark is from the current user
     let ownBookmarks = activity.own_bookmarks || [];
     if (isCurrentUser) {
-        const bookmarkIndex = ownBookmarks.findIndex((bookmark) => bookmark.user.id === event.bookmark.user.id &&
-            bookmark.activity.id === event.bookmark.activity.id);
+        const bookmarkIndex = ownBookmarks.findIndex((bookmark) => isSameBookmark(bookmark, event.bookmark));
         if (bookmarkIndex !== -1) {
             ownBookmarks = [...ownBookmarks];
             ownBookmarks[bookmarkIndex] = event.bookmark;
@@ -4118,8 +4017,15 @@ const updateBookmarkInActivities = (event, activities, isCurrentUser) => {
     return updateActivityInActivities(updatedActivity, activities);
 };
 
-const END_OF_LIST = 'eol';
-const DEFAULT_COMMENT_PAGINATION = 'first';
+const checkHasAnotherPage = (v, cursor) => (typeof v === 'undefined' && typeof cursor === 'undefined') ||
+    typeof cursor === 'string';
+const isCommentResponse = (entity) => {
+    return typeof entity?.object_id === 'string';
+};
+const Constants = {
+    DEFAULT_COMMENT_PAGINATION: 'first',
+};
+
 class Feed extends FeedApi {
     constructor(client, groupId, id, data) {
         // Need this ugly cast because fileUpload endpoints :(
@@ -4144,7 +4050,7 @@ class Feed extends FeedApi {
             },
             'feeds.activity.reaction.added': (event) => {
                 const currentActivities = this.currentState.activities;
-                const connectedUser = this.client.state.getLatestValue().connectedUser;
+                const connectedUser = this.client.state.getLatestValue().connected_user;
                 const isCurrentUser = Boolean(connectedUser && event.reaction.user.id === connectedUser.id);
                 const result = addReactionToActivities(event, currentActivities, isCurrentUser);
                 if (result.changed) {
@@ -4153,7 +4059,7 @@ class Feed extends FeedApi {
             },
             'feeds.activity.reaction.deleted': (event) => {
                 const currentActivities = this.currentState.activities;
-                const connectedUser = this.client.state.getLatestValue().connectedUser;
+                const connectedUser = this.client.state.getLatestValue().connected_user;
                 const isCurrentUser = Boolean(connectedUser && event.reaction.user.id === connectedUser.id);
                 const result = removeReactionFromActivities(event, currentActivities, isCurrentUser);
                 if (result.changed) {
@@ -4192,7 +4098,7 @@ class Feed extends FeedApi {
                     const entityState = currentState.comments_by_entity_id[forId];
                     const newComments = entityState?.comments?.concat([]) ?? [];
                     if (entityState?.pagination?.sort === 'last' &&
-                        entityState?.pagination.next === END_OF_LIST) {
+                        !checkHasAnotherPage(entityState.comments, entityState?.pagination.next)) {
                         newComments.unshift(comment);
                     }
                     else if (entityState?.pagination?.sort === 'first') {
@@ -4279,7 +4185,7 @@ class Feed extends FeedApi {
                             ...currentState,
                             ...event.follow.source_feed,
                         };
-                        if (currentState.following_pagination?.next === END_OF_LIST) {
+                        if (!checkHasAnotherPage(currentState.following, currentState.following_pagination?.next)) {
                             // TODO: respect sort
                             newState.following = currentState.following
                                 ? currentState.following.concat(event.follow)
@@ -4292,7 +4198,7 @@ class Feed extends FeedApi {
                 // someone followed this feed
                 event.follow.target_feed.fid === this.fid) {
                     const source = event.follow.source_feed;
-                    const connectedUser = this.client.state.getLatestValue().connectedUser;
+                    const connectedUser = this.client.state.getLatestValue().connected_user;
                     this.state.next((currentState) => {
                         const newState = { ...currentState, ...event.follow.target_feed };
                         if (source.created_by.id === connectedUser?.id) {
@@ -4300,7 +4206,7 @@ class Feed extends FeedApi {
                                 ? currentState.own_follows.concat(event.follow)
                                 : [event.follow];
                         }
-                        if (currentState.followers_pagination?.next === END_OF_LIST) {
+                        if (!checkHasAnotherPage(currentState.followers, currentState.followers_pagination?.next)) {
                             // TODO: respect sort
                             newState.followers = currentState.followers
                                 ? currentState.followers.concat(event.follow)
@@ -4325,7 +4231,7 @@ class Feed extends FeedApi {
                 // someone unfollowed this feed
                 event.follow.target_feed.fid === this.fid) {
                     const source = event.follow.source_feed;
-                    const connectedUser = this.client.state.getLatestValue().connectedUser;
+                    const connectedUser = this.client.state.getLatestValue().connected_user;
                     this.state.next((currentState) => {
                         const newState = { ...currentState, ...event.follow.target_feed };
                         if (source.created_by.id === connectedUser?.id) {
@@ -4341,40 +4247,60 @@ class Feed extends FeedApi {
             'feeds.comment.reaction.deleted': this.handleCommentReactionEvent.bind(this),
             'feeds.comment.reaction.updated': Feed.noop,
             'feeds.feed_member.added': (event) => {
-                const { member } = event;
-                // do not add a member if the pagination has reached the end of the list
-                if (this.currentState.member_pagination?.next !== END_OF_LIST)
-                    return;
+                const { connected_user: connectedUser } = this.client.state.getLatestValue();
                 this.state.next((currentState) => {
-                    return {
-                        ...currentState,
-                        // TODO: respect sort
-                        members: currentState.members
-                            ? currentState.members.concat(member)
-                            : [member],
-                    };
+                    let newState;
+                    if (!checkHasAnotherPage(currentState.members, currentState.member_pagination?.next)) {
+                        newState ?? (newState = {
+                            ...currentState,
+                        });
+                        newState.members = newState.members?.concat(event.member) ?? [
+                            event.member,
+                        ];
+                    }
+                    if (connectedUser?.id === event.member.user.id) {
+                        newState ?? (newState = {
+                            ...currentState,
+                        });
+                        newState.own_membership = event.member;
+                    }
+                    return newState ?? currentState;
                 });
             },
             'feeds.feed_member.removed': (event) => {
+                const { connected_user: connectedUser } = this.client.state.getLatestValue();
                 this.state.next((currentState) => {
-                    return {
+                    const newState = {
                         ...currentState,
                         members: currentState.members?.filter((member) => member.user.id !== event.user?.id),
                     };
+                    if (connectedUser?.id === event.member_id) {
+                        delete newState.own_membership;
+                    }
+                    return newState;
                 });
             },
             'feeds.feed_member.updated': (event) => {
+                const { connected_user: connectedUser } = this.client.state.getLatestValue();
                 this.state.next((currentState) => {
                     const memberIndex = currentState.members?.findIndex((member) => member.user.id === event.member.user.id) ?? -1;
+                    let newState;
                     if (memberIndex !== -1) {
+                        // if there's an index, there's a member to update
                         const newMembers = [...currentState.members];
                         newMembers[memberIndex] = event.member;
-                        return {
+                        newState ?? (newState = {
                             ...currentState,
-                            members: newMembers,
-                        };
+                        });
+                        newState.members = newMembers;
                     }
-                    return currentState;
+                    if (connectedUser?.id === event.member.user.id) {
+                        newState ?? (newState = {
+                            ...currentState,
+                        });
+                        newState.own_membership = event.member;
+                    }
+                    return newState ?? currentState;
                 });
             },
             // the poll events should be removed from here
@@ -4420,7 +4346,7 @@ class Feed extends FeedApi {
     }
     handleCommentReactionEvent(event) {
         const { comment, reaction } = event;
-        const connectedUser = this.client.state.getLatestValue().connectedUser;
+        const connectedUser = this.client.state.getLatestValue().connected_user;
         this.state.next((currentState) => {
             const forId = comment.parent_id ?? comment.object_id;
             const entityState = currentState.comments_by_entity_id[forId];
@@ -4500,29 +4426,6 @@ class Feed extends FeedApi {
                         ...currentState,
                         ...responseCopy,
                     };
-                    // if there is no next cursor, set it to END_OF_LIST
-                    // request has to have a limit set for this to work
-                    if ((request?.followers_pagination?.limit ?? 0) > 0 &&
-                        typeof nextState.followers_pagination?.next === 'undefined') {
-                        nextState.followers_pagination = {
-                            ...nextState.followers_pagination,
-                            next: END_OF_LIST,
-                        };
-                    }
-                    if ((request?.following_pagination?.limit ?? 0) > 0 &&
-                        typeof nextState.following_pagination?.next === 'undefined') {
-                        nextState.following_pagination = {
-                            ...nextState.following_pagination,
-                            next: END_OF_LIST,
-                        };
-                    }
-                    if ((request?.member_pagination?.limit ?? 0) > 0 &&
-                        typeof nextState.member_pagination?.next === 'undefined') {
-                        nextState.member_pagination = {
-                            ...nextState.member_pagination,
-                            next: END_OF_LIST,
-                        };
-                    }
                     if (!request?.followers_pagination?.limit) {
                         delete nextState.followers;
                     }
@@ -4545,7 +4448,7 @@ class Feed extends FeedApi {
     }
     handleBookmarkAdded(event) {
         const currentActivities = this.currentState.activities;
-        const { connectedUser } = this.client.state.getLatestValue();
+        const { connected_user: connectedUser } = this.client.state.getLatestValue();
         const isCurrentUser = event.bookmark.user.id === connectedUser?.id;
         const result = addBookmarkToActivities(event, currentActivities, isCurrentUser);
         if (result.changed) {
@@ -4554,7 +4457,7 @@ class Feed extends FeedApi {
     }
     handleBookmarkDeleted(event) {
         const currentActivities = this.currentState.activities;
-        const { connectedUser } = this.client.state.getLatestValue();
+        const { connected_user: connectedUser } = this.client.state.getLatestValue();
         const isCurrentUser = event.bookmark.user.id === connectedUser?.id;
         const result = removeBookmarkFromActivities(event, currentActivities, isCurrentUser);
         if (result.changed) {
@@ -4563,7 +4466,7 @@ class Feed extends FeedApi {
     }
     handleBookmarkUpdated(event) {
         const currentActivities = this.currentState.activities;
-        const { connectedUser } = this.client.state.getLatestValue();
+        const { connected_user: connectedUser } = this.client.state.getLatestValue();
         const isCurrentUser = event.bookmark.user.id === connectedUser?.id;
         const result = updateBookmarkInActivities(event, currentActivities, isCurrentUser);
         if (result.changed) {
@@ -4613,6 +4516,7 @@ class Feed extends FeedApi {
         });
     }
     async loadNextPageComments({ forId, base, sort, parentId, }) {
+        let error;
         try {
             this.state.next((currentState) => ({
                 ...currentState,
@@ -4627,7 +4531,7 @@ class Feed extends FeedApi {
                     },
                 },
             }));
-            const { next: newNextCursor = END_OF_LIST, comments } = await base();
+            const { next: newNextCursor, comments } = await base();
             this.state.next((currentState) => {
                 const newPagination = {
                     ...currentState.comments_by_entity_id[forId]?.pagination,
@@ -4652,9 +4556,8 @@ class Feed extends FeedApi {
                 };
             });
         }
-        catch (error) {
-            console.error(error);
-            // TODO: figure out how to handle errorss
+        catch (e) {
+            error = e;
         }
         finally {
             this.state.next((currentState) => ({
@@ -4671,15 +4574,21 @@ class Feed extends FeedApi {
                 },
             }));
         }
+        if (error) {
+            throw error;
+        }
     }
     async loadNextPageActivityComments(activity, request) {
-        const pagination = this.currentState.comments_by_entity_id[activity.id]?.pagination;
-        const currentNextCursor = pagination?.next;
-        const currentSort = pagination?.sort;
-        const isLoading = pagination?.loading_next_page;
-        const sort = currentSort ?? request?.sort ?? DEFAULT_COMMENT_PAGINATION;
-        if (isLoading || currentNextCursor === END_OF_LIST)
+        const currentEntityState = this.currentState.comments_by_entity_id[activity.id];
+        const currentPagination = currentEntityState?.pagination;
+        const currentNextCursor = currentPagination?.next;
+        const currentSort = currentPagination?.sort;
+        const isLoading = currentPagination?.loading_next_page;
+        const sort = currentSort ?? request?.sort ?? Constants.DEFAULT_COMMENT_PAGINATION;
+        if (isLoading ||
+            !checkHasAnotherPage(currentEntityState?.comments, currentNextCursor)) {
             return;
+        }
         await this.loadNextPageComments({
             forId: activity.id,
             base: () => this.client.getComments({
@@ -4693,20 +4602,25 @@ class Feed extends FeedApi {
         });
     }
     async loadNextPageCommentReplies(comment, request) {
-        const pagination = this.currentState.comments_by_entity_id[comment.id]?.pagination;
-        const currentNextCursor = pagination?.next;
-        const currentSort = pagination?.sort;
-        const isLoading = pagination?.loading_next_page;
-        const sort = currentSort ?? request?.sort ?? DEFAULT_COMMENT_PAGINATION;
-        if (isLoading || currentNextCursor === END_OF_LIST)
+        const currentEntityState = this.currentState.comments_by_entity_id[comment.id];
+        const currentPagination = currentEntityState?.pagination;
+        const currentNextCursor = currentPagination?.next;
+        const currentSort = currentPagination?.sort;
+        const isLoading = currentPagination?.loading_next_page;
+        const sort = currentSort ?? request?.sort ?? Constants.DEFAULT_COMMENT_PAGINATION;
+        if (isLoading ||
+            !checkHasAnotherPage(currentEntityState?.comments, currentNextCursor)) {
             return;
+        }
         await this.loadNextPageComments({
             forId: comment.id,
             base: () => this.client.getCommentReplies({
                 ...request,
                 comment_id: comment.id,
                 // use known sort first (prevents broken pagination)
-                sort: currentSort ?? request?.sort ?? DEFAULT_COMMENT_PAGINATION,
+                sort: currentSort ??
+                    request?.sort ??
+                    Constants.DEFAULT_COMMENT_PAGINATION,
                 next: currentNextCursor,
             }),
             parentId: comment.parent_id ?? comment.object_id,
@@ -4716,10 +4630,14 @@ class Feed extends FeedApi {
     async loadNextPageFollows(type, request) {
         const paginationKey = `${type}_pagination`;
         const method = `query${capitalize(type)}`;
+        const currentFollows = this.currentState[type];
         const currentNextCursor = this.currentState[paginationKey]?.next;
         const isLoading = this.currentState[paginationKey]?.loading_next_page;
-        if (isLoading || currentNextCursor === END_OF_LIST)
+        const sort = this.currentState[paginationKey]?.sort ?? request.sort;
+        let error;
+        if (isLoading || !checkHasAnotherPage(currentFollows, currentNextCursor)) {
             return;
+        }
         try {
             this.state.next((currentState) => {
                 return {
@@ -4730,9 +4648,10 @@ class Feed extends FeedApi {
                     },
                 };
             });
-            const { next: newNextCursor = END_OF_LIST, follows } = await this[method]({
+            const { next: newNextCursor, follows } = await this[method]({
                 ...request,
                 next: currentNextCursor,
+                sort,
             });
             this.state.next((currentState) => ({
                 ...currentState,
@@ -4742,12 +4661,12 @@ class Feed extends FeedApi {
                 [paginationKey]: {
                     ...currentState[paginationKey],
                     next: newNextCursor,
+                    sort,
                 },
             }));
         }
-        catch (error) {
-            console.error(error);
-            // TODO: figure out how to handle errorss
+        catch (e) {
+            error = e;
         }
         finally {
             this.state.next((currentState) => {
@@ -4760,6 +4679,9 @@ class Feed extends FeedApi {
                 };
             });
         }
+        if (error) {
+            throw error;
+        }
     }
     async loadNextPageFollowers(request) {
         await this.loadNextPageFollows('followers', request);
@@ -4767,6 +4689,59 @@ class Feed extends FeedApi {
     async loadNextPageFollowing(request) {
         await this.loadNextPageFollows('following', request);
     }
+    async loadNextPageMembers(request) {
+        const currentMembers = this.currentState.members;
+        const currentNextCursor = this.currentState.member_pagination?.next;
+        const isLoading = this.currentState.member_pagination?.loading_next_page;
+        const sort = this.currentState.member_pagination?.sort ?? request.sort;
+        let error;
+        if (isLoading || !checkHasAnotherPage(currentMembers, currentNextCursor)) {
+            return;
+        }
+        try {
+            this.state.next((currentState) => ({
+                ...currentState,
+                member_pagination: {
+                    ...currentState.member_pagination,
+                    loading_next_page: true,
+                },
+            }));
+            const { next: newNextCursor, members } = await this.client.queryFeedMembers({
+                ...request,
+                sort,
+                feed_id: this.id,
+                feed_group_id: this.group,
+                next: currentNextCursor,
+            });
+            this.state.next((currentState) => ({
+                ...currentState,
+                members: currentState.members
+                    ? currentState.members.concat(members)
+                    : members,
+                member_pagination: {
+                    ...currentState.member_pagination,
+                    next: newNextCursor,
+                    // set sort if not defined yet
+                    sort: currentState.member_pagination?.sort ?? request.sort,
+                },
+            }));
+        }
+        catch (e) {
+            error = e;
+        }
+        finally {
+            this.state.next((currentState) => ({
+                ...currentState,
+                member_pagination: {
+                    ...currentState.member_pagination,
+                    loading_next_page: false,
+                },
+            }));
+        }
+        if (error) {
+            throw error;
+        }
+    }
     /**
      * Method which queries followers of this feed (feeds which target this feed).
      *
@@ -5046,7 +5021,8 @@ class StreamPoll {
             if (!isPollVoteCastedEvent(event))
                 return;
             const currentState = this.data;
-            const isOwnVote = event.poll_vote.user_id === this.client.state.getLatestValue().connectedUser?.id;
+            const isOwnVote = event.poll_vote.user_id ===
+                this.client.state.getLatestValue().connected_user?.id;
             let latestAnswers = [...currentState.latest_answers];
             let ownAnswer = currentState.own_answer;
             const ownVotesByOptionId = currentState.own_votes_by_option_id;
@@ -5070,7 +5046,7 @@ class StreamPoll {
             else {
                 maxVotedOptionIds = getMaxVotedOptionIds(event.poll.vote_counts_by_option);
             }
-            const { answers_count, latest_votes_by_option, vote_count, vote_counts_by_option } = event.poll;
+            const { answers_count, latest_votes_by_option, vote_count, vote_counts_by_option, } = event.poll;
             this.state.partialNext({
                 answers_count,
                 // @ts-expect-error Incompatibility between PollResponseData and Poll due to teams_role, remove when OpenAPI spec is fixed
@@ -5091,7 +5067,8 @@ class StreamPoll {
             if (!isPollVoteChangedEvent(event))
                 return;
             const currentState = this.data;
-            const isOwnVote = event.poll_vote.user_id === this.client.state.getLatestValue().connectedUser?.id;
+            const isOwnVote = event.poll_vote.user_id ===
+                this.client.state.getLatestValue().connected_user?.id;
             let latestAnswers = [...currentState.latest_answers];
             let ownAnswer = currentState.own_answer;
             let ownVotesByOptionId = currentState.own_votes_by_option_id;
@@ -5138,7 +5115,7 @@ class StreamPoll {
             else {
                 maxVotedOptionIds = getMaxVotedOptionIds(event.poll.vote_counts_by_option);
             }
-            const { answers_count, latest_votes_by_option, vote_count, vote_counts_by_option } = event.poll;
+            const { answers_count, latest_votes_by_option, vote_count, vote_counts_by_option, } = event.poll;
             this.state.partialNext({
                 answers_count,
                 // @ts-expect-error Incompatibility between PollResponseData and Poll due to teams_role, remove when OpenAPI spec is fixed
@@ -5158,7 +5135,8 @@ class StreamPoll {
             if (!isPollVoteRemovedEvent(event))
                 return;
             const currentState = this.data;
-            const isOwnVote = event.poll_vote.user_id === this.client.state.getLatestValue().connectedUser?.id;
+            const isOwnVote = event.poll_vote.user_id ===
+                this.client.state.getLatestValue().connected_user?.id;
             let latestAnswers = [...currentState.latest_answers];
             let ownAnswer = currentState.own_answer;
             const ownVotesByOptionId = { ...currentState.own_votes_by_option_id };
@@ -5176,7 +5154,7 @@ class StreamPoll {
                     delete ownVotesByOptionId[event.poll_vote.option_id];
                 }
             }
-            const { answers_count, latest_votes_by_option, vote_count, vote_counts_by_option } = event.poll;
+            const { answers_count, latest_votes_by_option, vote_count, vote_counts_by_option, } = event.poll;
             this.state.partialNext({
                 answers_count,
                 // @ts-expect-error Incompatibility between PollResponseData and Poll due to teams_role, remove when OpenAPI spec is fixed
@@ -5234,7 +5212,7 @@ class FeedsClient extends FeedsApi {
         this.healthyConnectionChangedEventCount = 0;
         this.pollFromState = (id) => this.polls_by_id.get(id);
         this.connectUser = async (user, tokenProvider) => {
-            if (this.state.getLatestValue().connectedUser !== undefined ||
+            if (this.state.getLatestValue().connected_user !== undefined ||
                 this.wsConnection) {
                 throw new Error(`Can't connect a new user, call "disconnectUser" first`);
             }
@@ -5248,8 +5226,8 @@ class FeedsClient extends FeedsApi {
                 this.wsConnection.on('all', (event) => this.eventDispatcher.dispatch(event));
                 const connectedEvent = await this.wsConnection.connect();
                 this.state.partialNext({
-                    connectedUser: connectedEvent?.me,
-                    isWsConnectionHealthy: this.wsConnection.isHealthy,
+                    connected_user: connectedEvent?.me,
+                    is_ws_connection_healthy: !!this.wsConnection?.isHealthy,
                 });
             }
             catch (err) {
@@ -5257,6 +5235,9 @@ class FeedsClient extends FeedsApi {
                 throw err;
             }
         };
+        this.devToken = (userId) => {
+            return streamDevToken(userId);
+        };
         this.closePoll = async (request) => {
             return await this.updatePollPartial({
                 poll_id: request.poll_id,
@@ -5305,7 +5286,10 @@ class FeedsClient extends FeedsApi {
             removeConnectionEventListeners(this.updateNetworkConnectionStatus);
             this.connectionIdManager.reset();
             this.tokenManager.reset();
-            this.state.partialNext({ connectedUser: undefined, isWsConnectionHealthy: false });
+            this.state.partialNext({
+                connected_user: undefined,
+                is_ws_connection_healthy: false,
+            });
         };
         this.on = this.eventDispatcher.on;
         this.off = this.eventDispatcher.off;
@@ -5331,8 +5315,8 @@ class FeedsClient extends FeedsApi {
             }
         };
         this.state = new StateStore({
-            connectedUser: undefined,
-            isWsConnectionHealthy: false,
+            connected_user: undefined,
+            is_ws_connection_healthy: false,
         });
         this.moderation = new ModerationClient(apiClient);
         this.tokenManager = tokenManager;
@@ -5344,7 +5328,7 @@ class FeedsClient extends FeedsApi {
             switch (event.type) {
                 case 'connection.changed': {
                     const { online } = event;
-                    this.state.partialNext({ isWsConnectionHealthy: online });
+                    this.state.partialNext({ is_ws_connection_healthy: online });
                     if (online) {
                         this.healthyConnectionChangedEventCount++;
                         // we skip the first event as we could potentially be querying twice
@@ -5515,10 +5499,328 @@ const useCreateFeedsClient = ({ apiKey, tokenOrProvider, userData, options, }) =
     return client;
 };
 
+const StreamFeedsContext = createContext(undefined);
+/**
+ * Hook to access the nearest FeedsClient instance.
+ */
+const useFeedsClient = () => {
+    return useContext(StreamFeedsContext);
+};
+
+/**
+ * A React hook that returns the currently connected user on a `FeedsClient` instance and null otherwise.
+ */
+const useClientConnectedUser = () => {
+    const client = useFeedsClient();
+    const { user } = useStateStore(client?.state, selector$7) ?? {};
+    return user;
+};
+const selector$7 = (nextState) => ({
+    user: nextState.connected_user,
+});
+
+/**
+ * A React hook that returns the websocket connection state of `FeedsClient`.
+ */
+const useWsConnectionState = () => {
+    const client = useFeedsClient();
+    const { is_healthy } = useStateStore(client?.state, selector$6) ?? {};
+    return { is_healthy };
+};
+const selector$6 = (nextState) => ({
+    is_healthy: nextState.is_ws_connection_healthy,
+});
+
+const StreamFeedContext = createContext(undefined);
+/**
+ * Hook to access the nearest Feed instance.
+ */
+const useFeedContext = () => {
+    return useContext(StreamFeedContext);
+};
+
+/**
+ * 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
+ */
+const useStableCallback = (callback) => {
+    const ref = useRef(callback);
+    ref.current = callback;
+    return useCallback((...args) => {
+        return ref.current(...args);
+    }, []);
+};
+
+/**
+ * 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.
+ */
+const useFeedActivities = (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, loadNextPage }), [data, loadNextPage]);
+};
+const selector$5 = ({ 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 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 undefined;
+        return (request) => {
+            if (isCommentResponse(parent)) {
+                return feed.loadNextPageCommentReplies(parent, request);
+            }
+            else {
+                return feed.loadNextPageActivityComments(parent, request);
+            }
+        };
+    }, [feed, parent]);
+    return useMemo(() => {
+        if (!data) {
+            return undefined;
+        }
+        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 FeedOwnCapability = {
+    ADD_ACTIVITY: 'add-activity',
+    ADD_ACTIVITY_REACTION: 'add-activity-reaction',
+    ADD_COMMENT: 'add-comment',
+    ADD_COMMENT_REACTION: 'add-comment-reaction',
+    BOOKMARK_ACTIVITY: 'bookmark-activity',
+    CREATE_FEED: 'create-feed',
+    DELETE_BOOKMARK: 'delete-bookmark',
+    DELETE_COMMENT: 'delete-comment',
+    DELETE_FEED: 'delete-feed',
+    EDIT_BOOKMARK: 'edit-bookmark',
+    FOLLOW: 'follow',
+    INVITE_FEED: 'invite-feed',
+    JOIN_FEED: 'join-feed',
+    LEAVE_FEED: 'leave-feed',
+    MANAGE_FEED_GROUP: 'manage-feed-group',
+    MARK_ACTIVITY: 'mark-activity',
+    PIN_ACTIVITY: 'pin-activity',
+    QUERY_FEED_MEMBERS: 'query-feed-members',
+    QUERY_FOLLOWS: 'query-follows',
+    READ_ACTIVITIES: 'read-activities',
+    READ_FEED: 'read-feed',
+    REMOVE_ACTIVITY: 'remove-activity',
+    REMOVE_ACTIVITY_REACTION: 'remove-activity-reaction',
+    REMOVE_COMMENT_REACTION: 'remove-comment-reaction',
+    UNFOLLOW: 'unfollow',
+    UPDATE_ACTIVITY: 'update-activity',
+    UPDATE_COMMENT: 'update-comment',
+    UPDATE_FEED: 'update-feed',
+    UPDATE_FEED_FOLLOWERS: 'update-feed-followers',
+    UPDATE_FEED_MEMBERS: 'update-feed-members',
+};
+
+const stableEmptyArray = [];
+const selector$4 = (currentState) => ({
+    oc: currentState.own_capabilities ?? stableEmptyArray,
+});
+const useOwnCapabilities = (feedFromProps) => {
+    const feedFromContext = useFeedContext();
+    const feed = feedFromProps ?? feedFromContext;
+    const { oc = stableEmptyArray } = useStateStore(feed?.state, selector$4) ?? {};
+    return useMemo(() => ({
+        can_add_activity: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY) > -1,
+        can_add_activity_reaction: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY_REACTION) > -1,
+        can_add_comment: oc.indexOf(FeedOwnCapability.ADD_COMMENT) > -1,
+        can_add_comment_reaction: oc.indexOf(FeedOwnCapability.ADD_COMMENT_REACTION) > -1,
+        can_bookmark_activity: oc.indexOf(FeedOwnCapability.BOOKMARK_ACTIVITY) > -1,
+        can_create_feed: oc.indexOf(FeedOwnCapability.CREATE_FEED) > -1,
+        can_delete_bookmark: oc.indexOf(FeedOwnCapability.DELETE_BOOKMARK) > -1,
+        can_delete_comment: oc.indexOf(FeedOwnCapability.DELETE_COMMENT) > -1,
+        can_delete_feed: oc.indexOf(FeedOwnCapability.DELETE_FEED) > -1,
+        can_edit_bookmark: oc.indexOf(FeedOwnCapability.EDIT_BOOKMARK) > -1,
+        can_follow: oc.indexOf(FeedOwnCapability.FOLLOW) > -1,
+        can_remove_activity: oc.indexOf(FeedOwnCapability.REMOVE_ACTIVITY) > -1,
+        can_remove_activity_reaction: oc.indexOf(FeedOwnCapability.REMOVE_ACTIVITY_REACTION) > -1,
+        can_remove_comment_reaction: oc.indexOf(FeedOwnCapability.REMOVE_COMMENT_REACTION) > -1,
+        can_unfollow: oc.indexOf(FeedOwnCapability.UNFOLLOW) > -1,
+        can_update_feed: oc.indexOf(FeedOwnCapability.UPDATE_FEED) > -1,
+        can_invite_feed: oc.indexOf(FeedOwnCapability.INVITE_FEED) > -1,
+        can_join_feed: oc.indexOf(FeedOwnCapability.JOIN_FEED) > -1,
+        can_leave_feed: oc.indexOf(FeedOwnCapability.LEAVE_FEED) > -1,
+        can_manage_feed_group: oc.indexOf(FeedOwnCapability.MANAGE_FEED_GROUP) > -1,
+        can_mark_activity: oc.indexOf(FeedOwnCapability.MARK_ACTIVITY) > -1,
+        can_pin_activity: oc.indexOf(FeedOwnCapability.PIN_ACTIVITY) > -1,
+        can_query_feed_members: oc.indexOf(FeedOwnCapability.QUERY_FEED_MEMBERS) > -1,
+        can_query_follows: oc.indexOf(FeedOwnCapability.QUERY_FOLLOWS) > -1,
+        can_read_activities: oc.indexOf(FeedOwnCapability.READ_ACTIVITIES) > -1,
+        can_read_feed: oc.indexOf(FeedOwnCapability.READ_FEED) > -1,
+        can_update_activity: oc.indexOf(FeedOwnCapability.UPDATE_ACTIVITY) > -1,
+        can_update_comment: oc.indexOf(FeedOwnCapability.UPDATE_COMMENT) > -1,
+        can_update_feed_followers: oc.indexOf(FeedOwnCapability.UPDATE_FEED_FOLLOWERS) > -1,
+        can_update_feed_members: oc.indexOf(FeedOwnCapability.UPDATE_FEED_MEMBERS) > -1,
+    }), [oc]);
+};
+
+const selector$3 = ({ 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$3);
+    const loadNextPage = useCallback((...options) => feed?.loadNextPageFollowers(...options), [feed]);
+    return useMemo(() => {
+        if (!data) {
+            return undefined;
+        }
+        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$2 = ({ 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$2);
+    const loadNextPage = useCallback((...options) => feed?.loadNextPageFollowing(...options), [feed]);
+    return useMemo(() => {
+        if (!data) {
+            return undefined;
+        }
+        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]);
+}
+
+/**
+ * A React hook that returns a reactive object containing some often used
+ * metadata for a feed.
+ */
+const useFeedMetadata = (feedFromProps) => {
+    const feedFromContext = useFeedContext();
+    const feed = feedFromProps ?? feedFromContext;
+    return useStateStore(feed?.state, selector$1);
+};
+const selector$1 = ({ follower_count = 0, following_count = 0, created_by, created_at, updated_at, }) => ({
+    created_by,
+    follower_count,
+    following_count,
+    created_at,
+    updated_at,
+});
+
+/**
+ * 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.
+ */
+const useOwnFollows = (feedFromProps) => {
+    const feedFromContext = useFeedContext();
+    const feed = feedFromProps ?? feedFromContext;
+    return useStateStore(feed?.state, selector);
+};
+const selector = ({ own_follows }) => ({
+    own_follows,
+});
+
+/**
+ * A utility hook that takes in an entity and a reaction type, and creates reaction actions
+ * that can then be used on the UI. The entity can be either an ActivityResponse or a CommentResponse
+ * as the hook determines internally which APIs it is supposed to use, while taking the
+ * correct ownCapabilities into account.
+ * @param entity - The entity to which we want to add a reaction, can be either ActivityResponse or CommentResponse.
+ * @param type - The type of reaction we want to add or remove.
+ */
+const useReactionActions = ({ entity, type, }) => {
+    const client = useFeedsClient();
+    const isComment = isCommentResponse(entity);
+    const hasOwnReaction = useMemo(() => !!entity.own_reactions?.find((r) => r.type === type), [entity.own_reactions, type]);
+    const addReaction = useStableCallback(async () => {
+        await (isComment
+            ? client?.addCommentReaction({ comment_id: entity.id, type })
+            : client?.addReaction({ activity_id: entity.id, type }));
+    });
+    const removeReaction = useStableCallback(async () => {
+        await (isComment
+            ? client?.deleteCommentReaction({ comment_id: entity.id, type })
+            : client?.deleteActivityReaction({
+                activity_id: entity.id,
+                type,
+            }));
+    });
+    const toggleReaction = useStableCallback(async () => {
+        if (hasOwnReaction) {
+            await removeReaction();
+        }
+        else {
+            await addReaction();
+        }
+    });
+    return useMemo(() => ({ addReaction, removeReaction, toggleReaction }), [addReaction, removeReaction, toggleReaction]);
+};
+
 const StreamFeeds = ({ client, children }) => {
     return (jsx(StreamFeedsContext.Provider, { value: client, children: children }));
 };
 StreamFeeds.displayName = 'StreamFeeds';
 
-export { StreamFeeds, StreamFeedsContext, useClientConnectedUser, useComments, useCreateFeedsClient, useFeedsClient, useOwnCapabilities, useStateStore, useWsConnectionState };
+const StreamFeed = ({ feed, children }) => {
+    return (jsx(StreamFeedContext.Provider, { value: feed, children: children }));
+};
+StreamFeed.displayName = 'StreamFeed';
+
+export { StreamFeed, StreamFeedContext, StreamFeeds, StreamFeedsContext, useClientConnectedUser, useComments, useCreateFeedsClient, useFeedActivities, useFeedContext, useFeedMetadata, useFeedsClient, useFollowers, useFollowing, useOwnCapabilities, useOwnFollows, useReactionActions, useStateStore, useWsConnectionState };
 //# sourceMappingURL=index-react-bindings.browser.js.map