@amityco/ts-sdk-react-native 6.23.0 → 6.23.1-d8b4c4c.0

package/src/@types/domains/stream.ts

@@ -44,7 +44,7 @@ declare global {
       stopTime: number;
     };
 
-    type Stream = {
+    type InternalStream = {
       streamId: string;
       title: string;
       thumbnailFileId?: Amity.File<'image'>['fileId'];
@@ -65,20 +65,40 @@ declare global {
       Amity.Timestamps &
       Amity.SoftDelete;
 
+    type StreamLinkedObject = {
+      moderation?: Amity.StreamModeration;
+    };
+
+    type Stream = Amity.InternalStream & Amity.StreamLinkedObject;
+
     type QueryStreams = {
       isLive?: boolean;
       statuses?: Amity.StreamStatus[];
       userPublicIds?: Amity.InternalUser['userId'][];
       sortBy?: 'lastCreated' | 'firstCreated';
-      isDeleted?: Amity.Stream['isDeleted'];
+      isDeleted?: Amity.InternalStream['isDeleted'];
       page?: string;
       limit?: number;
     };
 
+    type StreamModerationLabel = {
+      categoryId: string;
+      detectedAt: Amity.timestamp;
+    };
+
+    type StreamModeration = {
+      moderationId: string;
+      streamId: Amity.InternalStream['streamId'];
+      flagLabels: Amity.StreamModerationLabel[];
+      terminateLabels: Amity.StreamModerationLabel[];
+      createdAt: Amity.timestamp;
+      updatedAt: Amity.timestamp;
+    };
+
     type StreamLiveCollection = Amity.LiveCollectionParams<Omit<QueryStreams, 'page'>>;
 
     type StreamLiveCollectionCache = Amity.LiveCollectionCache<
-      Amity.Stream['streamId'],
+      Amity.InternalStream['streamId'],
       Pick<QueryStreams, 'page'>
     >;
 

package/src/channelRepository/channelMembership/observers/getMembers/ChannelMemberLiveCollectionController.ts

@@ -52,7 +52,7 @@ export class ChannelMemberLiveCollectionController extends LiveCollectionControl
     );
 
     this.callback = callback.bind(this);
-    this.loadPage(true);
+    this.loadPage({ initial: true });
   }
 
   protected setup() {
@@ -104,7 +104,7 @@ export class ChannelMemberLiveCollectionController extends LiveCollectionControl
     if (!this.shouldNotify(data) && origin === 'event') return;
 
     this.callback({
-      onNextPage: () => this.loadPage(false, Amity.LiveCollectionPageDirection.NEXT),
+      onNextPage: () => this.loadPage({ direction: Amity.LiveCollectionPageDirection.NEXT }),
       data,
       hasNextPage: !!this.paginationController.getNextToken(),
       loading,

package/src/channelRepository/observers/getChannel.ts

@@ -33,8 +33,8 @@ import { isEqual } from '~/utils/isEqual';
 import { updateChannelCache } from '../utils/updateChannelCache';
 import { onChannelMarkerUpdated } from '~/marker/events/onChannelMarkerUpdated';
 import { onSubChannelCreated } from '~/subChannelRepository';
-import { onUserFeedMarkerUpdated } from '~/marker/events/onUserFeedMarkerUpdated';
 import { LinkedObject } from '~/utils/linkedObject';
+import { onChannelUnreadUpdatedLocal } from '~/marker/events/onChannelUnreadUpdatedLocal';
 
 /* begin_public_function
   id: channel.get
@@ -271,7 +271,7 @@ export const getChannel = (
         'channel',
       ),
       convertEventPayload(onSubChannelCreated, 'channelId', 'channel'),
-      convertEventPayload(onUserFeedMarkerUpdated, 'entityId', 'channel'),
+      convertEventPayload(onChannelUnreadUpdatedLocal, 'channelId', 'channel'),
     ],
     {
       forceDispatch: true,

package/src/channelRepository/observers/getChannels/ChannelLiveCollectionController.ts

@@ -47,7 +47,6 @@ import { getActiveClient } from '~/client';
 import { prepareChannelPayload } from '~/channelRepository/utils';
 import { ChannelPaginationNoPageController } from './ChannelPagnationNoPageController';
 import { PaginationController } from '~/core/liveCollection/PaginationController';
-import { onUserFeedMarkerUpdated } from '~/marker/events/onUserFeedMarkerUpdated';
 import { onSubChannelCreated } from '~/subChannelRepository';
 
 import ObjectResolverEngine from '~/client/utils/ObjectResolver/objectResolverEngine';
@@ -56,6 +55,7 @@ import { resolveUnreadInfoOnChannelEvent } from '~/channelRepository/utils/resol
 import { onChannelResolved } from '~/channelRepository/events/onChannelResolved';
 import { onUserMessageFeedMarkerResolved } from '~/marker/events/onUserMessageFeedMarkerResolved';
 import { LinkedObject } from '~/utils/linkedObject';
+import { onChannelUnreadUpdatedLocal } from '~/marker/events/onChannelUnreadUpdatedLocal';
 
 export class ChannelLiveCollectionController extends LiveCollectionController<
   'channel',
@@ -98,7 +98,7 @@ export class ChannelLiveCollectionController extends LiveCollectionController<
 
     this.paginationController = paginationController;
     this.callback = callback.bind(this);
-    this.loadPage(true);
+    this.loadPage({ initial: true });
   }
 
   protected setup() {
@@ -148,7 +148,7 @@ export class ChannelLiveCollectionController extends LiveCollectionController<
     this.callback({
       onNextPage:
         this.paginationController instanceof ChannelPaginationController
-          ? () => this.loadPage(false, Amity.LiveCollectionPageDirection.NEXT)
+          ? () => this.loadPage({ direction: Amity.LiveCollectionPageDirection.NEXT })
           : undefined,
       data,
       hasNextPage:
@@ -517,10 +517,6 @@ export class ChannelLiveCollectionController extends LiveCollectionController<
         ),
         action: Amity.ChannelActionType.OnUpdate,
       },
-      {
-        fn: convertEventPayload(onUserFeedMarkerUpdated, 'entityId', 'channel'),
-        action: Amity.ChannelActionType.OnUpdate,
-      },
       {
         fn: convertEventPayload(onSubChannelCreated, 'channelId', 'channel'),
         action: Amity.ChannelActionType.OnUpdate,
@@ -553,6 +549,10 @@ export class ChannelLiveCollectionController extends LiveCollectionController<
         },
         action: Amity.ChannelActionType.OnResolve,
       },
+      {
+        fn: convertEventPayload(onChannelUnreadUpdatedLocal, 'channelId', 'channel'),
+        action: Amity.ChannelActionType.OnUpdate,
+      },
     ];
 
     if (this.paginationController instanceof PaginationController) {

package/src/client/api/secureLogout.ts

@@ -6,7 +6,7 @@ import { logout } from './logout';
 */
 /**
  * ```js
- * import { Client } from '@amityco/ts-sdk'
+ * import { Client } from '@amityco/ts-sdk-react-native'
  * const success = await Client.secureLogout()
  * ```
  *

package/src/client/utils/ReadReceiptSync/readReceiptSyncEngine.ts

@@ -2,6 +2,7 @@ import { pullFromCache, pushToCache, queryCache } from '~/cache/api';
 import { getActiveClient } from '../../api/activeClient';
 import { markAsReadBySegment } from '~/subChannelRepository/api/markAsReadBySegment';
 import { reCalculateChannelUnreadInfo } from '~/marker/utils/reCalculateChannelUnreadInfo';
+import { fireEvent } from '~/core/events';
 
 export class MessageReadReceiptSyncEngine {
   private client: Amity.Client;
@@ -178,10 +179,12 @@ export class MessageReadReceiptSyncEngine {
       subChannelUnreadInfo.readToSegment = segment;
       subChannelUnreadInfo.unreadCount = Math.max(subChannelUnreadInfo.lastSegment - segment, 0);
 
-      reCalculateChannelUnreadInfo(subChannelUnreadInfo.channelId);
-    }
+      const channelUnreadInfo = reCalculateChannelUnreadInfo(subChannelUnreadInfo.channelId);
+      fireEvent('local.channelUnread.updated', channelUnreadInfo);
 
-    pushToCache(cacheKey, subChannelUnreadInfo);
+      pushToCache(cacheKey, subChannelUnreadInfo);
+      fireEvent('local.subChannelUnread.updated', subChannelUnreadInfo);
+    }
 
     // Step 2: Enqueue the read receipt
     this.enqueueReadReceipt(subChannelId, segment);

package/src/commentRepository/api/createComment.ts

@@ -53,7 +53,7 @@ export const createComment = async (
   if (['post', 'content'].includes(bundle.referenceType)) {
     const post = await getPost(bundle.referenceId);
 
-    fireEvent('post.updated', {
+    fireEvent('local.post.updated', {
       posts: [post.data],
       categories: [],
       comments: [],
@@ -97,7 +97,7 @@ export const createComment = async (
     }
   }
 
-  fireEvent('comment.created', data);
+  fireEvent('local.comment.created', data);
 
   return {
     data: LinkedObject.comment(comments[0]),

package/src/commentRepository/api/deleteComment.ts

@@ -64,8 +64,7 @@ export const deleteComment = async (
   } else {
     const post = await getPost(comment.data.referenceId);
 
-    // @TODO: Need to separate Local / MQTT later
-    fireEvent('post.updated', {
+    fireEvent('local.post.updated', {
       posts: [post.data],
       categories: [],
       comments: [],
@@ -78,8 +77,7 @@ export const deleteComment = async (
     });
   }
 
-  // @TODO: Need to separate Local / MQTT later
-  fireEvent('comment.deleted', {
+  fireEvent('local.comment.deleted', {
     comments: [deleted],
     commentChildren: [],
     files: [],

package/src/commentRepository/events/utils.ts

@@ -1,5 +1,5 @@
 import { getActiveClient } from '~/client/api';
-import { createEventSubscriber } from '~/core/events';
+import { createEventSubscriber, fireEvent } from '~/core/events';
 import { pullFromCache, pushToCache, queryCache, upsertInCache } from '~/cache/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 import { LinkedObject } from '~/utils/linkedObject';

package/src/commentRepository/internalApi/createComment.ts

@@ -27,7 +27,7 @@ export const createComment = async (
 
   const post = await getPost(bundle.referenceId);
 
-  fireEvent('post.updated', {
+  fireEvent('local.post.updated', {
     posts: [post.data],
     categories: [],
     comments: [],
@@ -38,7 +38,8 @@ export const createComment = async (
     postChildren: [],
     users: [],
   });
-  fireEvent('comment.created', data);
+
+  fireEvent('local.comment.created', data);
 
   const { comments } = data;
   return {

package/src/commentRepository/internalApi/deleteComment.ts

@@ -33,7 +33,7 @@ export const deleteComment = async (
 
   const post = await getPost(comment.data.referenceId);
 
-  fireEvent('post.updated', {
+  fireEvent('local.post.updated', {
     posts: [post.data],
     categories: [],
     comments: [],
@@ -45,7 +45,7 @@ export const deleteComment = async (
     users: [],
   });
 
-  fireEvent('comment.deleted', {
+  fireEvent('local.comment.deleted', {
     comments: [deleted],
     commentChildren: [],
     files: [],

package/src/communityRepository/api/createCommunity.ts

@@ -2,7 +2,7 @@ import { getActiveClient } from '~/client/api';
 
 import { ingestInCache } from '~/cache/api/ingestInCache';
 import { fireEvent } from '~/core/events';
-
+import { saveCommunityUsers } from '~/communityRepository/utils/saveCommunityUsers';
 import { prepareCommunityPayload, prepareCommunityRequest } from '../utils';
 
 /* begin_public_function
@@ -53,7 +53,10 @@ export const createCommunity = async (
   const data = prepareCommunityPayload(payload);
 
   const cachedAt = client.cache && Date.now();
-  if (client.cache) ingestInCache(data, { cachedAt });
+  if (client.cache) {
+    ingestInCache(data, { cachedAt });
+    saveCommunityUsers(data.communities, data.communityUsers);
+  }
 
   const { communities } = data;
   return {

package/src/communityRepository/api/getCommunities.ts

@@ -3,6 +3,7 @@ import { getActiveClient } from '~/client/api';
 import { pullFromCache } from '~/cache/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 
+import { saveCommunityUsers } from '~/communityRepository/utils/saveCommunityUsers';
 import { prepareCommunityPayload } from '../utils';
 
 /**
@@ -36,7 +37,10 @@ export const getCommunities = async (
   const data = prepareCommunityPayload(payload);
 
   const cachedAt = client.cache && Date.now();
-  if (client.cache) ingestInCache(data, { cachedAt });
+  if (client.cache) {
+    ingestInCache(data, { cachedAt });
+    saveCommunityUsers(data.communities, data.communityUsers);
+  }
 
   return {
     data: data.communities,

package/src/communityRepository/api/getCommunity.ts

@@ -3,6 +3,7 @@ import { getActiveClient } from '~/client/api';
 import { pullFromCache } from '~/cache/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 
+import { saveCommunityUsers } from '~/communityRepository/utils/saveCommunityUsers';
 import { prepareCommunityPayload } from '../utils';
 
 /**
@@ -33,7 +34,10 @@ export const getCommunity = async (
   const data = prepareCommunityPayload(payload);
 
   const cachedAt = client.cache && Date.now();
-  if (client.cache) ingestInCache(data, { cachedAt });
+  if (client.cache) {
+    ingestInCache(data, { cachedAt });
+    saveCommunityUsers(data.communities, data.communityUsers);
+  }
 
   const { communities } = data;
 

package/src/communityRepository/api/queryCommunities.ts

@@ -1,11 +1,10 @@
 import { getActiveClient } from '~/client/api';
-
-import { toPage, toToken } from '~/core/query';
 import { pushToCache } from '~/cache/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 import { getResolver } from '~/core/model';
 
 import { inferIsDeleted } from '~/utils/inferIsDeleted';
+import { saveCommunityUsers } from '~/communityRepository/utils/saveCommunityUsers';
 import { prepareCommunityPayload } from '../utils';
 
 /**
@@ -67,6 +66,7 @@ export const queryCommunities = async (
 
     const cacheKey = ['community', 'query', { ...params, options } as Amity.Serializable];
     pushToCache(cacheKey, { communities: communities.map(getResolver('community')), paging });
+    saveCommunityUsers(data.communities, data.communityUsers);
   }
 
   return { data: communities, cachedAt, paging };

package/src/communityRepository/api/updateCommunity.ts

@@ -3,6 +3,7 @@ import { getActiveClient } from '~/client/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 import { fireEvent } from '~/core/events';
 
+import { saveCommunityUsers } from '~/communityRepository/utils/saveCommunityUsers';
 import { prepareCommunityPayload, prepareCommunityRequest } from '../utils';
 
 /* begin_public_function
@@ -44,7 +45,10 @@ export const updateCommunity = async (
   const data = prepareCommunityPayload(payload);
 
   const cachedAt = client.cache && Date.now();
-  if (client.cache) ingestInCache(data, { cachedAt });
+  if (client.cache) {
+    ingestInCache(data, { cachedAt });
+    saveCommunityUsers(data.communities, data.communityUsers);
+  }
 
   const { communities } = data;
 

package/src/communityRepository/communityMembership/observers/getMembers/CommunityMembersLiveCollectionController.ts

@@ -0,0 +1,152 @@
+/* eslint-disable no-use-before-define */
+import hash from 'object-hash';
+import { pullFromCache, pushToCache } from '~/cache/api';
+import { CommunityMembersPaginationController } from './CommunityMembersPaginationController';
+import { CommunityMembersQueryStreamController } from './CommunityMembersQueryStreamController';
+import { LiveCollectionController } from '~/core/liveCollection/LiveCollectionController';
+import {
+  onCommunityJoined,
+  onCommunityLeft,
+  onCommunityUserBanned,
+  onCommunityUserChanged,
+  onCommunityUserRoleAdded,
+  onCommunityUserRoleRemoved,
+  onCommunityUserUnbanned,
+} from '~/communityRepository/communityMembership/events';
+import {
+  filterByPropIntersection,
+  filterBySearchTerm,
+  sortByDisplayName,
+  sortByFirstCreated,
+  sortByLastCreated,
+} from '~/core/query';
+import { prepareCommunityPayload } from '~/communityRepository/utils';
+import { isNonNullable } from '~/utils';
+import { EnumCommunityMemberActions } from './enums';
+
+export class CommunityMembersLiveCollectionController extends LiveCollectionController<
+  'communityUser',
+  Amity.CommunityMemberLiveCollection,
+  Amity.Membership<'community'>,
+  CommunityMembersPaginationController
+> {
+  private queryStreamController: CommunityMembersQueryStreamController;
+
+  private query: Amity.CommunityMemberLiveCollection;
+
+  constructor(
+    query: Amity.CommunityMemberLiveCollection,
+    callback: Amity.LiveCollectionCallback<Amity.Membership<'community'>>,
+  ) {
+    const queryStreamId = hash(query);
+    const cacheKey = ['communityUsers', 'collection', queryStreamId];
+    const paginationController = new CommunityMembersPaginationController(query);
+
+    super(paginationController, queryStreamId, cacheKey, callback);
+
+    this.query = query;
+    this.queryStreamController = new CommunityMembersQueryStreamController(
+      this.query,
+      this.cacheKey,
+      this.notifyChange.bind(this),
+      prepareCommunityPayload,
+    );
+
+    this.callback = callback.bind(this);
+    this.loadPage({ initial: true });
+  }
+
+  protected setup() {
+    const collection = pullFromCache<Amity.CommunityMemberLiveCollectionCache>(this.cacheKey)?.data;
+    if (!collection) {
+      pushToCache(this.cacheKey, {
+        data: [],
+        params: {},
+      });
+    }
+  }
+
+  protected async persistModel(queryPayload: Amity.CommunityMembershipPayload & Amity.Pagination) {
+    await this.queryStreamController.saveToMainDB(queryPayload);
+  }
+
+  protected persistQueryStream({
+    response,
+    direction,
+    refresh,
+  }: Amity.LiveCollectionPersistQueryStreamParams<'communityUser'>) {
+    this.queryStreamController.appendToQueryStream(response, direction, refresh);
+  }
+
+  startSubscription() {
+    return this.queryStreamController.subscribeRTE([
+      { fn: onCommunityJoined, action: EnumCommunityMemberActions.OnCommunityJoined },
+      { fn: onCommunityLeft, action: EnumCommunityMemberActions.OnCommunityLeft },
+      { fn: onCommunityUserBanned, action: EnumCommunityMemberActions.OnCommunityUserBanned },
+      { fn: onCommunityUserChanged, action: EnumCommunityMemberActions.OnCommunityUserChanged },
+      { fn: onCommunityUserRoleAdded, action: EnumCommunityMemberActions.OnCommunityUserRoleAdded },
+      {
+        fn: onCommunityUserRoleRemoved,
+        action: EnumCommunityMemberActions.OnCommunityUserRoleRemoved,
+      },
+      { fn: onCommunityUserUnbanned, action: EnumCommunityMemberActions.OnCommunityUserUnbanned },
+    ]);
+  }
+
+  notifyChange({ origin, loading, error }: Amity.LiveCollectionNotifyParams) {
+    const collection = pullFromCache<Amity.CommunityMemberLiveCollectionCache>(this.cacheKey)?.data;
+    if (!collection) return;
+
+    const data = this.applyFilter(
+      collection.data
+        .map(id => pullFromCache<Amity.Membership<'community'>>(['communityUsers', 'get', id])!)
+        .filter(isNonNullable)
+        .map(({ data }) => data) ?? [],
+    );
+
+    if (!this.shouldNotify(data) && origin === 'event') return;
+
+    this.callback({
+      onNextPage: () => this.loadPage({ direction: Amity.LiveCollectionPageDirection.NEXT }),
+      data,
+      hasNextPage: !!this.paginationController.getNextToken(),
+      loading,
+      error,
+    });
+  }
+
+  applyFilter(data: Amity.Membership<'community'>[]) {
+    let communityMembers = filterByPropIntersection(data, 'roles', this.query.roles);
+
+    if (this.query.memberships) {
+      communityMembers = communityMembers.filter(({ communityMembership }) => {
+        const memberships: Amity.GroupMembership[] = this.query.memberships || [];
+        return memberships.includes(communityMembership);
+      });
+    }
+
+    if (this.query.search) {
+      communityMembers = filterBySearchTerm(communityMembers, this.query.search);
+    }
+
+    switch (this.query.sortBy) {
+      case 'firstCreated':
+        communityMembers = communityMembers.sort(sortByFirstCreated);
+        break;
+      case 'displayName':
+        communityMembers = communityMembers.sort((a, b) => {
+          if (a?.user?.displayName && b?.user?.displayName) {
+            return a?.user?.displayName.localeCompare(b?.user?.displayName);
+          }
+          return 0;
+        });
+        break;
+      case 'lastCreated':
+      default:
+        communityMembers = communityMembers.sort(sortByLastCreated);
+        break;
+    }
+
+    return communityMembers;
+  }
+}

package/src/communityRepository/communityMembership/observers/getMembers/CommunityMembersPaginationController.ts

@@ -0,0 +1,26 @@
+import { PaginationController } from '~/core/liveCollection/PaginationController';
+import { COLLECTION_DEFAULT_PAGINATION_LIMIT } from '~/utils/constants';
+
+/**
+ * TODO: handle cache receive cache option, and cache policy
+ * TODO: check if querybyIds is supported
+ */
+export class CommunityMembersPaginationController extends PaginationController<
+  'communityUser',
+  Amity.CommunityMemberLiveCollection
+> {
+  async getRequest(queryParams: Amity.CommunityMemberLiveCollection, token: string | undefined) {
+    const { limit = COLLECTION_DEFAULT_PAGINATION_LIMIT, ...params } = queryParams;
+    const options = token ? { token } : { limit };
+
+    const { data: queryResponse } = await this.http.get<
+      Amity.CommunityMembershipPayload & Amity.Pagination
+    >(`/api/v3/communities/${params.communityId}/users`, {
+      params: {
+        ...params,
+        options,
+      },
+    });
+    return queryResponse;
+  }
+}

package/src/communityRepository/communityMembership/observers/getMembers/CommunityMembersQueryStreamController.ts

@@ -0,0 +1,114 @@
+import { QueryStreamController } from '~/core/liveCollection/QueryStreamController';
+import { pullFromCache, pushToCache } from '~/cache/api';
+import { ingestInCache } from '~/cache/api/ingestInCache';
+import { getResolver } from '~/core/model';
+import { getActiveClient } from '~/client';
+import { EnumCommunityMemberActions } from './enums';
+
+export class CommunityMembersQueryStreamController extends QueryStreamController<
+  Amity.CommunityMembershipPayload,
+  Amity.CommunityMemberLiveCollection
+> {
+  private notifyChange: (params: Amity.LiveCollectionNotifyParams) => void;
+
+  private preparePayload: (
+    response: Amity.CommunityMembershipPayload,
+  ) => Amity.ProcessedCommunityMembershipPayload;
+
+  constructor(
+    query: Amity.CommunityMemberLiveCollection,
+    cacheKey: string[],
+    notifyChange: (params: Amity.LiveCollectionNotifyParams) => void,
+    preparePayload: (
+      response: Amity.CommunityMembershipPayload,
+    ) => Amity.ProcessedCommunityMembershipPayload,
+  ) {
+    super(query, cacheKey);
+    this.notifyChange = notifyChange;
+    this.preparePayload = preparePayload;
+  }
+
+  async saveToMainDB(response: Amity.CommunityMembershipPayload) {
+    const processedPayload = await this.preparePayload(response);
+
+    const client = getActiveClient();
+    const cachedAt = client.cache && Date.now();
+
+    if (client.cache) {
+      ingestInCache(processedPayload, { cachedAt });
+    }
+  }
+
+  appendToQueryStream(
+    response: Amity.CommunityMembershipPayload & Partial<Amity.Pagination>,
+    direction: Amity.LiveCollectionPageDirection,
+    refresh = false,
+  ) {
+    if (refresh) {
+      pushToCache(this.cacheKey, {
+        data: response.communityUsers.map(({ communityId, userId }) =>
+          getResolver('communityUsers')({ communityId, userId }),
+        ),
+      });
+    } else {
+      const collection = pullFromCache<Amity.CommunityLiveCollectionCache>(this.cacheKey)?.data;
+
+      const communityUsers = collection?.data ?? [];
+
+      pushToCache(this.cacheKey, {
+        ...collection,
+        data: [
+          ...new Set([
+            ...communityUsers,
+            ...response.communityUsers.map(({ communityId, userId }) =>
+              getResolver('communityUsers')({ communityId, userId }),
+            ),
+          ]),
+        ],
+      });
+    }
+  }
+
+  reactor(action: EnumCommunityMemberActions) {
+    return (community: Amity.Community, communityMembers: Amity.Membership<'community'>[]) => {
+      const collection = pullFromCache<Amity.CommunityMemberLiveCollectionCache>(
+        this.cacheKey,
+      )?.data;
+      if (!collection) return;
+
+      if (
+        action === EnumCommunityMemberActions.OnCommunityUserRoleAdded &&
+        this.query.sortBy === 'displayName'
+      ) {
+        return;
+      }
+
+      communityMembers.forEach(communityMember => {
+        const communityMemberCacheId = getResolver('communityUsers')({
+          communityId: this.query.communityId,
+          userId: communityMember.userId,
+        });
+
+        if (communityMember.communityMembership === 'none') {
+          collection.data = collection.data.filter(m => m !== communityMemberCacheId);
+        } else if (!collection.data.includes(communityMemberCacheId)) {
+          collection.data = [communityMemberCacheId, ...collection.data];
+        }
+      });
+
+      pushToCache(this.cacheKey, collection);
+      this.notifyChange({ origin: Amity.LiveDataOrigin.EVENT, loading: false });
+    };
+  }
+
+  subscribeRTE(
+    createSubscriber: {
+      fn: (
+        reactor: (channel: Amity.Community, communityUser: Amity.Membership<'community'>[]) => void,
+      ) => Amity.Unsubscriber;
+      action: EnumCommunityMemberActions;
+    }[],
+  ) {
+    return createSubscriber.map(subscriber => subscriber.fn(this.reactor(subscriber.action)));
+  }
+}

package/src/communityRepository/communityMembership/observers/getMembers/enums.ts

@@ -0,0 +1,9 @@
+export enum EnumCommunityMemberActions {
+  OnCommunityJoined = 'onCommunityJoined',
+  OnCommunityLeft = 'onCommunityLeft',
+  OnCommunityUserBanned = 'onCommunityUserBanned',
+  OnCommunityUserChanged = 'onCommunityUserChanged',
+  OnCommunityUserRoleAdded = 'onCommunityUserRoleAdded',
+  OnCommunityUserRoleRemoved = 'onCommunityUserRoleRemoved',
+  OnCommunityUserUnbanned = 'onCommunityUserUnbanned',
+}