@amityco/ts-sdk 7.6.1-bba8c29.0 → 7.6.1-ce05a481.0

package/src/feedRepository/observers/getCustomRankingGlobalFeed.ts

@@ -0,0 +1,57 @@
+import { getActiveClient } from '~/client/api';
+import { dropFromCache } from '~/cache/api';
+
+import { ENABLE_CACHE_MESSAGE } from '~/utils/constants';
+import { CustomRankingGlobalFeedLiveCollectionController } from './getCustomRankingGlobalFeed/LiveCollectionController';
+
+/* begin_public_function
+  id: post.query
+*/
+/**
+ * ```js
+ * import { PostRepository } from '@amityco/ts-sdk'
+ *
+ * let posts = []
+ * const unsub = PostRepository.getPosts({
+ *   targetType: Amity.PostTargetType,
+ *   targetId: Amity.Post['targetId'],
+ * }, response => merge(posts, response.data))
+ * ```
+ *
+ * Observe all mutations on a list of {@link Amity.Post} for a given target object
+ *
+ * @param params.targetType the type of the target
+ * @param params.targetId the ID of the target
+ * @param callback the function to call when new data are available
+ * @param config
+ * @returns An {@link Amity.Unsubscriber} function to run when willing to stop observing the messages
+ *
+ * @category Posts Live Collection
+ */
+export const getCustomRankingGlobalFeed = (
+  params: Amity.CustomRankingGlobalFeedLiveCollection,
+  callback: Amity.LiveCollectionCallback<Amity.Post>,
+  config?: Amity.LiveCollectionConfig,
+): Amity.Unsubscriber => {
+  const { log, cache } = getActiveClient();
+
+  if (!cache) {
+    console.log(ENABLE_CACHE_MESSAGE);
+  }
+
+  const timestamp = Date.now();
+  log(`getCustomRankingGlobalFeed(tmpid: ${timestamp}) > listen`);
+
+  const liveCollection = new CustomRankingGlobalFeedLiveCollectionController(params, callback);
+  const disposers = liveCollection.startSubscription();
+
+  const cacheKey = liveCollection.getCacheKey();
+
+  disposers.push(() => dropFromCache(cacheKey));
+
+  return () => {
+    log(`getCustomRankingGlobalFeed(tmpid: ${timestamp}) > dispose`);
+    disposers.forEach(fn => fn());
+  };
+};
+/* end_public_function */

package/src/feedRepository/observers/getGlobalFeed/LiveCollectionController.ts

@@ -0,0 +1,91 @@
+import hash from 'object-hash';
+import { pullFromCache, pushToCache } from '~/cache/api';
+import { GlobalFeedPaginationController } from './PaginationController';
+import { GlobalFeedQueryStreamController } from './QueryStreamController';
+import { LiveCollectionController } from '~/core/liveCollection/LiveCollectionController';
+import { isNonNullable } from '~/utils';
+import { LinkedObject } from '~/utils/linkedObject';
+import { preparePostPayload } from '~/postRepository/utils/payload';
+import { getGlobalFeedSubscriptions } from '../utils';
+
+export class GlobalFeedLiveCollectionController extends LiveCollectionController<
+  'post',
+  Amity.GlobalFeedLiveCollection,
+  Amity.Post,
+  GlobalFeedPaginationController
+> {
+  private queryStreamController: GlobalFeedQueryStreamController;
+
+  private query: Amity.GlobalFeedLiveCollection;
+
+  constructor(
+    query: Amity.GlobalFeedLiveCollection,
+    callback: Amity.LiveCollectionCallback<Amity.Post>,
+  ) {
+    const queryStreamId = hash(query);
+    const cacheKey = ['globalFeed', 'collection', queryStreamId];
+    const paginationController = new GlobalFeedPaginationController(query);
+
+    super(paginationController, queryStreamId, cacheKey, callback);
+
+    this.query = query;
+    this.queryStreamController = new GlobalFeedQueryStreamController(
+      this.query,
+      this.cacheKey,
+      this.notifyChange.bind(this),
+      preparePostPayload,
+    );
+
+    this.callback = callback.bind(this);
+    this.loadPage({ initial: true });
+  }
+
+  protected setup() {
+    const collection = pullFromCache<Amity.GlobalFeedLiveCollectionCache>(this.cacheKey)?.data;
+
+    if (!collection) {
+      pushToCache(this.cacheKey, {
+        data: [],
+        params: {},
+      });
+    }
+  }
+
+  protected async persistModel(queryPayload: Amity.PostPayload & Amity.Pagination) {
+    await this.queryStreamController.saveToMainDB(queryPayload);
+  }
+
+  protected persistQueryStream({
+    response,
+    direction,
+    refresh,
+  }: Amity.LiveCollectionPersistQueryStreamParams<'post'>) {
+    this.queryStreamController.appendToQueryStream(response, direction, refresh);
+  }
+
+  startSubscription() {
+    return this.queryStreamController.subscribeRTE(getGlobalFeedSubscriptions(this.cacheKey));
+  }
+
+  notifyChange({ origin, loading, error }: Amity.LiveCollectionNotifyParams) {
+    const collection = pullFromCache<Amity.GlobalFeedLiveCollectionCache>(this.cacheKey)?.data;
+    if (!collection) return;
+
+    const data = (
+      collection.data
+        .map(id => pullFromCache<Amity.InternalPost>(['post', 'get', id])!)
+        .filter(isNonNullable)
+        .map(({ data }) => data) ?? []
+    ).map(LinkedObject.post);
+
+    if (!this.shouldNotify(data) && origin === 'event') return;
+
+    this.callback({
+      onNextPage: () => this.loadPage({ direction: Amity.LiveCollectionPageDirection.NEXT }),
+      data,
+      hasNextPage: !!this.paginationController.getNextToken(),
+      loading,
+      error,
+    });
+  }
+}

package/src/feedRepository/observers/getGlobalFeed/PaginationController.ts

@@ -0,0 +1,23 @@
+import { PaginationController } from '~/core/liveCollection/PaginationController';
+
+export class GlobalFeedPaginationController extends PaginationController<
+  'post',
+  Amity.GlobalFeedLiveCollection
+> {
+  async getRequest(queryParams: Amity.GlobalFeedLiveCollection, token: string | undefined) {
+    const { limit, resolveParent, ...params } = queryParams;
+    const options = token ? { token } : { limit };
+
+    const { data: queryResponse } = await this.http.get<Amity.PostPayload & Amity.Pagination>(
+      `/api/v4/me/global-feeds`,
+      {
+        params: {
+          ...params,
+          resolveParent: resolveParent ?? true,
+          options,
+        },
+      },
+    );
+    return queryResponse;
+  }
+}

package/src/feedRepository/observers/getGlobalFeed/QueryStreamController.ts

@@ -0,0 +1,99 @@
+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 { EnumPostActions } from '~/postRepository/observers/enums';
+
+export class GlobalFeedQueryStreamController extends QueryStreamController<
+  Amity.PostPayload,
+  Amity.GlobalFeedLiveCollection
+> {
+  private notifyChange: (params: Amity.LiveCollectionNotifyParams) => void;
+
+  private preparePayload: (response: Amity.PostPayload) => Amity.ProcessedPostPayload;
+
+  constructor(
+    query: Amity.GlobalFeedLiveCollection,
+    cacheKey: string[],
+    notifyChange: (params: Amity.LiveCollectionNotifyParams) => void,
+    preparePayload: (response: Amity.PostPayload) => Amity.ProcessedPostPayload,
+  ) {
+    super(query, cacheKey);
+    this.notifyChange = notifyChange;
+    this.preparePayload = preparePayload;
+  }
+
+  async saveToMainDB(response: Amity.PostPayload) {
+    const processedPayload = await this.preparePayload(response);
+
+    const client = getActiveClient();
+    const cachedAt = client.cache && Date.now();
+
+    if (client.cache) {
+      ingestInCache(processedPayload, { cachedAt });
+    }
+  }
+
+  appendToQueryStream(
+    response: Amity.PostPayload & Partial<Amity.Pagination>,
+    direction: Amity.LiveCollectionPageDirection,
+    refresh = false,
+  ) {
+    if (refresh) {
+      pushToCache(this.cacheKey, {
+        data: response.posts.map(getResolver('post')),
+      });
+    } else {
+      const collection = pullFromCache<Amity.CommunityLiveCollectionCache>(this.cacheKey)?.data;
+
+      const posts = collection?.data ?? [];
+
+      pushToCache(this.cacheKey, {
+        ...collection,
+        data: [...new Set([...posts, ...response.posts.map(getResolver('post'))])],
+      });
+    }
+  }
+
+  reactor(action: EnumPostActions) {
+    return (post: Amity.InternalPost) => {
+      const collection = pullFromCache<Amity.GlobalFeedLiveCollectionCache>(this.cacheKey)?.data;
+
+      if (!collection) return;
+
+      if (post.parentPostId && !collection.data.includes(post.parentPostId)) return;
+
+      // Delete Action
+      if (action === EnumPostActions.OnPostDeleted) {
+        // Parent Post - Remove from collection
+        collection.data = collection.data.filter(postId => postId !== post.postId);
+      }
+
+      if (action === EnumPostActions.OnPostCreated || action === EnumPostActions.OnPostApproved) {
+        // If the query has dataTypes array with value, check if post.dataType is include in the array
+        if (this.query.dataTypes && this.query.dataTypes.length > 0) {
+          if (!this.query.dataTypes.includes(post.dataType)) return;
+        }
+
+        collection.data = [...new Set([post.postId, ...collection.data])];
+      }
+
+      if (action === EnumPostActions.OnPostDeclined) {
+        collection.data = collection.data.filter(postId => postId !== post.postId);
+      }
+
+      pushToCache(this.cacheKey, collection);
+      this.notifyChange({ origin: Amity.LiveDataOrigin.EVENT, loading: false });
+    };
+  }
+
+  subscribeRTE(
+    createSubscriber: {
+      fn: (reactor: (post: Amity.InternalPost) => void) => Amity.Unsubscriber;
+      action: EnumPostActions;
+    }[],
+  ) {
+    return createSubscriber.map(subscriber => subscriber.fn(this.reactor(subscriber.action)));
+  }
+}

package/src/feedRepository/observers/getGlobalFeed.ts

@@ -0,0 +1,56 @@
+import { getActiveClient } from '~/client/api';
+import { dropFromCache } from '~/cache/api';
+
+import { ENABLE_CACHE_MESSAGE } from '~/utils/constants';
+import { GlobalFeedLiveCollectionController } from './getGlobalFeed/LiveCollectionController';
+
+/* begin_public_function
+  id: post.query
+*/
+/**
+ * ```js
+ * import { PostRepository } from '@amityco/ts-sdk'
+ *
+ * let posts = []
+ * const unsub = PostRepository.getPosts({
+ *   targetType: Amity.PostTargetType,
+ *   targetId: Amity.Post['targetId'],
+ * }, response => merge(posts, response.data))
+ * ```
+ *
+ * Observe all mutations on a list of {@link Amity.Post} for a given target object
+ * @param params.targetType the type of the target
+ * @param params.targetId the ID of the target
+ * @param callback the function to call when new data are available
+ * @param config
+ * @returns An {@link Amity.Unsubscriber} function to run when willing to stop observing the messages
+ *
+ * @category Posts Live Collection
+ */
+export const getGlobalFeed = (
+  params: Amity.GlobalFeedLiveCollection,
+  callback: Amity.LiveCollectionCallback<Amity.Post>,
+  config?: Amity.LiveCollectionConfig,
+): Amity.Unsubscriber => {
+  const { log, cache } = getActiveClient();
+
+  if (!cache) {
+    console.log(ENABLE_CACHE_MESSAGE);
+  }
+
+  const timestamp = Date.now();
+  log(`getGlobalFeed(tmpid: ${timestamp}) > listen`);
+
+  const liveCollection = new GlobalFeedLiveCollectionController(params, callback);
+  const disposers = liveCollection.startSubscription();
+
+  const cacheKey = liveCollection.getCacheKey();
+
+  disposers.push(() => dropFromCache(cacheKey));
+
+  return () => {
+    log(`getGlobalFeed(tmpid: ${timestamp}) > dispose`);
+    disposers.forEach(fn => fn());
+  };
+};
+/* end_public_function */

package/src/feedRepository/observers/index.ts

@@ -0,0 +1,2 @@
+export { getCustomRankingGlobalFeed } from './getCustomRankingGlobalFeed';
+export { getGlobalFeed } from './getGlobalFeed';

package/src/feedRepository/observers/utils.ts

@@ -0,0 +1,85 @@
+import { pullFromCache } from '~/cache/api';
+import { onCommentCreated, onCommentDeleted } from '~/commentRepository';
+import { getPost } from '~/postRepository/internalApi';
+import {
+  onPostCreated,
+  onPostUpdated,
+  onPostDeleted,
+  onPostFlagged,
+  onPostUnflagged,
+  onPostReactionAdded,
+  onPostReactionRemoved,
+  onPostApproved,
+  onPostDeclined,
+} from '~/postRepository/events';
+import { onLocalPostDeleted } from '~/postRepository/events/onLocalPostDeleted';
+import { onLocalPostReactionAdded } from '~/postRepository/events/onLocalPostReactionAdded';
+import { onLocalPostReactionRemoved } from '~/postRepository/events/onLocalPostReactionRemoved';
+import { onPostUpdatedLocal } from '~/postRepository/events/onPostUpdatedLocal';
+import { EnumPostActions } from '~/postRepository/observers/enums';
+import { convertEventPayload } from '~/utils/event';
+import { onCommentCreatedLocal } from '~/commentRepository/events/onCommentCreatedLocal';
+import { onCommentDeleteLocal } from '~/commentRepository/events/onCommentDeletedLocal';
+import { onCommentReactionAdded, onCommentReactionRemoved } from '~/commentRepository/events';
+import { onLocalCommentReactionAdded } from '~/commentRepository/events/onLocalCommentReactionAdded';
+import { onLocalCommentReactionRemoved } from '~/commentRepository/events/onLocalCommentReactionRemoved';
+
+type CommentEventHandler = (callback: Amity.Listener<Amity.InternalComment>) => Amity.Unsubscriber;
+
+const commentEventHanlder = (
+  callback: Amity.Listener<Amity.InternalComment>,
+  eventHandler: CommentEventHandler,
+  cacheKey: Amity.CacheKey,
+) => {
+  return eventHandler(async (comment: Amity.InternalComment) => {
+    const currentCollection =
+      pullFromCache<Amity.CustomRankingGlobalFeedLiveCollectionCache>(cacheKey)?.data;
+
+    if (!currentCollection || !currentCollection.data.includes(comment.referenceId)) return;
+
+    await getPost(comment.referenceId);
+    callback(comment);
+  });
+};
+
+const generateCommentSubscriptions = (cacheKey: Amity.CacheKey) => {
+  const eventHandlers = [
+    onCommentCreated,
+    onCommentDeleted,
+    onCommentReactionAdded,
+    onCommentReactionRemoved,
+    onCommentCreatedLocal,
+    onCommentDeleteLocal,
+    onLocalCommentReactionAdded,
+    onLocalCommentReactionRemoved,
+  ];
+
+  return eventHandlers.map(handler => ({
+    fn: convertEventPayload(
+      (callback: Amity.Listener<Amity.InternalComment>) =>
+        commentEventHanlder(callback, handler, cacheKey),
+      'referenceId',
+      'post',
+    ),
+    action: EnumPostActions.OnPostUpdated,
+  }));
+};
+
+export const getGlobalFeedSubscriptions = (cacheKey: Amity.CacheKey) => {
+  return [
+    { fn: onPostCreated, action: EnumPostActions.OnPostCreated },
+    { fn: onPostUpdated, action: EnumPostActions.OnPostUpdated },
+    { fn: onPostUpdatedLocal, action: EnumPostActions.OnPostUpdated },
+    { fn: onPostDeleted, action: EnumPostActions.OnPostDeleted },
+    { fn: onPostFlagged, action: EnumPostActions.OnPostFlagged },
+    { fn: onPostUnflagged, action: EnumPostActions.OnPostUnflagged },
+    { fn: onPostApproved, action: EnumPostActions.OnPostApproved },
+    { fn: onPostDeclined, action: EnumPostActions.OnPostDeclined },
+    { fn: onPostReactionAdded, action: EnumPostActions.OnPostReactionAdded },
+    { fn: onPostReactionRemoved, action: EnumPostActions.OnPostReactionRemoved },
+    { fn: onLocalPostReactionAdded, action: EnumPostActions.OnPostReactionAdded },
+    { fn: onLocalPostReactionRemoved, action: EnumPostActions.OnPostReactionRemoved },
+    { fn: onLocalPostDeleted, action: EnumPostActions.OnPostDeleted },
+    ...generateCommentSubscriptions(cacheKey),
+  ];
+};

package/src/fileRepository/api/index.ts

@@ -5,3 +5,4 @@ export * from './fileUrlWithSize';
 export * from './uploadVideo';
 export * from './uploadImage';
 export * from './updateAltText';
+export * from './uploadClip';

package/src/fileRepository/api/uploadClip.ts

@@ -0,0 +1,71 @@
+import { getActiveClient } from '~/client/api/activeClient';
+import { ingestInCache } from '~/cache/api/ingestInCache';
+import GlobalFileAccessType from '~/client/utils/GlobalFileAccessType';
+
+/* begin_public_function
+  id: file.upload.clip
+*/
+/**
+ * ```js
+ * import { FileRepository } from '@amityco/ts-sdk'
+ * const created = await FileRepository.uploadClip(formData)
+ * ```
+ *
+ * Creates an {@link Amity.File}
+ *
+ * @param formData The data necessary to create a new {@link Amity.File}
+ * @param onProgress The callback to track the upload progress
+ * @returns The newly created {@link Amity.File}
+ *
+ * @category File API
+ * @async
+ */
+export const uploadClip = async (
+  formData: FormData,
+  feedType?: Amity.ContentFeedType,
+  onProgress?: (percent: number) => void,
+): Promise<Amity.Cached<Amity.File<'clip'>[]>> => {
+  const client = getActiveClient();
+  client.log('file/uploadClip', formData);
+
+  const file = formData.get('files');
+
+  if (!file) throw new Error('The formData object must have a `files` key.');
+
+  const accessType = GlobalFileAccessType.getInstance().getFileAccessType();
+  formData.append('accessType', accessType);
+
+  formData.append('preferredFilename', (file as File).name);
+
+  if (feedType) {
+    formData.append('feedType', feedType);
+  }
+
+  const headers =
+    'getHeaders' in formData
+      ? (formData as any).getHeaders()
+      : { 'content-type': 'multipart/form-data' };
+
+  const { data } = await client.upload.post<Amity.CreateFilePayload<'clip'>>(
+    '/api/v4/clips',
+    formData,
+    {
+      headers,
+      onUploadProgress({ loaded, total = 100 }) {
+        onProgress && onProgress(Math.round((loaded * 100) / total));
+      },
+    },
+  );
+
+  // API-FIX: payload should be serialized properly
+  // const { files } = data
+
+  const cachedAt = client.cache && Date.now();
+  if (client.cache) ingestInCache({ files: data }, { cachedAt });
+
+  return {
+    data,
+    cachedAt,
+  };
+};
+/* end_public_function */

package/src/postRepository/api/createClipPost.ts

@@ -0,0 +1,62 @@
+import { getActiveClient } from '~/client/api/activeClient';
+
+import { ingestInCache } from '~/cache/api/ingestInCache';
+import { fireEvent } from '~/core/events';
+import { prepareMembershipPayload } from '~/group/utils';
+import { LinkedObject } from '~/utils/linkedObject';
+
+/* begin_public_function
+  id: post.create.clip_post
+*/
+/**
+ * ```js
+ * import { PostRepository } from '@amityco/ts-sdk'
+ * const created = await PostRepository.createClipPost({
+ *   targetType: 'user',
+ *   targetId: 'foobar',
+ *   dataType: 'clip',
+ *   data: { text: 'hello world' },
+ *   attachments: [{ type: 'clip', fileId: 'fileId123', displayMode: 'fill', isMuted: false }]
+ * }))
+ * ```
+ *
+ * Creates an {@link Amity.Post}
+ *
+ * @param bundle The data necessary to create a new {@link Amity.Post}
+ * @returns The newly created {@link Amity.Post}
+ *
+ * @category Post API
+ * @async
+ */
+export const createClipPost = async <T extends Amity.PostContentType | string>(
+  bundle: Pick<Amity.Post<T>, 'targetType' | 'targetId'> &
+    Partial<Pick<Amity.Post<T>, 'metadata' | 'mentionees' | 'tags'>> & {
+      data: { [k: string]: any };
+      attachments: {
+        type: T;
+        fileId: Amity.File['fileId'];
+        displayMode?: Amity.ClipDisplayMode;
+        isMuted?: boolean;
+      }[];
+    },
+): Promise<Amity.Cached<Amity.Post>> => {
+  const client = getActiveClient();
+  client.log('post/createPost', bundle);
+
+  const { data: payload } = await client.http.post<Amity.PostPayload>('/api/v4/posts', bundle);
+
+  fireEvent('post.created', payload);
+
+  const data = prepareMembershipPayload(payload, 'communityUsers');
+  const cachedAt = client.cache && Date.now();
+
+  if (client.cache) ingestInCache(data, { cachedAt });
+
+  const { posts } = data;
+
+  return {
+    data: LinkedObject.post(posts[0]),
+    cachedAt,
+  };
+};
+/* end_public_function */

package/src/postRepository/api/index.ts

@@ -13,3 +13,5 @@ export * from './declinePost';
 export * from './flagPost';
 export * from './unflagPost';
 export * from './isPostFlaggedByMe';
+
+export * from './createClipPost';

package/src/postRepository/api/queryPosts.ts

@@ -43,7 +43,7 @@ export const queryPosts = async (
   // API-FIX: parameters should be querystring. (1)
   // API-FIX: backend should answer Amity.Response (2)
   // const { data } = await client.http.get<Amity.Response<Amity.PagedResponse<Amity.PostPayload>>>(
-  const { data } = await client.http.get<Amity.PostPayload & Amity.Pagination>(`/api/v4/posts`, {
+  const { data } = await client.http.get<Amity.PostPayload & Amity.Pagination>(`/api/v5/posts`, {
     params: {
       ...params,
       isDeleted: inferIsDeleted(includeDeleted),

package/src/postRepository/events/utils.ts

@@ -1,10 +1,38 @@
 import { getActiveClient } from '~/client/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 import { createEventSubscriber, fireEvent } from '~/core/events';
-import { dropFromCache, pullFromCache, queryCache, upsertInCache } from '~/cache/api';
+import { dropFromCache, pullFromCache, pushToCache, queryCache, upsertInCache } from '~/cache/api';
 import { isInTombstone } from '~/cache/api/isInTombstone';
 import { preparePostPayload } from '~/postRepository/utils/payload';
 
+const processDeleteChildPost = (payload: Amity.PostPayload) => {
+  const post = payload.posts[0];
+  if (!post.parentId) return;
+
+  const parentPost = pullFromCache<Amity.InternalPost>(['post', 'get', post.parentPostId])?.data;
+
+  if (!parentPost) return;
+
+  pushToCache(['post', 'get', parentPost.postId], {
+    ...parentPost,
+    children: parentPost.children.filter(childId => childId !== post.postId),
+  });
+};
+
+const processCreateChildPost = (payload: Amity.PostPayload) => {
+  const post = payload.posts[0];
+  if (!post.parentId) return;
+
+  const parentPost = pullFromCache<Amity.InternalPost>(['post', 'get', post.parentPostId])?.data;
+
+  if (!parentPost) return;
+
+  pushToCache(['post', 'get', parentPost.postId], {
+    ...parentPost,
+    children: [...new Set([post.postId, ...parentPost.children])],
+  });
+};
+
 export const createPostEventSubscriber = (
   event: keyof Amity.MqttPostEvents,
   callback: Amity.Listener<Amity.InternalPost>,
@@ -36,6 +64,8 @@ export const createPostEventSubscriber = (
       if (event === 'post.deleted') {
         const { postId, postedUserId } = payload.posts[0];
 
+        processDeleteChildPost(payload);
+
         try {
           isInTombstone('post', postId);
         } catch (e) {
@@ -70,6 +100,8 @@ export const createPostEventSubscriber = (
         queries?.map(({ key, data }) => upsertInCache(key, data as any, { cachedAt: -1 }));
       }
 
+      if (event === 'post.created') processCreateChildPost(payload);
+
       callback(post.data);
     }
   };
@@ -106,6 +138,8 @@ export const createLocalPostEventSubscriber = (
 
       const post = pullFromCache<Amity.InternalPost>(['post', 'get', payload.posts[0].postId])!;
 
+      if (event === 'local.post.deleted') processDeleteChildPost(payload);
+
       callback(post.data);
     }
   };

package/src/postRepository/observers/getGlobalPinnedPosts/GlobalPinnedPostLiveCollectionController.ts

@@ -8,6 +8,7 @@ import { LinkedObject } from '~/utils/linkedObject';
 import { onPostDeleted } from '~/postRepository/events';
 import { EnumPostActions } from '../enums';
 import { onLocalPostDeleted } from '~/postRepository/events/onLocalPostDeleted';
+import { generateCommentSubscriptions } from '../utils';
 
 export class GlobalPinnedPostLiveCollectionController extends LiveCollectionController<
   'pinnedPost',
@@ -71,6 +72,10 @@ export class GlobalPinnedPostLiveCollectionController extends LiveCollectionCont
         fn: onPostDeleted,
         action: EnumPostActions.OnPostDeleted,
       },
+      ...generateCommentSubscriptions({
+        cacheKey: this.cacheKey,
+        resolveId: id => `global#${id}`,
+      }),
     ]);
   }
 

package/src/postRepository/observers/getPinnedPosts/PinnedPostLiveCollectionController.ts

@@ -6,6 +6,7 @@ import { LiveCollectionController } from '~/core/liveCollection/LiveCollectionCo
 import { isNonNullable } from '~/utils';
 import { LinkedObject } from '~/utils/linkedObject';
 import { sortByLastCreated } from '~/core/query';
+import { generateCommentSubscriptions } from '../utils';
 
 export class PinnedPostLiveCollectionController extends LiveCollectionController<
   'pinnedPost',
@@ -63,7 +64,12 @@ export class PinnedPostLiveCollectionController extends LiveCollectionController
 
   // eslint-disable-next-line class-methods-use-this
   startSubscription() {
-    return [] as Amity.Unsubscriber[];
+    return this.queryStreamController.subscribeRTE(
+      generateCommentSubscriptions({
+        cacheKey: this.cacheKey,
+        resolveId: id => `${this.query.placement}#${id}`,
+      }),
+    );
   }
 
   notifyChange({ origin, loading, error }: Amity.LiveCollectionNotifyParams) {