fix: Add rate limit to markAsDelivered call (#143)

Co-authored-by: Sravan S <sravan@sendbird.com>
fixes: https://sendbird.atlassian.net/browse/UIKIT-1718

Author: sravan-s

src/smart-components/ChannelList/index.jsx

@@ -27,6 +27,7 @@ import { uuidv4 } from '../../utils/uuid';
 import './index.scss';
 
 const noop = () => { };
+const DELIVERY_RECIPT = 'delivery_receipt';
 
 function ChannelList(props) {
   const {
@@ -232,9 +233,20 @@ function ChannelList(props) {
                 type: channelListActions.FETCH_CHANNELS_SUCCESS,
                 payload: channelList,
               });
-              if (channelList && typeof channelList.forEach === 'function') {
+
+              const canSetMarkAsDelivered = sdk?.appInfo?.premiumFeatureList
+                ?.find((feature) => (feature === DELIVERY_RECIPT));
+
+              if (canSetMarkAsDelivered) {
                 logger.info('ChannelList: Marking all channels as read');
-                channelList.forEach((c) => c.markAsDelivered());
+                // eslint-disable-next-line no-unused-expressions
+                channelList?.forEach((channel, idx) => {
+                  // Plan-based rate limits - minimum limit is 5 requests per second
+                  setTimeout(() => {
+                    // eslint-disable-next-line no-unused-expressions
+                    channel?.markAsDelivered();
+                  }, 500 * idx);
+                });
               }
             });
           }

src/smart-components/ChannelList/utils.js

@@ -1,6 +1,7 @@
 import * as channelActions from './dux/actionTypes';
 import * as topics from '../../lib/pubSub/topics';
 
+const DELIVERY_RECIPT = 'delivery_receipt';
 const createEventHandler = ({
   sdk,
   sdkChannelHandlerId,
@@ -217,9 +218,18 @@ function setupChannelList({
         type: channelActions.INIT_CHANNELS_SUCCESS,
         payload: sorted,
       });
-      if (channelList && typeof channelList.forEach === 'function') {
-        logger.info('ChannelList - mark all channels as delivered');
-        channelList.forEach((c) => c.markAsDelivered());
+      const canSetMarkAsDelivered = sdk?.appInfo?.premiumFeatureList
+        ?.find((feature) => (feature === DELIVERY_RECIPT));
+      if (canSetMarkAsDelivered) {
+        logger.info('ChannelList: Marking all channels as read');
+        // eslint-disable-next-line no-unused-expressions
+        channelList?.forEach((channel, idx) => {
+          // Plan-based rate limits - minimum limit is 5 requests per second
+          setTimeout(() => {
+            // eslint-disable-next-line no-unused-expressions
+            channel?.markAsDelivered();
+          }, 500 * idx);
+        });
       }
     });
   } else {