@sendbird/uikit-chat-hooks 2.4.1 → 2.4.2

package/src/channel/useGroupChannelMessages/useGroupChannelMessagesWithQuery.ts

@@ -1,4 +1,4 @@
-import { useCallback, useRef } from 'react';
+import { useRef } from 'react';
 
 import type {
   SendbirdBaseChannel,
@@ -11,6 +11,7 @@ import {
   isDifferentChannel,
   useAsyncEffect,
   useForceUpdate,
+  useFreshCallback,
   useUniqHandlerId,
 } from '@sendbird/uikit-utils';
 
@@ -57,20 +58,17 @@ export const useGroupChannelMessagesWithQuery: UseGroupChannelMessages = (sdk, c
     }
   };
 
-  const init = useCallback(
-    async (uid?: string) => {
-      if (uid) {
-        queryRef.current = createMessageQuery(channel, options?.queryCreator);
-        channelMarkAsRead();
-        if (queryRef.current?.hasNext) {
-          const list = await queryRef.current?.load();
-          updateMessages(list, true, sdk.currentUser.userId);
-        }
-        updateNextMessages([], true, sdk.currentUser.userId);
+  const init = useFreshCallback(async (uid?: string) => {
+    if (uid) {
+      queryRef.current = createMessageQuery(channel, options?.queryCreator);
+      channelMarkAsRead();
+      if (queryRef.current?.hasNext) {
+        const list = await queryRef.current?.load();
+        updateMessages(list, true, sdk.currentUser.userId);
       }
-    },
-    [sdk, channel.url, options?.queryCreator],
-  );
+      updateNextMessages([], true, sdk.currentUser.userId);
+    }
+  });
 
   const channelUpdater = (channel: SendbirdBaseChannel) => {
     if (channel.isGroupChannel() && !isDifferentChannel(channel, channel)) {
@@ -130,29 +128,29 @@ export const useGroupChannelMessagesWithQuery: UseGroupChannelMessages = (sdk, c
     updateLoading(true);
     await init(userId);
     updateLoading(false);
-  }, [init, userId]);
+  }, [channel.url, userId]);
 
-  const refresh: ReturnType<UseGroupChannelMessages>['refresh'] = useCallback(async () => {
+  const refresh: ReturnType<UseGroupChannelMessages>['refresh'] = useFreshCallback(async () => {
     updateRefreshing(true);
     await init(userId);
     updateRefreshing(false);
-  }, [init, userId]);
+  });
 
-  const prev: ReturnType<UseGroupChannelMessages>['prev'] = useCallback(async () => {
+  const prev: ReturnType<UseGroupChannelMessages>['prev'] = useFreshCallback(async () => {
     if (queryRef.current && queryRef.current?.hasNext) {
       const list = await queryRef.current?.load();
       updateMessages(list, false, sdk.currentUser.userId);
     }
-  }, []);
+  });
 
-  const next: ReturnType<UseGroupChannelMessages>['next'] = useCallback(async () => {
+  const next: ReturnType<UseGroupChannelMessages>['next'] = useFreshCallback(async () => {
     if (nextMessages.length > 0) {
       updateMessages(nextMessages, false, sdk.currentUser.userId);
       updateNextMessages([], true, sdk.currentUser.userId);
     }
-  }, [nextMessages.length]);
+  });
 
-  const sendUserMessage: ReturnType<UseGroupChannelMessages>['sendUserMessage'] = useCallback(
+  const sendUserMessage: ReturnType<UseGroupChannelMessages>['sendUserMessage'] = useFreshCallback(
     (params, onPending) => {
       return new Promise((resolve, reject) => {
         channel
@@ -175,9 +173,8 @@ export const useGroupChannelMessagesWithQuery: UseGroupChannelMessages = (sdk, c
           });
       });
     },
-    [channel],
   );
-  const sendFileMessage: ReturnType<UseGroupChannelMessages>['sendFileMessage'] = useCallback(
+  const sendFileMessage: ReturnType<UseGroupChannelMessages>['sendFileMessage'] = useFreshCallback(
     (params, onPending) => {
       return new Promise((resolve, reject) => {
         channel
@@ -200,25 +197,22 @@ export const useGroupChannelMessagesWithQuery: UseGroupChannelMessages = (sdk, c
           });
       });
     },
-    [channel],
   );
-  const updateUserMessage: ReturnType<UseGroupChannelMessages>['updateUserMessage'] = useCallback(
+  const updateUserMessage: ReturnType<UseGroupChannelMessages>['updateUserMessage'] = useFreshCallback(
     async (messageId, params) => {
       const updatedMessage = await channel.updateUserMessage(messageId, params);
       updateMessages([updatedMessage], false, sdk.currentUser.userId);
       return updatedMessage;
     },
-    [channel],
   );
-  const updateFileMessage: ReturnType<UseGroupChannelMessages>['updateFileMessage'] = useCallback(
+  const updateFileMessage: ReturnType<UseGroupChannelMessages>['updateFileMessage'] = useFreshCallback(
     async (messageId, params) => {
       const updatedMessage = await channel.updateFileMessage(messageId, params);
       updateMessages([updatedMessage], false, sdk.currentUser.userId);
       return updatedMessage;
     },
-    [channel],
   );
-  const resendMessage: ReturnType<UseGroupChannelMessages>['resendMessage'] = useCallback(
+  const resendMessage: ReturnType<UseGroupChannelMessages>['resendMessage'] = useFreshCallback(
     async (failedMessage) => {
       const message = await (() => {
         if (failedMessage.isUserMessage()) return channel.resendUserMessage(failedMessage);
@@ -228,19 +222,15 @@ export const useGroupChannelMessagesWithQuery: UseGroupChannelMessages = (sdk, c
 
       if (message) updateNextMessages([message], false, sdk.currentUser.userId);
     },
-    [channel],
-  );
-  const deleteMessage: ReturnType<UseGroupChannelMessages>['deleteMessage'] = useCallback(
-    async (message) => {
-      if (message.sendingStatus === 'succeeded') {
-        if (message.isUserMessage()) await channel.deleteMessage(message);
-        if (message.isFileMessage()) await channel.deleteMessage(message);
-      } else {
-        deleteMessages([message.messageId], [message.reqId]);
-      }
-    },
-    [channel],
   );
+  const deleteMessage: ReturnType<UseGroupChannelMessages>['deleteMessage'] = useFreshCallback(async (message) => {
+    if (message.sendingStatus === 'succeeded') {
+      if (message.isUserMessage()) await channel.deleteMessage(message);
+      if (message.isFileMessage()) await channel.deleteMessage(message);
+    } else {
+      deleteMessages([message.messageId], [message.reqId]);
+    }
+  });
 
   return {
     loading,

package/src/channel/useOpenChannelList/useOpenChannelListWithQuery.ts

@@ -79,7 +79,7 @@ export const useOpenChannelListWithQuery: UseOpenChannelList = (sdk, userId, opt
     } finally {
       updateLoading(false);
     }
-  }, [init, userId]);
+  }, [userId]);
 
   const refresh = useFreshCallback(async () => {
     updateRefreshing(true);

package/src/channel/useOpenChannelMessages/reducer.ts

@@ -12,7 +12,7 @@ type Action =
     }
   | {
       type: 'update_messages' | 'update_next_messages';
-      value: { messages: SendbirdBaseMessage[]; clearPrev: boolean; currentUserId?: string };
+      value: { messages: SendbirdBaseMessage[]; clearBeforeAction: boolean; currentUserId?: string };
     }
   | {
       type: 'delete_messages' | 'delete_next_messages';
@@ -28,18 +28,19 @@ type State = {
 
 const defaultReducer = ({ ...draft }: State, action: Action) => {
   switch (action.type) {
-    case 'update_refreshing':
+    case 'update_refreshing': {
+      draft['refreshing'] = action.value.status;
+      return draft;
+    }
     case 'update_loading': {
-      const key = action.type === 'update_loading' ? 'loading' : 'refreshing';
-      draft[key] = action.value.status;
-
+      draft['loading'] = action.value.status;
       return draft;
     }
     case 'update_messages':
     case 'update_next_messages': {
       const key = action.type === 'update_messages' ? 'messageMap' : 'nextMessageMap';
       const receivedMessagesAsMap = arrayToMapWithGetter(action.value.messages, getMessageUniqId);
-      if (action.value.clearPrev) {
+      if (action.value.clearBeforeAction) {
         draft[key] = receivedMessagesAsMap;
       } else {
         draft[key] = { ...draft[key], ...receivedMessagesAsMap };
@@ -82,14 +83,14 @@ export const useOpenChannelMessagesReducer = (
     nextMessageMap: {},
   });
 
-  const updateMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {
-    dispatch({ type: 'update_messages', value: { messages, clearPrev, currentUserId } });
+  const updateMessages = (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => {
+    dispatch({ type: 'update_messages', value: { messages, clearBeforeAction, currentUserId } });
   };
   const deleteMessages = (messageIds: number[], reqIds: string[]) => {
     dispatch({ type: 'delete_messages', value: { messageIds, reqIds } });
   };
-  const updateNextMessages = (messages: SendbirdBaseMessage[], clearPrev: boolean, currentUserId?: string) => {
-    dispatch({ type: 'update_next_messages', value: { messages, clearPrev, currentUserId } });
+  const updateNextMessages = (messages: SendbirdBaseMessage[], clearBeforeAction: boolean, currentUserId?: string) => {
+    dispatch({ type: 'update_next_messages', value: { messages, clearBeforeAction, currentUserId } });
   };
   const deleteNextMessages = (messageIds: number[], reqIds: string[]) => {
     dispatch({ type: 'delete_next_messages', value: { messageIds, reqIds } });

package/src/channel/useOpenChannelMessages/useOpenChannelMessagesWithQuery.ts

@@ -124,7 +124,7 @@ export const useOpenChannelMessagesWithQuery: UseOpenChannelMessages = (sdk, cha
     return () => {
       channel.exit().catch(NOOP);
     };
-  }, [init, userId]);
+  }, [channel.url, userId]);
 
   const refresh: ReturnType<UseOpenChannelMessages>['refresh'] = useFreshCallback(async () => {
     updateRefreshing(true);

package/src/common/useUserList.ts

@@ -36,7 +36,7 @@ const createUserQuery = <User extends UserStruct>(
  * ```
  * */
 export const useUserList = <
-  Options extends UseUserListOptions<QueriedUser>,
+  Options extends UseUserListOptions<UserStruct>,
   QueriedUser extends UserStruct = Options['queryCreator'] extends Optional<
     () => CustomQueryInterface<infer User extends UserStruct>
   >
@@ -44,7 +44,7 @@ export const useUserList = <
     : SendbirdUser,
 >(
   sdk: SendbirdChatSDK,
-  options?: Options,
+  options?: UseUserListOptions<QueriedUser>,
 ): UseUserListReturn<QueriedUser> => {
   const query = useRef<CustomQueryInterface<QueriedUser>>();
 

package/src/handler/useChannelHandler.ts

@@ -2,26 +2,15 @@ import { useEffect, useLayoutEffect, useRef } from 'react';
 
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { Logger, SendbirdChatSDK } from '@sendbird/uikit-utils';
+import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
 
 type ChannelType = 'open' | 'group';
 
-function getChannelHandler(type: ChannelType) {
-  switch (type) {
-    case 'open': {
-      return new OpenChannelHandler();
-    }
-    case 'group':
-    default: {
-      return new GroupChannelHandler();
-    }
-  }
-}
 export const useChannelHandler = <T extends ChannelType = 'group'>(
   sdk: SendbirdChatSDK,
   handlerId: string,
   hookHandler: Partial<T extends 'group' ? GroupChannelHandler : OpenChannelHandler>,
-  type = 'group' as T,
+  type: T = 'group' as T,
 ) => {
   const handlerRef = useRef(hookHandler);
   useLayoutEffect(() => {
@@ -29,21 +18,19 @@ export const useChannelHandler = <T extends ChannelType = 'group'>(
   });
 
   useEffect(() => {
-    Logger.debug('[useChannelHandler] hook called by', handlerId);
-
-    const handler = getChannelHandler(type);
-    const handlerKeys = Object.keys(handler) as (keyof typeof handler)[];
-    handlerKeys.forEach((key) => {
-      handler[key] = (...args: unknown[]) => {
+    const handlerMapper = <T extends GroupChannelHandler | OpenChannelHandler>(handler: T): T => {
+      const handlerKeys = Object.keys(handler) as (keyof T)[];
+      handlerKeys.forEach((key) => {
         // @ts-ignore
-        handlerRef.current[key]?.(...args);
-      };
-    });
+        handler[key] = (...args: unknown[]) => handlerRef.current?.[key]?.(...args);
+      });
+      return handler;
+    };
 
     if (type === 'group') {
-      sdk.groupChannel.addGroupChannelHandler(handlerId, handler);
+      sdk.groupChannel.addGroupChannelHandler(handlerId, handlerMapper(new GroupChannelHandler()));
     } else if (type === 'open') {
-      sdk.openChannel.addOpenChannelHandler(handlerId, handler);
+      sdk.openChannel.addOpenChannelHandler(handlerId, handlerMapper(new OpenChannelHandler()));
     }
 
     return () => {

package/src/handler/useConnectionHandler.ts

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect, useLayoutEffect, useRef } from 'react';
 
 import { ConnectionHandler } from '@sendbird/chat';
 import { Logger, SendbirdChatSDK } from '@sendbird/uikit-utils';
@@ -7,19 +7,25 @@ export const useConnectionHandler = (
   sdk: SendbirdChatSDK,
   handlerId: string,
   hookHandler: Partial<ConnectionHandler>,
-  deps: React.DependencyList = [],
 ) => {
+  const handlerRef = useRef<Partial<ConnectionHandler>>();
+  useLayoutEffect(() => {
+    handlerRef.current = hookHandler;
+  });
+
   useEffect(() => {
     Logger.info('[useConnectionHandler]', handlerId);
 
     const handler = new ConnectionHandler();
     const handlerKeys = Object.keys(handler) as (keyof typeof handler)[];
     handlerKeys.forEach((key) => {
-      // @ts-ignore
-      if (hookHandler[key]) handler[key] = hookHandler[key];
+      handler[key] = (...args: unknown[]) => {
+        // @ts-ignore
+        handlerRef.current[key]?.(...args);
+      };
     });
 
     sdk.addConnectionHandler(handlerId, handler);
     return () => sdk.removeConnectionHandler(handlerId);
-  }, [sdk, handlerId, ...deps]);
+  }, [sdk, handlerId]);
 };

package/src/index.ts

@@ -9,7 +9,6 @@ export { useOpenChannel } from './channel/useOpenChannel';
 export { useAppFeatures } from './common/useAppFeatures';
 export { useMessageOutgoingStatus } from './common/useMessageOutgoingStatus';
 export { usePushTrigger } from './common/usePushTrigger';
-export { useTotalUnreadChannelCount } from './common/useTotalUnreadChannelCount';
 export { useTotalUnreadMessageCount } from './common/useTotalUnreadMessageCount';
 export { useUserList } from './common/useUserList';
 

package/lib/commonjs/common/useTotalUnreadChannelCount.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTotalUnreadChannelCount = void 0;
-
-var _react = require("react");
-
-var _uikitUtils = require("@sendbird/uikit-utils");
-
-var _useUserEventHandler = require("../handler/useUserEventHandler");
-
-const useTotalUnreadChannelCount = (sdk, params) => {
-  const handlerId = (0, _uikitUtils.useUniqHandlerId)('useTotalUnreadChannelCount');
-  const [unreadChannelCount, setUnreadChannelCount] = (0, _react.useState)(0);
-  (0, _uikitUtils.useAsyncEffect)(async () => {
-    setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());
-  }, [sdk]);
-  (0, _useUserEventHandler.useUserEventHandler)(sdk, handlerId, {
-    onTotalUnreadMessageCountUpdated: async () => {
-      setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());
-    }
-  });
-  return (0, _uikitUtils.truncatedCount)(unreadChannelCount, params === null || params === void 0 ? void 0 : params.maxCount);
-};
-
-exports.useTotalUnreadChannelCount = useTotalUnreadChannelCount;
-//# sourceMappingURL=useTotalUnreadChannelCount.js.map

package/lib/commonjs/common/useTotalUnreadChannelCount.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useTotalUnreadChannelCount","sdk","params","handlerId","useUniqHandlerId","unreadChannelCount","setUnreadChannelCount","useState","useAsyncEffect","groupChannel","getTotalUnreadChannelCount","useUserEventHandler","onTotalUnreadMessageCountUpdated","truncatedCount","maxCount"],"sources":["useTotalUnreadChannelCount.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { SendbirdChatSDK } from '@sendbird/uikit-utils';\nimport { truncatedCount, useAsyncEffect, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useUserEventHandler } from '../handler/useUserEventHandler';\n\ntype Params = {\n  maxCount?: number;\n};\nexport const useTotalUnreadChannelCount = (sdk: SendbirdChatSDK, params?: Params) => {\n  const handlerId = useUniqHandlerId('useTotalUnreadChannelCount');\n  const [unreadChannelCount, setUnreadChannelCount] = useState(0);\n\n  useAsyncEffect(async () => {\n    setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());\n  }, [sdk]);\n\n  useUserEventHandler(sdk, handlerId, {\n    onTotalUnreadMessageCountUpdated: async () => {\n      setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());\n    },\n  });\n\n  return truncatedCount(unreadChannelCount, params?.maxCount);\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEA;;AAKO,MAAMA,0BAA0B,GAAG,CAACC,GAAD,EAAuBC,MAAvB,KAA2C;EACnF,MAAMC,SAAS,GAAG,IAAAC,4BAAA,EAAiB,4BAAjB,CAAlB;EACA,MAAM,CAACC,kBAAD,EAAqBC,qBAArB,IAA8C,IAAAC,eAAA,EAAS,CAAT,CAApD;EAEA,IAAAC,0BAAA,EAAe,YAAY;IACzBF,qBAAqB,CAAC,MAAML,GAAG,CAACQ,YAAJ,CAAiBC,0BAAjB,EAAP,CAArB;EACD,CAFD,EAEG,CAACT,GAAD,CAFH;EAIA,IAAAU,wCAAA,EAAoBV,GAApB,EAAyBE,SAAzB,EAAoC;IAClCS,gCAAgC,EAAE,YAAY;MAC5CN,qBAAqB,CAAC,MAAML,GAAG,CAACQ,YAAJ,CAAiBC,0BAAjB,EAAP,CAArB;IACD;EAHiC,CAApC;EAMA,OAAO,IAAAG,0BAAA,EAAeR,kBAAf,EAAmCH,MAAnC,aAAmCA,MAAnC,uBAAmCA,MAAM,CAAEY,QAA3C,CAAP;AACD,CAfM"}

package/lib/module/common/useTotalUnreadChannelCount.js

@@ -1,17 +0,0 @@
-import { useState } from 'react';
-import { truncatedCount, useAsyncEffect, useUniqHandlerId } from '@sendbird/uikit-utils';
-import { useUserEventHandler } from '../handler/useUserEventHandler';
-export const useTotalUnreadChannelCount = (sdk, params) => {
-  const handlerId = useUniqHandlerId('useTotalUnreadChannelCount');
-  const [unreadChannelCount, setUnreadChannelCount] = useState(0);
-  useAsyncEffect(async () => {
-    setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());
-  }, [sdk]);
-  useUserEventHandler(sdk, handlerId, {
-    onTotalUnreadMessageCountUpdated: async () => {
-      setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());
-    }
-  });
-  return truncatedCount(unreadChannelCount, params === null || params === void 0 ? void 0 : params.maxCount);
-};
-//# sourceMappingURL=useTotalUnreadChannelCount.js.map

package/lib/module/common/useTotalUnreadChannelCount.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","truncatedCount","useAsyncEffect","useUniqHandlerId","useUserEventHandler","useTotalUnreadChannelCount","sdk","params","handlerId","unreadChannelCount","setUnreadChannelCount","groupChannel","getTotalUnreadChannelCount","onTotalUnreadMessageCountUpdated","maxCount"],"sources":["useTotalUnreadChannelCount.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { SendbirdChatSDK } from '@sendbird/uikit-utils';\nimport { truncatedCount, useAsyncEffect, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { useUserEventHandler } from '../handler/useUserEventHandler';\n\ntype Params = {\n  maxCount?: number;\n};\nexport const useTotalUnreadChannelCount = (sdk: SendbirdChatSDK, params?: Params) => {\n  const handlerId = useUniqHandlerId('useTotalUnreadChannelCount');\n  const [unreadChannelCount, setUnreadChannelCount] = useState(0);\n\n  useAsyncEffect(async () => {\n    setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());\n  }, [sdk]);\n\n  useUserEventHandler(sdk, handlerId, {\n    onTotalUnreadMessageCountUpdated: async () => {\n      setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());\n    },\n  });\n\n  return truncatedCount(unreadChannelCount, params?.maxCount);\n};\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,OAAzB;AAGA,SAASC,cAAT,EAAyBC,cAAzB,EAAyCC,gBAAzC,QAAiE,uBAAjE;AAEA,SAASC,mBAAT,QAAoC,gCAApC;AAKA,OAAO,MAAMC,0BAA0B,GAAG,CAACC,GAAD,EAAuBC,MAAvB,KAA2C;EACnF,MAAMC,SAAS,GAAGL,gBAAgB,CAAC,4BAAD,CAAlC;EACA,MAAM,CAACM,kBAAD,EAAqBC,qBAArB,IAA8CV,QAAQ,CAAC,CAAD,CAA5D;EAEAE,cAAc,CAAC,YAAY;IACzBQ,qBAAqB,CAAC,MAAMJ,GAAG,CAACK,YAAJ,CAAiBC,0BAAjB,EAAP,CAArB;EACD,CAFa,EAEX,CAACN,GAAD,CAFW,CAAd;EAIAF,mBAAmB,CAACE,GAAD,EAAME,SAAN,EAAiB;IAClCK,gCAAgC,EAAE,YAAY;MAC5CH,qBAAqB,CAAC,MAAMJ,GAAG,CAACK,YAAJ,CAAiBC,0BAAjB,EAAP,CAArB;IACD;EAHiC,CAAjB,CAAnB;EAMA,OAAOX,cAAc,CAACQ,kBAAD,EAAqBF,MAArB,aAAqBA,MAArB,uBAAqBA,MAAM,CAAEO,QAA7B,CAArB;AACD,CAfM"}

package/lib/typescript/src/common/useTotalUnreadChannelCount.d.ts

@@ -1,6 +0,0 @@
-import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
-type Params = {
-    maxCount?: number;
-};
-export declare const useTotalUnreadChannelCount: (sdk: SendbirdChatSDK, params?: Params) => string;
-export {};

package/src/common/useTotalUnreadChannelCount.ts

@@ -1,26 +0,0 @@
-import { useState } from 'react';
-
-import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
-import { truncatedCount, useAsyncEffect, useUniqHandlerId } from '@sendbird/uikit-utils';
-
-import { useUserEventHandler } from '../handler/useUserEventHandler';
-
-type Params = {
-  maxCount?: number;
-};
-export const useTotalUnreadChannelCount = (sdk: SendbirdChatSDK, params?: Params) => {
-  const handlerId = useUniqHandlerId('useTotalUnreadChannelCount');
-  const [unreadChannelCount, setUnreadChannelCount] = useState(0);
-
-  useAsyncEffect(async () => {
-    setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());
-  }, [sdk]);
-
-  useUserEventHandler(sdk, handlerId, {
-    onTotalUnreadMessageCountUpdated: async () => {
-      setUnreadChannelCount(await sdk.groupChannel.getTotalUnreadChannelCount());
-    },
-  });
-
-  return truncatedCount(unreadChannelCount, params?.maxCount);
-};