@amityco/ts-sdk-react-native 7.1.0 → 7.2.0

package/dist/index.esm.js

@@ -89,8 +89,8 @@ const PostContentType = Object.freeze({
 
 function getVersion() {
     try {
-        // the string ''v7.1.0-esm'' should be replaced by actual value by @rollup/plugin-replace
-        return 'v7.1.0-esm';
+        // the string ''v7.2.0-esm'' should be replaced by actual value by @rollup/plugin-replace
+        return 'v7.2.0-esm';
     }
     catch (error) {
         return '__dev__';
@@ -503,6 +503,7 @@ const idResolvers = {
     messagePreviewSubChannel: ({ subChannelId }) => `${subChannelId}`,
     channelUnreadInfo: ({ channelId }) => channelId,
     subChannelUnreadInfo: ({ subChannelId }) => subChannelId,
+    channelUnread: ({ channelId }) => channelId,
     channelMarker: ({ entityId, userId }) => `${entityId}#${userId}`,
     subChannelMarker: ({ entityId, feedId, userId }) => `${entityId}#${feedId}#${userId}`,
     messageMarker: ({ feedId, contentId, creatorId }) => `${feedId}#${contentId}#${creatorId}`,
@@ -1560,6 +1561,7 @@ const API_REGIONS = {
 };
 const URLS = {
     http: 'https://apix.{region}.amity.co',
+    upload: 'https://upload.{region}.amity.co',
     mqtt: 'wss://sse.{region}.amity.co:443/mqtt',
 };
 function computeUrl(type, region) {
@@ -1608,13 +1610,13 @@ class NetworkActivitiesWatcher {
         this._listener.clear();
     }
 }
-let instance$5;
+let instance$6;
 var NetworkActivitiesWatcher$1 = {
     getInstance: () => {
-        if (!instance$5) {
-            instance$5 = new NetworkActivitiesWatcher();
+        if (!instance$6) {
+            instance$6 = new NetworkActivitiesWatcher();
         }
-        return instance$5;
+        return instance$6;
     },
 };
 
@@ -21297,13 +21299,13 @@ class AnalyticsEngine {
         this._eventCapturer.resetAllBuckets();
     }
 }
-let instance$4;
+let instance$5;
 var AnalyticsEngine$1 = {
     getInstance: () => {
-        if (!instance$4) {
-            instance$4 = new AnalyticsEngine();
+        if (!instance$5) {
+            instance$5 = new AnalyticsEngine();
         }
-        return instance$4;
+        return instance$5;
     },
 };
 
@@ -21729,6 +21731,223 @@ const getMessageReadCount = (message, marker) => {
     getCachedMarker$2(message)) !== null && _a !== void 0 ? _a : { readCount: 0, deliveredCount: 0 };
 }; // and if not found in cache use default value `0`
 
+/**
+ *
+ * Mark subChannel as read by readToSegment
+ *
+ * @param subChannelIds the IDs of the {@link Amity.SubChannel} to update
+ * @param readToSegment the segment to mark as read
+ * @returns a success boolean if the {@link Amity.SubChannel} was updated
+ *
+ * @category Channel API
+ * @async
+ */
+const markChannelsAsReadBySegment = async (readings) => {
+    const client = getActiveClient();
+    try {
+        await client.http.post('api/v3/channels/seen', { channels: readings });
+        return true;
+    }
+    catch (e) {
+        return false;
+    }
+};
+
+class MessageReadReceiptSyncEngine {
+    constructor() {
+        this.isActive = true;
+        this.MAX_RETRY = 3;
+        this.JOB_QUEUE_SIZE = 120;
+        this.jobQueue = [];
+        // Interval for message read receipt sync in seconds
+        this.RECEIPT_SYNC_INTERVAL = 1;
+        this.client = getActiveClient();
+        // Get remaining unsync read receipts from cache
+        this.getUnsyncJobs();
+    }
+    //  Call this when client call client.login
+    startSyncReadReceipt() {
+        // Start timer when start receipt sync
+        this.timer = setInterval(() => {
+            this.syncReadReceipts();
+        }, this.RECEIPT_SYNC_INTERVAL * 1000);
+    }
+    // Read receipt observer handling
+    syncReadReceipts() {
+        if (this.jobQueue.length === 0 || this.isActive === false)
+            return;
+        const readReceipts = this.getReadReceipts();
+        if (readReceipts) {
+            this.markReadApi(readReceipts);
+        }
+    }
+    getUnsyncJobs() {
+        var _a;
+        // Get all read receipts that has latestSyncSegment < latestSegment
+        const readReceipts = (_a = queryCache(['readReceipt'])) === null || _a === void 0 ? void 0 : _a.filter(({ data }) => {
+            return data.latestSyncSegment < data.latestSegment;
+        });
+        // Enqueue unsync read receipts to the job queue
+        readReceipts === null || readReceipts === void 0 ? void 0 : readReceipts.forEach(({ data: readReceipt }) => {
+            this.enqueueReadReceipt(readReceipt.channelId, readReceipt.latestSegment);
+        });
+    }
+    getReadReceipts() {
+        // get all read receipts from queue, now the queue is empty
+        const syncJob = this.jobQueue.splice(0, this.jobQueue.length);
+        if (syncJob.length === 0)
+            return;
+        return syncJob.filter(job => {
+            var _a;
+            const readReceipt = (_a = pullFromCache(['readReceipt', job.channelId])) === null || _a === void 0 ? void 0 : _a.data;
+            if (!readReceipt)
+                return false;
+            if (readReceipt.latestSegment > readReceipt.latestSyncSegment)
+                return true;
+            return false;
+        });
+    }
+    async markReadApi(syncJobs) {
+        var _a;
+        // constuct payload
+        // example: [{ channelId: 'channelId', readToSegment: 2 }]
+        const syncJobsPayload = syncJobs.map(job => {
+            return {
+                channelId: job.channelId,
+                readToSegment: job.segment,
+            };
+        });
+        const response = await markChannelsAsReadBySegment(syncJobsPayload);
+        if (response) {
+            for (let i = 0; i < syncJobs.length; i += 1) {
+                // update lastestSyncSegment in read receipt cache
+                const cacheKey = ['readReceipt', syncJobs[i].channelId];
+                const readReceiptCache = (_a = pullFromCache(cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+                pushToCache(cacheKey, Object.assign(Object.assign({}, readReceiptCache), { latestSyncSegment: syncJobs[i].segment }));
+            }
+        }
+        else {
+            for (let i = 0; i < syncJobs.length; i += 1) {
+                // push them back to queue if the syncing is failed and retry count is less than max retry
+                if (syncJobs[i].retryCount >= this.MAX_RETRY)
+                    return;
+                const updatedJob = Object.assign(Object.assign({}, syncJobs[i]), { syncState: "create" /* Amity.ReadReceiptSyncState.CREATED */, retryCount: syncJobs[i].retryCount + 1 });
+                this.enqueueJob(updatedJob);
+            }
+        }
+    }
+    startObservingReadReceiptQueue() {
+        if (this.client.useLegacyUnreadCount) {
+            this.isActive = true;
+            this.startSyncReadReceipt();
+        }
+    }
+    stopObservingReadReceiptQueue() {
+        this.isActive = false;
+        this.jobQueue.map(job => {
+            if (job.syncState === "syncing" /* Amity.ReadReceiptSyncState.SYNCING */) {
+                return Object.assign(Object.assign({}, job), { syncState: "create" /* Amity.ReadReceiptSyncState.CREATED */ });
+            }
+            return job;
+        });
+        if (this.timer)
+            clearInterval(this.timer);
+    }
+    // Session Management
+    onSessionEstablished() {
+        this.startObservingReadReceiptQueue();
+    }
+    onSessionDestroyed() {
+        this.stopObservingReadReceiptQueue();
+        this.jobQueue = [];
+    }
+    onTokenExpired() {
+        this.stopObservingReadReceiptQueue();
+    }
+    // Network Connection Management
+    onNetworkOffline() {
+        // Stop observing to the read receipt queue.
+        this.stopObservingReadReceiptQueue();
+    }
+    onNetworkOnline() {
+        // Resume observing to the read receipt queue.
+        this.startObservingReadReceiptQueue();
+    }
+    markRead(channelId, segment) {
+        var _a;
+        // Step 1: Optimistic update of channelUnread.readToSegment to message.segment and update unreadCount value
+        const cacheKey = ['channelUnread', 'get', channelId];
+        const channelUnread = (_a = pullFromCache(cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+        if (typeof (channelUnread === null || channelUnread === void 0 ? void 0 : channelUnread.readToSegment) === 'number' &&
+            channelUnread &&
+            segment > channelUnread.readToSegment) {
+            channelUnread.readToSegment = segment;
+            channelUnread.unreadCount = Math.max(channelUnread.lastSegment - segment, 0);
+            pushToCache(cacheKey, channelUnread);
+            fireEvent('local.channelUnread.updated', channelUnread);
+        }
+        // Step 2: Enqueue the read receipt
+        this.enqueueReadReceipt(channelId, segment);
+    }
+    enqueueReadReceipt(channelId, segment) {
+        var _a;
+        const readReceipt = (_a = pullFromCache(['readReceipt', channelId])) === null || _a === void 0 ? void 0 : _a.data;
+        // Create new read receipt if it's not exists and add the job to queue
+        if (!readReceipt) {
+            const readReceiptChannel = {
+                channelId,
+                latestSegment: segment,
+                latestSyncSegment: 0,
+            };
+            pushToCache(['readReceipt', channelId], readReceiptChannel);
+        }
+        else if (readReceipt.latestSegment < segment) {
+            // Update latestSegment in read receipt cache
+            pushToCache(['readReceipt', channelId], Object.assign(Object.assign({}, readReceipt), { latestSegment: segment }));
+        }
+        else if (readReceipt.latestSyncSegment >= segment) {
+            // Skip the job when lastSyncSegment > = segment
+            return;
+        }
+        let syncJob = this.getSyncJob(channelId);
+        if (syncJob === null || syncJob.syncState === "syncing" /* Amity.ReadReceiptSyncState.SYNCING */) {
+            syncJob = {
+                channelId,
+                segment,
+                syncState: "create" /* Amity.ReadReceiptSyncState.CREATED */,
+                retryCount: 0,
+            };
+            this.enqueueJob(syncJob);
+        }
+        else if (syncJob.segment < segment) {
+            syncJob.segment = segment;
+        }
+    }
+    getSyncJob(channelId) {
+        const { jobQueue } = this;
+        const targetJob = jobQueue.find(job => job.channelId === channelId);
+        return targetJob || null;
+    }
+    enqueueJob(syncJob) {
+        if (this.jobQueue.length < this.JOB_QUEUE_SIZE) {
+            this.jobQueue.push(syncJob);
+        }
+        else {
+            // Remove oldest job when queue reach maximum capacity
+            this.jobQueue.shift();
+            this.jobQueue.push(syncJob);
+        }
+    }
+}
+let instance$4 = null;
+var ReadReceiptSyncEngine = {
+    getInstance: () => {
+        if (!instance$4)
+            instance$4 = new MessageReadReceiptSyncEngine();
+        return instance$4;
+    },
+};
+
 /**
  *
  * Mark subChannel as read by readToSegment
@@ -21777,7 +21996,7 @@ const reCalculateChannelUnreadInfo = (channelId) => {
     return channelUnreadInfo;
 };
 
-class MessageReadReceiptSyncEngine {
+class LegacyMessageReadReceiptSyncEngine {
     constructor() {
         this.isActive = true;
         this.MAX_RETRY = 3;
@@ -21808,7 +22027,7 @@ class MessageReadReceiptSyncEngine {
     getUnsyncJobs() {
         var _a;
         // Get all read receipts that has latestSyncSegment < latestSegment
-        const readReceipts = (_a = queryCache(['readReceipt'])) === null || _a === void 0 ? void 0 : _a.filter(({ data }) => {
+        const readReceipts = (_a = queryCache(['legacyReadReceipt'])) === null || _a === void 0 ? void 0 : _a.filter(({ data }) => {
             return data.latestSyncSegment < data.latestSegment;
         });
         // Enqueue unsync read receipts to the job queue
@@ -21827,7 +22046,7 @@ class MessageReadReceiptSyncEngine {
             return;
         // Get readReceipt from cache by subChannelId
         const readReceipt = (_a = pullFromCache([
-            'readReceipt',
+            'legacyReadReceipt',
             syncJob.subChannelId,
         ])) === null || _a === void 0 ? void 0 : _a.data;
         if (!readReceipt)
@@ -21850,10 +22069,10 @@ class MessageReadReceiptSyncEngine {
         if (response) {
             this.removeSynedReceipt(syncJob.subChannelId, syncJob.segment);
             const readReceiptCache = (_a = pullFromCache([
-                'readReceipt',
+                'legacyReadReceipt',
                 subChannelId,
             ])) === null || _a === void 0 ? void 0 : _a.data;
-            pushToCache(['readReceipt', subChannelId], Object.assign(Object.assign({}, readReceiptCache), { latestSyncSegment: segment }));
+            pushToCache(['legacyReadReceipt', subChannelId], Object.assign(Object.assign({}, readReceiptCache), { latestSyncSegment: segment }));
         }
         else if (!response) {
             if (newSyncJob.retryCount > this.MAX_RETRY) {
@@ -21920,7 +22139,7 @@ class MessageReadReceiptSyncEngine {
             subChannelUnreadInfo.readToSegment = segment;
             subChannelUnreadInfo.unreadCount = Math.max(subChannelUnreadInfo.lastSegment - segment, 0);
             const channelUnreadInfo = reCalculateChannelUnreadInfo(subChannelUnreadInfo.channelId);
-            fireEvent('local.channelUnread.updated', channelUnreadInfo);
+            fireEvent('local.channelUnreadInfo.updated', channelUnreadInfo);
             pushToCache(cacheKey, subChannelUnreadInfo);
             fireEvent('local.subChannelUnread.updated', subChannelUnreadInfo);
         }
@@ -21929,7 +22148,10 @@ class MessageReadReceiptSyncEngine {
     }
     enqueueReadReceipt(subChannelId, segment) {
         var _a;
-        const readReceipt = (_a = pullFromCache(['readReceipt', subChannelId])) === null || _a === void 0 ? void 0 : _a.data;
+        const readReceipt = (_a = pullFromCache([
+            'legacyReadReceipt',
+            subChannelId,
+        ])) === null || _a === void 0 ? void 0 : _a.data;
         // Create new read receipt if it's not exists and add job to queue
         if (!readReceipt) {
             const readReceiptSubChannel = {
@@ -21937,10 +22159,10 @@ class MessageReadReceiptSyncEngine {
                 latestSegment: segment,
                 latestSyncSegment: 0,
             };
-            pushToCache(['readReceipt', subChannelId], readReceiptSubChannel);
+            pushToCache(['legacyReadReceipt', subChannelId], readReceiptSubChannel);
         }
         else if (readReceipt.latestSegment < segment) {
-            pushToCache(['readReceipt', subChannelId], Object.assign(Object.assign({}, readReceipt), { latestSegment: segment }));
+            pushToCache(['legacyReadReceipt', subChannelId], Object.assign(Object.assign({}, readReceipt), { latestSegment: segment }));
         }
         else if (readReceipt.latestSyncSegment >= segment) {
             // Skip the job when lastSyncSegment > = segment
@@ -21983,18 +22205,24 @@ class MessageReadReceiptSyncEngine {
     }
 }
 let instance$3 = null;
-var ReadReceiptSyncEngine = {
+var LegacyReadReceiptSyncEngine = {
     getInstance: () => {
         if (!instance$3)
-            instance$3 = new MessageReadReceiptSyncEngine();
+            instance$3 = new LegacyMessageReadReceiptSyncEngine();
         return instance$3;
     },
 };
 
 const markReadMessage = (message) => {
-    const { subChannelId, channelSegment } = message;
-    const markReadReceiptEngine = ReadReceiptSyncEngine.getInstance();
-    markReadReceiptEngine.markRead(subChannelId, channelSegment);
+    const client = getActiveClient();
+    if (client.useLegacyUnreadCount) {
+        const markReadReceiptEngine = ReadReceiptSyncEngine.getInstance();
+        markReadReceiptEngine.markRead(message.channelId, message.channelSegment);
+    }
+    else {
+        const markReadReceiptEngine = LegacyReadReceiptSyncEngine.getInstance();
+        markReadReceiptEngine.markRead(message.subChannelId, message.channelSegment);
+    }
 };
 
 const messageLinkedObject = (message) => {
@@ -22982,6 +23210,32 @@ const preUpdateChannelCache = (rawPayload, options = { isMessagePreviewUpdated:
         channels: rawPayload.channels.map(channel => convertFromRaw(channel, { isMessagePreviewUpdated: options.isMessagePreviewUpdated })),
     });
 };
+const updateChannelUnread = ({ currentUserId, channels, channelUsers, }) => {
+    for (let i = 0; i < channels.length; i += 1) {
+        const cacheKey = ['channelUnread', 'get', channels[i].channelId];
+        const channelUser = channelUsers.find(channelUser => channelUser.channelId === channels[i].channelId && channelUser.userId === currentUserId);
+        let unreadCount = 0;
+        let readToSegment = null;
+        let lastMentionedSegment = null;
+        let isMentioned = false;
+        if (channelUser) {
+            readToSegment = channelUser.readToSegment;
+            lastMentionedSegment = channelUser.lastMentionedSegment;
+            unreadCount = Math.max(channels[i].messageCount - readToSegment, 0);
+            isMentioned = lastMentionedSegment > readToSegment;
+        }
+        const cacheChannelUnread = {
+            channelId: channels[i].channelId,
+            lastSegment: channels[i].messageCount,
+            readToSegment,
+            lastMentionedSegment,
+            unreadCount,
+            isMentioned,
+            isDeleted: channels[i].isDeleted || false,
+        };
+        pushToCache(cacheKey, cacheChannelUnread);
+    }
+};
 const prepareChannelPayload = async (rawPayload, options = { isMessagePreviewUpdated: true }) => {
     const client = getActiveClient();
     const networkPreviewSetting = await client.getMessagePreviewSetting(false);
@@ -22991,23 +23245,34 @@ const prepareChannelPayload = async (rawPayload, options = { isMessagePreviewUpd
         rawPayload.messagePreviews.length > 0) {
         updateChannelMessagePreviewCache(rawPayload);
     }
-    const markerIds = rawPayload.channels
-        // filter channel by type. Only conversation, community and broadcast type are included.
-        .filter(isUnreadCountSupport)
-        .map(({ channelInternalId }) => channelInternalId);
-    if (markerIds.length > 0) {
-        // since the get markers method requires a channel cache to function with the reducer.
-        preUpdateChannelCache(rawPayload, { isMessagePreviewUpdated: options.isMessagePreviewUpdated });
-        try {
-            await getChannelMarkers(markerIds);
-        }
-        catch (e) {
-            // empty block (from the spec, allow marker fetch to fail without having to do anything)
+    if (client.useLegacyUnreadCount) {
+        updateChannelUnread({
+            channels: rawPayload.channels,
+            channelUsers: rawPayload.channelUsers,
+            currentUserId: client.userId,
+        });
+    }
+    else {
+        const markerIds = rawPayload.channels
+            // filter channel by type. Only conversation, community and broadcast type are included.
+            .filter(isUnreadCountSupport)
+            .map(({ channelInternalId }) => channelInternalId);
+        if (markerIds.length > 0) {
+            // since the get markers method requires a channel cache to function with the reducer.
+            preUpdateChannelCache(rawPayload, {
+                isMessagePreviewUpdated: options.isMessagePreviewUpdated,
+            });
+            try {
+                await getChannelMarkers(markerIds);
+            }
+            catch (e) {
+                // empty block (from the spec, allow marker fetch to fail without having to do anything)
+            }
         }
     }
-    // attach marker to channel
+    // convert raw channel to internal channel
     const channels = rawPayload.channels.map(payload => convertFromRaw(payload, { isMessagePreviewUpdated: options.isMessagePreviewUpdated }));
-    // user marker to channel users
+    // convert raw channel user to membership (add user object)
     const channelUsers = rawPayload.channelUsers.map(channelUser => {
         return convertRawMembershipToMembership(channelUser);
     });
@@ -23134,15 +23399,28 @@ const getSubChannelsUnreadCount = (channel, marker) => {
     return (_e = (_c = marker === null || marker === void 0 ? void 0 : marker.unreadCount) !== null && _c !== void 0 ? _c : (_d = getCachedMarker(channel.channelInternalId)) === null || _d === void 0 ? void 0 : _d.unreadCount) !== null && _e !== void 0 ? _e : 0;
 };
 
+const getLegacyChannelUnread = (channelId) => {
+    var _a;
+    return (_a = pullFromCache(['channelUnread', 'get', channelId])) === null || _a === void 0 ? void 0 : _a.data;
+};
+
 const constructChannelDynamicValue = (channel) => {
+    const client = getActiveClient();
     const rest = __rest(channel, ["messageCount"]);
     return shallowClone(rest, {
-        get isMentioned() {
-            return getChannelIsMentioned(rest);
+        get unreadCount() {
+            var _a, _b;
+            return (_b = (_a = getLegacyChannelUnread(rest.channelId)) === null || _a === void 0 ? void 0 : _a.unreadCount) !== null && _b !== void 0 ? _b : 0;
         },
         get subChannelsUnreadCount() {
             return getSubChannelsUnreadCount(rest);
         },
+        get isMentioned() {
+            var _a, _b;
+            if (client.useLegacyUnreadCount)
+                return (_b = (_a = getLegacyChannelUnread(rest.channelId)) === null || _a === void 0 ? void 0 : _a.isMentioned) !== null && _b !== void 0 ? _b : false;
+            return getChannelIsMentioned(rest);
+        },
     });
 };
 
@@ -23755,6 +24033,12 @@ const setClientToken = async (params) => {
         isGlobalBanned: false,
         isUserDeleted: false,
     };
+    client.upload.defaults.headers.common.Authorization = `Bearer ${accessToken}`;
+    client.upload.defaults.metadata = {
+        tokenExpiry: expiresAt,
+        isGlobalBanned: false,
+        isUserDeleted: false,
+    };
     // manually setup the token for ws transport
     if (client.ws)
         client.ws.io.opts.query = { token: accessToken };
@@ -23799,12 +24083,21 @@ const onChannelDeleted = (callback) => {
         const client = getActiveClient();
         const filter = async (payload) => {
             const data = await prepareChannelPayload(payload);
-            if (client.isUnreadCountEnabled && client.getMarkerSyncConsistentMode()) {
-                data.channels.forEach(channel => {
+            const isConsistentMode = client.getMarkerSyncConsistentMode() && client.isUnreadCountEnabled;
+            const isLegacyUnreadCount = client.useLegacyUnreadCount;
+            data.channels.forEach(channel => {
+                if (isConsistentMode) {
                     addFlagIsDeletedSubChannelUnreadByChannelId(channel.channelId);
                     deleteChannelUnreadByChannelId(channel.channelId);
-                });
-            }
+                }
+                else if (isLegacyUnreadCount) {
+                    const cacheKey = ['channelUnread', 'get', channel.channelId];
+                    const cache = pullFromCache(cacheKey);
+                    if (cache) {
+                        pushToCache(cacheKey, Object.assign(Object.assign({}, cache), { isDeleted: true }));
+                    }
+                }
+            });
             ingestInCache(data);
             callbacks$b.forEach(cb => cb(data.channels[0]));
         };
@@ -23918,6 +24211,25 @@ var readReceiptSyncEngineOnLoginHandler = () => {
     };
 };
 
+var legacyReadReceiptSyncEngineOnLoginHandler = () => {
+    const readReceiptSyncEngine = LegacyReadReceiptSyncEngine.getInstance();
+    readReceiptSyncEngine.startSyncReadReceipt();
+    onSessionStateChange(state => {
+        if (state === "established" /* Amity.SessionStates.ESTABLISHED */) {
+            readReceiptSyncEngine.onSessionEstablished();
+        }
+        else if (state === "tokenExpired" /* Amity.SessionStates.TOKEN_EXPIRED */) {
+            readReceiptSyncEngine.onTokenExpired();
+        }
+        else {
+            readReceiptSyncEngine.onSessionDestroyed();
+        }
+    });
+    return () => {
+        readReceiptSyncEngine.onSessionDestroyed();
+    };
+};
+
 const onOnline = (callback) => {
     if (typeof window !== 'undefined' && window.addEventListener) {
         window.addEventListener('online', callback);
@@ -24514,10 +24826,17 @@ const onChannelLeft = (callback) => {
             const preparedPayload = await prepareChannelPayload(payload, {
                 isMessagePreviewUpdated: isLeftByMe,
             });
-            if (client.isUnreadCountEnabled && client.getMarkerSyncConsistentMode() && isLeftByMe) {
+            const isConsistentMode = client.getMarkerSyncConsistentMode() && client.isUnreadCountEnabled;
+            const isLegacyUnreadCount = client.useLegacyUnreadCount;
+            if (isLeftByMe) {
                 preparedPayload.channels.forEach(channel => {
-                    addFlagIsDeletedSubChannelUnreadByChannelId(channel.channelId);
-                    deleteChannelUnreadByChannelId(channel.channelId);
+                    if (isConsistentMode) {
+                        addFlagIsDeletedSubChannelUnreadByChannelId(channel.channelId);
+                        deleteChannelUnreadByChannelId(channel.channelId);
+                    }
+                    else if (isLegacyUnreadCount) {
+                        dropFromCache(['channelUnread', 'get', channel.channelId]);
+                    }
                 });
             }
             const { channels, channelUsers } = preparedPayload;
@@ -24785,6 +25104,34 @@ const onMessageCreatedMqtt = (callback) => {
                 reCalculateChannelUnreadInfo(message.channelId);
             });
         }
+        if (client.useLegacyUnreadCount) {
+            rawPayload.messages.forEach(message => {
+                var _a, _b;
+                const channelUnread = (_a = pullFromCache([
+                    'channelUnread',
+                    'get',
+                    message.channelId,
+                ])) === null || _a === void 0 ? void 0 : _a.data;
+                if (!channelUnread ||
+                    channelUnread.lastSegment >= message.segment ||
+                    typeof channelUnread.readToSegment !== 'number' ||
+                    typeof channelUnread.lastMentionedSegment !== 'number')
+                    return;
+                const lastSegment = message.segment;
+                const isMentionedInMessage = (_b = message.mentionedUsers) === null || _b === void 0 ? void 0 : _b.some(mention => {
+                    return (mention.type === 'channel' ||
+                        (mention.type === 'user' &&
+                            client.userId &&
+                            mention.userPublicIds.includes(client.userId)));
+                });
+                const lastMentionedSegment = isMentionedInMessage
+                    ? message.segment
+                    : channelUnread.lastMentionedSegment;
+                const updatedChannelUnread = Object.assign(Object.assign({}, channelUnread), { lastSegment, unreadCount: Math.max(lastSegment - channelUnread.readToSegment, 0), lastMentionedSegment, isMentioned: !(channelUnread.readToSegment >= lastMentionedSegment) });
+                pushToCache(['channelUnread', 'get', message.channelId], updatedChannelUnread);
+                fireEvent('local.channelUnread.updated', updatedChannelUnread);
+            });
+        }
         // Update in cache
         ingestInCache(payload);
         payload.messages.forEach(message => {
@@ -24960,6 +25307,7 @@ const enableUnreadCount = () => {
     if (client.isUnreadCountEnabled)
         return false;
     client.isUnreadCountEnabled = true;
+    client.useLegacyUnreadCount = false;
     client.emitter.emit('unreadCountEnabled', true);
     return true;
 };
@@ -25275,7 +25623,12 @@ const login = async (params, sessionHandler, config) => {
         // NOTE: This is a temporary solution to handle the channel marker when the user is forced to leave
         // the channel because currently backend can't handle this, so every time a user is banned from
         // a channel or the channel is deleted the channel's unread count will not be reset to zero
-        onChannelDeleted(removeChannelMarkerCache), onChannelMemberBanned(removeChannelMarkerCache), markReadEngineOnLoginHandler(), analyticsEngineOnLoginHandler(), readReceiptSyncEngineOnLoginHandler(), objectResolverEngineOnLoginHandler());
+        onChannelDeleted(removeChannelMarkerCache), onChannelMemberBanned(removeChannelMarkerCache), markReadEngineOnLoginHandler(), analyticsEngineOnLoginHandler(), objectResolverEngineOnLoginHandler());
+        if (client.useLegacyUnreadCount) {
+            subscriptions.push(readReceiptSyncEngineOnLoginHandler());
+        }
+        else
+            subscriptions.push(legacyReadReceiptSyncEngineOnLoginHandler());
         const markerSyncUnsubscriber = await startMarkerSync();
         subscriptions.push(markerSyncUnsubscriber);
     }
@@ -25453,15 +25806,17 @@ const DEFAULT_DEBUG_SESSION = 'amity';
  * @category Client API
  * */
 const createClient = (apiKey, apiRegion = API_REGIONS.SG, { debugSession = DEFAULT_DEBUG_SESSION, apiEndpoint, prefixDeviceIdKey, rteEnabled = true, } = {}) => {
-    var _a, _b;
+    var _a, _b, _c;
     const log = createLogger(debugSession);
     log('client/api/createClient', {
         apiKey: apiKey.replace(/.{5}$/g, 'xxxxx'),
         apiRegion,
     });
     const httpEndpoint = (_a = apiEndpoint === null || apiEndpoint === void 0 ? void 0 : apiEndpoint.http) !== null && _a !== void 0 ? _a : computeUrl('http', apiRegion);
-    const mqttEndpoint = (_b = apiEndpoint === null || apiEndpoint === void 0 ? void 0 : apiEndpoint.mqtt) !== null && _b !== void 0 ? _b : computeUrl('mqtt', apiRegion);
+    const uploadEndpoint = (_b = apiEndpoint === null || apiEndpoint === void 0 ? void 0 : apiEndpoint.upload) !== null && _b !== void 0 ? _b : computeUrl('upload', apiRegion);
+    const mqttEndpoint = (_c = apiEndpoint === null || apiEndpoint === void 0 ? void 0 : apiEndpoint.mqtt) !== null && _c !== void 0 ? _c : computeUrl('mqtt', apiRegion);
     const http = createHttpTransport(httpEndpoint);
+    const upload = createHttpTransport(uploadEndpoint);
     let ws;
     let mqtt;
     if (rteEnabled) {
@@ -25476,6 +25831,8 @@ const createClient = (apiKey, apiRegion = API_REGIONS.SG, { debugSession = DEFAU
     const sessionState = "notLoggedIn" /* Amity.SessionStates.NOT_LOGGED_IN */;
     const sessionHandler = undefined;
     const isUnreadCountEnabled = false;
+    // Legacy unread count is true by default
+    const useLegacyUnreadCount = true;
     const client = {
         version: `${VERSION}`,
         apiKey,
@@ -25490,6 +25847,7 @@ const createClient = (apiKey, apiRegion = API_REGIONS.SG, { debugSession = DEFAU
         http,
         ws,
         mqtt,
+        upload,
         emitter,
         /*
          * Session Components
@@ -25506,6 +25864,7 @@ const createClient = (apiKey, apiRegion = API_REGIONS.SG, { debugSession = DEFAU
         onRTEConnectionStateChange,
         use: () => setActiveClient(client),
         isUnreadCountEnabled,
+        useLegacyUnreadCount,
         getMarkerSyncConsistentMode,
         /**
          * Prefix for the deviceId key in the local storage or async storage.
@@ -25519,7 +25878,7 @@ const createClient = (apiKey, apiRegion = API_REGIONS.SG, { debugSession = DEFAU
             return activeClient;
         setActiveClient(client);
     }
-    catch (_c) {
+    catch (_d) {
         setActiveClient(client);
     }
     return client;
@@ -28348,7 +28707,7 @@ const uploadFile = async (formData, onProgress) => {
     const headers = 'getHeaders' in formData
         ? formData.getHeaders()
         : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.http.post('/api/v4/files', formData, {
+    const { data } = await client.upload.post('/api/v4/files', formData, {
         headers,
         onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
@@ -28438,7 +28797,7 @@ const uploadVideo = async (formData, feedType, onProgress) => {
     const headers = 'getHeaders' in formData
         ? formData.getHeaders()
         : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.http.post('/api/v4/videos', formData, {
+    const { data } = await client.upload.post('/api/v4/videos', formData, {
         headers,
         onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
@@ -28486,7 +28845,7 @@ const uploadImage = async (formData, onProgress) => {
     const headers = 'getHeaders' in formData
         ? formData.getHeaders()
         : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.http.post('/api/v4/images', formData, {
+    const { data } = await client.upload.post('/api/v4/images', formData, {
         headers,
         onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
@@ -29571,6 +29930,29 @@ const createCommentEventSubscriber = (event, callback) => {
                             }
                         }
                     }
+                }
+                if (['comment.deleted'].includes(event)) {
+                    // NOTE: skip deleting comment to parent comment children if it's the same user since we use the local event to update instead.
+                    if (event === 'comment.deleted' && comment.data.userId === client.userId)
+                        return;
+                    if (comments[0].parentId) {
+                        const parentComment = pullFromCache([
+                            'comment',
+                            'get',
+                            comments[0].parentId,
+                        ]);
+                        if (parentComment === null || parentComment === void 0 ? void 0 : parentComment.data) {
+                            // Remove deleted comment in parent childComment if still exists
+                            if (parentComment.data.children.includes(comments[0].commentId)) {
+                                const newParentComment = Object.assign(Object.assign({}, parentComment.data), { childrenNumber: parentComment.data.childrenNumber - 1, children: [
+                                        ...new Set([
+                                            ...parentComment.data.children.filter(id => id !== comments[0].commentId),
+                                        ]),
+                                    ] });
+                                pushToCache(['comment', 'get', comments[0].parentId], newParentComment);
+                            }
+                        }
+                    }
                     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 }));
                 }
@@ -29583,7 +29965,7 @@ const createCommentEventSubscriber = (event, callback) => {
 const createLocalCommentEventSubscriber = (event, callback) => {
     const client = getActiveClient();
     const filter = (payload) => {
-        var _a;
+        var _a, _b;
         if (!client.cache) {
             // TODO: here we are missing specific properties here!
             callback(LinkedObject.comment(payload.comments[0]));
@@ -29626,6 +30008,38 @@ const createLocalCommentEventSubscriber = (event, callback) => {
                     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 }));
                 }
+                if (['local.comment.deleted'].includes(event)) {
+                    if (comments[0].parentId) {
+                        const parentComment = pullFromCache([
+                            'comment',
+                            'get',
+                            comments[0].parentId,
+                        ]);
+                        if (parentComment === null || parentComment === void 0 ? void 0 : parentComment.data) {
+                            // Remove deleted comment in parent childComment if still exists
+                            if (parentComment.data.children.includes(comments[0].commentId)) {
+                                const newParentComment = Object.assign(Object.assign({}, parentComment.data), { childrenNumber: parentComment.data.childrenNumber - 1, children: [
+                                        ...new Set([
+                                            ...parentComment.data.children.filter(id => id !== comments[0].commentId),
+                                        ]),
+                                    ] });
+                                pushToCache(['comment', 'get', comments[0].parentId], newParentComment);
+                                setTimeout(() => {
+                                    // NOTE: This is workaround solution for emitting event not work properly.
+                                    fireEvent('comment.updated', {
+                                        comments: [newParentComment],
+                                        commentChildren: [],
+                                        files: [],
+                                        users: [],
+                                        communityUsers: [],
+                                    });
+                                }, 200);
+                            }
+                        }
+                    }
+                    const queries = (_b = queryCache(['comment', 'query'])) === null || _b === void 0 ? void 0 : _b.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));
             }
         }
@@ -32679,19 +33093,37 @@ var index$f = /*#__PURE__*/Object.freeze({
 /**
  * Internal used only
  *
- * Fired when an {@link Amity.userMessageFeedMarkers} has been resolved by Object Rsesolver
+ * Fired when an {@link Amity.channelUnreadInfo} has been updated.
  *
  * @param callback The function to call when the event was fired
  * @returns an {@link Amity.Unsubscriber} function to stop listening
  *
- * @category MessageMarker Events
+ * @category ChannelMarker Events
+ */
+const onChannelUnreadInfoUpdatedLocal = (callback) => {
+    const client = getActiveClient();
+    const filter = (payload) => {
+        callback(payload);
+    };
+    return createEventSubscriber(client, 'channelMarker/onChannelUnreadInfoUpdatedLocal', 'local.channelUnreadInfo.updated', filter);
+};
+
+/**
+ * Internal used only
+ *
+ * Fired when an {@link Amity.ChannelUnread} has been updated.
+ *
+ * @param callback The function to call when the event was fired
+ * @returns an {@link Amity.Unsubscriber} function to stop listening
+ *
+ * @category Channel Events
  */
 const onChannelUnreadUpdatedLocal = (callback) => {
     const client = getActiveClient();
     const filter = (payload) => {
         callback(payload);
     };
-    return createEventSubscriber(client, 'channelMarker/onChannelUnreadUpdatedLocal', 'local.channelUnread.updated', filter);
+    return createEventSubscriber(client, 'channel/onChannelUnreadUpdatedLocal', 'local.channelUnread.updated', filter);
 };
 
 /* begin_public_function
@@ -32893,6 +33325,7 @@ const getChannel = (channelId, callback) => {
             return onSubChannelUpdated(updateMessagePreview);
         }, 'channelId', 'channel'),
         convertEventPayload(onSubChannelCreated, 'channelId', 'channel'),
+        convertEventPayload(onChannelUnreadInfoUpdatedLocal, 'channelId', 'channel'),
         convertEventPayload(onChannelUnreadUpdatedLocal, 'channelId', 'channel'),
     ], {
         forceDispatch: true,
@@ -33406,6 +33839,10 @@ class ChannelLiveCollectionController extends LiveCollectionController {
                 },
                 action: "OnResolveUnread" /* Amity.ChannelActionType.OnResolveUnread */,
             },
+            {
+                fn: convertEventPayload(onChannelUnreadInfoUpdatedLocal, 'channelId', 'channel'),
+                action: "onUpdate" /* Amity.ChannelActionType.OnUpdate */,
+            },
             {
                 fn: convertEventPayload(onChannelUnreadUpdatedLocal, 'channelId', 'channel'),
                 action: "onUpdate" /* Amity.ChannelActionType.OnUpdate */,
@@ -33471,6 +33908,120 @@ const getChannels = (params, callback, config) => {
 };
 /* end_public_function */
 
+/**
+ *
+ * Calculate user unread from {@link Amity.ChannelUnread} objects
+ *
+ * @returns the {@link Amity.UserUnread} objects
+ *
+ * @category Channel API
+ * @async
+ */
+const getTotalChannelsUnread$1 = () => {
+    var _a;
+    const client = getActiveClient();
+    client.log('channel/getTotalChannelsUnread.locally');
+    const cachedChannelsUnread = ((_a = queryCache(['channelUnread', 'get'])) === null || _a === void 0 ? void 0 : _a.filter(({ data }) => {
+        return !data.isDeleted;
+    })) || [];
+    const totalChannelsUnread = (cachedChannelsUnread === null || cachedChannelsUnread === void 0 ? void 0 : cachedChannelsUnread.reduce((acc, { data }) => {
+        acc.unreadCount += data.unreadCount;
+        acc.isMentioned = acc.isMentioned || data.isMentioned;
+        return acc;
+    }, { unreadCount: 0, isMentioned: false })) || { unreadCount: 0, isMentioned: false };
+    const cachedAt = client.cache && Date.now();
+    return {
+        data: totalChannelsUnread,
+        cachedAt,
+    };
+};
+
+/* begin_public_function
+  id: totalChannelsUnread.get
+*/
+/**
+ * ```js
+ * import { ChannelRepository } from '@amityco/ts-sdk';
+ *
+ * let totalChannelsUnread;
+ *
+ * const unsubscribe = ChannelRepository.getTotalChannelsUnread(response => {
+ *   unread = response.data;
+ * });
+ * ```
+ *
+ * Observe all mutation on a given {@link Amity.UserUnread}
+ *
+ * @returns An {@link Amity.UserUnread} function to run when willing to stop observing the message
+ *
+ * @category User Unread Live Object
+ *
+ */
+const getTotalChannelsUnread = (callback) => {
+    const { _id: userId } = getActiveUser();
+    if (!userId)
+        throw new ASCError('The _id has not been defined in ActiveUser', 800000 /* Amity.ClientError.UNKNOWN_ERROR */, "error" /* Amity.ErrorLevel.ERROR */);
+    const { log, cache } = getActiveClient();
+    if (!cache) {
+        console.log('For using Live Object feature you need to enable Cache!');
+    }
+    const timestamp = Date.now();
+    log(`liveTotalChannelsUnread(tmpid: ${timestamp}) > listen`);
+    const disposers = [];
+    let isUnsyncedModel = false; // for messages
+    let model;
+    const dispatcher = (data) => {
+        const { data: userUnread } = data;
+        const callbackModel = userUnread
+            ? {
+                unreadCount: userUnread.unreadCount,
+                isMentioned: userUnread.isMentioned,
+            }
+            : undefined;
+        model = callbackModel ? convertGetterPropsToStatic(callbackModel) : callbackModel;
+        callback({
+            data: callbackModel
+                ? Object.assign(Object.assign({}, callbackModel), { isMentioned: callbackModel.isMentioned }) : callbackModel,
+            loading: data.loading,
+            error: data.error,
+        });
+    };
+    const realtimeRouter = (userUnread) => {
+        if (isEqual(model, userUnread))
+            return;
+        dispatcher({
+            loading: false,
+            data: userUnread,
+        });
+    };
+    const onFetch = () => {
+        const query = createQuery(async () => getTotalChannelsUnread$1());
+        runQuery(query, ({ error, data, loading, origin, cachedAt }) => {
+            if (cachedAt === UNSYNCED_OBJECT_CACHED_AT_VALUE) {
+                dispatcher({
+                    data,
+                    origin,
+                    loading: false,
+                    error: new ASCApiError(UNSYNCED_OBJECT_CACHED_AT_MESSAGE, 800800 /* Amity.ClientError.DISALOOW_UNSYNCED_OBJECT */, "error" /* Amity.ErrorLevel.ERROR */),
+                });
+                isUnsyncedModel = true;
+                disposers.forEach(fn => fn());
+            }
+            else if (!isUnsyncedModel) {
+                dispatcher({ loading, data, origin, error });
+            }
+            if (error) {
+                disposers.forEach(fn => fn());
+            }
+        });
+    };
+    disposers.push(onChannelUnreadUpdatedLocal(realtimeRouter));
+    onFetch();
+    return () => {
+        disposers.forEach(fn => fn());
+    };
+};
+
 /* begin_public_function
   id: channel.member.add
 */
@@ -34074,6 +34625,7 @@ var index$c = /*#__PURE__*/Object.freeze({
   onChannelMemberRoleRemoved: onChannelMemberRoleRemoved,
   getChannel: getChannel,
   getChannels: getChannels,
+  getTotalChannelsUnread: getTotalChannelsUnread,
   MARKER_INCLUDED_CHANNEL_TYPE: MARKER_INCLUDED_CHANNEL_TYPE,
   isUnreadCountSupport: isUnreadCountSupport,
   convertFromRaw: convertFromRaw,