@stream-io/feeds-client 0.2.1 → 0.2.3

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

@@ -686,6 +686,7 @@ decoders.Command = (input) => {
 decoders.CommentAddedEvent = (input) => {
     const typeMappings = {
         created_at: { type: 'DatetimeType', isSingle: true },
+        activity: { type: 'ActivityResponse', isSingle: true },
         comment: { type: 'CommentResponse', isSingle: true },
         received_at: { type: 'DatetimeType', isSingle: true },
     };
@@ -702,6 +703,7 @@ decoders.CommentDeletedEvent = (input) => {
 decoders.CommentReactionAddedEvent = (input) => {
     const typeMappings = {
         created_at: { type: 'DatetimeType', isSingle: true },
+        activity: { type: 'ActivityResponse', isSingle: true },
         comment: { type: 'CommentResponse', isSingle: true },
         reaction: { type: 'FeedsReactionResponse', isSingle: true },
         received_at: { type: 'DatetimeType', isSingle: true },
@@ -720,6 +722,7 @@ decoders.CommentReactionDeletedEvent = (input) => {
 decoders.CommentReactionUpdatedEvent = (input) => {
     const typeMappings = {
         created_at: { type: 'DatetimeType', isSingle: true },
+        activity: { type: 'ActivityResponse', isSingle: true },
         comment: { type: 'CommentResponse', isSingle: true },
         reaction: { type: 'FeedsReactionResponse', isSingle: true },
         received_at: { type: 'DatetimeType', isSingle: true },
@@ -1082,6 +1085,7 @@ decoders.Message = (input) => {
         pin_expires: { type: 'DatetimeType', isSingle: true },
         pinned_at: { type: 'DatetimeType', isSingle: true },
         thread_participants: { type: 'User', isSingle: false },
+        member: { type: 'ChannelMember', isSingle: true },
         pinned_by: { type: 'User', isSingle: true },
         poll: { type: 'Poll', isSingle: true },
         quoted_message: { type: 'Message', isSingle: true },
@@ -1135,6 +1139,8 @@ decoders.ModerationCustomActionEvent = (input) => {
 };
 decoders.ModerationFlagResponse = (input) => {
     const typeMappings = {
+        created_at: { type: 'DatetimeType', isSingle: true },
+        updated_at: { type: 'DatetimeType', isSingle: true },
         review_queue_item: { type: 'ReviewQueueItemResponse', isSingle: true },
         user: { type: 'UserResponse', isSingle: true },
     };
@@ -1901,6 +1907,7 @@ class FeedsApi {
         const body = {
             type: request?.type,
             create_notification_activity: request?.create_notification_activity,
+            skip_push: request?.skip_push,
             custom: request?.custom,
         };
         const response = await this.apiClient.sendRequest('POST', '/api/v2/feeds/activities/{activity_id}/reactions', pathParams, undefined, body, 'application/json');
@@ -2047,6 +2054,7 @@ class FeedsApi {
             object_type: request?.object_type,
             create_notification_activity: request?.create_notification_activity,
             parent_id: request?.parent_id,
+            skip_push: request?.skip_push,
             attachments: request?.attachments,
             mentioned_user_ids: request?.mentioned_user_ids,
             custom: request?.custom,
@@ -2100,6 +2108,7 @@ class FeedsApi {
         };
         const body = {
             comment: request?.comment,
+            skip_push: request?.skip_push,
             custom: request?.custom,
         };
         const response = await this.apiClient.sendRequest('PATCH', '/api/v2/feeds/comments/{id}', pathParams, undefined, body, 'application/json');
@@ -2113,6 +2122,7 @@ class FeedsApi {
         const body = {
             type: request?.type,
             create_notification_activity: request?.create_notification_activity,
+            skip_push: request?.skip_push,
             custom: request?.custom,
         };
         const response = await this.apiClient.sendRequest('POST', '/api/v2/feeds/comments/{id}/reactions', pathParams, undefined, body, 'application/json');
@@ -2353,6 +2363,7 @@ class FeedsApi {
             create_notification_activity: request?.create_notification_activity,
             follower_role: request?.follower_role,
             push_preference: request?.push_preference,
+            skip_push: request?.skip_push,
             custom: request?.custom,
         };
         const response = await this.apiClient.sendRequest('PATCH', '/api/v2/feeds/follows', undefined, undefined, body, 'application/json');
@@ -2365,6 +2376,7 @@ class FeedsApi {
             target: request?.target,
             create_notification_activity: request?.create_notification_activity,
             push_preference: request?.push_preference,
+            skip_push: request?.skip_push,
             custom: request?.custom,
         };
         const response = await this.apiClient.sendRequest('POST', '/api/v2/feeds/follows', undefined, undefined, body, 'application/json');
@@ -4503,20 +4515,29 @@ function handleCommentAdded(event) {
 function handleCommentDeleted({ comment }) {
     const entityId = comment.parent_id ?? comment.object_id;
     this.state.next((currentState) => {
-        const newCommentsByEntityId = {
-            ...currentState.comments_by_entity_id,
-            [entityId]: {
-                ...currentState.comments_by_entity_id[entityId],
-            },
-        };
+        let newCommentsByEntityId;
         const index = this.getCommentIndex(comment, currentState);
-        if (newCommentsByEntityId?.[entityId]?.comments?.length && index !== -1) {
+        if (index !== -1) {
+            newCommentsByEntityId ?? (newCommentsByEntityId = {
+                ...currentState.comments_by_entity_id,
+                [entityId]: {
+                    ...currentState.comments_by_entity_id[entityId],
+                },
+            });
             newCommentsByEntityId[entityId].comments = [
                 ...newCommentsByEntityId[entityId].comments,
             ];
             newCommentsByEntityId[entityId]?.comments?.splice(index, 1);
         }
-        delete newCommentsByEntityId[comment.id];
+        if (typeof currentState.comments_by_entity_id[comment.id] !== 'undefined') {
+            newCommentsByEntityId ?? (newCommentsByEntityId = {
+                ...currentState.comments_by_entity_id,
+            });
+            delete newCommentsByEntityId[comment.id];
+        }
+        if (!newCommentsByEntityId) {
+            return currentState;
+        }
         return {
             ...currentState,
             comments_by_entity_id: newCommentsByEntityId,
@@ -4637,14 +4658,20 @@ function handleFeedMemberUpdated(event) {
 function handleFeedMemberRemoved(event) {
     const { connected_user: connectedUser } = this.client.state.getLatestValue();
     this.state.next((currentState) => {
-        const newState = {
-            ...currentState,
-            members: currentState.members?.filter((member) => member.user.id !== event.user?.id),
-        };
-        if (connectedUser?.id === event.member_id) {
+        let newState;
+        if (typeof currentState.members !== 'undefined') {
+            const filtered = currentState.members.filter((member) => member.user.id !== event.member_id);
+            if (filtered.length !== currentState.members.length) {
+                newState ?? (newState = { ...currentState });
+                newState.members = filtered;
+            }
+        }
+        if (connectedUser?.id === event.member_id &&
+            typeof currentState.own_membership !== 'undefined') {
+            newState ?? (newState = { ...currentState });
             delete newState.own_membership;
         }
-        return newState;
+        return newState ?? currentState;
     });
 }
 
@@ -4881,7 +4908,7 @@ const removePinnedActivityFromState = (activityResponse, pinnedActivities) => {
     if (index !== -1) {
         const newActivities = [...pinnedActivities];
         newActivities.splice(index, 1);
-        return { changed: true, activities: newActivities };
+        return { changed: true, pinned_activities: newActivities };
     }
     else {
         return { changed: false, pinned_activities: pinnedActivities };
@@ -5071,13 +5098,80 @@ function handleActivityReactionDeleted(event) {
     }
 }
 
+const updateNotificationStatusFromActivityMarked = (event, currentNotificationStatus, aggregatedActivities = []) => {
+    if (!currentNotificationStatus) {
+        return {
+            changed: false,
+        };
+    }
+    const newState = {
+        ...currentNotificationStatus,
+    };
+    if (event.mark_all_read) {
+        const allGroupIds = aggregatedActivities.map((activity) => activity.group);
+        newState.read_activities = [
+            ...new Set([
+                ...(currentNotificationStatus.read_activities ?? []),
+                ...allGroupIds,
+            ]),
+        ];
+    }
+    if (event.mark_read && event.mark_read.length > 0) {
+        newState.read_activities = [
+            ...new Set([
+                ...(currentNotificationStatus?.read_activities ?? []),
+                ...event.mark_read,
+            ]),
+        ];
+    }
+    if (event.mark_all_seen) {
+        newState.last_seen_at = new Date();
+    }
+    return {
+        changed: true,
+        data: { notification_status: newState },
+    };
+};
+function handleActivityMarked(event) {
+    const result = updateNotificationStatusFromActivityMarked(event, this.currentState.notification_status, this.currentState.aggregated_activities);
+    if (result.changed) {
+        this.state.partialNext({
+            notification_status: result.data?.notification_status,
+        });
+    }
+}
+
 function handleFeedUpdated(event) {
     this.state.partialNext({ ...event.feed });
 }
 
+const updateNotificationFeedFromEvent = (event) => {
+    const updates = {};
+    if (event.notification_status) {
+        updates.notification_status = event.notification_status;
+    }
+    if (event.aggregated_activities) {
+        updates.aggregated_activities = event.aggregated_activities;
+    }
+    // Only return changed if we have actual updates
+    if (Object.keys(updates).length > 0) {
+        return {
+            changed: true,
+            data: updates,
+        };
+    }
+    return {
+        changed: false,
+    };
+};
 function handleNotificationFeedUpdated(event) {
-    console.info('notification feed updated', event);
-    // TODO: handle notification feed updates
+    const result = updateNotificationFeedFromEvent(event);
+    if (result.changed) {
+        this.state.partialNext({
+            notification_status: result.data?.notification_status,
+            aggregated_activities: result.data?.aggregated_activities,
+        });
+    }
 }
 
 function handleWatchStarted() {
@@ -5132,7 +5226,7 @@ class Feed extends FeedApi {
             'feeds.poll.vote_removed': Feed.noop,
             'feeds.activity.pinned': Feed.noop,
             'feeds.activity.unpinned': Feed.noop,
-            'feeds.activity.marked': Feed.noop,
+            'feeds.activity.marked': handleActivityMarked.bind(this),
             'moderation.custom_action': Feed.noop,
             'moderation.flagged': Feed.noop,
             'moderation.mark_reviewed': Feed.noop,
@@ -6004,10 +6098,10 @@ const useFeedsClient = () => {
  */
 const useClientConnectedUser = () => {
     const client = useFeedsClient();
-    const { user } = useStateStore(client?.state, selector$a) ?? {};
+    const { user } = useStateStore(client?.state, selector$c) ?? {};
     return user;
 };
-const selector$a = (nextState) => ({
+const selector$c = (nextState) => ({
     user: nextState.connected_user,
 });
 
@@ -6016,10 +6110,10 @@ const selector$a = (nextState) => ({
  */
 const useWsConnectionState = () => {
     const client = useFeedsClient();
-    const { is_healthy } = useStateStore(client?.state, selector$9) ?? {};
+    const { is_healthy } = useStateStore(client?.state, selector$b) ?? {};
     return { is_healthy };
 };
-const selector$9 = (nextState) => ({
+const selector$b = (nextState) => ({
     is_healthy: nextState.is_ws_connection_healthy,
 });
 
@@ -6069,7 +6163,7 @@ const useStableCallback = (callback) => {
 const useFeedActivities = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const data = useStateStore(feed?.state, selector$8);
+    const data = useStateStore(feed?.state, selector$a);
     const loadNextPage = useStableCallback(async () => {
         if (!feed || !data?.has_next_page || data?.is_loading) {
             return;
@@ -6078,7 +6172,7 @@ const useFeedActivities = (feedFromProps) => {
     });
     return useMemo(() => ({ ...data, loadNextPage }), [data, loadNextPage]);
 };
-const selector$8 = ({ is_loading_activities, next, activities = [] }) => ({
+const selector$a = ({ is_loading_activities, next, activities = [] }) => ({
     is_loading: is_loading_activities,
     has_next_page: typeof next !== 'undefined',
     activities,
@@ -6151,13 +6245,13 @@ const FeedOwnCapability = {
 };
 
 const stableEmptyArray = [];
-const selector$7 = (currentState) => ({
+const selector$9 = (currentState) => ({
     oc: currentState.own_capabilities ?? stableEmptyArray,
 });
 const useOwnCapabilities = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const { oc = stableEmptyArray } = useStateStore(feed?.state, selector$7) ?? {};
+    const { oc = stableEmptyArray } = useStateStore(feed?.state, selector$9) ?? {};
     return useMemo(() => ({
         can_add_activity: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY) > -1,
         can_add_activity_reaction: oc.indexOf(FeedOwnCapability.ADD_ACTIVITY_REACTION) > -1,
@@ -6192,7 +6286,7 @@ const useOwnCapabilities = (feedFromProps) => {
     }), [oc]);
 };
 
-const selector$6 = ({ follower_count, followers, followers_pagination, }) => ({
+const selector$8 = ({ follower_count, followers, followers_pagination, }) => ({
     follower_count,
     followers,
     followers_pagination,
@@ -6200,7 +6294,7 @@ const selector$6 = ({ follower_count, followers, followers_pagination, }) => ({
 function useFollowers(feedFromProps) {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const data = useStateStore(feed?.state, selector$6);
+    const data = useStateStore(feed?.state, selector$8);
     const loadNextPage = useCallback((...options) => feed?.loadNextPageFollowers(...options), [feed]);
     return useMemo(() => {
         if (!data) {
@@ -6215,7 +6309,7 @@ function useFollowers(feedFromProps) {
     }, [data, loadNextPage]);
 }
 
-const selector$5 = ({ following_count, following, following_pagination, }) => ({
+const selector$7 = ({ following_count, following, following_pagination, }) => ({
     following_count,
     following,
     following_pagination,
@@ -6223,7 +6317,7 @@ const selector$5 = ({ following_count, following, following_pagination, }) => ({
 function useFollowing(feedFromProps) {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    const data = useStateStore(feed?.state, selector$5);
+    const data = useStateStore(feed?.state, selector$7);
     const loadNextPage = useCallback((...options) => feed?.loadNextPageFollowing(...options), [feed]);
     return useMemo(() => {
         if (!data) {
@@ -6245,9 +6339,9 @@ function useFollowing(feedFromProps) {
 const useFeedMetadata = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    return useStateStore(feed?.state, selector$4);
+    return useStateStore(feed?.state, selector$6);
 };
-const selector$4 = ({ follower_count = 0, following_count = 0, created_by, created_at, updated_at, }) => ({
+const selector$6 = ({ follower_count = 0, following_count = 0, created_by, created_at, updated_at, }) => ({
     created_by,
     follower_count,
     following_count,
@@ -6262,12 +6356,57 @@ const selector$4 = ({ follower_count = 0, following_count = 0, created_by, creat
 const useOwnFollows = (feedFromProps) => {
     const feedFromContext = useFeedContext();
     const feed = feedFromProps ?? feedFromContext;
-    return useStateStore(feed?.state, selector$3);
+    return useStateStore(feed?.state, selector$5);
 };
-const selector$3 = ({ own_follows }) => ({
+const selector$5 = ({ own_follows }) => ({
     own_follows,
 });
 
+const selector$4 = ({ 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$4);
+}
+
+const selector$3 = ({ aggregated_activities }) => ({
+    aggregated_activities,
+});
+function useAggregatedActivities(feedFromProps) {
+    const feedFromContext = useFeedContext();
+    const feed = feedFromProps ?? feedFromContext;
+    return useStateStore(feed?.state, selector$3);
+}
+
+const useIsAggregatedActivityRead = ({ feed: feedFromProps, aggregatedActivity, }) => {
+    const feedFromContext = useFeedContext();
+    const feed = feedFromProps ?? feedFromContext;
+    const { read_activities: readActivities, /* last_read_at: lastReadAt */ } = useNotificationStatus(feed) ?? {};
+    const group = aggregatedActivity.group;
+    return useMemo(() => 
+    // FIXME: This part of the condition does not work as marking individual groups as read also updates the last_read_at. Should be uncommented once it's fixed on the backend.
+    // (lastReadAt &&
+    //   aggregatedActivity.updated_at.getTime() <= lastReadAt.getTime()) ||
+    (readActivities ?? []).includes(group), [readActivities, group]);
+};
+
+const useIsAggregatedActivitySeen = ({ feed: feedFromProps, aggregatedActivity, }) => {
+    const feedFromContext = useFeedContext();
+    const feed = feedFromProps ?? feedFromContext;
+    const { seen_activities: seenActivities, last_seen_at: lastSeenAt } = useNotificationStatus(feed) ?? {};
+    const group = aggregatedActivity.group;
+    return useMemo(() => (lastSeenAt &&
+        aggregatedActivity.updated_at.getTime() < lastSeenAt.getTime()) ||
+        (seenActivities ?? []).includes(group), [lastSeenAt, aggregatedActivity.updated_at, seenActivities, group]);
+};
+
 const StreamSearchResultsContext = createContext(undefined);
 /**
  * Hook to access the nearest SearchSource instance.
@@ -6384,7 +6523,7 @@ const StreamFeeds = ({ client, children }) => {
 };
 StreamFeeds.displayName = 'StreamFeeds';
 
-const StreamFeed = ({ feed, children }) => {
+const StreamFeed = ({ feed, children, }) => {
     return (jsx(StreamFeedContext.Provider, { value: feed, children: children }));
 };
 StreamFeed.displayName = 'StreamFeed';
@@ -6399,5 +6538,5 @@ const StreamSearchResults = ({ source, children, }) => {
 };
 StreamSearchResults.displayName = 'StreamSearchResults';
 
-export { StreamFeed, StreamFeedContext, StreamFeeds, StreamFeedsContext, StreamSearch, StreamSearchContext, StreamSearchResults, StreamSearchResultsContext, useBookmarkActions, useClientConnectedUser, useComments, useCreateFeedsClient, useFeedActivities, useFeedContext, useFeedMetadata, useFeedsClient, useFollowers, useFollowing, useOwnCapabilities, useOwnFollows, useReactionActions, useSearchContext, useSearchQuery, useSearchResult, useSearchResultsContext, useSearchSources, useStateStore, useWsConnectionState };
+export { StreamFeed, StreamFeedContext, StreamFeeds, StreamFeedsContext, StreamSearch, StreamSearchContext, StreamSearchResults, StreamSearchResultsContext, useAggregatedActivities, useBookmarkActions, useClientConnectedUser, useComments, useCreateFeedsClient, useFeedActivities, useFeedContext, useFeedMetadata, useFeedsClient, useFollowers, useFollowing, useIsAggregatedActivityRead, useIsAggregatedActivitySeen, useNotificationStatus, useOwnCapabilities, useOwnFollows, useReactionActions, useSearchContext, useSearchQuery, useSearchResult, useSearchResultsContext, useSearchSources, useStateStore, useWsConnectionState };
 //# sourceMappingURL=index-react-bindings.browser.js.map