@stream-io/feeds-client 0.2.1 → 0.2.2

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

@@ -275,7 +275,7 @@ function useStateStore(store, selector) {
 
 const decoders = {};
 const decodeDatetimeType = (input) => typeof input === 'number'
-    ? new Date(Math.floor(input / 1000000))
+    ? new Date(Math.floor(input / 1e6))
     : new Date(input);
 decoders.DatetimeType = decodeDatetimeType;
 const decode = (typeMappings, input) => {
@@ -4503,20 +4503,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,
@@ -5071,13 +5080,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 +5208,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 +6080,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 +6092,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 +6145,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 +6154,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 +6227,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 +6268,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 +6276,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 +6291,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 +6299,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 +6321,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 +6338,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 +6505,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 +6520,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