@amityco/ts-sdk-react-native 6.16.0 → 6.17.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { encode, decode, btoa, atob } from 'js-base64';
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import mitt from 'mitt';
 import debug from 'debug';
 import axios from 'axios';
 import HttpAgent, { HttpsAgent } from 'agentkeepalive';
 import io from 'socket.io-client';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 import uuid$1 from 'react-native-uuid';
 import hash from 'object-hash';
 import Hls from 'hls.js';
@@ -84,8 +84,8 @@ const PostContentType = Object.freeze({
 
 function getVersion() {
     try {
-        // the string ''v6.16.0-esm'' should be replaced by actual value by @rollup/plugin-replace
-        return 'v6.16.0-esm';
+        // the string ''v6.17.0-esm'' should be replaced by actual value by @rollup/plugin-replace
+        return 'v6.17.0-esm';
     }
     catch (error) {
         return '__dev__';
@@ -736,7 +736,9 @@ const restoreCache = async (storageKey = 'amitySdk') => {
     if (!client.cache)
         return false;
     client.log('cache/api/restoreCache', { storageKey });
-    const serializedData = (_a = (await AsyncStorage.getItem(`${storageKey}#${client.userId}`))) !== null && _a !== void 0 ? _a : '{}';
+    const serializedData = localStorage
+        ? (_a = (await localStorage.getItem(`${storageKey}#${client.userId}`))) !== null && _a !== void 0 ? _a : '{}'
+        : '{}';
     let cache = {};
     try {
         cache = JSON.parse(serializedData);
@@ -782,7 +784,9 @@ const backupCache = async (storageKey = 'amitySdk', persistIf = (entry) => entry
     // nothing to backup, abort
     if (!Object.keys(offlineEntries).length)
         return false;
-    await AsyncStorage.setItem(`${storageKey}#${userId}`, JSON.stringify(offlineEntries));
+    if (localStorage) {
+        await localStorage.setItem(`${storageKey}#${userId}`, JSON.stringify(offlineEntries));
+    }
     return true;
 };
 
@@ -811,7 +815,9 @@ const wipeCache = async (storageKey = 'amitySdk') => {
         return false;
     log('cache/api/wipeCache', { storageKey });
     cache.data = {};
-    await AsyncStorage.setItem(`${storageKey}#${userId}`, '{}');
+    if (localStorage) {
+        await localStorage.setItem(`${storageKey}#${userId}`, '{}');
+    }
     return true;
 };
 
@@ -21699,23 +21705,34 @@ const handleSubChannelUpdated = async (subChannel) => {
 
 const MARKER_INCLUDED_CHANNEL_TYPE = ['broadcast', 'conversation', 'community'];
 const isUnreadCountSupport$2 = ({ type }) => MARKER_INCLUDED_CHANNEL_TYPE.includes(type);
-function convertFromRaw$2(channel) {
+function convertFromRaw$2(channel, options = { isMessagePreviewUpdated: true }) {
+    var _a;
+    let { messagePreviewId } = channel;
+    const messagePreviewChannelCache = (_a = pullFromCache([
+        'messagePreviewChannel',
+        'get',
+        channel.channelId,
+    ])) === null || _a === void 0 ? void 0 : _a.data;
+    if ((messagePreviewChannelCache === null || messagePreviewChannelCache === void 0 ? void 0 : messagePreviewChannelCache.messagePreviewId) && !options.isMessagePreviewUpdated) {
+        messagePreviewId = messagePreviewChannelCache.messagePreviewId;
+    }
     return Object.assign(Object.assign({ get unreadCount() {
             return getChannelUnreadCount(channel);
         },
         get hasMentioned() {
             return getChannelHasMentioned(channel);
-        } }, channel), { defaultSubChannelId: channel._id, isUnreadCountSupport: isUnreadCountSupport$2(channel) });
+        } }, channel), { defaultSubChannelId: channel._id, isUnreadCountSupport: isUnreadCountSupport$2(channel), messagePreviewId });
 }
-const preUpdateChannelCache = (rawPayload) => {
+const preUpdateChannelCache = (rawPayload, options = { isMessagePreviewUpdated: true }) => {
     ingestInCache({
-        channels: rawPayload.channels.map(channel => convertFromRaw$2(channel)),
+        channels: rawPayload.channels.map(channel => convertFromRaw$2(channel, { isMessagePreviewUpdated: options.isMessagePreviewUpdated })),
     });
 };
-const prepareChannelPayload = async (rawPayload) => {
+const prepareChannelPayload = async (rawPayload, options = { isMessagePreviewUpdated: true }) => {
     const client = getActiveClient();
     const networkPreviewSetting = await client.getMessagePreviewSetting(false);
-    if (networkPreviewSetting !== "no-message-preview" /* Amity.MessagePreviewSetting.NO_MESSAGE_PREVIEW */ &&
+    if (options.isMessagePreviewUpdated &&
+        networkPreviewSetting !== "no-message-preview" /* Amity.MessagePreviewSetting.NO_MESSAGE_PREVIEW */ &&
         rawPayload.messagePreviews &&
         rawPayload.messagePreviews.length > 0) {
         updateChannelMessagePreviewCache(rawPayload);
@@ -21726,7 +21743,7 @@ const prepareChannelPayload = async (rawPayload) => {
         .map(({ channelId }) => channelId);
     if (markerIds.length > 0) {
         // since the get markers method requires a channel cache to function with the reducer.
-        preUpdateChannelCache(rawPayload);
+        preUpdateChannelCache(rawPayload, { isMessagePreviewUpdated: options.isMessagePreviewUpdated });
         try {
             await getChannelMarkers(markerIds);
         }
@@ -21735,7 +21752,7 @@ const prepareChannelPayload = async (rawPayload) => {
         }
     }
     // attach marker to channel
-    const channels = rawPayload.channels.map(convertFromRaw$2);
+    const channels = rawPayload.channels.map(payload => convertFromRaw$2(payload, { isMessagePreviewUpdated: options.isMessagePreviewUpdated }));
     // user marker to channel users
     const channelUsers = withUsers(rawPayload.channelUsers);
     const restRawPayload = __rest(rawPayload, ["messageFeedsInfo", "messagePreviews"]);
@@ -22041,6 +22058,7 @@ function convertFromRaw$1(_a) {
 }
 
 function convertFromRaw(message, reactors, event) {
+    var _a;
     const { channelPublicId, childCount, creatorPublicId, mentionedUsers, messageFeedId, myReactions, reactionCount, reactions, referenceId, segment, messageId } = message, rest = __rest(message, ["channelPublicId", "childCount", "creatorPublicId", "mentionedUsers", "messageFeedId", "myReactions", "reactionCount", "reactions", "referenceId", "segment", "messageId"]);
     let cache;
     if (referenceId) {
@@ -22062,7 +22080,7 @@ function convertFromRaw(message, reactors, event) {
          *
          * Check git blame for previous iteration
          */
-        myReactions: myReactions !== null && myReactions !== void 0 ? myReactions : [], reactionsCount: reactionCount, subChannelId: messageFeedId, uniqueId: cache ? cache.data.uniqueId : messageId, referenceId });
+        myReactions: myReactions || ((_a = cache === null || cache === void 0 ? void 0 : cache.data.myReactions) !== null && _a !== void 0 ? _a : []), reactionsCount: reactionCount, subChannelId: messageFeedId, uniqueId: cache ? cache.data.uniqueId : messageId, referenceId });
     if (mentionedUsers) {
         out.mentionees = mentionedUsers.map(mention => {
             if (mention.type === 'channel') {
@@ -24055,7 +24073,12 @@ const onChannelJoined = (callback) => {
 const onChannelLeft = (callback) => {
     const client = getActiveClient();
     const filter = async (payload) => {
-        const preparedPayload = await prepareChannelPayload(payload);
+        const { userId } = getActiveClient();
+        const { channelUsers: leftUsers } = payload;
+        const isLeftByMe = leftUsers.some(user => user.userId === userId);
+        const preparedPayload = await prepareChannelPayload(payload, {
+            isMessagePreviewUpdated: isLeftByMe,
+        });
         const { channels, channelUsers } = preparedPayload;
         ingestInCache(preparedPayload);
         callback(channels[0], channelUsers[0]);
@@ -27329,6 +27352,17 @@ const dispatchReactable = (referenceType, model) => {
     else if (referenceType === 'comment')
         // @ts-ignore: refactor later
         fireEvent('comment.updated', { comments: [model] });
+    else if (referenceType === 'story')
+        // Need to provide all data same StoryPayload from BE
+        fireEvent('story.updated', {
+            categories: [],
+            comments: [],
+            communities: [],
+            communityUsers: [],
+            files: [],
+            users: [],
+            stories: [model],
+        });
 };
 
 /**
@@ -27995,16 +28029,29 @@ const createCommentEventSubscriber = (event, callback) => {
         }
         else {
             ingestInCache(payload);
-            const comment = pullFromCache([
-                'comment',
-                'get',
-                payload.comments[0].commentId,
-            ]);
-            if (['comment.created'].includes(event)) {
-                const queries = (_a = queryCache(['comment', 'query'])) === null || _a === void 0 ? void 0 : _a.filter(({ key }) => { var _a; return ((_a = key[2]) === null || _a === void 0 ? void 0 : _a.referenceId) === comment.data.referenceId; });
-                queries === null || queries === void 0 ? void 0 : queries.map(({ key, data }) => upsertInCache(key, data, { cachedAt: -1 }));
+            const { comments } = payload;
+            if (comments.length > 0) {
+                const comment = pullFromCache([
+                    'comment',
+                    'get',
+                    comments[0].commentId,
+                ]);
+                if (['comment.created'].includes(event)) {
+                    if (comments[0].parentId) {
+                        const parentComment = pullFromCache([
+                            'comment',
+                            'get',
+                            comments[0].parentId,
+                        ]);
+                        if (parentComment === null || parentComment === void 0 ? void 0 : parentComment.data) {
+                            pushToCache(['comment', 'get', comments[0].parentId], Object.assign(Object.assign({}, parentComment.data), { childrenNumber: parentComment.data.childrenNumber + 1, children: [...new Set([...parentComment.data.children, comments[0].commentId])] }));
+                        }
+                    }
+                    const queries = (_a = queryCache(['comment', 'query'])) === null || _a === void 0 ? void 0 : _a.filter(({ key }) => { var _a; return ((_a = key[2]) === null || _a === void 0 ? void 0 : _a.referenceId) === comment.data.referenceId; });
+                    queries === null || queries === void 0 ? void 0 : queries.map(({ key, data }) => upsertInCache(key, data, { cachedAt: -1 }));
+                }
+                callback(LinkedObject.comment(comment.data));
             }
-            callback(LinkedObject.comment(comment.data));
         }
     };
     return createEventSubscriber(client, event, event, filter);
@@ -34699,7 +34746,27 @@ const getPost = (postId, callback) => {
     return liveObject(postId, callback, 'postId', getPost$1, [
         onPostApproved,
         onPostDeclined,
-        onPostDeleted,
+        (callback) => {
+            return onPostDeleted((post) => {
+                var _a;
+                let targetPost = post;
+                // check if the deleted post is a child of the target post
+                if (post.parentPostId === postId && post.isDeleted) {
+                    const parentPost = (_a = pullFromCache([
+                        'post',
+                        'get',
+                        post.parentPostId,
+                    ])) === null || _a === void 0 ? void 0 : _a.data;
+                    if (parentPost) {
+                        parentPost.children = parentPost.children.filter(childId => childId !== post.postId);
+                        pushToCache(['post', 'get', parentPost.postId], parentPost);
+                        // if the deleted post is a child of the target post, then the target post is the parent post
+                        targetPost = parentPost;
+                    }
+                }
+                callback(targetPost);
+            });
+        },
         onPostFlagged,
         onPostReactionAdded,
         onPostReactionRemoved,
@@ -34837,11 +34904,16 @@ const getPosts = (params, callback, config) => {
         const collection = (_a = pullFromCache(cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
         if (!collection)
             return;
-        if (post === null || post === void 0 ? void 0 : post.parentPostId) {
-            const parentPost = pullFromCache(['post', 'get', post.parentPostId]);
-            if (((_b = parentPost === null || parentPost === void 0 ? void 0 : parentPost.data) === null || _b === void 0 ? void 0 : _b.targetId) !== params.targetId) {
+        if (post.parentPostId && post.isDeleted) {
+            const parentPost = (_b = pullFromCache([
+                'post',
+                'get',
+                post.parentPostId,
+            ])) === null || _b === void 0 ? void 0 : _b.data;
+            if (!parentPost || (parentPost === null || parentPost === void 0 ? void 0 : parentPost.targetId) !== params.targetId)
                 return;
-            }
+            parentPost.children = parentPost.children.filter(childId => childId !== post.postId);
+            pushToCache(['post', 'get', parentPost.postId], parentPost);
         }
         else {
             if (params.targetId !== post.targetId)
@@ -35023,23 +35095,54 @@ const createComment = async (bundle) => {
     const client = getActiveClient();
     client.log('comment/createComment', bundle);
     const { data } = await client.http.post('/api/v3/comments', bundle);
+    const { comments } = data;
+    // BE always returns an array of comments If it got record 0 from BE it might have a problem on creation logic
+    if (comments.length === 0)
+        throw new Error('Comment not created');
     const cachedAt = client.cache && Date.now();
     if (client.cache)
         ingestInCache(data, { cachedAt });
-    const post = await getPost$1(bundle.referenceId);
-    fireEvent('post.updated', {
-        posts: [post.data],
-        categories: [],
-        comments: [],
-        communities: [],
-        communityUsers: [],
-        feeds: [],
-        files: [],
-        postChildren: [],
-        users: [],
-    });
+    if (['post', 'content'].includes(bundle.referenceType)) {
+        const post = await getPost$1(bundle.referenceId);
+        fireEvent('post.updated', {
+            posts: [post.data],
+            categories: [],
+            comments: [],
+            communities: [],
+            communityUsers: [],
+            feeds: [],
+            files: [],
+            postChildren: [],
+            users: [],
+        });
+    }
+    else if (bundle.referenceType === 'story') {
+        const storyIndex = pullFromCache([
+            "story-reference" /* STORY_KEY_CACHE.STORY_ID_TO_REFERENCE_ID */,
+            bundle.referenceId,
+        ]);
+        if (storyIndex === null || storyIndex === void 0 ? void 0 : storyIndex.data) {
+            const cacheStory = pullFromCache([
+                "story" /* STORY_KEY_CACHE.STORY */,
+                'get',
+                storyIndex.data,
+            ]);
+            if (cacheStory === null || cacheStory === void 0 ? void 0 : cacheStory.data) {
+                fireEvent('story.updated', {
+                    stories: [
+                        Object.assign(Object.assign({}, cacheStory.data), { commentsCount: cacheStory.data.commentsCount + 1, comments: [...new Set([...cacheStory.data.comments, comments[0].commentId])] }),
+                    ],
+                    categories: [],
+                    comments,
+                    communities: [],
+                    communityUsers: data.communityUsers,
+                    files: data.files,
+                    users: data.users,
+                });
+            }
+        }
+    }
     fireEvent('comment.created', data);
-    const { comments } = data;
     return {
         data: LinkedObject.comment(comments[0]),
         cachedAt,
@@ -35077,7 +35180,7 @@ const updateComment = async (commentId, patch) => {
     fireEvent('comment.updated', data);
     const { comments } = data;
     return {
-        data: LinkedObject.comment(comments.find(comment => comment.userId === commentId)),
+        data: LinkedObject.comment(comments.find(comment => comment.commentId === commentId)),
         cachedAt,
     };
 };
@@ -35418,6 +35521,20 @@ const getComment = (commentId, callback) => {
         onCommentReactionRemoved,
         onCommentUnflagged,
         onCommentUpdated,
+        (callback) => {
+            return onCommentCreated((comment) => {
+                if (comment.parentId !== commentId)
+                    return;
+                const cacheParent = pullFromCache([
+                    'comment',
+                    'get',
+                    comment.parentId,
+                ]);
+                if (!(cacheParent === null || cacheParent === void 0 ? void 0 : cacheParent.data))
+                    return;
+                callback(Object.assign(Object.assign({}, cacheParent.data), { childrenNumber: cacheParent.data.childrenNumber + 1, children: [...new Set([...cacheParent.data.children, comment.commentId])] }));
+            });
+        },
     ]);
 };
 /* end_public_function */
@@ -36792,7 +36909,7 @@ const convertStoryPayloadToRaw = (payload) => {
     const expiresAt = now.getTime() + YEAR;
     return {
         stories: [
-            Object.assign({ createdAt: now.toISOString(), updatedAt: now.toISOString(), flagCount: 0, hashFlag: null, reactions: {}, reactionsCount: 0, storyId: payload.referenceId, path: '', creatorId: client.userId || '', creatorPublicId: client.userId || '', targetPublicId: payload.targetId, commentsCount: 0, isDeleted: false, hasFlaggedComment: false, mentionedUsers: [], impression: 0, reach: 0, expiresAt: new Date(expiresAt).toISOString() }, payload),
+            Object.assign({ createdAt: now.toISOString(), updatedAt: now.toISOString(), flagCount: 0, hashFlag: null, reactions: {}, reactionsCount: 0, storyId: payload.referenceId, path: '', creatorId: client.userId || '', creatorPublicId: client.userId || '', targetPublicId: payload.targetId, comments: [], commentsCount: 0, isDeleted: false, hasFlaggedComment: false, mentionedUsers: [], impression: 0, reach: 0, expiresAt: new Date(expiresAt).toISOString() }, payload),
         ],
         categories: [],
         communityUsers: [],
@@ -37018,6 +37135,15 @@ const softDeleteStory = async (storyId) => {
     return result;
 };
 
+const onStoryUpdated = (callback) => {
+    const client = getActiveClient();
+    const filter = async (payload) => {
+        ingestInCache(payload);
+        callback(payload.stories);
+    };
+    return createEventSubscriber(client, 'onStoryUpdated', 'story.updated', filter);
+};
+
 const updateLocalLastStoryExpires = (stories) => {
     stories.forEach(story => {
         const currentCache = pullFromCache(["story-expire" /* STORY_KEY_CACHE.EXPIRE */, story.targetId]);
@@ -37214,7 +37340,7 @@ const getActiveStoriesByTarget = (params, callback) => {
         });
     };
     onFetch(true);
-    disposers.push(onStoryCreated(realtimeRouter()), onStoryDeleted(realtimeRouter()), onStoryError(realtimeRouter()), onStoryLocalDataUpdated(reloadData()), () => dropFromCache(cacheKey));
+    disposers.push(onStoryCreated(realtimeRouter()), onStoryUpdated(realtimeRouter()), onStoryDeleted(realtimeRouter()), onStoryError(realtimeRouter()), onStoryLocalDataUpdated(reloadData()), () => dropFromCache(cacheKey));
     return () => {
         log(`getActiveStoriesByTarget(tmpid: ${timestamp}) > dispose`);
         disposers.forEach(fn => fn());
@@ -37286,7 +37412,7 @@ const getStoryByStoryId = (storyId, callback) => {
     }, 'storyId', getStoryByStoryId$1, [getSingleItemFromArray(onStoryDeleted), getSingleItemFromArray(onStoryError)]);
 };
 
-const getTargetsByTargetIds = async (targets) => {
+const getTargetsByTargetIds$1 = async (targets) => {
     const client = getActiveClient();
     client.log('story/getTargetsByTargetIds', targets);
     const response = await client.http.get('/api/v4/stories/seen', {
@@ -37312,10 +37438,70 @@ const getTargetById = (params, callback) => {
         }
         callback(Object.assign(Object.assign({}, result), { data: LinkedObject.storyTarget(result.data[0]) }));
     }, 'query', param => {
-        return getTargetsByTargetIds([param]);
+        return getTargetsByTargetIds$1([param]);
     }, []);
 };
 
+const getTargetsByTargetIds = (params, callback) => {
+    const { log, cache } = getActiveClient();
+    const disposers = [];
+    const cacheKey = ['storyTargets', 'collection', params];
+    const timestamp = Date.now();
+    log(`getTargetsByTargetIds(tmpid: ${timestamp}) > listen`);
+    if (!cache) {
+        console.log(ENABLE_CACHE_MESSAGE);
+    }
+    const responder = (snapshot) => {
+        var _a;
+        const storyTargets = snapshot.data
+            .map(targetId => {
+            const storyTargetCache = pullFromCache([
+                'storyTarget',
+                'get',
+                targetId,
+            ]);
+            if (!(storyTargetCache === null || storyTargetCache === void 0 ? void 0 : storyTargetCache.data))
+                return undefined;
+            return LinkedObject.storyTarget(storyTargetCache.data);
+        })
+            .filter(Boolean);
+        callback({
+            onNextPage: undefined,
+            data: storyTargets,
+            hasNextPage: !!((_a = snapshot.params) === null || _a === void 0 ? void 0 : _a.page),
+            loading: snapshot.loading || false,
+        });
+    };
+    const processNewData = (result, initial = false, loading = false, error = false) => {
+        const cached = pullFromCache(cacheKey);
+        const data = {
+            loading,
+            error,
+            params: { page: undefined },
+            data: [],
+        };
+        if (result) {
+            data.data = initial
+                ? result.map(getResolver('storyTarget'))
+                : [...new Set([...((cached === null || cached === void 0 ? void 0 : cached.data) || []), ...result.map(getResolver('storyTarget'))])];
+        }
+        pushToCache(cacheKey, data.data);
+        responder(data);
+    };
+    const onFetch = (initial) => {
+        const query = createQuery(getTargetsByTargetIds$1, params);
+        runQuery(query, ({ data: result, error, loading }) => {
+            processNewData(result, initial, loading, error);
+        });
+    };
+    onFetch(true);
+    disposers.push(() => dropFromCache(cacheKey));
+    return () => {
+        log(`getTargetsByTargetIds(tmpid: ${timestamp}) > dispose`);
+        disposers.forEach(fn => fn());
+    };
+};
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   createImageStory: createImageStory,
@@ -37324,7 +37510,8 @@ var index = /*#__PURE__*/Object.freeze({
   softDeleteStory: softDeleteStory,
   getActiveStoriesByTarget: getActiveStoriesByTarget,
   getStoryByStoryId: getStoryByStoryId,
-  getTargetById: getTargetById
+  getTargetById: getTargetById,
+  getTargetsByTargetIds: getTargetsByTargetIds
 });
 
 /**