Merge pull request #159 from sendbird/feat/reactions-super-group

feat(CLNP-2026): support reactions for super group channel

Author: bang9

packages/uikit-react-native/package.json

@@ -62,7 +62,7 @@
     "@openspacelabs/react-native-zoomable-view": "^2.1.5",
     "@sendbird/uikit-chat-hooks": "3.4.3",
     "@sendbird/uikit-react-native-foundation": "3.4.3",
-    "@sendbird/uikit-tools": "0.0.1-alpha.58",
+    "@sendbird/uikit-tools": "0.0.1-alpha.66",
     "@sendbird/uikit-utils": "3.4.3"
   },
   "devDependencies": {

packages/uikit-react-native/src/components/ChannelMessageList/index.tsx

@@ -356,9 +356,13 @@ const useCreateMessagePressActions = <T extends SendbirdGroupChannel | SendbirdO
       }
     }
 
+    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
     const bottomSheetItem: BottomSheetItem = {
       sheetItems,
-      HeaderComponent: shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions)
+      HeaderComponent: shouldRenderReaction(
+        channel,
+        channel.isGroupChannel() && (channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions),
+      )
         ? ({ onClose }) => <ReactionAddons.BottomSheet message={message} channel={channel} onClose={onClose} />
         : undefined,
     };

packages/uikit-react-native/src/components/GroupChannelMessageRenderer/index.tsx

@@ -59,8 +59,9 @@ const GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'
   );
 
   const reactionChildren = useIIFE(() => {
+    const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
     if (
-      shouldRenderReaction(channel, sbOptions.uikitWithAppInfo.groupChannel.channel.enableReactions) &&
+      shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions) &&
       message.reactions &&
       message.reactions.length > 0
     ) {

packages/uikit-react-native/src/contexts/ReactionCtx.tsx

@@ -46,6 +46,9 @@ export const ReactionProvider = ({ children, onPressUserProfile }: Props) => {
 
   const openReactionUserList: ReactionContextType['openReactionUserList'] = useCallback(
     ({ channel, message, focusIndex = 0 }) => {
+      // NOTE: We don't support reaction user list for supergroup channel
+      if (channel.isGroupChannel() && channel.isSuper) return;
+
       setState({ channel, message });
       setReactionUserListFocusIndex(focusIndex);
       setReactionUserListVisible(true);

packages/uikit-react-native/src/contexts/SendbirdChatCtx.tsx

@@ -52,16 +52,17 @@ export type SendbirdChatContextType = {
     uikitWithAppInfo: {
       groupChannel: {
         channel: {
-          enableReactions: boolean;
-          enableOgtag: boolean;
+          readonly enableReactions: boolean;
+          readonly enableReactionsSupergroup: boolean;
+          readonly enableOgtag: boolean;
         };
         setting: {
-          enableMessageSearch: boolean;
+          readonly enableMessageSearch: boolean;
         };
       };
       openChannel: {
         channel: {
-          enableOgtag: boolean;
+          readonly enableOgtag: boolean;
         };
       };
     };

packages/uikit-utils/src/sendbird/message.ts

@@ -144,8 +144,8 @@ export function shouldRenderReaction(channel: SendbirdBaseChannel, reactionEnabl
 
   if (channel.isGroupChannel()) {
     if (channel.isBroadcast) return false;
-    if (channel.isSuper) return false;
     if (channel.isEphemeral) return false;
+    if (channel.isChatNotification) return false;
   }
 
   return reactionEnabled;

yarn.lock

@@ -3389,10 +3389,10 @@
   resolved "https://registry.yarnpkg.com/@sendbird/react-native-scrollview-enhancer/-/react-native-scrollview-enhancer-0.2.1.tgz#25de4af78293978a4c0ef6fddee25d822a364c46"
   integrity sha512-LN+Tm+ZUkE2MBVreg/JI8SVr8SOKRteZN0YFpGzRtbKkP45+pKyPN4JQPf73eFx7qO8zDL+TUVyzz/1MOnIK7g==
 
-"@sendbird/[email protected].58":
-  version "0.0.1-alpha.58"
-  resolved "https://registry.yarnpkg.com/@sendbird/uikit-tools/-/uikit-tools-0.0.1-alpha.58.tgz#1aabaed673e0f38e46d149f76309c8ae04db2835"
-  integrity sha512-lZfG+1CjV3eNHpX58D56Yjr24OaH0qjs4gqKJb2rHin4wcD6yJ8Plhb7+mp8IuinM+BXhCsNwwikVQVPzgHnUA==
+"@sendbird/[email protected].66":
+  version "0.0.1-alpha.66"
+  resolved "https://registry.yarnpkg.com/@sendbird/uikit-tools/-/uikit-tools-0.0.1-alpha.66.tgz#5328f1768c130b15cdec9f0ab9f21d2da269ba62"
+  integrity sha512-IE8HHqTcAVunnVhcfsxQCRmOoCNHx3c8ZP3eZeqYJB876DrnM38ne5TZVao2ZFSmbiZZQ7xc9DClEiZuZUgvnQ==
 
 "@sideway/address@^4.1.3":
   version "4.1.4"