@amityco/ts-sdk-react-native 6.25.2-843ba7e.0 → 6.26.1-4e1acd6.0

package/src/commentRepository/observers/getComments.ts

@@ -1,34 +1,7 @@
-/* eslint-disable no-use-before-define */
-import { getResolver } from '~/core/model';
 import { getActiveClient } from '~/client/api';
-import { dropFromCache, pullFromCache, pushToCache } from '~/cache/api';
+import { dropFromCache } from '~/cache/api';
 
-import {
-  createQuery,
-  filterByPropEquality,
-  queryOptions,
-  runQuery,
-  sortByFirstCreated,
-  sortByLastCreated,
-} from '~/core/query';
-
-import {
-  COLLECTION_DEFAULT_CACHING_POLICY,
-  COLLECTION_DEFAULT_PAGINATION_LIMIT,
-} from '~/utils/constants';
-
-import { CACHE_SHORTEN_LIFESPAN } from '~/cache/utils';
-import { LinkedObject } from '~/utils/linkedObject';
-import {
-  onCommentCreated,
-  onCommentDeleted,
-  onCommentFlagged,
-  onCommentReactionAdded,
-  onCommentReactionRemoved,
-  onCommentUnflagged,
-  onCommentUpdated,
-} from '../events';
-import { queryComments } from '../internalApi/queryComments';
+import { CommentLiveCollectionController } from './getComments/CommentLiveCollectionController';
 
 /* begin_public_function
   id: comment.query
@@ -67,120 +40,11 @@ export const getComments = (
   const timestamp = Date.now();
   log(`getComments(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 sortBy = params.sortBy ? params.sortBy : 'lastCreated';
-  const cacheKey = [
-    'comment',
-    'collection',
-    {
-      referenceId: params.referenceType,
-      referenceType: params.referenceId,
-      parentId: params?.parentId || '',
-      sortBy,
-    },
-  ];
-
-  const responder = (data: Amity.CommentLiveCollectionCache) => {
-    let comments: Amity.InternalComment[] =
-      data.data
-        .map(commentId => pullFromCache<Amity.InternalComment>(['comment', 'get', commentId])!)
-        .filter(({ data }) => data.parentId === params?.parentId)
-        .filter(Boolean)
-        .map(({ data }) => LinkedObject.comment(data)) ?? [];
-
-    if (!params.includeDeleted) {
-      comments = filterByPropEquality(comments, 'isDeleted', false);
-    }
-
-    comments = comments.sort(sortBy === 'lastCreated' ? sortByLastCreated : sortByFirstCreated);
-
-    callback({
-      onNextPage: onFetch,
-      data: comments,
-      hasNextPage: !!data.params?.page,
-      loading: data.loading,
-      error: data.error,
-    });
-  };
-
-  const realtimeRouter = (action: Amity.CommentActionType) => (comment: Amity.InternalComment) => {
-    const collection = pullFromCache<Amity.CommentLiveCollectionCache>(cacheKey)?.data;
-
-    if (
-      params.referenceId !== comment.referenceId ||
-      params.referenceType !== comment.referenceType ||
-      !collection
-    ) {
-      return;
-    }
-
-    if (action === 'onCreate') {
-      collection.data = [...new Set([comment.commentId, ...collection.data])];
-    } else if (action === 'onDelete') {
-      collection.data = collection.data.filter(p => p !== comment.commentId);
-    }
-
-    pushToCache(cacheKey, collection);
-
-    responder(collection);
-  };
-
-  const onFetch = (initial = false) => {
-    const collection = pullFromCache<Amity.CommentLiveCollectionCache>(cacheKey)?.data;
-
-    const comments = collection?.data ?? [];
-
-    if (!initial && comments.length > 0 && !collection?.params?.page) return;
-
-    const query = createQuery(queryComments, {
-      ...queryParams,
-      limit: queryLimit,
-      page: !initial ? collection?.params.page : undefined,
-    });
-
-    runQuery(
-      query,
-      ({ data: result, error, loading, paging }) => {
-        const page = paging?.next;
-
-        const data = {
-          loading,
-          error,
-          params: { page },
-          data: comments,
-        };
-
-        if (result) {
-          data.data = initial
-            ? result.map(getResolver('comment')) // Replace a collection list with new data from BE
-            : [...new Set([...comments, ...result.map(getResolver('comment'))])];
-        }
-
-        pushToCache(cacheKey, data);
-
-        responder(data);
-      },
-      queryOptions(policy, CACHE_SHORTEN_LIFESPAN),
-    );
-  };
+  const commentsLiveCollection = new CommentLiveCollectionController(params, callback);
+  const disposers = commentsLiveCollection.startSubscription();
 
-  disposers.push(
-    onCommentCreated(realtimeRouter('onCreate')),
-    onCommentUpdated(realtimeRouter('onUpdate')),
-    onCommentDeleted(realtimeRouter('onDelete')),
-    onCommentFlagged(realtimeRouter('onFlagged')),
-    onCommentUnflagged(realtimeRouter('onUnflagged')),
-    onCommentReactionAdded(realtimeRouter('onReactionAdded')),
-    onCommentReactionRemoved(realtimeRouter('onReactionRemoved')),
-  );
+  const cacheKey = commentsLiveCollection.getCacheKey();
 
-  onFetch(true);
   disposers.push(() => dropFromCache(cacheKey));
 
   return () => {

package/src/commentRepository/utils/payload.ts

@@ -0,0 +1,5 @@
+export function prepareCommentPayload(
+  comment: Amity.CommentPayload,
+): Amity.ProcessedCommentPayload {
+  return comment;
+}

package/src/core/model/idResolvers.ts

@@ -53,6 +53,9 @@ const idResolvers: Resolvers = {
   feed: ({ targetId, feedId }) => `${targetId}#${feedId}`,
   story: ({ referenceId }) => referenceId!,
   storyTarget: ({ targetId }) => targetId,
+
+  ad: ({ adId }) => adId,
+  advertiser: ({ advertiserId }) => advertiserId,
 };
 
 /**

package/src/core/model/index.ts

@@ -47,6 +47,8 @@ export const PAYLOAD2MODEL: Record<string, Amity.Domain> = {
   followCounts: 'followCount',
 
   feeds: 'feed',
+  ads: 'ad',
+  advertisers: 'advertiser',
 };
 
 /** hidden */

package/src/index.ts

@@ -44,5 +44,8 @@ export * as LiveStreamPlayer from './liveStreamPlayer';
 
 export * as StoryRepository from './storyRepository';
 
+// Premium Ads
+export * as AdRepository from './adRepository';
+
 // // external apis
 export * from './external/api';

package/src/utils/linkedObject/adLinkedObject.ts

@@ -0,0 +1,50 @@
+import { pullFromCache } from '~/cache/api';
+// import AnalyticsEngine from '~/analytic/service/analytic/AnalyticsEngine';
+
+export const adLinkedObject = (ad: Amity.RawAd): Amity.Ad => {
+  // const analyticsEngineInstance = AnalyticsEngine.getInstance();
+  const { image9_16: image916, image1_1: image11, ...restAds } = ad;
+  return {
+    ...restAds,
+    // analytics: {
+    //   markAsSeen: (placement: Amity.AdPlacement) => {
+    //     analyticsEngineInstance.markAdAsViewed(ad, placement);
+    //   },
+    //   markLinkAsClicked: (placement: Amity.AdPlacement) => {
+    //     analyticsEngineInstance.markAdAsClicked(ad, placement);
+    //   },
+    // },
+    get advertiser(): Amity.Advertiser | undefined {
+      const advertiserData = pullFromCache<Amity.RawAdvertiser>([
+        'advertiser',
+        'get',
+        ad.advertiserId,
+      ])?.data;
+
+      if (!advertiserData) return;
+
+      const avatarFile = pullFromCache<Amity.File<'image'>>([
+        'file',
+        'get',
+        advertiserData.avatarFileId,
+      ])?.data;
+
+      return {
+        ...advertiserData,
+        avatar: avatarFile,
+      };
+    },
+
+    get image1_1(): Amity.File<'image'> | undefined {
+      const cacheData = pullFromCache<Amity.File<'image'>>(['file', 'get', image11]);
+      if (!cacheData) return undefined;
+      return cacheData.data || undefined;
+    },
+
+    get image9_16(): Amity.File<'image'> | undefined {
+      const cacheData = pullFromCache<Amity.File<'image'>>(['file', 'get', image916]);
+      if (!cacheData) return undefined;
+      return cacheData.data || undefined;
+    },
+  };
+};

package/src/utils/linkedObject/index.ts

@@ -8,8 +8,10 @@ import { messageLinkedObject } from './messageLinkedObject';
 import { storyTargetLinkedObject } from './storyTargetLinkedObject';
 import { reactorLinkedObject } from './reactorLinkedObject';
 import { channelLinkedObject } from './channelLinkedObject';
+import { adLinkedObject } from './adLinkedObject';
 
 export const LinkedObject = {
+  ad: adLinkedObject,
   comment: commentLinkedObject,
   post: postLinkedObject,
   user: userLinkedObject,