fix: rate limit markAsDelivered (#144)

Co-authored-by: Sravan S <sravan@sendbird.com>

Author: sravan-s

src/smart-components/ChannelList/components/ChannelListUI/index.tsx

@@ -15,6 +15,8 @@ import useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';
 import EditUserProfile from '../../../EditUserProfile';
 import PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';
 
+const DELIVERY_RECIPT = 'delivery_receipt';
+
 interface RenderChannelPreviewProps {
   channel: SendBird.GroupChannel;
   onLeaveChannel(
@@ -124,9 +126,18 @@ const ChannelListUI: React.FC<ChannelListUIProps> = (props: ChannelListUIProps)
                 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) => { sdk.markAsDelivered(c.url) });
+                // eslint-disable-next-line no-unused-expressions
+                channelList?.forEach((c, idx) => {
+                  // Plan-based rate limits - minimum limit is 5 requests per second
+                  setTimeout(() => {
+                    sdk?.markAsDelivered(c?.url);
+                  }, 300 * idx);
+                });
               }
             });
           }

src/smart-components/ChannelList/utils.js

@@ -1,6 +1,8 @@
 import * as channelActions from './dux/actionTypes';
 import * as topics from '../../lib/pubSub/topics';
 
+const DELIVERY_RECIPT = 'delivery_receipt';
+
 const createEventHandler = ({
   sdk,
   sdkChannelHandlerId,
@@ -217,9 +219,19 @@ function setupChannelList({
         type: channelActions.INIT_CHANNELS_SUCCESS,
         payload: sortedChannelList,
       });
-      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((c, idx) => {
+          // Plan-based rate limits - minimum limit is 5 requests per second
+          setTimeout(() => {
+            // eslint-disable-next-line no-unused-expressions
+            sdk?.markAsDelivered(c?.url);
+          }, 300 * idx);
+        });
       }
     });
   } else {