@stream-io/feeds-client 0.2.12 → 0.2.13

package/dist/types/bindings/react/hooks/feed-state-hooks/useAggregatedActivities.d.ts

@@ -1,10 +1,15 @@
 import type { Feed, FeedState } from '@self';
-declare const selector: ({ aggregated_activities }: FeedState) => {
-    aggregated_activities: import("@self").AggregatedActivityResponse[] | undefined;
+declare const selector: ({ is_loading_activities, next, aggregated_activities, }: FeedState) => {
+    is_loading: boolean;
+    has_next_page: boolean;
+    aggregated_activities: import("@self").AggregatedActivityResponse[];
+};
+type UseAggregatedActivitiesReturnType = ReturnType<typeof selector> & {
+    loadNextPage: () => Promise<void>;
 };
-type UseAggregatedActivitiesReturnType = ReturnType<typeof selector>;
 /**
- * A React hook that returns a reactive object containing the current aggregated activities.
+ * A React hook that returns a reactive object containing the current aggregated activities,
+ * loading state and whether there is a next page to paginate to or not.
  */
 export declare function useAggregatedActivities(feedFromProps: Feed): UseAggregatedActivitiesReturnType;
 export declare function useAggregatedActivities(feedFromProps?: Feed): UseAggregatedActivitiesReturnType | undefined;

package/dist/types/bindings/react/hooks/feed-state-hooks/useAggregatedActivities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAggregatedActivities.d.ts","sourceRoot":"","sources":["../../../../../../src/bindings/react/hooks/feed-state-hooks/useAggregatedActivities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,QAAA,MAAM,QAAQ,GAAI,2BAA2B,SAAS;;CAEpD,CAAC;AAEH,KAAK,iCAAiC,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAErE;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,IAAI,GAClB,iCAAiC,CAAC;AACrC,wBAAgB,uBAAuB,CACrC,aAAa,CAAC,EAAE,IAAI,GACnB,iCAAiC,GAAG,SAAS,CAAC"}
+{"version":3,"file":"useAggregatedActivities.d.ts","sourceRoot":"","sources":["../../../../../../src/bindings/react/hooks/feed-state-hooks/useAggregatedActivities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7C,QAAA,MAAM,QAAQ,GAAI,yDAIf,SAAS;;;;CAIV,CAAC;AAEH,KAAK,iCAAiC,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,GAAG;IACrE,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,IAAI,GAClB,iCAAiC,CAAC;AACrC,wBAAgB,uBAAuB,CACrC,aAAa,CAAC,EAAE,IAAI,GACnB,iCAAiC,GAAG,SAAS,CAAC"}

package/dist/types/bindings/react/hooks/feed-state-hooks/useIsAggregatedActivityRead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsAggregatedActivityRead.d.ts","sourceRoot":"","sources":["../../../../../../src/bindings/react/hooks/feed-state-hooks/useIsAggregatedActivityRead.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,2BAA2B,GAAI,8CAGzC;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,kBAAkB,EAAE,0BAA0B,CAAC;CAChD,YAiBA,CAAC"}
+{"version":3,"file":"useIsAggregatedActivityRead.d.ts","sourceRoot":"","sources":["../../../../../../src/bindings/react/hooks/feed-state-hooks/useIsAggregatedActivityRead.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,2BAA2B,GAAI,8CAGzC;IACD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,kBAAkB,EAAE,0BAA0B,CAAC;CAChD,YAgBA,CAAC"}

package/dist/types/feed/event-handlers/notification-feed/handle-notification-feed-updated.d.ts

@@ -1,7 +1,14 @@
 import type { Feed } from '../../../feed';
 import type { AggregatedActivityResponse, NotificationFeedUpdatedEvent, NotificationStatusResponse } from '../../../gen/models';
 import type { EventPayload, UpdateStateResult } from '../../../types-internal';
-export declare const updateNotificationFeedFromEvent: (event: NotificationFeedUpdatedEvent) => UpdateStateResult<{
+export declare const addAggregatedActivitiesToState: (newAggregatedActivities: AggregatedActivityResponse[], aggregatedActivities: AggregatedActivityResponse[] | undefined, position: "start" | "end") => UpdateStateResult<{
+    aggregated_activities: AggregatedActivityResponse[];
+}>;
+export declare const updateNotificationStatus: (newNotificationStatus?: NotificationStatusResponse, currentNotificationStatus?: NotificationStatusResponse) => {
+    changed: boolean;
+    notification_status: NotificationStatusResponse | undefined;
+};
+export declare const updateNotificationFeedFromEvent: (event: NotificationFeedUpdatedEvent, currentAggregatedActivities?: AggregatedActivityResponse[], currentNotificationStatus?: NotificationStatusResponse) => UpdateStateResult<{
     data?: {
         notification_status?: NotificationStatusResponse;
         aggregated_activities?: AggregatedActivityResponse[];

package/dist/types/feed/event-handlers/notification-feed/handle-notification-feed-updated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle-notification-feed-updated.d.ts","sourceRoot":"","sources":["../../../../../src/feed/event-handlers/notification-feed/handle-notification-feed-updated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE/E,eAAO,MAAM,+BAA+B,GAC1C,OAAO,4BAA4B,KAClC,iBAAiB,CAAC;IACnB,IAAI,CAAC,EAAE;QACL,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;QACjD,qBAAqB,CAAC,EAAE,0BAA0B,EAAE,CAAC;KACtD,CAAC;CACH,CAyBA,CAAC;AAEF,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,CAAC,iCAAiC,CAAC,QASvD"}
+{"version":3,"file":"handle-notification-feed-updated.d.ts","sourceRoot":"","sources":["../../../../../src/feed/event-handlers/notification-feed/handle-notification-feed-updated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,KAAK,EACV,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG/E,eAAO,MAAM,8BAA8B,GACzC,yBAAyB,0BAA0B,EAAE,EACrD,sBAAsB,0BAA0B,EAAE,GAAG,SAAS,EAC9D,UAAU,OAAO,GAAG,KAAK;2BAGA,0BAA0B,EAAE;EA4BtD,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,wBAAwB,0BAA0B,EAClD,4BAA4B,0BAA0B;;;CAoBvD,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAC1C,OAAO,4BAA4B,EACnC,8BAA8B,0BAA0B,EAAE,EAC1D,4BAA4B,0BAA0B,KACrD,iBAAiB,CAAC;IACnB,IAAI,CAAC,EAAE;QACL,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;QACjD,qBAAqB,CAAC,EAAE,0BAA0B,EAAE,CAAC;KACtD,CAAC;CACH,CAyCA,CAAC;AAEF,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,CAAC,iCAAiC,CAAC,QAavD"}

package/dist/types/feed/feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../src/feed/feed.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"feed.d.ts","sourceRoot":"","sources":["../../../src/feed/feed.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/feeds-client",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "packageManager": "yarn@3.2.4",
   "main": "./dist/es/index.mjs",
   "exports": {

package/src/bindings/react/hooks/feed-state-hooks/useAggregatedActivities.ts

@@ -1,15 +1,26 @@
 import type { Feed, FeedState } from '@self';
 import { useStateStore } from '@stream-io/state-store/react-bindings';
 import { useFeedContext } from '../../contexts/StreamFeedContext';
+import { useMemo } from 'react';
+import { useStableCallback } from '../internal';
 
-const selector = ({ aggregated_activities }: FeedState) => ({
+const selector = ({
+  is_loading_activities,
+  next,
+  aggregated_activities = [],
+}: FeedState) => ({
+  is_loading: is_loading_activities,
+  has_next_page: typeof next !== 'undefined',
   aggregated_activities,
 });
 
-type UseAggregatedActivitiesReturnType = ReturnType<typeof selector>;
+type UseAggregatedActivitiesReturnType = ReturnType<typeof selector> & {
+  loadNextPage: () => Promise<void>;
+};
 
 /**
- * A React hook that returns a reactive object containing the current aggregated activities.
+ * A React hook that returns a reactive object containing the current aggregated activities,
+ * loading state and whether there is a next page to paginate to or not.
  */
 export function useAggregatedActivities(
   feedFromProps: Feed,
@@ -21,5 +32,18 @@ export function useAggregatedActivities(feedFromProps?: Feed) {
   const feedFromContext = useFeedContext();
   const feed = feedFromProps ?? feedFromContext;
 
-  return useStateStore(feed?.state, selector);
+  const data = useStateStore(feed?.state, selector);
+
+  const loadNextPage = useStableCallback(async () => {
+    if (!feed || !data?.has_next_page || data?.is_loading) {
+      return;
+    }
+
+    await feed.getNextPage();
+  });
+
+  return useMemo(
+    () => (data ? { ...data, loadNextPage } : undefined),
+    [data, loadNextPage],
+  );
 }

package/src/bindings/react/hooks/feed-state-hooks/useIsAggregatedActivityRead.ts

@@ -13,17 +13,16 @@ export const useIsAggregatedActivityRead = ({
   const feedFromContext = useFeedContext();
   const feed = feedFromProps ?? feedFromContext;
 
-  const { read_activities: readActivities /* last_read_at: lastReadAt */ } =
+  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()) ||
+      (lastReadAt &&
+        aggregatedActivity.updated_at.getTime() <= lastReadAt.getTime()) ||
       (readActivities ?? []).includes(group),
-    [readActivities, group],
+    [lastReadAt, aggregatedActivity.updated_at, readActivities, group],
   );
 };

package/src/feed/event-handlers/notification-feed/handle-notification-feed-updated.test.ts

@@ -4,7 +4,11 @@ import type {
   NotificationStatusResponse,
   AggregatedActivityResponse,
 } from '../../../gen/models';
-import { updateNotificationFeedFromEvent } from './handle-notification-feed-updated';
+import {
+  updateNotificationFeedFromEvent,
+  addAggregatedActivitiesToState,
+  updateNotificationStatus,
+} from './handle-notification-feed-updated';
 
 const createMockNotificationFeedUpdatedEvent = (
   overrides: Partial<NotificationFeedUpdatedEvent> = {},
@@ -30,6 +34,7 @@ const createMockAggregatedActivity = (
   activity_count: 1,
   created_at: new Date(),
   group: 'test-group',
+  user_count_truncated: false,
   score: 1,
   updated_at: new Date(),
   user_count: 1,
@@ -42,7 +47,34 @@ describe('notification-feed-utils', () => {
     it('should return unchanged if event has no notification_status or aggregated_activities', () => {
       const event = createMockNotificationFeedUpdatedEvent();
 
-      const result = updateNotificationFeedFromEvent(event);
+      const result = updateNotificationFeedFromEvent(event, [], {
+        unread: 0,
+        unseen: 0,
+        read_activities: [],
+        seen_activities: [],
+      });
+
+      expect(result.changed).toBe(false);
+    });
+
+    it(`shouldn't update notification_status when event has notification_status but currentNotificationStatus is undefined`, () => {
+      const event = createMockNotificationFeedUpdatedEvent({
+        notification_status: createMockNotificationStatus(),
+      });
+      const result = updateNotificationFeedFromEvent(event, [], undefined);
+
+      expect(result.changed).toBe(false);
+    });
+
+    it(`shouldn't update aggregated_activities when event has aggregated_activities but currentAggregatedActivities is undefined`, () => {
+      const event = createMockNotificationFeedUpdatedEvent({
+        aggregated_activities: [createMockAggregatedActivity()],
+      });
+      const result = updateNotificationFeedFromEvent(
+        event,
+        undefined,
+        createMockNotificationStatus(),
+      );
 
       expect(result.changed).toBe(false);
     });
@@ -52,15 +84,23 @@ describe('notification-feed-utils', () => {
         unread: 5,
         unseen: 3,
         read_activities: ['activity1', 'activity2'],
+        seen_activities: [],
       });
       const event = createMockNotificationFeedUpdatedEvent({
         notification_status: notificationStatus,
       });
 
-      const result = updateNotificationFeedFromEvent(event);
+      const result = updateNotificationFeedFromEvent(event, [], {
+        unread: 0,
+        unseen: 0,
+        read_activities: [],
+        seen_activities: [],
+      });
 
       expect(result.changed).toBe(true);
-      expect(result.data?.notification_status).toBe(notificationStatus);
+      expect(result.data?.notification_status).toStrictEqual(
+        notificationStatus,
+      );
       expect(result.data?.aggregated_activities).toBeUndefined();
     });
 
@@ -73,10 +113,17 @@ describe('notification-feed-utils', () => {
         aggregated_activities: aggregatedActivities,
       });
 
-      const result = updateNotificationFeedFromEvent(event);
+      const result = updateNotificationFeedFromEvent(event, [], {
+        unread: 0,
+        unseen: 0,
+        read_activities: [],
+        seen_activities: [],
+      });
 
       expect(result.changed).toBe(true);
-      expect(result.data?.aggregated_activities).toBe(aggregatedActivities);
+      expect(result.data?.aggregated_activities).toStrictEqual(
+        aggregatedActivities,
+      );
       expect(result.data?.notification_status).toBeUndefined();
     });
 
@@ -93,11 +140,23 @@ describe('notification-feed-utils', () => {
         aggregated_activities: aggregatedActivities,
       });
 
-      const result = updateNotificationFeedFromEvent(event);
+      const result = updateNotificationFeedFromEvent(event, [], {
+        unread: 0,
+        unseen: 0,
+        read_activities: [],
+        seen_activities: [],
+      });
 
       expect(result.changed).toBe(true);
-      expect(result.data?.notification_status).toBe(notificationStatus);
-      expect(result.data?.aggregated_activities).toBe(aggregatedActivities);
+      expect(result.data?.notification_status?.unread).toBe(
+        notificationStatus.unread,
+      );
+      expect(result.data?.notification_status?.unseen).toBe(
+        notificationStatus.unseen,
+      );
+      expect(result.data?.aggregated_activities).toStrictEqual(
+        aggregatedActivities,
+      );
     });
 
     it('should handle notification_status with all fields', () => {
@@ -105,16 +164,255 @@ describe('notification-feed-utils', () => {
         unread: 10,
         unseen: 5,
         last_seen_at: new Date('2023-01-01'),
+        seen_activities: [],
         read_activities: ['activity1', 'activity2', 'activity3'],
       });
       const event = createMockNotificationFeedUpdatedEvent({
         notification_status: notificationStatus,
       });
 
-      const result = updateNotificationFeedFromEvent(event);
+      const result = updateNotificationFeedFromEvent(event, [], {
+        unread: 0,
+        unseen: 0,
+        read_activities: [],
+        seen_activities: [],
+      });
+
+      expect(result.changed).toBe(true);
+      expect(result.data?.notification_status).toStrictEqual(
+        notificationStatus,
+      );
+    });
+  });
+
+  describe('addAggregatedActivitiesToState', () => {
+    it('should add new activities when none exist', () => {
+      const newActivities = [
+        createMockAggregatedActivity({ group: 'group1' }),
+        createMockAggregatedActivity({ group: 'group2' }),
+      ];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        undefined,
+        'start',
+      );
+
+      expect(result.changed).toBe(true);
+      expect(result.aggregated_activities).toStrictEqual(newActivities);
+    });
+
+    it('should add new activities to existing ones', () => {
+      const existingActivities = [
+        createMockAggregatedActivity({ group: 'existing1' }),
+      ];
+      const newActivities = [
+        createMockAggregatedActivity({ group: 'new1' }),
+        createMockAggregatedActivity({ group: 'new2' }),
+      ];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        existingActivities,
+        'start',
+      );
+
+      expect(result.changed).toBe(true);
+      expect(result.aggregated_activities).toStrictEqual([
+        ...newActivities,
+        ...existingActivities,
+      ]);
+    });
+
+    it('should add new activities at the end when position is end', () => {
+      const existingActivities = [
+        createMockAggregatedActivity({ group: 'existing1' }),
+      ];
+      const newActivities = [createMockAggregatedActivity({ group: 'new1' })];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        existingActivities,
+        'end',
+      );
+
+      expect(result.changed).toBe(true);
+      expect(result.aggregated_activities).toStrictEqual([
+        ...existingActivities,
+        ...newActivities,
+      ]);
+    });
+
+    it('should update existing activities with same group (upsert)', () => {
+      const baseDate = new Date('2023-01-01');
+      const existingActivities = [
+        createMockAggregatedActivity({
+          group: 'group1',
+          activity_count: 1,
+          score: 10,
+          updated_at: baseDate,
+        }),
+        createMockAggregatedActivity({
+          group: 'group2',
+          activity_count: 2,
+          score: 20,
+        }),
+      ];
+      const newActivities = [
+        createMockAggregatedActivity({
+          group: 'group1',
+          activity_count: 3,
+          score: 30,
+          updated_at: new Date('2023-01-02'),
+        }),
+        createMockAggregatedActivity({
+          group: 'group3',
+          activity_count: 4,
+          score: 40,
+        }),
+      ];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        existingActivities,
+        'start',
+      );
 
       expect(result.changed).toBe(true);
-      expect(result.data?.notification_status).toBe(notificationStatus);
+      expect(result.aggregated_activities).toHaveLength(3);
+
+      // Check that group1 was updated
+      const updatedGroup1 = result.aggregated_activities.find(
+        (a) => a.group === 'group1',
+      );
+      expect(updatedGroup1?.activity_count).toBe(3);
+      expect(updatedGroup1?.score).toBe(30);
+      expect(updatedGroup1?.updated_at).toEqual(new Date('2023-01-02'));
+
+      // Check that group2 remains unchanged
+      const unchangedGroup2 = result.aggregated_activities.find(
+        (a) => a.group === 'group2',
+      );
+      expect(unchangedGroup2?.activity_count).toBe(2);
+      expect(unchangedGroup2?.score).toBe(20);
+
+      // Check that group3 was added
+      const newGroup3 = result.aggregated_activities.find(
+        (a) => a.group === 'group3',
+      );
+      expect(newGroup3?.activity_count).toBe(4);
+      expect(newGroup3?.score).toBe(40);
+    });
+
+    it('should handle mixed new and existing activities', () => {
+      const existingActivities = [
+        createMockAggregatedActivity({ group: 'existing1' }),
+        createMockAggregatedActivity({ group: 'existing2' }),
+      ];
+      const newActivities = [
+        createMockAggregatedActivity({ group: 'existing1', activity_count: 5 }), // Update existing
+        createMockAggregatedActivity({ group: 'new1' }), // Add new
+        createMockAggregatedActivity({ group: 'existing2', score: 100 }), // Update existing
+        createMockAggregatedActivity({ group: 'new2' }), // Add new
+      ];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        existingActivities,
+        'start',
+      );
+
+      expect(result.changed).toBe(true);
+      expect(result.aggregated_activities).toHaveLength(4);
+
+      // Check that existing1 was updated
+      const updatedExisting1 = result.aggregated_activities.find(
+        (a) => a.group === 'existing1',
+      );
+      expect(updatedExisting1?.activity_count).toBe(5);
+
+      // Check that existing2 was updated
+      const updatedExisting2 = result.aggregated_activities.find(
+        (a) => a.group === 'existing2',
+      );
+      expect(updatedExisting2?.score).toBe(100);
+
+      // Check that new activities were added
+      expect(
+        result.aggregated_activities.find((a) => a.group === 'new1'),
+      ).toBeDefined();
+      expect(
+        result.aggregated_activities.find((a) => a.group === 'new2'),
+      ).toBeDefined();
+    });
+
+    it('should preserve order when adding at start', () => {
+      const existingActivities = [
+        createMockAggregatedActivity({ group: 'existing1' }),
+        createMockAggregatedActivity({ group: 'existing2' }),
+      ];
+      const newActivities = [
+        createMockAggregatedActivity({ group: 'new1' }),
+        createMockAggregatedActivity({ group: 'new2' }),
+      ];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        existingActivities,
+        'start',
+      );
+
+      expect(result.aggregated_activities).toStrictEqual([
+        ...newActivities,
+        ...existingActivities,
+      ]);
+    });
+
+    it('should preserve order when adding at end', () => {
+      const existingActivities = [
+        createMockAggregatedActivity({ group: 'existing1' }),
+        createMockAggregatedActivity({ group: 'existing2' }),
+      ];
+      const newActivities = [
+        createMockAggregatedActivity({ group: 'new1' }),
+        createMockAggregatedActivity({ group: 'new2' }),
+      ];
+
+      const result = addAggregatedActivitiesToState(
+        newActivities,
+        existingActivities,
+        'end',
+      );
+
+      expect(result.aggregated_activities).toStrictEqual([
+        ...existingActivities,
+        ...newActivities,
+      ]);
+    });
+  });
+
+  describe('updateNotificationStatus', () => {
+    it('should replace old state with new one', () => {
+      const newNotificationStatus = createMockNotificationStatus({
+        unread: 5,
+        unseen: 3,
+        read_activities: ['activity1', 'activity2'],
+        seen_activities: ['activity3', 'activity4'],
+      });
+
+      const currentNotificationStatus = createMockNotificationStatus({
+        unread: 2,
+        unseen: 1,
+        read_activities: ['activity5', 'activity6'],
+        seen_activities: ['activity7', 'activity8'],
+      });
+
+      const result = updateNotificationStatus(
+        newNotificationStatus,
+        currentNotificationStatus,
+      );
+
+      expect(result.notification_status).toStrictEqual(newNotificationStatus);
     });
   });
 });

package/src/feed/event-handlers/notification-feed/handle-notification-feed-updated.ts

@@ -5,9 +5,72 @@ import type {
   NotificationStatusResponse,
 } from '../../../gen/models';
 import type { EventPayload, UpdateStateResult } from '../../../types-internal';
+import { uniqueArrayMerge } from '../../../utils';
+
+export const addAggregatedActivitiesToState = (
+  newAggregatedActivities: AggregatedActivityResponse[],
+  aggregatedActivities: AggregatedActivityResponse[] | undefined,
+  position: 'start' | 'end',
+) => {
+  let result: UpdateStateResult<{
+    aggregated_activities: AggregatedActivityResponse[];
+  }>;
+  if (newAggregatedActivities.length === 0) {
+    result = {
+      changed: false,
+      aggregated_activities: [],
+    };
+  } else {
+    result = {
+      changed: true,
+      aggregated_activities: [],
+    };
+  }
+
+  result.aggregated_activities =
+    position === 'start'
+      ? uniqueArrayMerge(
+          newAggregatedActivities,
+          aggregatedActivities ?? [],
+          (a) => a.group,
+        )
+      : uniqueArrayMerge(
+          aggregatedActivities ?? [],
+          newAggregatedActivities,
+          (a) => a.group,
+        );
+
+  return result;
+};
+
+export const updateNotificationStatus = (
+  newNotificationStatus?: NotificationStatusResponse,
+  currentNotificationStatus?: NotificationStatusResponse,
+) => {
+  if (!newNotificationStatus && !currentNotificationStatus) {
+    return {
+      changed: false,
+      notification_status: undefined,
+    };
+  } else if (!newNotificationStatus) {
+    return {
+      changed: false,
+      notification_status: currentNotificationStatus,
+    };
+  } else {
+    return {
+      changed: true,
+      notification_status: {
+        ...newNotificationStatus,
+      },
+    };
+  }
+};
 
 export const updateNotificationFeedFromEvent = (
   event: NotificationFeedUpdatedEvent,
+  currentAggregatedActivities?: AggregatedActivityResponse[],
+  currentNotificationStatus?: NotificationStatusResponse,
 ): UpdateStateResult<{
   data?: {
     notification_status?: NotificationStatusResponse;
@@ -19,15 +82,31 @@ export const updateNotificationFeedFromEvent = (
     aggregated_activities?: AggregatedActivityResponse[];
   } = {};
 
-  if (event.notification_status) {
-    updates.notification_status = event.notification_status;
+  if (event.notification_status && currentNotificationStatus) {
+    const notificationStatusResult = updateNotificationStatus(
+      event.notification_status,
+      currentNotificationStatus,
+    );
+
+    if (notificationStatusResult.changed) {
+      updates.notification_status =
+        notificationStatusResult.notification_status;
+    }
   }
 
-  if (event.aggregated_activities) {
-    updates.aggregated_activities = event.aggregated_activities;
+  if (event.aggregated_activities && currentAggregatedActivities) {
+    const aggregatedActivitiesResult = addAggregatedActivitiesToState(
+      event.aggregated_activities,
+      currentAggregatedActivities,
+      'start',
+    );
+
+    if (aggregatedActivitiesResult.changed) {
+      updates.aggregated_activities =
+        aggregatedActivitiesResult.aggregated_activities;
+    }
   }
 
-  // Only return changed if we have actual updates
   if (Object.keys(updates).length > 0) {
     return {
       changed: true,
@@ -44,7 +123,11 @@ export function handleNotificationFeedUpdated(
   this: Feed,
   event: EventPayload<'feeds.notification_feed.updated'>,
 ) {
-  const result = updateNotificationFeedFromEvent(event);
+  const result = updateNotificationFeedFromEvent(
+    event,
+    this.currentState.aggregated_activities,
+    this.currentState.notification_status,
+  );
   if (result.changed) {
     this.state.partialNext({
       notification_status: result.data?.notification_status,