chore: fixed based on review feedback.

Author: OnestarLee

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

@@ -390,7 +390,10 @@ const useCreateMessagePressActions = <T extends SendbirdGroupChannel | SendbirdO
     const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
     const bottomSheetItem: BottomSheetItem = {
       sheetItems,
-      HeaderComponent: shouldRenderReaction(channel, channel.isGroupChannel() && configs.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/ChannelThreadMessageList/index.tsx

@@ -342,7 +342,10 @@ const useCreateMessagePressActions = <T extends SendbirdGroupChannel | SendbirdO
     const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
     const bottomSheetItem: BottomSheetItem = {
       sheetItems,
-      HeaderComponent: shouldRenderReaction(channel, channel.isGroupChannel() && configs.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

@@ -67,7 +67,11 @@ const GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'
 
   const reactionChildren = useIIFE(() => {
     const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
-    if (shouldRenderReaction(channel, configs.enableReactions) && message.reactions && message.reactions.length > 0) {
+    if (
+      shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions) &&
+      message.reactions &&
+      message.reactions.length > 0
+    ) {
       return <ReactionAddons.Message channel={channel} message={message} />;
     }
     return null;

packages/uikit-react-native/src/components/ReactionBottomSheets/ReactionUserListBottomSheet.tsx

@@ -150,7 +150,7 @@ const ReactionUserListBottomSheet = ({
         {userCountDifference > 0 && (
           <View style={styles.pageItem}>
             <Text body3 color={select({ dark: palette.onBackgroundDark02, light: palette.onBackgroundLight02 })}>
-              And {userCountDifference} others
+              {STRINGS.REACTION.MORE_USERS(userCountDifference)}
             </Text>
           </View>
         )}

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 
-import { SendbirdMember, SendbirdReactedUserInfo, SendbirdUser } from '@sendbird/uikit-utils';
+import { SendbirdReactedUserInfo } from '@sendbird/uikit-utils';
 
 import type { LocalizationContext } from '../../contexts/LocalizationCtx';
 import type { ReactionContext } from '../../contexts/ReactionCtx';
@@ -13,7 +13,7 @@ export type ReactionBottomSheetProps = {
   visible: boolean;
   onDismiss: () => void;
   onClose: () => Promise<void>;
-  onPressUserProfile: (user: SendbirdUser | SendbirdMember | SendbirdReactedUserInfo) => void;
+  onPressUserProfile: (user: SendbirdReactedUserInfo) => void;
   chatCtx: GetFromContext<typeof SendbirdChatContext>;
   reactionCtx: GetFromContext<typeof ReactionContext>;
   localizationCtx: GetFromContext<typeof LocalizationContext>;

packages/uikit-react-native/src/containers/SendbirdUIKitContainer.tsx

@@ -146,7 +146,7 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     ) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;
   };
   reaction?: {
-    onPressUserProfile?: (user: SendbirdUser | SendbirdMember | SendbirdReactedUserInfo) => void;
+    onPressUserProfile?: (user: SendbirdReactedUserInfo) => void;
   };
   userMention?: Pick<Partial<MentionConfigInterface>, 'mentionLimit' | 'suggestionLimit' | 'debounceMills'>;
   imageCompression?: Partial<ImageCompressionConfigInterface>;

packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadParentMessageInfo.tsx

@@ -94,7 +94,7 @@ const GroupChannelThreadParentMessageInfo = (props: GroupChannelThreadProps['Par
 
   const renderReactionAddons = () => {
     const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
-    if (shouldRenderReaction(channel, configs.enableReactions)) {
+    if (shouldRenderReaction(channel, channel.isSuper ? configs.enableReactionsSupergroup : configs.enableReactions)) {
       return (
         <View style={styles.reactionButtonContainer}>
           <ReactionAddons.Message
@@ -302,7 +302,10 @@ const useCreateMessagePressActions = ({
     const configs = sbOptions.uikitWithAppInfo.groupChannel.channel;
     const bottomSheetItem: BottomSheetItem = {
       sheetItems,
-      HeaderComponent: shouldRenderReaction(channel, channel.isGroupChannel() && configs.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/localization/StringSet.type.ts

@@ -324,6 +324,9 @@ export interface StringSet {
     VOICE_MESSAGE: string;
     VOICE_MESSAGE_INPUT_CANCEL: string;
   };
+  REACTION: {
+    MORE_USERS: (userCountDifference: number) => string;
+  };
   FILE_VIEWER: {
     TITLE: (message: SendbirdFileMessage) => string;
     SUBTITLE: (message: SendbirdFileMessage) => string;

packages/uikit-react-native/src/localization/createBaseStringSet.ts

@@ -345,6 +345,9 @@ export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOp
       VOICE_MESSAGE_INPUT_CANCEL: 'Cancel',
       ...overrides?.LABELS,
     },
+    REACTION: {
+      MORE_USERS: (userCountDifference) => `And ${userCountDifference} others`,
+    },
     FILE_VIEWER: {
       TITLE: (message) => message.sender?.nickname || USER_NO_NAME,
       SUBTITLE: (message) => getMessageTimeFormat(new Date(message.createdAt), dateLocale),

packages/uikit-utils/src/types.ts

@@ -25,10 +25,9 @@ import type {
   Member,
   MessageCollection,
 } from '@sendbird/chat/groupChannel';
-import {
+import type {
   OpenChannelCreateParams,
   OpenChannelUpdateParams,
-  ReactedUserInfo,
   SendableMessage,
 } from '@sendbird/chat/lib/__definition';
 import type {
@@ -40,6 +39,7 @@ import type {
   MessageSearchQuery,
   MultipleFilesMessage,
   PreviousMessageListQuery,
+  ReactedUserInfo,
   Reaction,
   UserMessage,
   UserMessageCreateParams,