@amityco/ts-sdk-react-native 6.26.4-2eb3673.0 → 6.27.0

package/dist/index.esm.js

@@ -84,8 +84,8 @@ const PostContentType = Object.freeze({
 
 function getVersion() {
     try {
-        // the string ''v6.26.3-esm'' should be replaced by actual value by @rollup/plugin-replace
-        return 'v6.26.3-esm';
+        // the string ''v6.27.0-esm'' should be replaced by actual value by @rollup/plugin-replace
+        return 'v6.27.0-esm';
     }
     catch (error) {
         return '__dev__';
@@ -493,7 +493,7 @@ const idResolvers = {
     channel: ({ channelInternalId }) => channelInternalId,
     subChannel: ({ subChannelId }) => subChannelId,
     channelUsers: ({ channelId, userId }) => `${channelId}#${userId}`,
-    message: ({ messageId }) => messageId,
+    message: ({ messageId, referenceId }) => referenceId !== null && referenceId !== void 0 ? referenceId : messageId,
     messagePreviewChannel: ({ channelId }) => `${channelId}`,
     messagePreviewSubChannel: ({ subChannelId }) => `${subChannelId}`,
     channelUnreadInfo: ({ channelId }) => channelId,
@@ -20970,12 +20970,12 @@ class AnalyticsEventCapturer {
         this._throttleStoryTimer = undefined;
         this._bufferNewSeenStoryReferenceIds = [];
     }
-    isAbleToEnqueue({ itemId, expireTime, isHighPriority = false, }) {
+    isAbleToEnqueue({ uniqueId, expireTime, isHighPriority = false, }) {
         const now = new Date();
         const getRecentViewedDate = () => {
             if (isHighPriority)
-                return this._recentHighPriorityViewed[itemId];
-            return this._recentViewed[itemId];
+                return this._recentHighPriorityViewed[uniqueId];
+            return this._recentViewed[uniqueId];
         };
         const recentViewedDate = getRecentViewedDate() || new Date(DAY * -1);
         const timeDiff = now.getTime() - recentViewedDate.getTime();
@@ -20985,8 +20985,8 @@ class AnalyticsEventCapturer {
         }
         return true;
     }
-    markAs(itemId, contentType, activityType, metadata = undefined) {
-        if (!this.isAbleToEnqueue({ itemId, expireTime: this._expireTime }))
+    markAs({ uniqueId, contentId, contentType, activityType, metadata, }) {
+        if (!this.isAbleToEnqueue({ uniqueId, expireTime: this._expireTime }))
             return;
         const now = new Date();
         const currentData = { event: [] };
@@ -21000,7 +21000,7 @@ class AnalyticsEventCapturer {
             currentData.event.shift();
         }
         const analyticItem = {
-            contentId: itemId,
+            contentId,
             contentType,
             activityType,
             timestamp: now.toISOString(),
@@ -21010,10 +21010,15 @@ class AnalyticsEventCapturer {
         }
         currentData.event.push(analyticItem);
         upsertInCache(ANALYTIC_CACHE_KEY, currentData);
-        this._recentViewed[itemId] = now;
+        this._recentViewed[uniqueId] = now;
     }
     markPostAsViewed(postId) {
-        this.markAs(postId, "post" /* Amity.AnalyticEventContentType.Post */, "view" /* Amity.AnalyticEventActivityType.View */);
+        this.markAs({
+            uniqueId: postId,
+            contentId: postId,
+            contentType: "post" /* Amity.AnalyticEventContentType.Post */,
+            activityType: "view" /* Amity.AnalyticEventActivityType.View */,
+        });
     }
     markStory(story, activityType) {
         if (!story.expiresAt)
@@ -21021,7 +21026,7 @@ class AnalyticsEventCapturer {
         const now = new Date();
         const expireTime = new Date(story.expiresAt);
         if (!this.isAbleToEnqueue({
-            itemId: story.storyId,
+            uniqueId: story.storyId,
             expireTime: expireTime.getTime(),
             isHighPriority: true,
         }))
@@ -21087,13 +21092,27 @@ class AnalyticsEventCapturer {
         const metadata = {
             placement,
         };
-        this.markAs(`${ad.adId}.${"view" /* Amity.AnalyticEventActivityType.View */}.${placement}`, "ad" /* Amity.AnalyticEventContentType.Ad */, "view" /* Amity.AnalyticEventActivityType.View */, metadata);
+        const activityType = "view" /* Amity.AnalyticEventActivityType.View */;
+        this.markAs({
+            uniqueId: `${ad.adId}.${activityType}.${placement}`,
+            contentId: ad.adId,
+            contentType: "ad" /* Amity.AnalyticEventContentType.Ad */,
+            activityType,
+            metadata,
+        });
     }
     markAdAsClicked(ad, placement) {
         const metadata = {
             placement,
         };
-        this.markAs(`${ad.adId}.${"view" /* Amity.AnalyticEventActivityType.View */}.${placement}`, "ad" /* Amity.AnalyticEventContentType.Ad */, "linkClicked" /* Amity.AnalyticEventActivityType.Click */, metadata);
+        const activityType = "linkClicked" /* Amity.AnalyticEventActivityType.Click */;
+        this.markAs({
+            uniqueId: `${ad.adId}.${activityType}.${placement}`,
+            contentId: ad.adId,
+            contentType: "ad" /* Amity.AnalyticEventContentType.Ad */,
+            activityType,
+            metadata,
+        });
     }
 }
 
@@ -21860,20 +21879,17 @@ const channelLinkedObject = (channel) => {
     return Object.assign(Object.assign({}, channel), { markAsRead: () => markAsRead(channel.channelInternalId) });
 };
 
-// import AnalyticsEngine from '~/analytic/service/analytic/AnalyticsEngine';
 const adLinkedObject = (ad) => {
-    // const analyticsEngineInstance = AnalyticsEngine.getInstance();
+    const analyticsEngineInstance = AnalyticsEngine$1.getInstance();
     const { image9_16: image916, image1_1: image11 } = ad, restAds = __rest(ad, ["image9_16", "image1_1"]);
-    return Object.assign(Object.assign({}, restAds), { 
-        // analytics: {
-        //   markAsSeen: (placement: Amity.AdPlacement) => {
-        //     analyticsEngineInstance.markAdAsViewed(ad, placement);
-        //   },
-        //   markLinkAsClicked: (placement: Amity.AdPlacement) => {
-        //     analyticsEngineInstance.markAdAsClicked(ad, placement);
-        //   },
-        // },
-        get advertiser() {
+    return Object.assign(Object.assign({}, restAds), { analytics: {
+            markAsSeen: (placement) => {
+                analyticsEngineInstance.markAdAsViewed(ad, placement);
+            },
+            markLinkAsClicked: (placement) => {
+                analyticsEngineInstance.markAdAsClicked(ad, placement);
+            },
+        }, get advertiser() {
             var _a, _b;
             const advertiserData = (_a = pullFromCache([
                 'advertiser',
@@ -22761,7 +22777,7 @@ function convertFromRaw(message, reactors, event) {
          *
          * Check git blame for previous iteration
          */
-        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 });
+        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, syncState: "synced" /* Amity.SyncState.Synced */ });
     if (mentionedUsers) {
         out.mentionees = mentionedUsers.map(mention => {
             if (mention.type === 'channel') {
@@ -24591,9 +24607,12 @@ const onMessageCreatedMqtt = (callback) => {
 const onMessageCreatedLocal = (callback) => {
     const client = getActiveClient();
     const disposers = [
-        createEventSubscriber(client, 'message/onMessageCreated', 'local.message.created', payload => payload.messages.forEach(message => {
-            callback(message);
-        })),
+        createEventSubscriber(client, 'message/onMessageCreated', 'local.message.created', async (payload) => {
+            ingestInCache(payload);
+            return payload.messages.forEach(message => {
+                callback(message);
+            });
+        }),
     ];
     return () => {
         disposers.forEach(fn => fn());
@@ -30676,9 +30695,40 @@ getMessages$1.locally = (messageIds) => {
 const getLocalId = () => `LOCAL_${uuid()}`;
 // FIXME: temp solution
 let uniqueId;
-/* begin_public_function
-  id: message.create.text_message, message.create.image_message, message.create.file_message, message.create.video_message, message.create.audio_message, message.create.custom_message
-*/
+const createMessageOptimistic = (bundle) => {
+    var _a, _b;
+    const client = getActiveClient();
+    if (!client.cache)
+        return;
+    /*
+     * When creating messages optimistically a messageId needs to be added by the
+     * client, created a new variable to allow backward compatibility of API
+     *
+     * Updated to handle client requirement to add messageId while uploading
+     * a message with image.
+     * Temporary!
+     */
+    uniqueId = bundle.referenceId || getLocalId();
+    const bundleWithMessageId = Object.assign({ messageId: uniqueId, uniqueId }, bundle);
+    client.log('message/createMessage.optimistically', bundleWithMessageId);
+    const subChannel = pullFromCache(['subChannel', 'get', bundle.subChannelId]);
+    if (subChannel) {
+        upsertInCache(['subChannel', 'get', bundle.subChannelId], Object.assign(Object.assign({}, subChannel.data), { messageCount: subChannel.data.messageCount + 1 }));
+        if (subChannel.data.channelId === subChannel.data.subChannelId) {
+            const channel = pullFromCache(['channel', 'get', subChannel.data.channelId]);
+            if (channel === null || channel === void 0 ? void 0 : channel.data) {
+                upsertInCache(['channel', 'get', subChannel.data.channelId], Object.assign(Object.assign({}, channel.data), { messageCount: ((_a = channel.data.messageCount) !== null && _a !== void 0 ? _a : 0) + 1 }));
+            }
+        }
+    }
+    // as reused to update created and updated time, which should be the same
+    const createdTime = new Date().toISOString();
+    const message = Object.assign({ creatorId: client.userId, creatorPrivateId: getActiveUser()._id, channelSegment: ((_b = subChannel === null || subChannel === void 0 ? void 0 : subChannel.data.messageCount) !== null && _b !== void 0 ? _b : 0) + 1, childrenNumber: 0, createdAt: createdTime, updatedAt: createdTime, syncState: "syncing" /* Amity.SyncState.Syncing */, isDeleted: false }, bundleWithMessageId);
+    const cachedAt = UNSYNCED_OBJECT_CACHED_AT_VALUE;
+    pushToCache(['message', 'get', message.messageId], message, { cachedAt });
+    fireEvent('local.message.created', { messages: [message] });
+    return message;
+};
 /**
  * ```js
  * import { createMessage, createQuery, runQuery } from '@amityco/ts-sdk-react-native'
@@ -30704,75 +30754,31 @@ let uniqueId;
 const createMessage = async (bundle) => {
     const client = getActiveClient();
     client.log('message/createMessage', bundle);
+    const optimisticData = createMessageOptimistic(bundle);
     const referenceId = bundle.referenceId || uniqueId || getLocalId();
     uniqueId = undefined;
-    const { data: payload } = await client.http.post('/api/v5/messages', Object.assign(Object.assign({}, convertParams(bundle)), { referenceId }));
-    const data = await prepareMessagePayload(payload);
-    const { messages } = data;
-    const cachedAt = client.cache && Date.now();
-    if (client.cache) {
-        dropFromCache(['message', 'get', referenceId]);
-        ingestInCache(data, { cachedAt });
-    }
-    fireEvent('local.message.created', { messages });
-    return {
-        data: LinkedObject.message(messages[0]),
-        cachedAt,
-    };
-};
-/**
- * ```js
- * import { createMessage } from '@amityco/ts-sdk-react-native'
- *
- * const created = createMessage.optimistically({
- *   channelId: 'foobar',
- *   data: { text: 'hello world' }
- * })
- * ```
- *
- * Creates an {@link Amity.Message} in cache
- *
- * @param bundle The data necessary to create a new {@link Amity.Message}
- * @returns The newly created {@link Amity.Message}
- *
- * @category Message API
- */
-createMessage.optimistically = (_a) => {
-    var _b, _c;
-    var { referenceId } = _a, bundle = __rest(_a, ["referenceId"]);
-    const client = getActiveClient();
-    if (!client.cache)
-        return;
-    /*
-     * when creating messages optimistically a messageId needs to be added by the
-     * client, created a new variable so as to allow backward compatibility of API
-     *
-     * Updated to handle client requirement to add messageId while uploading
-     * message with image. Temporary!
-     */
-    uniqueId = referenceId || getLocalId();
-    const bundleWithMessageId = Object.assign({ messageId: uniqueId, uniqueId }, bundle);
-    client.log('message/createMessage.optimistically', bundleWithMessageId);
-    const subChannel = pullFromCache(['subChannel', 'get', bundle.subChannelId]);
-    if (subChannel) {
-        upsertInCache(['subChannel', 'get', bundle.subChannelId], Object.assign(Object.assign({}, subChannel.data), { messageCount: subChannel.data.messageCount + 1 }));
-        if (subChannel.data.channelId === subChannel.data.subChannelId) {
-            const channel = pullFromCache(['channel', 'get', subChannel.data.channelId]);
-            if (channel === null || channel === void 0 ? void 0 : channel.data) {
-                upsertInCache(['channel', 'get', subChannel.data.channelId], Object.assign(Object.assign({}, channel.data), { messageCount: ((_b = channel.data.messageCount) !== null && _b !== void 0 ? _b : 0) + 1 }));
-            }
+    try {
+        const { data: payload } = await client.http.post('/api/v5/messages', Object.assign(Object.assign({}, convertParams(bundle)), { referenceId }));
+        const data = await prepareMessagePayload(payload);
+        const { messages } = data;
+        const cachedAt = client.cache && Date.now();
+        if (client.cache) {
+            ingestInCache(data, { cachedAt });
         }
+        fireEvent('local.message.created', {
+            messages: [Object.assign(Object.assign({}, messages[0]), { syncState: "synced" /* Amity.SyncState.Synced */ })],
+        });
+        return {
+            data: LinkedObject.message(messages[0]),
+            cachedAt,
+        };
+    }
+    catch (e) {
+        fireEvent('local.message.created', {
+            messages: [Object.assign(Object.assign({}, optimisticData), { syncState: "error" /* Amity.SyncState.Error */ })],
+        });
+        throw e;
     }
-    // as reused to update created and updated time, which should be the same
-    const createdTime = new Date().toISOString();
-    const message = Object.assign({ creatorId: client.userId, creatorPrivateId: getActiveUser()._id, channelSegment: ((_c = subChannel === null || subChannel === void 0 ? void 0 : subChannel.data.messageCount) !== null && _c !== void 0 ? _c : 0) + 1, childrenNumber: 0, createdAt: createdTime, updatedAt: createdTime }, bundleWithMessageId);
-    const cachedAt = UNSYNCED_OBJECT_CACHED_AT_VALUE;
-    pushToCache(['message', 'get', message.messageId], message, { cachedAt });
-    fireEvent('local.message.created', { messages: [message] });
-    return {
-        cachedAt,
-        data: LinkedObject.message(message),
-    };
 };
 /* end_public_function */
 
@@ -31485,67 +31491,106 @@ const getMessage$1 = (messageId, callback) => {
 };
 /* end_public_function */
 
-class PaginationController {
+class PaginationNoPageController {
     constructor(queryParams) {
         const { http } = getActiveClient();
         this.queryParams = queryParams;
         this.http = http;
     }
-    loadFirstPage() {
-        return this.onFetch("first" /* Amity.LiveCollectionPageDirection.FIRST */);
+    async onFetch() {
+        const queryResponse = await this.getRequest(this.queryParams);
+        return queryResponse;
     }
-    loadNextPage() {
-        return this.onFetch("next" /* Amity.LiveCollectionPageDirection.NEXT */);
+}
+
+class LiveCollectionController {
+    constructor(paginationController, queryStreamId, cacheKey, callback) {
+        this.paginationController = paginationController;
+        this.queryStreamId = queryStreamId;
+        this.cacheKey = cacheKey;
+        this.callback = callback;
     }
-    loadPreviousPage() {
-        return this.onFetch("prev" /* Amity.LiveCollectionPageDirection.PREV */);
+    async refresh() {
+        try {
+            let result;
+            if (this.paginationController instanceof PaginationNoPageController) {
+                result = await this.paginationController.onFetch();
+            }
+            else {
+                result = await this.paginationController.loadFirstPage();
+            }
+            if (!result)
+                return;
+            await this.persistModel(result);
+            this.persistQueryStream({
+                response: result,
+                direction: "next" /* Amity.LiveCollectionPageDirection.NEXT */,
+                refresh: true,
+            });
+            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false });
+        }
+        catch (e) {
+            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false, error: e });
+        }
     }
-    async onFetch(direction = "first" /* Amity.LiveCollectionPageDirection.FIRST */) {
-        var _a, _b, _c, _d;
-        if (direction === 'prev' && !this.previousToken)
-            return;
-        if (direction === 'next' && !this.nextToken)
-            return;
-        let token;
-        if (direction === 'prev')
-            token = this.previousToken;
-        if (direction === 'next')
-            token = this.nextToken;
-        const queryResponse = await this.getRequest(this.queryParams, token);
-        if (direction === 'first') {
-            this.nextToken = (_a = queryResponse.paging) === null || _a === void 0 ? void 0 : _a.next;
-            this.previousToken = (_b = queryResponse.paging) === null || _b === void 0 ? void 0 : _b.previous;
+    loadPage({ initial = false, direction = "next" /* Amity.LiveCollectionPageDirection.NEXT */, }) {
+        this.setup();
+        this.notifyChange({ origin: "local" /* Amity.LiveDataOrigin.LOCAL */, loading: true });
+        if (initial) {
+            this.refresh();
+        }
+        else if (direction === "prev" /* Amity.LiveCollectionPageDirection.PREV */) {
+            this.loadPrevPage();
+        }
+        else if (direction === "next" /* Amity.LiveCollectionPageDirection.NEXT */) {
+            this.loadNextPage();
         }
-        if (direction === 'prev')
-            this.previousToken = (_c = queryResponse.paging) === null || _c === void 0 ? void 0 : _c.previous;
-        if (direction === 'next')
-            this.nextToken = (_d = queryResponse.paging) === null || _d === void 0 ? void 0 : _d.next;
-        return queryResponse;
     }
-    getNextToken() {
-        return this.nextToken;
+    async loadNextPage() {
+        try {
+            if (this.paginationController instanceof PaginationNoPageController)
+                return;
+            const result = await this.paginationController.loadNextPage();
+            if (!result)
+                return;
+            await this.persistModel(result);
+            this.persistQueryStream({
+                response: result,
+                direction: "next" /* Amity.LiveCollectionPageDirection.NEXT */,
+            });
+            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false });
+        }
+        catch (e) {
+            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false, error: e });
+        }
     }
-    getPrevToken() {
-        return this.previousToken;
+    async loadPrevPage() {
+        try {
+            if (this.paginationController instanceof PaginationNoPageController)
+                return;
+            const result = await this.paginationController.loadPreviousPage();
+            if (!result)
+                return;
+            await this.persistModel(result);
+            this.persistQueryStream({
+                response: result,
+                direction: "prev" /* Amity.LiveCollectionPageDirection.PREV */,
+            });
+            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false });
+        }
+        catch (e) {
+            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false, error: e });
+        }
     }
-}
-
-/* eslint-disable no-use-before-define */
-/**
- * TODO: handle cache receive cache option, and cache policy
- * TODO: check if querybyIds is supported
- */
-class MessagePaginationController extends PaginationController {
-    async getRequest(queryParams, token) {
-        const processedQueryParams = convertQueryParams$1(queryParams);
-        const { data: queryResponse } = await this.http.get(`/api/v5/messages`, {
-            params: Object.assign(Object.assign({}, processedQueryParams), { options: token
-                    ? {
-                        token,
-                    }
-                    : Object.assign({}, processedQueryParams.options) }),
-        });
-        return queryResponse;
+    shouldNotify(data) {
+        const newData = data.map(convertGetterPropsToStatic).map(removeFunctionProperties);
+        if (isEqual(this.snapshot, newData))
+            return false;
+        this.snapshot = newData;
+        return true;
+    }
+    getCacheKey() {
+        return this.cacheKey;
     }
 }
 
@@ -31593,6 +31638,7 @@ class MessageQueryStreamController extends QueryStreamController {
             var _a, _b, _c, _d, _e;
             if (action === 'onCreate') {
                 const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+                const { referenceId } = payload;
                 if (!collection)
                     return;
                 if (this.query.subChannelId !== (payload === null || payload === void 0 ? void 0 : payload.subChannelId) || !collection)
@@ -31622,10 +31668,10 @@ class MessageQueryStreamController extends QueryStreamController {
                     return;
                 if ((!this.query.sortBy || this.query.sortBy === 'segmentDesc') &&
                     !this.paginationController.getPrevToken()) {
-                    collection.data = [...new Set([payload.messageId, ...collection.data])];
+                    collection.data = [...new Set([referenceId !== null && referenceId !== void 0 ? referenceId : payload.messageId, ...collection.data])];
                 }
                 if (this.query.sortBy === 'segmentAsc' && !this.paginationController.getNextToken()) {
-                    collection.data = [...new Set([...collection.data, payload.messageId])];
+                    collection.data = [...new Set([...collection.data, referenceId !== null && referenceId !== void 0 ? referenceId : payload.messageId])];
                 }
                 pushToCache(this.cacheKey, collection);
             }
@@ -31637,106 +31683,67 @@ class MessageQueryStreamController extends QueryStreamController {
     }
 }
 
-class PaginationNoPageController {
+class PaginationController {
     constructor(queryParams) {
         const { http } = getActiveClient();
         this.queryParams = queryParams;
         this.http = http;
     }
-    async onFetch() {
-        const queryResponse = await this.getRequest(this.queryParams);
-        return queryResponse;
-    }
-}
-
-class LiveCollectionController {
-    constructor(paginationController, queryStreamId, cacheKey, callback) {
-        this.paginationController = paginationController;
-        this.queryStreamId = queryStreamId;
-        this.cacheKey = cacheKey;
-        this.callback = callback;
+    loadFirstPage() {
+        return this.onFetch("first" /* Amity.LiveCollectionPageDirection.FIRST */);
     }
-    async refresh() {
-        try {
-            let result;
-            if (this.paginationController instanceof PaginationNoPageController) {
-                result = await this.paginationController.onFetch();
-            }
-            else {
-                result = await this.paginationController.loadFirstPage();
-            }
-            if (!result)
-                return;
-            await this.persistModel(result);
-            this.persistQueryStream({
-                response: result,
-                direction: "next" /* Amity.LiveCollectionPageDirection.NEXT */,
-                refresh: true,
-            });
-            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false });
-        }
-        catch (e) {
-            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false, error: e });
-        }
+    loadNextPage() {
+        return this.onFetch("next" /* Amity.LiveCollectionPageDirection.NEXT */);
     }
-    loadPage({ initial = false, direction = "next" /* Amity.LiveCollectionPageDirection.NEXT */, }) {
-        this.setup();
-        this.notifyChange({ origin: "local" /* Amity.LiveDataOrigin.LOCAL */, loading: true });
-        if (initial) {
-            this.refresh();
-        }
-        else if (direction === "prev" /* Amity.LiveCollectionPageDirection.PREV */) {
-            this.loadPrevPage();
-        }
-        else if (direction === "next" /* Amity.LiveCollectionPageDirection.NEXT */) {
-            this.loadNextPage();
-        }
+    loadPreviousPage() {
+        return this.onFetch("prev" /* Amity.LiveCollectionPageDirection.PREV */);
     }
-    async loadNextPage() {
-        try {
-            if (this.paginationController instanceof PaginationNoPageController)
-                return;
-            const result = await this.paginationController.loadNextPage();
-            if (!result)
-                return;
-            await this.persistModel(result);
-            this.persistQueryStream({
-                response: result,
-                direction: "next" /* Amity.LiveCollectionPageDirection.NEXT */,
-            });
-            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false });
-        }
-        catch (e) {
-            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false, error: e });
+    async onFetch(direction = "first" /* Amity.LiveCollectionPageDirection.FIRST */) {
+        var _a, _b, _c, _d;
+        if (direction === 'prev' && !this.previousToken)
+            return;
+        if (direction === 'next' && !this.nextToken)
+            return;
+        let token;
+        if (direction === 'prev')
+            token = this.previousToken;
+        if (direction === 'next')
+            token = this.nextToken;
+        const queryResponse = await this.getRequest(this.queryParams, token);
+        if (direction === 'first') {
+            this.nextToken = (_a = queryResponse.paging) === null || _a === void 0 ? void 0 : _a.next;
+            this.previousToken = (_b = queryResponse.paging) === null || _b === void 0 ? void 0 : _b.previous;
         }
+        if (direction === 'prev')
+            this.previousToken = (_c = queryResponse.paging) === null || _c === void 0 ? void 0 : _c.previous;
+        if (direction === 'next')
+            this.nextToken = (_d = queryResponse.paging) === null || _d === void 0 ? void 0 : _d.next;
+        return queryResponse;
     }
-    async loadPrevPage() {
-        try {
-            if (this.paginationController instanceof PaginationNoPageController)
-                return;
-            const result = await this.paginationController.loadPreviousPage();
-            if (!result)
-                return;
-            await this.persistModel(result);
-            this.persistQueryStream({
-                response: result,
-                direction: "prev" /* Amity.LiveCollectionPageDirection.PREV */,
-            });
-            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false });
-        }
-        catch (e) {
-            this.notifyChange({ origin: "server" /* Amity.LiveDataOrigin.SERVER */, loading: false, error: e });
-        }
+    getNextToken() {
+        return this.nextToken;
     }
-    shouldNotify(data) {
-        const newData = data.map(convertGetterPropsToStatic).map(removeFunctionProperties);
-        if (isEqual(this.snapshot, newData))
-            return false;
-        this.snapshot = newData;
-        return true;
+    getPrevToken() {
+        return this.previousToken;
     }
-    getCacheKey() {
-        return this.cacheKey;
+}
+
+/* eslint-disable no-use-before-define */
+/**
+ * TODO: handle cache receive cache option, and cache policy
+ * TODO: check if querybyIds is supported
+ */
+class MessagePaginationController extends PaginationController {
+    async getRequest(queryParams, token) {
+        const processedQueryParams = convertQueryParams$1(queryParams);
+        const { data: queryResponse } = await this.http.get(`/api/v5/messages`, {
+            params: Object.assign(Object.assign({}, processedQueryParams), { options: token
+                    ? {
+                        token,
+                    }
+                    : Object.assign({}, processedQueryParams.options) }),
+        });
+        return queryResponse;
     }
 }
 
@@ -31751,25 +31758,10 @@ class MessageLiveCollectionController extends LiveCollectionController {
         this.callback = callback.bind(this);
         this.loadPage({ initial: true });
     }
-    setup() {
-        var _a;
-        const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
-        if (!collection) {
-            pushToCache(this.cacheKey, {
-                data: [],
-                query: this.query,
-            });
-        }
-    }
-    async persistModel(response) {
-        await this.queryStreamController.saveToMainDB(response);
-    }
-    persistQueryStream({ response, direction, refresh, }) {
-        this.queryStreamController.appendToQueryStream(response, direction, refresh);
-    }
     startSubscription() {
         return this.queryStreamController.subscribeRTE([
             { fn: onMessageCreatedMqtt, action: 'onCreate' },
+            { fn: onMessageCreatedLocal, action: 'onCreate' },
             { fn: onMessageDeleted, action: 'onDelete' },
             { fn: onMessageUpdated, action: 'onUpdate' },
             { fn: onMessageFlagged, action: 'onFlagged' },
@@ -31846,6 +31838,22 @@ class MessageLiveCollectionController extends LiveCollectionController {
         });
         return messages;
     }
+    setup() {
+        var _a;
+        const collection = (_a = pullFromCache(this.cacheKey)) === null || _a === void 0 ? void 0 : _a.data;
+        if (!collection) {
+            pushToCache(this.cacheKey, {
+                data: [],
+                query: this.query,
+            });
+        }
+    }
+    async persistModel(response) {
+        await this.queryStreamController.saveToMainDB(response);
+    }
+    persistQueryStream({ response, direction, refresh, }) {
+        this.queryStreamController.appendToQueryStream(response, direction, refresh);
+    }
 }
 
 /* eslint-disable no-use-before-define */
@@ -38055,7 +38063,11 @@ var index$6 = /*#__PURE__*/Object.freeze({
  * @category Post Live Object
  */
 const getPost = (postId, callback) => {
-    return liveObject(postId, callback, 'postId', getPost$1, [
+    const responder = (snapshot) => {
+        const { data } = snapshot;
+        callback(Object.assign(Object.assign({}, snapshot), { data: data ? LinkedObject.post(snapshot.data) : data }));
+    };
+    return liveObject(postId, responder, 'postId', getPost$1, [
         onPostApproved,
         onPostDeclined,
         (callback) => {
@@ -39236,7 +39248,7 @@ var index$3 = /*#__PURE__*/Object.freeze({
   getPoll: getPoll
 });
 
-const privateKey = "-----BEGIN PRIVATE KEY-----\nMIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDAARz+hmBgi8pJ\nQb8LeY41gtHhk+ACMwRfhsn7GqpqRQNG2qU0755mzZuVDUqjQMGSo8THJB7O+OJs\nflbZRkFXlFoFOVNw1UpNOgwEQZ6wB9oRwzepTJAfF1sVhm/o/ixvXh1zDFNDy6yZ\npXyiiJHUVxqyjllZhxnwdvjoVtDs6hW6awG09bB9nh/TTejlUKXoAgzqVwu/1QMu\nUVViET495elEe19aUarEy+oL2iKeXCEvqda/pWNBdbieFyJvvZ08HN8dPuT88wq2\njZLEAth1vrwQ2IAa4ktaLcBQdLJgIkrbDvAiVZ8lQAjS/bq5vXQikTGvoPlC5bbn\nvuOM/3eLAgMBAAECggEAVZ+peHAghq2QVj71nX5lxsNCKaCyYwixSJBpfouTt7Rz\nE6PpzMOXFi1W1o+I22jDakuSM2SOQKqI/u0QefB0r0O/KVk5NrZHXk0mkrdYtxOp\nUgaGyf8UvmjB+8VqHrNKyZdk9qtmbnNj01kTTcAtmE4H39zPR7eR/8Rul94vaZbs\nwCnKJS3mLT3JxyGug6lxanveKkjG+CKC1nJQYWaxCJxaFSzbwXQPvDhB+TvrIbee\npd5v4EAyEJohpr+T9oDGGJkb/KARBZCtwLyB976PKJwwBA8MRVL1i5QwawuMiMq5\nUtnOnbGKtCeFzaLbNU0Qi8bqyims84EQxC6DOu1fkQKBgQDdvsoBsEhsOXV7hlIJ\naEd0eSJZVkdqimxH8uGoMM2FeNaOrcB6yBXqTSP0R3OIyf8eaY6yjRvP30ZNXcll\n/gD3O1Mu6YmWQdt1W2WA6pKOsUuPXasf0pdOF7IiFZKlSabz5YHXFqwVuqm8loaj\nsXel3YWqPVdHiankE7tz+3ssnQKBgQDdqi4TNdD1MdEpihx19jr0QjUiXW3939FK\nqp30HESPEGDGQzXdmJgif9HhZb+cJSuWaHEbjgBrYahvgCF+y6LbEpOD+D/dmT+s\nDEAQaR84sah6dokwPjV8fjBSrcVFjCS+doxv0d3p/9OUEeyUhFrY03nxtIEYkLIE\n/Zvn37b4RwKBgQCLENVFe9XfsaVhQ5r9dV2iyTlmh7qgMZG5CbTFs12hQGhm8McO\n+Z7s41YSJCFr/yq1WwP4LJDtrBw99vyQr1zRsG35tNLp3gGRNzGQSQyC2uQFVHw2\np+7mNewsfhUK/gbrXNsyFnDz6635rPlhfbII3sWuP2wWXFqkxE9CbMwR7QKBgQC6\nawDMzxmo2/iYArrkyevSuEuPVxvFwpF1RgAI6C0QVCnPE38dmdN4UB7mfHekje4W\nVEercMURidPp0cxZolCYBQtilUjAyL0vqC3In1/Ogjq6oy3FEMxSop1pKxMY5j+Q\nnoqFD+6deLUrddeNH7J3X4LSr4dSbX4JjG+tlgt+yQKBgQCuwTL4hA6KqeInQ0Ta\n9VQX5Qr8hFlqJz1gpymi/k63tW/Ob8yedbg3WWNWyShwRMFYyY9S81ITFWM95uL6\nvF3x9rmRjwElJw9PMwVu6dmf/CO0Z1wzXSp2VVD12gbrUD/0/d7MUoJ9LgC8X8f/\nn0txLHYGHbx+nf95+JUg6lV3hg==\n-----END PRIVATE KEY-----";
+const privateKey = "-----BEGIN PRIVATE KEY-----\nMIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDHo80SecH7FuF2\nhFYnb+l26/VN8UMLXAQFLnxciNTEwkGVFMpdezlH8rU2HtUJL4RETogbAOLVY0XM\njs6sPn8G1nALmh9qeDpUtVqFOVtBHxEZ910TLOtQiunjqJKO5nWdqZ71EC3OFluR\niGQkO84BiIFbv37ub7xl3S8XarbtKoLcyVpkDHi+1wx1pgCAn6gtBUgckPL5NR8j\nLseabl3HAXQfhTCKo4tmOFM2Dxwl1IUMmIJrJg/aIU/U0tj/1Eoo7mG0JcNWX19l\nW3EecCbi0ncCJOrkUdwlBrcjaMayaX/ubEwyUeTGiLdyc4L3GRLHjyK8xgVNXRMH\nbZWJ2a5NAgMBAAECggEASxuE+35zTFO/XydKgmvIGcWL9FbgMlXb7Vcf0nBoG945\nbiz0NVc2paraIhJXc608xbYF3qLmtAE1MVBI0ORyRdBHNxY024l/6H6SH60Ed+uI\nM4ysp5ourY6Vj+DLwpdRiI9YDjqYAQDIUmhNxJP7XPhOMoZI6st+xZQBM34ic/bv\nAMSJm9OZphSp3+qXVkFZztr2mxD2EZSJJLYxi8BCdgM2qhazalbcJ6zDKHCZWVWm\n8RRxDGldyMb/237JxETzP40tAlzOZDmBAbUgEnurDJ93RVDIE3rbZUshwgeQd18a\nem096mWgvB1AIKYgsTAR3pw+V19YWAjq/glP6fz8wQKBgQD/oQq+ukKF0PRgBeM5\ngeTjSwsdGppQLmf5ndujvoiz/TpdjDEPu6R8kigQr1rG2t4K/yfdZoI8RdmJD1al\n3Q7N9hofooSy4rj6E3txzWZCHJjHad2cnCp/O26HiReGAl7wTcfTmNdiFHhZQzm5\nJBkvWAiwuvQMNfEbnXxw6/vIDwKBgQDH7fX8gsc77JLvAWgp1MaQN/sbqVb6JeT1\nFQfR8E/WFCSmzQBtNzd5KgYuCeelwr/8DyYytvN2BzCYZXp73gI1jF3YlW5jVn74\nOY6TwQ095digwo6Z0yuxopdIOApKgAkL9PRKgNrqAf3NAyMua6lOGifzjDojC3KU\nfylQmxMn4wKBgHp2B9O/H0dEBw5JQ8W0+JX6yWQz7mEjGiR2/1W+XXb8hQ1zr709\nw1r6Gb+EghRpnZ3fBpYGGbYOMFx8wKHM+N6qW3F0ReX8v2juFGE8aRSa5oYBrWzt\nU16Idjbv8hj84cZ1PJmdyvDtpYn9rpWHOZl4rxEbPvbqkIsOMyNVqdT5AoGAOSge\nmwIIU2le2FVeohbibXiToWTYKMuMmURZ5/r72AgKMmWJKbAPe+Q3wBG01/7FRBpQ\noU8Ma0HC8s6QJbliiEyIx9JwrJWd1vkdecBHONrtA4ibm/5zD2WcOllLF+FitLhi\n3qnX6+6F0IaFGFBPJrTzlv0P4dTz/OAdv52V7GECgYEA2TttOKBAqWllgOaZOkql\nLVMJVmgR7s6tLi1+cEP8ZcapV9aRbRzTAKXm4f8AEhtlG9F9kCOvHYCYGi6JaiWJ\nZkHjeex3T+eE6Di6y5Bm/Ift5jtVhJ4jCVwHOKTMej79NPUFTJfv8hCo29haBDv6\nRXFrv+T21KCcw8k3sJeJWWQ=\n-----END PRIVATE KEY-----";
 /*
  * The crypto algorithm used for importing key and signing string
  */
@@ -40683,20 +40695,27 @@ var index$1 = /*#__PURE__*/Object.freeze({
   getGlobalStoryTargets: getGlobalStoryTargets
 });
 
-const convertToNetworkAds = (data) => {
-    const { ads, settings } = data;
-    return {
-        ads: ads.map(LinkedObject.ad),
-        settings,
-    };
+const convertToInternalAd = (ad) => {
+    return Object.assign(Object.assign({}, ad), { endAt: ad.endAt ? ad.endAt : null });
+};
+const convertToInternalAdvertiser = (advertiser) => {
+    return Object.assign({}, advertiser);
 };
 const getNetworkAds = async () => {
     const client = getActiveClient();
     const { data } = await client.http.get('/api/v1/ads/me');
-    const { settings } = data, rest = __rest(data, ["settings"]);
-    ingestInCache(rest);
-    pushToCache(['ad', 'setting'], settings);
-    return convertToNetworkAds(data);
+    const internalAds = data.ads.map(convertToInternalAd);
+    const internalAdvertisers = data.advertisers.map(convertToInternalAdvertiser);
+    ingestInCache({
+        ads: internalAds,
+        advertisers: internalAdvertisers,
+        files: data.files,
+    });
+    pushToCache(['ad', 'setting'], data.settings);
+    return {
+        ads: internalAds.map(LinkedObject.ad),
+        settings: data.settings,
+    };
 };
 
 var index = /*#__PURE__*/Object.freeze({