@amityco/ts-sdk 0.0.1-beta.28 → 0.0.1-beta.29

package/dist/utils/tests/dummy/channel.d.ts

@@ -1,10 +1,33 @@
 export declare const channelRaw1: Amity.ChannelRaw;
 export declare const channelRaw2: Amity.ChannelRaw;
+export declare const channelRaw3: Amity.ChannelRaw;
 export declare const channel11: Amity.Channel;
 export declare const channel12: Amity.Channel;
+export declare const channel21: Amity.Channel;
 export declare const channelUser1: Amity.Membership<'channel'>;
 export declare const channelUser2: Amity.Membership<'channel'>;
-export declare const channels: {
-    page1: string[];
+export declare const channelQueryResponse: {
+    data: {
+        channels: Amity.Channel<any>[];
+        channelUsers: never[];
+        files: never[];
+        users: never[];
+        paging: {
+            previous: string;
+            next: string;
+        };
+    };
+};
+export declare const channelQueryResponsePage2: {
+    data: {
+        channels: Amity.Channel<any>[];
+        channelUsers: never[];
+        files: never[];
+        users: never[];
+        paging: {
+            previous: string;
+            next: string;
+        };
+    };
 };
 //# sourceMappingURL=channel.d.ts.map

package/dist/utils/tests/dummy/channel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/channel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAK/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAK/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,OAI7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,OAI7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAYpD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAKpD,CAAC;AAEF,eAAO,MAAM,QAAQ;;CAEpB,CAAC"}
+{"version":3,"file":"channel.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/channel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAK/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAK/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,UAK/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,OAO7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,OAO7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,OAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAYpD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAKpD,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAWhC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWrC,CAAC"}

package/dist/utils/tests/dummy/follow.d.ts

@@ -0,0 +1,12 @@
+export declare const follow11: Amity.FollowStatus;
+export declare const follow12: Amity.FollowStatus;
+export declare const follow13: Amity.FollowStatus;
+export declare const follow21: Amity.FollowStatus;
+export declare const follow22: Amity.FollowStatus;
+export declare const follow23: Amity.FollowStatus;
+export declare const follows: {
+    userId: string;
+    page1: Amity.FollowStatus[];
+    page2: Amity.FollowStatus[];
+};
+//# sourceMappingURL=follow.d.ts.map

package/dist/utils/tests/dummy/follow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"follow.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/follow.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,YAK5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,YAK5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,YAK5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,YAK5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,YAK5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,YAK5B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/utils/tests/dummy/index.d.ts

@@ -5,6 +5,7 @@ export declare const rolesAndPermissions: {
 };
 export * from './user';
 export * from './post';
+export * from './follow';
 export * from './channel';
 export * from './message';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/tests/dummy/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,QAA2B,CAAC;AAC7C,eAAO,MAAM,mBAAmB;;;CAAiC,CAAC;AAElE,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,QAA2B,CAAC;AAC7C,eAAO,MAAM,mBAAmB;;;CAAiC,CAAC;AAElE,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}

package/dist/utils/tests/dummy/user.d.ts

@@ -1,2 +1,5 @@
 export declare const user11: Amity.User;
+export declare const user12: Amity.User;
+export declare const user13: Amity.User;
+export declare const user14: Amity.User;
 //# sourceMappingURL=user.d.ts.map

package/dist/utils/tests/dummy/user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/user.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,IAQ1B,CAAC"}
+{"version":3,"file":"user.d.ts","sourceRoot":"","sources":["../../../../src/utils/tests/dummy/user.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,IAQ1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,IAG1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,IAG1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,IAG1B,CAAC"}

package/dist/utils/tests/index.d.ts

@@ -1,3 +1,4 @@
+export * from './utils';
 export * from './dummy';
 export * from './client';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/tests/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/tests/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/tests/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/utils/tests/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const encodeJson: (value: Record<string, any>) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/tests/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils/tests/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,UAAW,OAAO,MAAM,EAAE,GAAG,CAAC,WAAkC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amityco/ts-sdk",
-  "version": "0.0.1-beta.28",
+  "version": "0.0.1-beta.29",
   "license": "CC-BY-ND-4.0",
   "author": "amity.co <developers@amity.co> (https://amity.co)",
   "description": "Amity Social Cloud Typescript SDK",

package/src/@types/core/payload.ts

@@ -65,7 +65,7 @@ declare global {
     };
 
     type CommunityPayload = {
-      communities: Amity.Community[];
+      communities: Amity.RawCommunity[];
       communityUsers?: Amity.Membership<'community'>[];
       categories?: Amity.Category[];
       feeds?: Amity.Feed[];
@@ -79,7 +79,7 @@ declare global {
     };
 
     type CommunityMembershipPayload = {
-      communities: Amity.Community[];
+      communities: Amity.RawCommunity[];
       communityUsers: Amity.Membership<'community'>[];
       categories?: Amity.Category[];
       feeds?: Amity.Feed[];
@@ -90,7 +90,7 @@ declare global {
     type PostPayload<T extends Amity.PostContentType = any> = {
       posts: Amity.Post<T>[];
       postChildren?: Amity.Post[];
-      communities?: Amity.Community[];
+      communities?: Amity.RawCommunity[];
       communityUsers?: Amity.Membership<'community'>[];
       categories?: Amity.Category[];
       comments?: Amity.Comment[];

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

@@ -46,5 +46,23 @@ declare global {
       Amity.SoftDelete;
 
     type ChannelRaw<T extends ChannelType = any> = Omit<Channel<T>, 'unreadCount' | 'hasMention'>;
+
+    type QueryChannels = {
+      displayName?: string;
+      membership?: 'all' | 'member' | 'notMember';
+      sortBy?: 'displayName' | 'firstCreated' | 'lastCreated';
+      types?: Amity.ChannelType[];
+      isDeleted?: Amity.Channel['isDeleted'];
+      tags?: Amity.Taggable['tags'];
+      excludeTags?: Amity.Taggable['tags'];
+      page?: Amity.Page;
+    };
+
+    type ChannelLiveCollection = Amity.LiveCollectionParams<Omit<QueryChannels, 'page'>>;
+
+    type ChannelLiveCollectionCache = Amity.LiveCollectionCache<
+      Amity.Channel['channelId'],
+      Pick<QueryChannels, 'page'>
+    >;
   }
 }

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

@@ -1,8 +1,29 @@
-export {};
+export const CommunityPostSettings = Object.freeze({
+  ONLY_ADMIN_CAN_POST: 'ONLY_ADMIN_CAN_POST',
+  ADMIN_REVIEW_POST_REQUIRED: 'ADMIN_REVIEW_POST_REQUIRED',
+  ANYONE_CAN_POST: 'ANYONE_CAN_POST',
+});
+
+export const CommunityPostSettingMaps = Object.freeze({
+  ONLY_ADMIN_CAN_POST: {
+    needApprovalOnPostCreation: false,
+    onlyAdminCanPost: true,
+  },
+  ADMIN_REVIEW_POST_REQUIRED: {
+    needApprovalOnPostCreation: true,
+    onlyAdminCanPost: false,
+  },
+  ANYONE_CAN_POST: {
+    needApprovalOnPostCreation: false,
+    onlyAdminCanPost: false,
+  },
+});
+
+export const DefaultCommunityPostSetting = 'ONLY_ADMIN_CAN_POST';
 
 declare global {
   namespace Amity {
-    type Community = {
+    type RawCommunity = {
       communityId: string;
 
       displayName: string;
@@ -30,5 +51,9 @@ declare global {
       Amity.Timestamps &
       Amity.SoftDelete &
       Amity.Subscribable;
+
+    type Community = Omit<Amity.RawCommunity, 'onlyAdminCanPost' | 'needApprovalOnPostCreation'> & {
+      postSetting?: ValueOf<typeof CommunityPostSettings>;
+    };
   }
 }

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

@@ -1,8 +1,9 @@
 export const ContentFeedType = Object.freeze({
   STORY: 'story',
-  CHIP: 'clip',
+  CLIP: 'clip',
   CHAT: 'chat',
   POST: 'post',
+  MESSAGE: 'message',
 });
 
 declare global {

package/src/@types/index.ts

@@ -23,7 +23,6 @@ import './domains/group';
 import './domains/channel';
 import './domains/message';
 
-import './domains/community';
 import './domains/category';
 import './domains/post';
 import './domains/comment';
@@ -34,5 +33,6 @@ import './domains/mention';
 
 import './domains/poll';
 
+export * from './domains/community';
 export * from './domains/content';
 export * from './domains/file';

package/src/channel/api/queryChannels.ts

@@ -22,16 +22,9 @@ import { prepareChannelPayload } from '../utils';
  * @category Channel API
  * @async
  */
-export const queryChannels = async (query?: {
-  displayName?: string;
-  membership?: 'all' | 'member' | 'notMember';
-  sortBy?: 'displayName' | 'firstCreated' | 'lastCreated';
-  types?: Amity.ChannelType;
-  isDeleted?: Amity.Channel['isDeleted'];
-  tags?: Amity.Taggable['tags'];
-  excludeTags?: Amity.Taggable['tags'];
-  page?: Amity.Page;
-}): Promise<Amity.Cached<Amity.Paged<Amity.Channel>>> => {
+export const queryChannels = async (
+  query?: Amity.QueryChannels,
+): Promise<Amity.Cached<Amity.Paged<Amity.Channel>>> => {
   const client = getActiveClient();
   client.log('channel/queryChannels', query);
 

package/src/channel/observers/index.ts

@@ -1,2 +1,3 @@
 export * from './observeChannel';
 export * from './observeChannels';
+export * from './liveChannels';

package/src/channel/observers/liveChannels.ts

@@ -0,0 +1,178 @@
+/* eslint-disable no-use-before-define */
+import { getResolver } from '~/core/model';
+import { pullFromCache, pushToCache } from '~/cache/api';
+import { getActiveClient } from '~/client/api';
+import {
+  createQuery,
+  runQuery,
+  queryOptions,
+  filterByPropEquality,
+  sortByLastCreated,
+  sortByDisplayName,
+  sortByFirstCreated,
+} from '~/core/query';
+import { onChannelCreated, onChannelDeleted, onChannelUpdated } from '../events';
+import { queryChannels } from '../api';
+
+import {
+  COLLECTION_DEFAULT_CACHING_POLICY,
+  COLLECTION_DEFAULT_PAGINATION_LIMIT,
+  ENABLE_CACHE_MESSAGE,
+} from '~/utils/constants';
+
+/**
+ * ```js
+ * import { liveChannels } from '@amityco/ts-sdk'
+ *
+ * let channels = []
+ * const unsub = liveChannels({
+ *   displayName: Amity.Channel['displayName'],
+ * }, response => merge(channels, response.data))
+ * ```
+ *
+ * Observe all mutations on a list of {@link Amity.Channel}s
+ *
+ * @param params for querying channels
+ * @param callback the function to call when new data are available
+ * @returns An {@link Amity.Unsubscriber} function to run when willing to stop observing the channels
+ *
+ * @category Channel Live Collection
+ */
+export const liveChannels = (
+  params: Amity.ChannelLiveCollection,
+  callback: Amity.LiveCollectionCallback<Amity.Channel>,
+  config?: Amity.LiveCollectionConfig,
+) => {
+  const { log, cache } = getActiveClient();
+
+  if (!cache) {
+    console.log(ENABLE_CACHE_MESSAGE);
+  }
+
+  const timestamp = Date.now();
+  log(`liveChannels(tmpid: ${timestamp}) > listen`);
+
+  const { limit: queryLimit, ...queryParams } = params;
+
+  const limit = queryLimit ?? COLLECTION_DEFAULT_PAGINATION_LIMIT;
+  const { policy = COLLECTION_DEFAULT_CACHING_POLICY } = config ?? {};
+
+  const disposers: Amity.Unsubscriber[] = [];
+  const cacheKey = ['channel', 'collection', {}];
+
+  const responder = (data: Amity.ChannelLiveCollectionCache) => {
+    let channels: Amity.Channel[] =
+      data.data
+        .map(channelId => pullFromCache<Amity.Channel>(['channel', 'get', channelId])!)
+        .filter(Boolean)
+        .map(({ data }) => data) ?? [];
+
+    channels = filterByPropEquality(channels, 'isDeleted', params.isDeleted);
+    channels = filterByPropEquality(channels, 'displayName', params.displayName);
+
+    if (params.types) {
+      channels = channels.filter(c => params.types?.includes(c.type));
+    }
+
+    if (params.tags) {
+      channels = channels.filter(c => c.tags?.some(t => params.tags?.includes(t)));
+    }
+
+    if (params.excludeTags) {
+      channels = channels.filter(c => !c.tags?.some(t => params.excludeTags?.includes(t)));
+    }
+
+    const sortBy = params.sortBy || 'lastCreated';
+
+    if (sortBy === 'lastCreated' || sortBy === 'firstCreated') {
+      channels = channels.sort(sortBy === 'lastCreated' ? sortByLastCreated : sortByFirstCreated);
+    }
+
+    /*
+     * The server returns channels with empty | null displayName's first before
+     * returning sorted list of channels with displayNames
+     *
+     * This section needs to be updated as displayNames can be null as well
+     */
+    if (sortBy === 'displayName') {
+      channels = channels
+        // this needs to be aligned with the backend data type
+        .map(c => (c.displayName ? c : { ...c, displayName: '' }))
+        // @ts-ignore
+        .sort(sortByDisplayName);
+    }
+
+    callback({
+      onNextPage: onFetch,
+      data: channels,
+      hasNextPage: !!data.params?.page,
+      loading: data.loading,
+      error: data.error,
+    });
+  };
+
+  const realtimeRouter = (channel: Amity.Channel, action: Amity.ChannelActionType) => {
+    const collection = pullFromCache<Amity.ChannelLiveCollectionCache>(cacheKey)?.data;
+    if (!collection) return;
+
+    if (action === 'onCreate') {
+      collection.data = [...new Set([channel.channelId, ...collection.data])];
+      /*
+       * if the filter isDeleted is set, only collection item must be updated and not
+       * the collection
+       */
+    } else if (action === 'onDelete' && !params.isDeleted) {
+      collection.data = collection.data.filter(c => c !== channel.channelId);
+    }
+
+    pushToCache(cacheKey, collection);
+    responder(collection);
+  };
+
+  const onFetch = () => {
+    const collection = pullFromCache<Amity.ChannelLiveCollectionCache>(cacheKey)?.data;
+
+    const channels = collection?.data ?? [];
+
+    if (channels.length > 0 && !collection?.params.page) return;
+
+    const query = createQuery(queryChannels, {
+      ...queryParams,
+      page: collection?.params.page ?? { limit },
+    });
+
+    runQuery(
+      query,
+      ({ data: result, error, loading, nextPage: page }) => {
+        const data = {
+          loading,
+          error,
+          params: { page },
+          data: channels,
+        };
+
+        if (result) {
+          data.data = [...new Set([...channels, ...result.map(getResolver('channel'))])];
+        }
+
+        pushToCache(cacheKey, data);
+
+        responder(data);
+      },
+      queryOptions(policy),
+    );
+  };
+
+  disposers.push(
+    onChannelCreated(channel => realtimeRouter(channel, 'onCreate')),
+    onChannelDeleted(channel => realtimeRouter(channel, 'onDelete')),
+    onChannelUpdated(channel => realtimeRouter(channel, 'onUpdate')),
+  );
+
+  onFetch();
+
+  return () => {
+    log(`liveChannels(tmpid: ${timestamp}) > dispose`);
+    disposers.forEach(fn => fn());
+  };
+};

package/src/channel/observers/tests/liveChannels.test.ts

@@ -0,0 +1,173 @@
+import { disableCache, enableCache } from '~/cache/api';
+
+import { liveChannels } from '../liveChannels';
+import { queryChannels } from '~/channel/api';
+
+import {
+  client,
+  connectClient,
+  disconnectClient,
+  channel11,
+  channel12,
+  channelUser1,
+  channelQueryResponse,
+  channelQueryResponsePage2,
+} from '~/utils/tests';
+
+const getSnapshot = () => {
+  return {
+    data: [] as Amity.Channel[],
+    loading: true,
+    error: undefined as any,
+  };
+};
+
+describe('liveChannels', () => {
+  beforeAll(async () => {
+    await connectClient();
+  });
+
+  afterAll(async () => {
+    await disconnectClient();
+  });
+
+  beforeEach(enableCache);
+
+  afterEach(disableCache);
+
+  test('it should return channel collection', async () => {
+    // mock response of queryChannels and validate
+    const callback = jest.fn();
+    client.http.get = jest.fn().mockResolvedValue(channelQueryResponse);
+
+    liveChannels({}, callback);
+
+    expect(callback).toHaveBeenCalledTimes(1);
+
+    const snapshot = getSnapshot();
+
+    // check if cache data returned (should be empty)
+    expect(callback).toHaveBeenCalledWith(expect.objectContaining(snapshot));
+
+    await expect(queryChannels()).resolves.toBeTruthy();
+
+    expect(callback).toHaveBeenCalledTimes(2);
+
+    snapshot.data = channelQueryResponse.data.channels;
+    snapshot.loading = false;
+
+    expect(callback).toHaveBeenCalledWith(expect.objectContaining(snapshot));
+  });
+
+  // table for channel filters
+  const filters: [string, Amity.ChannelLiveCollection][] = [
+    ['deleted', { isDeleted: false }],
+    ['tagged', { tags: ['tag2'] }],
+    ['out excluded tags', { excludeTags: ['tag1'] }],
+  ];
+
+  test.each(filters)('it should filter %s channels', async (filter, params) => {
+    const callback = jest.fn();
+    client.http.get = jest.fn().mockResolvedValue(channelQueryResponse);
+
+    liveChannels(params, callback);
+
+    expect(callback).toHaveBeenCalledTimes(1);
+
+    const snapshot = getSnapshot();
+    // check if cache data returned (should be empty)
+    expect(callback).toHaveBeenCalledWith(expect.objectContaining(snapshot));
+
+    await expect(queryChannels()).resolves.toBeTruthy();
+
+    expect(callback).toHaveBeenCalledTimes(2);
+
+    snapshot.loading = false;
+    snapshot.data = [channelQueryResponse.data.channels[0]];
+
+    expect(callback).toHaveBeenCalledWith(expect.objectContaining(snapshot));
+  });
+
+  test('it should return method to fetch next page', async () => {
+    const callback = jest.fn();
+    client.http.get = jest
+      .fn()
+      .mockResolvedValue(channelQueryResponse)
+      .mockResolvedValueOnce(channelQueryResponsePage2);
+
+    liveChannels({}, callback);
+
+    expect(callback).toHaveBeenCalled();
+
+    await expect(queryChannels()).resolves.toBeTruthy();
+
+    expect(callback.mock.lastCall).toHaveLength(1);
+
+    const { onNextPage, hasNextPage } = callback.mock.lastCall[0];
+
+    expect(hasNextPage).toBe(true);
+    expect(onNextPage).toBeTruthy();
+
+    onNextPage();
+
+    await expect(queryChannels()).resolves.toBeTruthy();
+
+    // 4 -> becuase 1 local & server call each per call (2)
+    expect(callback).toHaveBeenCalledTimes(4);
+
+    const snapshot = getSnapshot();
+    snapshot.loading = false;
+    snapshot.data = [
+      ...channelQueryResponsePage2.data.channels,
+      ...channelQueryResponse.data.channels,
+    ];
+
+    expect(callback).toHaveBeenNthCalledWith(4, expect.objectContaining(snapshot));
+  });
+
+  const events: [string, keyof Amity.Events, Amity.Channel][] = [
+    [
+      'it should add new channel to collection onCreate',
+      'v3.channel.didCreate',
+      { ...channel11, channelId: 'new-channel-id' },
+    ],
+    ['it should edit channel in collection onUpdate', 'v3.channel.didUpdate', channel11],
+    ['it should remove channel from collection onDelete', 'v3.channel.didDelete', channel11],
+  ];
+
+  test.each(events)('%s', async (test, event, channel) => {
+    const snapshot = getSnapshot();
+
+    const callback = jest.fn();
+    client.http.get = jest.fn().mockResolvedValue(channelQueryResponse);
+
+    liveChannels({}, callback);
+
+    await expect(queryChannels()).resolves.toBeTruthy();
+    expect(callback).toHaveBeenCalledTimes(2);
+
+    client.emitter.emit(event, {
+      channels: [channel],
+      channelUsers: [channelUser1],
+      users: [],
+      files: [],
+    });
+
+    snapshot.loading = false;
+    // get data based on event
+    switch (event) {
+      case 'v3.channel.didCreate':
+        snapshot.data = [channel, channel11, channel12];
+        break;
+
+      case 'v3.channel.didUpdate':
+        snapshot.data = channelQueryResponse.data.channels;
+        break;
+
+      default:
+        snapshot.data = [channel12];
+    }
+
+    expect(callback).toHaveBeenNthCalledWith(3, expect.objectContaining(snapshot));
+  });
+});

package/src/community/api/createCommunity.ts

@@ -3,6 +3,8 @@ import { getActiveClient } from '~/client/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 import { fireEvent } from '~/core/events';
 
+import { packCommunityPayload, unpackCommunityPayload } from '../utils';
+
 /**
  * ```js
  * import { createCommunity } from '@amityco/ts-sdk'
@@ -25,8 +27,7 @@ export const createCommunity = async (
     | 'description'
     | 'isPublic'
     | 'isOfficial'
-    | 'onlyAdminCanPost'
-    | 'needApprovalOnPostCreation'
+    | 'postSetting'
     | 'tags'
     | 'metadata'
   > & {
@@ -38,7 +39,12 @@ export const createCommunity = async (
   const client = getActiveClient();
   client.log('user/createCommunity', bundle);
 
-  const { data } = await client.http.post<Amity.CommunityPayload>('/api/v3/communities/', bundle);
+  const { data: payload } = await client.http.post<Amity.CommunityPayload>(
+    '/api/v3/communities/',
+    packCommunityPayload(bundle),
+  );
+
+  const data = unpackCommunityPayload(payload);
 
   const cachedAt = client.cache && Date.now();
   if (client.cache) ingestInCache(data, { cachedAt });

package/src/community/api/getCommunities.ts

@@ -3,6 +3,8 @@ import { getActiveClient } from '~/client/api';
 import { pullFromCache } from '~/cache/api';
 import { ingestInCache } from '~/cache/api/ingestInCache';
 
+import { unpackCommunityPayload } from '../utils';
+
 /**
  * ```js
  * import { getCommunities } from '@amityco/ts-sdk'
@@ -24,9 +26,14 @@ export const getCommunities = async (
   client.log('community/getCommunities', communityIds);
 
   // API-FIX: endpoint should not be /list, parameters should be querystring.
-  const { data } = await client.http.get<Amity.CommunityPayload>(`/api/v3/communities/list`, {
-    params: { communityIds },
-  });
+  const { data: payload } = await client.http.get<Amity.CommunityPayload>(
+    `/api/v3/communities/list`,
+    {
+      params: { communityIds },
+    },
+  );
+
+  const data = unpackCommunityPayload(payload);
 
   const cachedAt = client.cache && Date.now();
   if (client.cache) ingestInCache(data, { cachedAt });