@amityco/ts-sdk-react-native 6.32.7-289cad7.0 → 6.33.0

package/dist/index.esm.js

@@ -89,8 +89,8 @@ const PostContentType = Object.freeze({
 
 function getVersion() {
     try {
-        // the string ''v6.32.6-esm'' should be replaced by actual value by @rollup/plugin-replace
-        return 'v6.32.6-esm';
+        // the string ''v6.33.0-esm'' should be replaced by actual value by @rollup/plugin-replace
+        return 'v6.33.0-esm';
     }
     catch (error) {
         return '__dev__';
@@ -26321,6 +26321,18 @@ class QueryStreamController {
     }
 }
 
+var EnumFollowActions;
+(function (EnumFollowActions) {
+    EnumFollowActions["OnRequested"] = "onRequested";
+    EnumFollowActions["OnAccepted"] = "onAccepted";
+    EnumFollowActions["OnDeclined"] = "onDeclined";
+    EnumFollowActions["OnCanceled"] = "onCanceled";
+    EnumFollowActions["OnFollowed"] = "onFollowed";
+    EnumFollowActions["OnUnfollowed"] = "onUnfollowed";
+    EnumFollowActions["OnDeleted"] = "onDeleted";
+    EnumFollowActions["OnUserDeleted"] = "onUserDeleted";
+})(EnumFollowActions || (EnumFollowActions = {}));
+
 class BlockedUserQueryStreamController extends QueryStreamController {
     constructor(query, cacheKey, notifyChange, preparePayload) {
         super(query, cacheKey);
@@ -26349,10 +26361,13 @@ class BlockedUserQueryStreamController extends QueryStreamController {
         }
     }
     reactor(action) {
-        return (followStatus) => {
+        return (targetUser) => {
             var _a;
-            const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
-            pushToCache(this.cacheKey, collection);
+            if (action === EnumFollowActions.OnFollowed) {
+                const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+                const updatedCollection = collection === null || collection === void 0 ? void 0 : collection.data.filter(id => id !== targetUser.userId);
+                pushToCache(this.cacheKey, Object.assign(Object.assign({}, collection), { data: updatedCollection }));
+            }
             this.notifyChange({ origin: "event" /* Amity.LiveDataOrigin.EVENT */, loading: false });
         };
     }
@@ -26549,6 +26564,292 @@ var EnumUserActions;
     EnumUserActions["OnUserFlagCleared"] = "onUserFlagCleared";
 })(EnumUserActions || (EnumUserActions = {}));
 
+const createFollowEventSubscriber = (event, callback) => {
+    const client = getActiveClient();
+    const filter = (data) => {
+        const payload = prepareFollowersPayload(data);
+        if (!client.cache) {
+            callback(payload.follows[0]);
+        }
+        else {
+            ingestInCache(payload);
+            callback(payload.follows[0]);
+        }
+    };
+    return createEventSubscriber(client, event, event, filter);
+};
+const createLocalFollowEventSubscriber = (event, callback) => {
+    const client = getActiveClient();
+    const filter = (data) => {
+        const payload = prepareFollowStatusPayload(data);
+        if (!client.cache) {
+            callback(payload.follows[0]);
+        }
+        else {
+            ingestInCache(payload);
+            callback(payload.follows[0]);
+        }
+    };
+    return createEventSubscriber(client, event, event, filter);
+};
+
+/**
+ * ```js
+ * import { onUserFollowed } from '@amityco/ts-sdk-react-native'
+ * const dispose = onUserFollowed(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a user follows another users and confirmation is not required
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onUserFollowed = (callback) => createFollowEventSubscriber('follow.created', callback);
+
+/**
+ * ```js
+ * import { onUserUnfollowed } from '@amityco/ts-sdk-react-native'
+ * const dispose = onUserFollowed(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a user unfollows
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onUserUnfollowed = (callback) => createFollowEventSubscriber('follow.unfollowed', callback);
+
+/**
+ * ```js
+ * import { onFollowerDeleted } from '@amityco/ts-sdk-react-native'
+ * const dispose = onFollowerDeleted(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a follower has been deleted
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onFollowerDeleted = (callback) => createFollowEventSubscriber('follow.followerDeleted', callback);
+
+/**
+ * ```js
+ * import { onFollowerRequested } from '@amityco/ts-sdk-react-native'
+ * const dispose = onFollowerRequested(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a user follows another users and confirmation is required
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onFollowerRequested = (callback) => createFollowEventSubscriber('follow.requested', callback);
+
+/**
+ * ```js
+ * import { onFollowRequestCanceled } from '@amityco/ts-sdk-react-native'
+ * const dispose = onFollowRequestCanceled(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a follow request has been canceled
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onFollowRequestCanceled = (callback) => createFollowEventSubscriber('follow.requestCanceled', callback);
+
+/**
+ * ```js
+ * import { onFollowRequestAccepted } from '@amityco/ts-sdk-react-native'
+ * const dispose = onFollowRequestAccepted(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a follow request has been accepted
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onFollowRequestAccepted = (callback) => createFollowEventSubscriber('follow.accepted', callback);
+
+/**
+ * ```js
+ * import { onFollowRequestDeclined } from '@amityco/ts-sdk-react-native'
+ * const dispose = onFollowRequestDeclined(status => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a follow request has been declined
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onFollowRequestDeclined = (callback) => createFollowEventSubscriber('follow.requestDeclined', callback);
+
+/**
+ * ```js
+ * import { getFollowInfo } from '@amityco/ts-sdk-react-native'
+ * const { data: followInfo } = await getFollowInfo('foobar')
+ * ```
+ *
+ * Fetches the number of followers, followings, pending requests and the follow status for current user
+ *
+ * @param userId the ID of the {@link Amity.InternalUser}
+ * @returns the associated {@link Amity.FollowInfo} object
+ *
+ * @category Follow API
+ * @async
+ */
+const getFollowInfo$1 = async (userId) => {
+    var _a, _b;
+    const client = getActiveClient();
+    client.log('follow/getFollowInfo', userId);
+    const { data } = await client.http.get(client.userId === userId ? `/api/v4/me/followInfo` : `/api/v5/users/${userId}/followInfo`);
+    const cachedAt = client.cache && Date.now();
+    const followInfo = 'follows' in data
+        ? Object.assign(Object.assign({}, data.followCounts[0]), { status: (_b = (_a = data.follows) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.status }) : data.followCounts[0];
+    if (client.cache) {
+        pushToCache(['followInfo', 'get', userId], followInfo, {
+            cachedAt,
+        });
+    }
+    return {
+        data: followInfo,
+        cachedAt,
+    };
+};
+/**
+ * ```js
+ * import { getFollowInfo } from '@amityco/ts-sdk-react-native'
+ * const { data: followInfo } = getFollowInfo.locally('foobar')
+ * ```
+ *
+ * Fetches the number of followers, followings, pending requests and the follow status for current user from cache
+ *
+ * @param userId the ID of the {@link Amity.InternalUser}
+ * @returns the associated {@link Amity.FollowInfo} object
+ *
+ * @category Follow API
+ */
+getFollowInfo$1.locally = (userId) => {
+    const client = getActiveClient();
+    client.log('follow/getFollowInfo.locally', userId);
+    if (!client.cache) {
+        return;
+    }
+    const cached = pullFromCache(['followInfo', 'get', userId]);
+    if (!cached) {
+        return;
+    }
+    return {
+        data: cached.data,
+        cachedAt: cached.cachedAt,
+    };
+};
+
+/**
+ * ```js
+ * import { onFollowInfoUpdated } from '@amityco/ts-sdk-react-native'
+ * const dispose = onFollowInfoUpdated(followInfo => {
+ *   // ...
+ * })
+ * ```
+ *
+ * Fired when a {@link Amity.FollowInfo} has been updated
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Follow Events
+ */
+const onFollowInfoUpdated = (callback) => {
+    const handler = async (payload) => {
+        const [{ data: followInfoFrom }, { data: followInfoTo }] = await Promise.all([
+            getFollowInfo$1(payload.from),
+            getFollowInfo$1(payload.to),
+        ]);
+        callback(followInfoFrom);
+        callback(followInfoTo);
+    };
+    const disposers = [
+        createFollowEventSubscriber('follow.created', handler),
+        createFollowEventSubscriber('follow.requested', handler),
+        createFollowEventSubscriber('follow.accepted', handler),
+        createFollowEventSubscriber('follow.unfollowed', handler),
+        createFollowEventSubscriber('follow.requestCanceled', handler),
+        createFollowEventSubscriber('follow.requestDeclined', handler),
+        createFollowEventSubscriber('follow.followerDeleted', handler),
+        createLocalFollowEventSubscriber('local.follow.created', handler),
+        createLocalFollowEventSubscriber('local.follow.requested', handler),
+        createLocalFollowEventSubscriber('local.follow.accepted', handler),
+        createLocalFollowEventSubscriber('local.follow.unfollowed', handler),
+        createLocalFollowEventSubscriber('local.follow.requestDeclined', handler),
+    ];
+    return () => {
+        disposers.forEach(fn => fn());
+    };
+};
+
+const onLocalUserFollowed = (callback) => createLocalFollowEventSubscriber('local.follow.created', callback);
+
+const onLocalUserUnfollowed = (callback) => createLocalFollowEventSubscriber('local.follow.unfollowed', callback);
+
+const onLocalFollowerRequested = (callback) => createLocalFollowEventSubscriber('local.follow.requested', callback);
+
+const onLocalFollowRequestAccepted = (callback) => createLocalFollowEventSubscriber('local.follow.accepted', callback);
+
+const onLocalFollowRequestDeclined = (callback) => createLocalFollowEventSubscriber('local.follow.requestDeclined', callback);
+
+const convertEventPayload = (eventHandler, sourceModelProp, destinationDomain) => (callback) => eventHandler(sourceModel => {
+    var _a, _b;
+    if (!sourceModel) {
+        return sourceModel;
+    }
+    const client = getActiveClient();
+    const { objectSyncMap } = client;
+    /*
+     * NOTE: For objects created locally (optimistic creation), the SDK stores them with their local ID as the cache key, which is used throughout the entire SDK session (in-memory) for syncing updates.
+     * If the payload or response only contains the remote ID of the same object, the SDK will look up the corresponding local ID to retrieve the object.
+     */
+    const resolvedId = isLocalId(sourceModel[sourceModelProp])
+        ? sourceModel[sourceModelProp]
+        : (_a = objectSyncMap.get(sourceModel[sourceModelProp])) !== null && _a !== void 0 ? _a : sourceModel[sourceModelProp];
+    const model = (_b = pullFromCache([
+        destinationDomain,
+        'get',
+        `${resolvedId}`,
+    ])) === null || _b === void 0 ? void 0 : _b.data;
+    if (!model)
+        return;
+    return callback(model);
+});
+
 class BlockedUserLiveCollectionController extends LiveCollectionController {
     constructor(query, callback) {
         const queryStreamId = hash(query);
@@ -26582,6 +26883,15 @@ class BlockedUserLiveCollectionController extends LiveCollectionController {
                 fn: onUserDeleted$2,
                 action: EnumUserActions.OnUserDeleted,
             },
+            // In the case of unblocking a user, we need to subscribe to the follow events
+            {
+                fn: convertEventPayload(onLocalUserFollowed, 'to', 'user'),
+                action: EnumFollowActions.OnFollowed,
+            },
+            {
+                fn: convertEventPayload(onUserFollowed, 'to', 'user'),
+                action: EnumFollowActions.OnFollowed,
+            },
         ]);
     }
     notifyChange({ origin, loading, error }) {
@@ -26842,268 +27152,6 @@ const declineMyFollower = async (userId) => {
 };
 /* end_public_function */
 
-const createFollowEventSubscriber = (event, callback) => {
-    const client = getActiveClient();
-    const filter = (data) => {
-        const payload = prepareFollowersPayload(data);
-        if (!client.cache) {
-            callback(payload.follows[0]);
-        }
-        else {
-            ingestInCache(payload);
-            callback(payload.follows[0]);
-        }
-    };
-    return createEventSubscriber(client, event, event, filter);
-};
-const createLocalFollowEventSubscriber = (event, callback) => {
-    const client = getActiveClient();
-    const filter = (data) => {
-        const payload = prepareFollowStatusPayload(data);
-        if (!client.cache) {
-            callback(payload.follows[0]);
-        }
-        else {
-            ingestInCache(payload);
-            callback(payload.follows[0]);
-        }
-    };
-    return createEventSubscriber(client, event, event, filter);
-};
-
-/**
- * ```js
- * import { onUserFollowed } from '@amityco/ts-sdk-react-native'
- * const dispose = onUserFollowed(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a user follows another users and confirmation is not required
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onUserFollowed = (callback) => createFollowEventSubscriber('follow.created', callback);
-
-/**
- * ```js
- * import { onUserUnfollowed } from '@amityco/ts-sdk-react-native'
- * const dispose = onUserFollowed(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a user unfollows
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onUserUnfollowed = (callback) => createFollowEventSubscriber('follow.unfollowed', callback);
-
-/**
- * ```js
- * import { onFollowerDeleted } from '@amityco/ts-sdk-react-native'
- * const dispose = onFollowerDeleted(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a follower has been deleted
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onFollowerDeleted = (callback) => createFollowEventSubscriber('follow.followerDeleted', callback);
-
-/**
- * ```js
- * import { onFollowerRequested } from '@amityco/ts-sdk-react-native'
- * const dispose = onFollowerRequested(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a user follows another users and confirmation is required
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onFollowerRequested = (callback) => createFollowEventSubscriber('follow.requested', callback);
-
-/**
- * ```js
- * import { onFollowRequestCanceled } from '@amityco/ts-sdk-react-native'
- * const dispose = onFollowRequestCanceled(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a follow request has been canceled
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onFollowRequestCanceled = (callback) => createFollowEventSubscriber('follow.requestCanceled', callback);
-
-/**
- * ```js
- * import { onFollowRequestAccepted } from '@amityco/ts-sdk-react-native'
- * const dispose = onFollowRequestAccepted(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a follow request has been accepted
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onFollowRequestAccepted = (callback) => createFollowEventSubscriber('follow.accepted', callback);
-
-/**
- * ```js
- * import { onFollowRequestDeclined } from '@amityco/ts-sdk-react-native'
- * const dispose = onFollowRequestDeclined(status => {
- *   // ...
- * })
- * ```
- *
- * Fired when a follow request has been declined
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onFollowRequestDeclined = (callback) => createFollowEventSubscriber('follow.requestDeclined', callback);
-
-/**
- * ```js
- * import { getFollowInfo } from '@amityco/ts-sdk-react-native'
- * const { data: followInfo } = await getFollowInfo('foobar')
- * ```
- *
- * Fetches the number of followers, followings, pending requests and the follow status for current user
- *
- * @param userId the ID of the {@link Amity.InternalUser}
- * @returns the associated {@link Amity.FollowInfo} object
- *
- * @category Follow API
- * @async
- */
-const getFollowInfo$1 = async (userId) => {
-    var _a, _b;
-    const client = getActiveClient();
-    client.log('follow/getFollowInfo', userId);
-    const { data } = await client.http.get(client.userId === userId ? `/api/v4/me/followInfo` : `/api/v5/users/${userId}/followInfo`);
-    const cachedAt = client.cache && Date.now();
-    const followInfo = 'follows' in data
-        ? Object.assign(Object.assign({}, data.followCounts[0]), { status: (_b = (_a = data.follows) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.status }) : data.followCounts[0];
-    if (client.cache) {
-        pushToCache(['followInfo', 'get', userId], followInfo, {
-            cachedAt,
-        });
-    }
-    return {
-        data: followInfo,
-        cachedAt,
-    };
-};
-/**
- * ```js
- * import { getFollowInfo } from '@amityco/ts-sdk-react-native'
- * const { data: followInfo } = getFollowInfo.locally('foobar')
- * ```
- *
- * Fetches the number of followers, followings, pending requests and the follow status for current user from cache
- *
- * @param userId the ID of the {@link Amity.InternalUser}
- * @returns the associated {@link Amity.FollowInfo} object
- *
- * @category Follow API
- */
-getFollowInfo$1.locally = (userId) => {
-    const client = getActiveClient();
-    client.log('follow/getFollowInfo.locally', userId);
-    if (!client.cache) {
-        return;
-    }
-    const cached = pullFromCache(['followInfo', 'get', userId]);
-    if (!cached) {
-        return;
-    }
-    return {
-        data: cached.data,
-        cachedAt: cached.cachedAt,
-    };
-};
-
-/**
- * ```js
- * import { onFollowInfoUpdated } from '@amityco/ts-sdk-react-native'
- * const dispose = onFollowInfoUpdated(followInfo => {
- *   // ...
- * })
- * ```
- *
- * Fired when a {@link Amity.FollowInfo} has been updated
- *
- * @param callback The function to call when the event was fired
- * @returns an {@link Amity.Unsubscriber} function to stop listening
- *
- * @category Follow Events
- */
-const onFollowInfoUpdated = (callback) => {
-    const handler = async (payload) => {
-        const [{ data: followInfoFrom }, { data: followInfoTo }] = await Promise.all([
-            getFollowInfo$1(payload.from),
-            getFollowInfo$1(payload.to),
-        ]);
-        callback(followInfoFrom);
-        callback(followInfoTo);
-    };
-    const disposers = [
-        createFollowEventSubscriber('follow.created', handler),
-        createFollowEventSubscriber('follow.requested', handler),
-        createFollowEventSubscriber('follow.accepted', handler),
-        createFollowEventSubscriber('follow.unfollowed', handler),
-        createFollowEventSubscriber('follow.requestCanceled', handler),
-        createFollowEventSubscriber('follow.requestDeclined', handler),
-        createFollowEventSubscriber('follow.followerDeleted', handler),
-        createLocalFollowEventSubscriber('local.follow.created', handler),
-        createLocalFollowEventSubscriber('local.follow.requested', handler),
-        createLocalFollowEventSubscriber('local.follow.accepted', handler),
-        createLocalFollowEventSubscriber('local.follow.unfollowed', handler),
-        createLocalFollowEventSubscriber('local.follow.requestDeclined', handler),
-    ];
-    return () => {
-        disposers.forEach(fn => fn());
-    };
-};
-
-const onLocalUserFollowed = (callback) => createLocalFollowEventSubscriber('local.follow.created', callback);
-
-const onLocalUserUnfollowed = (callback) => createLocalFollowEventSubscriber('local.follow.unfollowed', callback);
-
-const onLocalFollowerRequested = (callback) => createLocalFollowEventSubscriber('local.follow.requested', callback);
-
-const onLocalFollowRequestAccepted = (callback) => createLocalFollowEventSubscriber('local.follow.accepted', callback);
-
-const onLocalFollowRequestDeclined = (callback) => createLocalFollowEventSubscriber('local.follow.requestDeclined', callback);
-
 /**
  * ```js
  * import { observeFollowInfo } from '@amityco/ts-sdk-react-native'
@@ -27232,18 +27280,6 @@ class FollowerPaginationController extends PaginationController {
     }
 }
 
-var EnumFollowActions;
-(function (EnumFollowActions) {
-    EnumFollowActions["OnRequested"] = "onRequested";
-    EnumFollowActions["OnAccepted"] = "onAccepted";
-    EnumFollowActions["OnDeclined"] = "onDeclined";
-    EnumFollowActions["OnCanceled"] = "onCanceled";
-    EnumFollowActions["OnFollowed"] = "onFollowed";
-    EnumFollowActions["OnUnfollowed"] = "onUnfollowed";
-    EnumFollowActions["OnDeleted"] = "onDeleted";
-    EnumFollowActions["OnUserDeleted"] = "onUserDeleted";
-})(EnumFollowActions || (EnumFollowActions = {}));
-
 class FollowerQueryStreamController extends QueryStreamController {
     constructor(query, cacheKey, notifyChange, preparePayload) {
         super(query, cacheKey);
@@ -27321,7 +27357,7 @@ const onFollowerUserDeleted = ({ userId }) => (callback) => {
 
 class FollowerLiveCollectionController extends LiveCollectionController {
     constructor(query, callback) {
-        const queryStreamId = hash(query);
+        const queryStreamId = hash(Object.assign(Object.assign({}, query), { type: 'follower' }));
         const cacheKey = ['follow', 'collection', queryStreamId];
         const paginationController = new FollowerPaginationController(query);
         super(paginationController, queryStreamId, cacheKey, callback);
@@ -27526,7 +27562,7 @@ const onFollowingUserDeleted = ({ userId }) => (callback) => {
 
 class FollowingLiveCollectionController extends LiveCollectionController {
     constructor(query, callback) {
-        const queryStreamId = hash(query);
+        const queryStreamId = hash(Object.assign(Object.assign({}, query), { type: 'following' }));
         const cacheKey = ['follow', 'collection', queryStreamId];
         const paginationController = new FollowingPaginationController(query);
         super(paginationController, queryStreamId, cacheKey, callback);
@@ -29432,16 +29468,19 @@ function isCurrentUserPartOfCommunity(c, m) {
 }
 /*
  * For mqtt events server will not send user specific data as it's broadcasted
- * to multiple users. Althought this can be calculated, it's not scalable. Hence
- * the client SDK needs to calculate this info
+ * to multiple users and it also does not include communityUser
+ *
+ * Client SDK needs to check for the existing isJoined field in cache data before calculating.
+ * Althought this can be calculated, it's not scalable.
  */
 function updateMembershipStatus(communities, communityUsers) {
     return communities.map(c => {
-        if (c.isJoined == null) {
-            const isJoined = communityUsers.some(m => isCurrentUserPartOfCommunity(c, m) && isMember(m.communityMembership));
-            return Object.assign(Object.assign({}, c), { isJoined });
+        const cachedCommunity = pullFromCache(['community', 'get', c.communityId]);
+        if ((cachedCommunity === null || cachedCommunity === void 0 ? void 0 : cachedCommunity.data) && (cachedCommunity === null || cachedCommunity === void 0 ? void 0 : cachedCommunity.data.hasOwnProperty('isJoined'))) {
+            return Object.assign(Object.assign({}, cachedCommunity.data), c);
         }
-        return c;
+        const isJoined = communityUsers.some(m => isCurrentUserPartOfCommunity(c, m) && isMember(m.communityMembership));
+        return Object.assign(Object.assign({}, c), { isJoined });
     });
 }
 
@@ -29542,7 +29581,7 @@ const addReaction = async (referenceType, referenceId, reactionName) => {
         referenceType,
         reactionName,
     });
-    await client.http.post('/api/v2/reactions', {
+    const { data } = await client.http.post('/api/v2/reactions', {
         referenceId,
         referenceType,
         reactionName,
@@ -29560,12 +29599,33 @@ const addReaction = async (referenceType, referenceId, reactionName) => {
         if (referenceType === 'comment') {
             fireEvent('local.comment.addReaction', {
                 comment: updatedModel,
+                reactor: {
+                    userId: client.userId,
+                    reactionName,
+                    reactionId: data.addedId,
+                },
             });
             return true;
         }
         if (referenceType === 'post') {
             fireEvent('local.post.addReaction', {
                 post: updatedModel,
+                reactor: {
+                    userId: client.userId,
+                    reactionName,
+                    reactionId: data.addedId,
+                },
+            });
+            return true;
+        }
+        if (referenceType === 'story') {
+            fireEvent('local.story.reactionAdded', {
+                story: updatedModel,
+                reactor: {
+                    userId: client.userId,
+                    reactionName,
+                    reactionId: data.addedId,
+                },
             });
             return true;
         }
@@ -29640,7 +29700,7 @@ const removeReaction = async (referenceType, referenceId, reactionName) => {
         referenceType,
         reactionName,
     });
-    await client.http.delete(`/api/v2/reactions`, {
+    const { data } = await client.http.delete(`/api/v2/reactions`, {
         data: {
             referenceId,
             referenceType,
@@ -29660,12 +29720,33 @@ const removeReaction = async (referenceType, referenceId, reactionName) => {
         if (referenceType === 'comment') {
             fireEvent('local.comment.removeReaction', {
                 comment: updatedModel,
+                reactor: {
+                    reactionId: data.removedId,
+                    reactionName,
+                    userId: client.userId,
+                },
             });
             return true;
         }
         if (referenceType === 'post') {
             fireEvent('local.post.removeReaction', {
                 post: updatedModel,
+                reactor: {
+                    reactionId: data.removedId,
+                    reactionName,
+                    userId: client.userId,
+                },
+            });
+            return true;
+        }
+        if (referenceType === 'story') {
+            fireEvent('local.story.reactionAdded', {
+                story: updatedModel,
+                reactor: {
+                    userId: client.userId,
+                    reactionName,
+                    reactionId: data.removedId,
+                },
             });
             return true;
         }
@@ -29689,7 +29770,7 @@ const removeReaction = async (referenceType, referenceId, reactionName) => {
  * @category Reaction API
  * */
 removeReaction.optimistically = (referenceType, referenceId, reactionName) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const client = getActiveClient();
     client.log('reaction/removeReaction.optimistically', {
         referenceId,
@@ -29710,7 +29791,7 @@ removeReaction.optimistically = (referenceType, referenceId, reactionName) => {
         cachedAt: UNSYNCED_OBJECT_CACHED_AT_VALUE,
     });
     dispatchReactable(referenceType, reaction);
-    return (_e = !((_d = reaction === null || reaction === void 0 ? void 0 : reaction.myReactions) === null || _d === void 0 ? void 0 : _d.includes(reactionName))) !== null && _e !== void 0 ? _e : false;
+    return !((_d = reaction === null || reaction === void 0 ? void 0 : reaction.myReactions) === null || _d === void 0 ? void 0 : _d.includes(reactionName));
 };
 
 const getMatchPostSetting = (value) => {
@@ -30532,73 +30613,262 @@ const onReactorRemoved = (referenceType, referenceId, callback) => {
 
 const REFERENCE_API_V5 = 5;
 
+class ReactionPaginationController extends PaginationController {
+    async getRequest(queryParams, token) {
+        const { limit = COLLECTION_DEFAULT_PAGINATION_LIMIT } = queryParams, params = __rest(queryParams, ["limit"]);
+        const options = token ? { token } : { limit };
+        const client = getActiveClient();
+        client.log('reaction/queryReactions', queryParams);
+        const path = '/api/v3/reactions';
+        const { data: queryResponse } = await this.http.get(path, {
+            params: Object.assign(Object.assign({}, params), { referenceVersion: REFERENCE_API_V5, // Need to put this param to make it can query reaction for message in sub-channel
+                options }),
+        });
+        return queryResponse;
+    }
+}
+
+class ReactionQueryStreamController extends QueryStreamController {
+    constructor(query, cacheKey, notifyChange, preparePayload) {
+        super(query, cacheKey);
+        this.notifyChange = notifyChange;
+        this.preparePayload = preparePayload;
+    }
+    async saveToMainDB(response) {
+        var _a;
+        const processedPayload = await this.preparePayload(response);
+        const client = getActiveClient();
+        const cachedAt = client.cache && Date.now();
+        if (client.cache) {
+            const { reactions } = processedPayload, restPayload = __rest(processedPayload, ["reactions"]);
+            ingestInCache(Object.assign(Object.assign({}, restPayload), { reactions, reactors: (_a = reactions[0]) === null || _a === void 0 ? void 0 : _a.reactors }), { cachedAt });
+        }
+    }
+    appendToQueryStream(response, direction, refresh = false) {
+        var _a, _b, _c, _d;
+        const reactors = (_b = (_a = response.reactions[0]) === null || _a === void 0 ? void 0 : _a.reactors) !== null && _b !== void 0 ? _b : [];
+        if (refresh) {
+            pushToCache(this.cacheKey, {
+                data: reactors.map(getResolver('reactor')),
+            });
+        }
+        else {
+            const collection = (_c = pullFromCache(this.cacheKey)) === null || _c === void 0 ? void 0 : _c.data;
+            const reactions = (_d = collection === null || collection === void 0 ? void 0 : collection.data) !== null && _d !== void 0 ? _d : [];
+            pushToCache(this.cacheKey, Object.assign(Object.assign({}, collection), { data: [...new Set([...reactions, ...reactors.map(getResolver('reactor'))])] }));
+        }
+    }
+    reactor(action) {
+        return (reaction) => {
+            var _a;
+            const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+            if (!collection)
+                return;
+            if (action === "onAdded" /* Amity.ReactionActionTypeEnum.OnAdded */) {
+                collection.data = [...new Set([reaction.reactionId, ...collection.data])];
+            }
+            else if (action === "onRemoved" /* Amity.ReactionActionTypeEnum.OnRemoved */) {
+                collection.data = collection.data.filter(p => p !== reaction.reactionId);
+            }
+            pushToCache(this.cacheKey, collection);
+            this.notifyChange({ origin: "event" /* Amity.LiveDataOrigin.EVENT */, loading: false });
+        };
+    }
+    subscribeRTE(createSubscriber) {
+        return createSubscriber.map(subscriber => subscriber.fn(this.reactor(subscriber.action)));
+    }
+}
+
 /**
  * ```js
- * import { queryReactions } from '@amityco/ts-sdk-react-native'
- * const { data: reactions, prevPage, nextPage } = await queryReactions({
- *   referenceId: 'postId',
- *   referenceType: 'post',
+ * import { onReactorRemovedLocal } from '@amityco/ts-sdk'
+ * const dispose = onReactorRemoved('post', postId, reactor => {
+ *   // ...
  * })
  * ```
  *
- * Queries a paginable list of {@link Amity.Reaction} objects
+ * Fired when an {@link Amity.InternalReactor} has been removed
  *
- * @param query The query parameters
- * @returns A page of {@link Amity.Reaction} objects
+ * @param {@link Amity.ReactableType} referenceType
+ * @param {string} referenceId
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
  *
- * @reaction Reaction API
- * @async
+ * @category Events
  * */
-const queryReactions = async (query) => {
+const onReactorRemovedLocal = (referenceType, referenceId, callback) => {
     const client = getActiveClient();
-    client.log('reaction/queryReactions', query);
-    const _a = query !== null && query !== void 0 ? query : {}, { page = { limit: 10 } } = _a, params = __rest(_a, ["page"]);
-    const { data } = await client.http.get(`/api/v3/reactions`, {
-        params: Object.assign(Object.assign({}, params), { referenceVersion: REFERENCE_API_V5, options: {
-                token: toToken(page, 'afterbeforeraw'),
-            } }),
-    });
-    const { paging } = data, payload = __rest(data, ["paging"]);
-    const { reactions } = payload;
-    // FIXME: correct reactions type in model
-    // @ts-ignore
-    ingestInCache(Object.assign(Object.assign({}, payload), { reactions })); // Save reaction response into cache
-    ingestInCache(Object.assign(Object.assign({}, payload), { reactors: reactions[0].reactors })); // Save reactors data into cache for support reaction query
-    const nextPage = toPageRaw(paging.next);
-    const prevPage = toPageRaw(paging.previous);
-    return { data: reactions, prevPage, nextPage };
+    const callbackWrapper = (referenceType_, referenceId_, reaction) => {
+        if (referenceType_ === referenceType && referenceId_ === referenceId) {
+            callback(reaction);
+        }
+    };
+    if (referenceType === 'message') {
+        const filter = async (rawPayload) => {
+            const payload = await prepareMessagePayload(rawPayload);
+            if (!payload.reactions[0])
+                return;
+            ingestInCache(payload);
+            callbackWrapper('message', payload.messages[0].messageId, payload.reactions[0]);
+        };
+        return createEventSubscriber(client, 'reaction/onReactorRemoved', 'message.reactionRemoved', filter);
+    }
+    if (referenceType === 'post') {
+        const filter = (payload) => {
+            callbackWrapper('post', payload.post.postId, payload.reactor);
+        };
+        return createEventSubscriber(client, 'local.post.removeReaction', 'local.post.removeReaction', filter);
+    }
+    if (referenceType === 'story') {
+        const filter = (payload) => {
+            const { reactions } = payload, rest = __rest(payload, ["reactions"]);
+            ingestInCache(rest);
+            ingestInCache({ reactors: reactions });
+            if (payload.stories.length === 0 || payload.reactions.length === 0)
+                return;
+            callbackWrapper('story', payload.stories[0].storyId, payload.reactions[0]);
+        };
+        return createEventSubscriber(client, 'story.reactionRemoved', 'story.reactionRemoved', filter);
+    }
+    const filter = (payload) => {
+        callbackWrapper('comment', payload.comment.commentId, payload.reactor);
+    };
+    return createEventSubscriber(client, 'local.comment.removeReaction', 'local.comment.removeReaction', filter);
 };
 
 /**
  * ```js
- * import { queryReactor } from '@amityco/ts-sdk-react-native'
- * const { data: reactions, prevPage, nextPage } = await queryReactor({
- *   referenceId: 'postId',
- *   referenceType: 'post',
+ * import { onReactorAddedLocal } from '@amityco/ts-sdk'
+ * const dispose = onReactorAdded('post', postId, reactor => {
+ *   // ...
  * })
  * ```
  *
- * Queries a paginable list of {@link Amity.InternalReactor} objects
+ * Fired when an {@link Amity.InternalReactor} has been added
  *
- * @param query The query parameters
- * @returns A page of {@link Amity.InternalReactor} objects
+ * @param {@link Amity.ReactableType} referenceType
+ * @param {string} referenceId
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
  *
- * @reaction Reaction API
- * @async
+ * @category Events
  * */
-const queryReactor = async (query) => {
+const onReactorAddedLocal = (referenceType, referenceId, callback) => {
     const client = getActiveClient();
-    client.log('reaction/queryReactor', query);
-    const _a = await queryReactions(query), { data } = _a, response = __rest(_a, ["data"]);
-    return Object.assign(Object.assign({}, response), { data: data[0].reactors });
+    const callbackWrapper = (referenceType_, referenceId_, reaction) => {
+        if (referenceType_ === referenceType && referenceId_ === referenceId) {
+            callback(reaction);
+        }
+    };
+    if (referenceType === 'message') {
+        const filter = async (rawPayload) => {
+            const payload = await prepareMessagePayload(rawPayload);
+            if (!payload.reactions[0])
+                return;
+            ingestInCache(payload);
+            ingestInCache({ reactors: payload.reactions });
+            callbackWrapper('message', payload.messages[0].messageId, payload.reactions[0]);
+        };
+        return createEventSubscriber(client, 'reaction/onReactorAdded', 'message.reactionAdded', filter);
+    }
+    if (referenceType === 'post') {
+        const filter = (payload) => {
+            callbackWrapper('post', payload.post.postId, payload.reactor);
+        };
+        return createEventSubscriber(client, 'local.post.addReaction', 'local.post.addReaction', filter);
+    }
+    if (referenceType === 'story') {
+        const filter = (payload) => {
+            const { reactions } = payload, rest = __rest(payload, ["reactions"]);
+            ingestInCache(rest);
+            ingestInCache({ reactors: reactions });
+            if (payload.stories.length === 0 || payload.reactions.length === 0)
+                return;
+            callbackWrapper('story', payload.stories[0].storyId, payload.reactions[0]);
+        };
+        return createEventSubscriber(client, 'story.reactionAdded', 'story.reactionAdded', filter);
+    }
+    const filter = (payload) => {
+        callbackWrapper('comment', payload.comment.commentId, payload.reactor);
+    };
+    return createEventSubscriber(client, 'local.comment.addReaction', 'local.comment.addReaction', filter);
 };
 
+class ReactionLiveCollectionController extends LiveCollectionController {
+    constructor(query, callback) {
+        const queryStreamId = hash(query);
+        const cacheKey = ['reaction', 'collection', queryStreamId];
+        const paginationController = new ReactionPaginationController(query);
+        super(paginationController, queryStreamId, cacheKey, callback);
+        this.query = query;
+        this.queryStreamController = new ReactionQueryStreamController(this.query, this.cacheKey, this.notifyChange.bind(this), payload => payload);
+        this.callback = callback.bind(this);
+        this.loadPage({ initial: true });
+    }
+    setup() {
+        var _a;
+        const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+        if (!collection) {
+            pushToCache(this.cacheKey, {
+                data: [],
+                params: {},
+            });
+        }
+    }
+    async persistModel(queryPayload) {
+        await this.queryStreamController.saveToMainDB(queryPayload);
+    }
+    persistQueryStream({ response, direction, refresh, }) {
+        this.queryStreamController.appendToQueryStream(response, direction, refresh);
+    }
+    startSubscription() {
+        return this.queryStreamController.subscribeRTE([
+            {
+                fn: callback => onReactorAdded(this.query.referenceType, this.query.referenceId, callback),
+                action: "onAdded" /* Amity.ReactionActionTypeEnum.OnAdded */,
+            },
+            {
+                fn: callback => onReactorRemoved(this.query.referenceType, this.query.referenceId, callback),
+                action: "onRemoved" /* Amity.ReactionActionTypeEnum.OnRemoved */,
+            },
+            {
+                fn: callback => onReactorRemovedLocal(this.query.referenceType, this.query.referenceId, callback),
+                action: "onRemoved" /* Amity.ReactionActionTypeEnum.OnRemoved */,
+            },
+            {
+                fn: callback => onReactorAddedLocal(this.query.referenceType, this.query.referenceId, callback),
+                action: "onRemoved" /* Amity.ReactionActionTypeEnum.OnRemoved */,
+            },
+        ]);
+    }
+    notifyChange({ origin, loading, error }) {
+        var _a, _b;
+        const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+        if (!collection)
+            return;
+        const data = (_b = collection.data
+            .map(reactorId => pullFromCache(['reactor', 'get', reactorId]))
+            .filter(Boolean)
+            .map(({ data }) => LinkedObject.reactor(data))) !== null && _b !== void 0 ? _b : [];
+        if (!this.shouldNotify(data) && origin === 'event')
+            return;
+        this.callback({
+            onNextPage: () => this.loadPage({ direction: "next" /* Amity.LiveCollectionPageDirection.NEXT */ }),
+            data,
+            hasNextPage: !!this.paginationController.getNextToken(),
+            loading,
+            error,
+        });
+    }
+}
+
+/* eslint-disable no-use-before-define */
 /* begin_public_function
   id: reaction.query
 */
 /**
  * ```js
- * import { getReactions } from '@amityco/ts-sdk-react-native'
+ * import { getReactions } from '@amityco/ts-sdk'
  *
  * let reactions = []
  * const unsub = liveReactions({
@@ -30622,69 +30892,15 @@ const getReactions = (params, callback, config) => {
         console.log('For using Live Collection feature you need to enable Cache!');
     }
     const timestamp = Date.now();
-    log(`liveReactions(tmpid: ${timestamp}) > listen`);
-    const { limit: queryLimit } = params, queryParams = __rest(params, ["limit"]);
-    const limit = queryLimit !== null && queryLimit !== void 0 ? queryLimit : COLLECTION_DEFAULT_PAGINATION_LIMIT;
-    const { policy = COLLECTION_DEFAULT_CACHING_POLICY } = config !== null && config !== void 0 ? config : {};
-    const disposers = [];
-    const cacheKey = [
-        'reaction',
-        'collection',
-        { referenceId: params.referenceId, referenceType: params.referenceType },
-    ];
-    const responder = (data) => {
-        var _a, _b;
-        const reactions = (_a = data.data
-            .map(reactorId => pullFromCache(['reactor', 'get', reactorId]))
-            .filter(Boolean)
-            .map(({ data }) => LinkedObject.reactor(data))) !== null && _a !== void 0 ? _a : [];
-        callback({
-            onNextPage: onFetch,
-            data: reactions,
-            hasNextPage: !!((_b = data.params) === null || _b === void 0 ? void 0 : _b.page),
-            loading: data.loading,
-            error: data.error,
-        });
-    };
-    const realtimeRouter = (action) => (reaction) => {
-        var _a;
-        const collection = (_a = pullFromCache(cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
-        if (!collection)
-            return;
-        if (action === 'onAdded') {
-            collection.data = [...new Set([reaction.reactionId, ...collection.data])];
-        }
-        else if (action === 'onRemoved') {
-            collection.data = collection.data.filter(p => p !== reaction.reactionId);
-        }
-        pushToCache(cacheKey, collection);
-        responder(collection);
-    };
-    const onFetch = (initial = false) => {
-        var _a, _b, _c, _d;
-        const collection = (_a = pullFromCache(cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
-        const reactions = (_b = collection === null || collection === void 0 ? void 0 : collection.data) !== null && _b !== void 0 ? _b : [];
-        if (!initial && reactions.length > 0 && !((_c = collection === null || collection === void 0 ? void 0 : collection.params) === null || _c === void 0 ? void 0 : _c.page))
-            return;
-        const query = createQuery(queryReactor, Object.assign(Object.assign({}, queryParams), { page: (_d = (!initial ? collection === null || collection === void 0 ? void 0 : collection.params.page : undefined)) !== null && _d !== void 0 ? _d : { limit } }));
-        runQuery(query, ({ data: result, error, loading, nextPage: page }) => {
-            const data = {
-                loading,
-                error,
-                params: { page },
-                data: reactions,
-            };
-            if (result) {
-                data.data = [...new Set([...reactions, ...result.map(getResolver('reactor'))])];
-            }
-            pushToCache(cacheKey, data);
-            responder(data);
-        }, queryOptions(policy));
-    };
-    disposers.push(onReactorAdded(queryParams.referenceType, queryParams.referenceId, realtimeRouter('onAdded')), onReactorRemoved(queryParams.referenceType, queryParams.referenceId, realtimeRouter('onRemoved')));
-    onFetch(true);
+    log(`getReactions(tmpid: ${timestamp}) > listen`);
+    const reactionLiveCollection = new ReactionLiveCollectionController(params, callback);
+    const disposers = reactionLiveCollection.startSubscription();
+    const cacheKey = reactionLiveCollection.getCacheKey();
+    disposers.push(() => {
+        dropFromCache(cacheKey);
+    });
     return () => {
-        log(`liveReactions(tmpid: ${timestamp}) > dispose`);
+        log(`getReactions(tmpid: ${timestamp}) > dispose`);
         disposers.forEach(fn => fn());
     };
 };
@@ -31190,30 +31406,6 @@ const unmuteChannel = async (channelId) => {
 };
 /* end_public_function */
 
-const convertEventPayload = (eventHandler, sourceModelProp, destinationDomain) => (callback) => eventHandler(sourceModel => {
-    var _a, _b;
-    if (!sourceModel) {
-        return sourceModel;
-    }
-    const client = getActiveClient();
-    const { objectSyncMap } = client;
-    /*
-     * NOTE: For objects created locally (optimistic creation), the SDK stores them with their local ID as the cache key, which is used throughout the entire SDK session (in-memory) for syncing updates.
-     * If the payload or response only contains the remote ID of the same object, the SDK will look up the corresponding local ID to retrieve the object.
-     */
-    const resolvedId = isLocalId(sourceModel[sourceModelProp])
-        ? sourceModel[sourceModelProp]
-        : (_a = objectSyncMap.get(sourceModel[sourceModelProp])) !== null && _a !== void 0 ? _a : sourceModel[sourceModelProp];
-    const model = (_b = pullFromCache([
-        destinationDomain,
-        'get',
-        `${resolvedId}`,
-    ])) === null || _b === void 0 ? void 0 : _b.data;
-    if (!model)
-        return;
-    return callback(model);
-});
-
 /**
  * ```js
  * import { observeChannel } from '@amityco/ts-sdk-react-native'
@@ -35363,7 +35555,8 @@ const createCommunityMemberEventSubscriber = (event, callback) => {
             callback(preparedPayload.communities[0], getEventRelatedMember(event, preparedPayload));
         }
         else {
-            ingestInCache(preparedPayload);
+            // NOTE: The event payload should be merge with existing cache data
+            ingestInCache(preparedPayload, undefined, false);
             const community = pullFromCache([
                 'community',
                 'get',
@@ -35400,7 +35593,8 @@ const createLocalCommunityMemberEventSubscriber = (event, callback) => {
             callback(preparedPayload.communities[0], getEventRelatedMember(event, preparedPayload));
         }
         else {
-            ingestInCache(preparedPayload);
+            // NOTE: The event payload should be merge with existing cache data
+            ingestInCache(preparedPayload, undefined, false);
             const community = pullFromCache([
                 'community',
                 'get',
@@ -37490,9 +37684,10 @@ const queryGlobalFeed = async (query) => {
     const { paging } = queryPayload, payload = __rest(queryPayload, ["paging"]);
     const data = prepareMembershipPayload(payload, 'communityUsers');
     const { posts } = data;
+    const { communities: processedCommunity } = prepareCommunityPayload(data);
     const cachedAt = client.cache && Date.now();
     if (client.cache) {
-        ingestInCache(data);
+        ingestInCache(Object.assign(Object.assign({}, data), { communitis: processedCommunity }));
         const cacheKey = [
             'globalFeed',
             'query',
@@ -39807,6 +40002,145 @@ const getPinnedPosts = (params, callback, config) => {
     };
 };
 
+class GlobalPinnedPostPaginationController extends PaginationController {
+    async getRequest(queryParams, token) {
+        __rest(queryParams, ["limit"]);
+        const path = '/api/v1/pinned-posts/global';
+        const { data: queryResponse } = await this.http.get(path);
+        return queryResponse;
+    }
+}
+
+class GlobalPinnedPostQueryStreamController extends QueryStreamController {
+    constructor(query, cacheKey, notifyChange, preparePayload) {
+        super(query, cacheKey);
+        this.notifyChange = notifyChange;
+        this.preparePayload = preparePayload;
+    }
+    // eslint-disable-next-line class-methods-use-this
+    async saveToMainDB(response) {
+        const client = getActiveClient();
+        const cachedAt = client.cache && Date.now();
+        if (client.cache) {
+            ingestInCache(response, { cachedAt });
+        }
+    }
+    appendToQueryStream(response, direction, refresh = false) {
+        var _a, _b;
+        if (refresh) {
+            pushToCache(this.cacheKey, {
+                data: response.pins.map(getResolver('pin')),
+            });
+        }
+        else {
+            const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+            const pinnedPosts = (_b = collection === null || collection === void 0 ? void 0 : collection.data) !== null && _b !== void 0 ? _b : [];
+            pushToCache(this.cacheKey, Object.assign(Object.assign({}, collection), { data: [...new Set([...pinnedPosts, ...response.pins.map(getResolver('pin'))])] }));
+            this.notifyChange({
+                origin: "server" /* Amity.LiveDataOrigin.SERVER */,
+                loading: false,
+            });
+        }
+    }
+    reactor(action) {
+        return (post) => {
+            var _a;
+            const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+            if (!collection)
+                return;
+            if (action === EnumPostActions.OnPostDeleted) {
+                collection.data = collection.data.filter(referenceId => referenceId !== `global#${post.postId}`);
+            }
+            pushToCache(this.cacheKey, collection);
+            this.notifyChange({ origin: "event" /* Amity.LiveDataOrigin.EVENT */, loading: false });
+        };
+    }
+    subscribeRTE(createSubscriber) {
+        return createSubscriber.map(subscriber => subscriber.fn(this.reactor(subscriber.action)));
+    }
+}
+
+class GlobalPinnedPostLiveCollectionController extends LiveCollectionController {
+    constructor(query, callback) {
+        const queryStreamId = hash(query);
+        const cacheKey = ['pinnedPosts', 'collection', queryStreamId];
+        const paginationController = new GlobalPinnedPostPaginationController(query);
+        super(paginationController, queryStreamId, cacheKey, callback);
+        this.query = query;
+        this.queryStreamController = new GlobalPinnedPostQueryStreamController(this.query, this.cacheKey, this.notifyChange.bind(this), response => response);
+        this.callback = callback.bind(this);
+        this.loadPage({ initial: true });
+    }
+    setup() {
+        var _a;
+        const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+        if (!collection) {
+            pushToCache(this.cacheKey, {
+                data: [],
+                params: {},
+            });
+        }
+    }
+    async persistModel(queryPayload) {
+        await this.queryStreamController.saveToMainDB(queryPayload);
+    }
+    persistQueryStream({ response, direction, refresh, }) {
+        this.queryStreamController.appendToQueryStream(response, direction, refresh);
+    }
+    // eslint-disable-next-line class-methods-use-this
+    startSubscription() {
+        return this.queryStreamController.subscribeRTE([
+            { fn: onLocalPostDeleted, action: EnumPostActions.OnPostDeleted },
+            {
+                fn: onPostDeleted,
+                action: EnumPostActions.OnPostDeleted,
+            },
+        ]);
+    }
+    notifyChange({ origin, loading, error }) {
+        var _a, _b;
+        const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+        if (!collection)
+            return;
+        const data = ((_b = collection.data
+            .map(id => pullFromCache(['pin', 'get', id]))
+            .filter(isNonNullable)
+            .map(({ data }) => data)) !== null && _b !== void 0 ? _b : []).map(LinkedObject.pinnedPost);
+        if (!this.shouldNotify(data) && origin === 'event')
+            return;
+        this.callback({
+            data,
+            loading,
+            error,
+        });
+    }
+}
+
+/**
+ * Get global pinned posts
+ *
+ * @returns the global pinned post(s)
+ *
+ * @category Pined Posts Live Collection
+ *
+ */
+const getGlobalPinnedPosts = (params, callback, config) => {
+    const { log, cache } = getActiveClient();
+    if (!cache) {
+        console.log(ENABLE_CACHE_MESSAGE);
+    }
+    const timestamp = Date.now();
+    log(`getGlobalPinnedPosts(tmpid: ${timestamp}) > listen`);
+    const globalPinnedPostLiveCollection = new GlobalPinnedPostLiveCollectionController(params, callback);
+    const disposers = globalPinnedPostLiveCollection.startSubscription();
+    const cacheKey = globalPinnedPostLiveCollection.getCacheKey();
+    disposers.push(() => dropFromCache(cacheKey));
+    return () => {
+        log(`getGlobalPinnedPosts(tmpid: ${timestamp}) > dispose`);
+        disposers.forEach(fn => fn());
+    };
+};
+
 class SemanticSearchPostPaginationController extends PaginationController {
     async getRequest(queryParams, token) {
         const { limit = COLLECTION_DEFAULT_PAGINATION_LIMIT } = queryParams, params = __rest(queryParams, ["limit"]);
@@ -40068,6 +40402,7 @@ var index$5 = /*#__PURE__*/Object.freeze({
   getPost: getPost$1,
   getPosts: getPosts,
   getPinnedPosts: getPinnedPosts,
+  getGlobalPinnedPosts: getGlobalPinnedPosts,
   semanticSearchPosts: semanticSearchPosts
 });
 
@@ -40957,7 +41292,7 @@ var index$3 = /*#__PURE__*/Object.freeze({
   getPoll: getPoll
 });
 
-const privateKey = "-----BEGIN PRIVATE KEY-----\nMIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDAARz+hmBgi8pJ\nQb8LeY41gtHhk+ACMwRfhsn7GqpqRQNG2qU0755mzZuVDUqjQMGSo8THJB7O+OJs\nflbZRkFXlFoFOVNw1UpNOgwEQZ6wB9oRwzepTJAfF1sVhm/o/ixvXh1zDFNDy6yZ\npXyiiJHUVxqyjllZhxnwdvjoVtDs6hW6awG09bB9nh/TTejlUKXoAgzqVwu/1QMu\nUVViET495elEe19aUarEy+oL2iKeXCEvqda/pWNBdbieFyJvvZ08HN8dPuT88wq2\njZLEAth1vrwQ2IAa4ktaLcBQdLJgIkrbDvAiVZ8lQAjS/bq5vXQikTGvoPlC5bbn\nvuOM/3eLAgMBAAECggEAVZ+peHAghq2QVj71nX5lxsNCKaCyYwixSJBpfouTt7Rz\nE6PpzMOXFi1W1o+I22jDakuSM2SOQKqI/u0QefB0r0O/KVk5NrZHXk0mkrdYtxOp\nUgaGyf8UvmjB+8VqHrNKyZdk9qtmbnNj01kTTcAtmE4H39zPR7eR/8Rul94vaZbs\nwCnKJS3mLT3JxyGug6lxanveKkjG+CKC1nJQYWaxCJxaFSzbwXQPvDhB+TvrIbee\npd5v4EAyEJohpr+T9oDGGJkb/KARBZCtwLyB976PKJwwBA8MRVL1i5QwawuMiMq5\nUtnOnbGKtCeFzaLbNU0Qi8bqyims84EQxC6DOu1fkQKBgQDdvsoBsEhsOXV7hlIJ\naEd0eSJZVkdqimxH8uGoMM2FeNaOrcB6yBXqTSP0R3OIyf8eaY6yjRvP30ZNXcll\n/gD3O1Mu6YmWQdt1W2WA6pKOsUuPXasf0pdOF7IiFZKlSabz5YHXFqwVuqm8loaj\nsXel3YWqPVdHiankE7tz+3ssnQKBgQDdqi4TNdD1MdEpihx19jr0QjUiXW3939FK\nqp30HESPEGDGQzXdmJgif9HhZb+cJSuWaHEbjgBrYahvgCF+y6LbEpOD+D/dmT+s\nDEAQaR84sah6dokwPjV8fjBSrcVFjCS+doxv0d3p/9OUEeyUhFrY03nxtIEYkLIE\n/Zvn37b4RwKBgQCLENVFe9XfsaVhQ5r9dV2iyTlmh7qgMZG5CbTFs12hQGhm8McO\n+Z7s41YSJCFr/yq1WwP4LJDtrBw99vyQr1zRsG35tNLp3gGRNzGQSQyC2uQFVHw2\np+7mNewsfhUK/gbrXNsyFnDz6635rPlhfbII3sWuP2wWXFqkxE9CbMwR7QKBgQC6\nawDMzxmo2/iYArrkyevSuEuPVxvFwpF1RgAI6C0QVCnPE38dmdN4UB7mfHekje4W\nVEercMURidPp0cxZolCYBQtilUjAyL0vqC3In1/Ogjq6oy3FEMxSop1pKxMY5j+Q\nnoqFD+6deLUrddeNH7J3X4LSr4dSbX4JjG+tlgt+yQKBgQCuwTL4hA6KqeInQ0Ta\n9VQX5Qr8hFlqJz1gpymi/k63tW/Ob8yedbg3WWNWyShwRMFYyY9S81ITFWM95uL6\nvF3x9rmRjwElJw9PMwVu6dmf/CO0Z1wzXSp2VVD12gbrUD/0/d7MUoJ9LgC8X8f/\nn0txLHYGHbx+nf95+JUg6lV3hg==\n-----END PRIVATE KEY-----";
+const privateKey = "-----BEGIN PRIVATE KEY-----\nMIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDHo80SecH7FuF2\nhFYnb+l26/VN8UMLXAQFLnxciNTEwkGVFMpdezlH8rU2HtUJL4RETogbAOLVY0XM\njs6sPn8G1nALmh9qeDpUtVqFOVtBHxEZ910TLOtQiunjqJKO5nWdqZ71EC3OFluR\niGQkO84BiIFbv37ub7xl3S8XarbtKoLcyVpkDHi+1wx1pgCAn6gtBUgckPL5NR8j\nLseabl3HAXQfhTCKo4tmOFM2Dxwl1IUMmIJrJg/aIU/U0tj/1Eoo7mG0JcNWX19l\nW3EecCbi0ncCJOrkUdwlBrcjaMayaX/ubEwyUeTGiLdyc4L3GRLHjyK8xgVNXRMH\nbZWJ2a5NAgMBAAECggEASxuE+35zTFO/XydKgmvIGcWL9FbgMlXb7Vcf0nBoG945\nbiz0NVc2paraIhJXc608xbYF3qLmtAE1MVBI0ORyRdBHNxY024l/6H6SH60Ed+uI\nM4ysp5ourY6Vj+DLwpdRiI9YDjqYAQDIUmhNxJP7XPhOMoZI6st+xZQBM34ic/bv\nAMSJm9OZphSp3+qXVkFZztr2mxD2EZSJJLYxi8BCdgM2qhazalbcJ6zDKHCZWVWm\n8RRxDGldyMb/237JxETzP40tAlzOZDmBAbUgEnurDJ93RVDIE3rbZUshwgeQd18a\nem096mWgvB1AIKYgsTAR3pw+V19YWAjq/glP6fz8wQKBgQD/oQq+ukKF0PRgBeM5\ngeTjSwsdGppQLmf5ndujvoiz/TpdjDEPu6R8kigQr1rG2t4K/yfdZoI8RdmJD1al\n3Q7N9hofooSy4rj6E3txzWZCHJjHad2cnCp/O26HiReGAl7wTcfTmNdiFHhZQzm5\nJBkvWAiwuvQMNfEbnXxw6/vIDwKBgQDH7fX8gsc77JLvAWgp1MaQN/sbqVb6JeT1\nFQfR8E/WFCSmzQBtNzd5KgYuCeelwr/8DyYytvN2BzCYZXp73gI1jF3YlW5jVn74\nOY6TwQ095digwo6Z0yuxopdIOApKgAkL9PRKgNrqAf3NAyMua6lOGifzjDojC3KU\nfylQmxMn4wKBgHp2B9O/H0dEBw5JQ8W0+JX6yWQz7mEjGiR2/1W+XXb8hQ1zr709\nw1r6Gb+EghRpnZ3fBpYGGbYOMFx8wKHM+N6qW3F0ReX8v2juFGE8aRSa5oYBrWzt\nU16Idjbv8hj84cZ1PJmdyvDtpYn9rpWHOZl4rxEbPvbqkIsOMyNVqdT5AoGAOSge\nmwIIU2le2FVeohbibXiToWTYKMuMmURZ5/r72AgKMmWJKbAPe+Q3wBG01/7FRBpQ\noU8Ma0HC8s6QJbliiEyIx9JwrJWd1vkdecBHONrtA4ibm/5zD2WcOllLF+FitLhi\n3qnX6+6F0IaFGFBPJrTzlv0P4dTz/OAdv52V7GECgYEA2TttOKBAqWllgOaZOkql\nLVMJVmgR7s6tLi1+cEP8ZcapV9aRbRzTAKXm4f8AEhtlG9F9kCOvHYCYGi6JaiWJ\nZkHjeex3T+eE6Di6y5Bm/Ift5jtVhJ4jCVwHOKTMej79NPUFTJfv8hCo29haBDv6\nRXFrv+T21KCcw8k3sJeJWWQ=\n-----END PRIVATE KEY-----";
 /*
  * The crypto algorithm used for importing key and signing string
  */
@@ -41612,8 +41947,8 @@ const onStoryReactionAdded = (callback) => {
 const onStoryReactionAddedLocal = (callback) => {
     const client = getActiveClient();
     const filter = async (payload) => {
-        ingestInCache(payload);
-        callback(payload.stories);
+        ingestInCache({ stories: [payload.story] });
+        callback([payload.story]);
     };
     const disposers = [
         createEventSubscriber(client, 'onStoryReactionAdded', 'local.story.reactionAdded', filter),
@@ -41642,8 +41977,8 @@ const onStoryReactionRemoved = (callback) => {
 const onStoryReactionRemovedLocal = (callback) => {
     const client = getActiveClient();
     const filter = async (payload) => {
-        ingestInCache(payload);
-        callback(payload.stories);
+        ingestInCache({ stories: [payload.story] });
+        callback([payload.story]);
     };
     const disposers = [
         createEventSubscriber(client, 'onStoryReactionRemoved', 'local.story.reactionRemoved', filter),
@@ -42183,12 +42518,12 @@ const updateLocalList = (cacheKey, targetIds) => {
     pushToCache(cacheKey, Object.assign(Object.assign({}, collection), { data: [...new Set([...storyTargets, ...targetIds])] }));
 };
 class GlobalStoryQueryStreamController extends QueryStreamController {
-    constructor(query, cacheKey, notifyChange, paginationController) {
+    constructor(query, cacheKey, notifyChange, paginationController, preparePayload) {
         super(query, cacheKey);
         this.notifyChange = notifyChange;
         this.paginationController = paginationController;
         // Fix ESLint, "Expected 'this' to be used by class method"
-        this.preparePayload = payload => payload;
+        this.preparePayload = preparePayload;
     }
     saveToMainDB(response) {
         const client = getActiveClient();
@@ -42280,7 +42615,10 @@ class GlobalStoryLiveCollectionController extends LiveCollectionController {
         const paginationController = new GlobalStoryPageController(query);
         super(paginationController, queryStreamId, cacheKey, callback);
         this.query = query;
-        this.queryStreamController = new GlobalStoryQueryStreamController(this.query, this.cacheKey, this.notifyChange.bind(this), paginationController);
+        this.queryStreamController = new GlobalStoryQueryStreamController(this.query, this.cacheKey, this.notifyChange.bind(this), paginationController, (data) => {
+            const _a = prepareCommunityPayload(Object.assign(Object.assign({}, data), { feeds: [] })), rest = __rest(_a, ["feeds"]);
+            return Object.assign(Object.assign({}, data), rest);
+        });
         this.paginationController = paginationController;
         this.callback = callback.bind(this);
         this.loadPage({ initial: true });