fix: Apply isReactionEnabled from SendbirdProvider to Channel (#291)

Apply the isReactionEnabled props from the SendbirdProvider to Channel component
* Add isReactionEnabled props into the SendBirdStateConfig (internal interface)
* Keep sync the properties of the interface ChannelContextProps

Author: HoonBaek

scripts/index_d_ts

@@ -214,6 +214,7 @@ declare module "SendbirdUIKitGlobal" {
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     allowProfileEdit: boolean;
     isOnline: boolean;
+    isReactionEnabled: boolean;
     isMentionEnabled: boolean;
     userMention: {
       maxMentionCount: number;
@@ -452,10 +453,10 @@ declare module "SendbirdUIKitGlobal" {
   };
 
   export type ChannelContextProps = {
-    channelUrl: string;
     children?: React.ReactElement;
-    useMessageGrouping?: boolean;
-    useReaction?: boolean;
+    channelUrl: string;
+    isReactionEnabled?: boolean;
+    isMessageGroupingEnabled?: boolean;
     showSearchIcon?: boolean;
     highlightedMessage?: number;
     startingPoint?: number;
@@ -468,7 +469,6 @@ declare module "SendbirdUIKitGlobal" {
     queries?: ChannelQueries;
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactNode | React.ReactElement;
     disableUserProfile?: boolean;
-    renderUserMentionItem?: (props: { user: User }) => JSX.Element;
   };
 
   export interface ChannelUIProps {

src/index.d.ts

@@ -117,6 +117,7 @@ interface SendBirdStateConfig {
   renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
   allowProfileEdit: boolean;
   isOnline: boolean;
+  isReactionEnabled: boolean;
   isMentionEnabled: boolean;
   userMention: {
     maxMentionCount: number;
@@ -596,8 +597,8 @@ type ChannelQueries = {
 };
 
 type ChannelContextProps = {
-  channelUrl: string;
   children?: React.ReactElement;
+  channelUrl: string;
   isReactionEnabled?: boolean;
   isMessageGroupingEnabled?: boolean;
   showSearchIcon?: boolean;

src/lib/SendbirdState.tsx

@@ -41,7 +41,8 @@ interface SendBirdStateConfig {
   theme: SendbirdUIKitThemes;
   setCurrenttheme: (theme: SendbirdUIKitThemes) => void;
   userListQuery?(): UserListQuery;
-  isMentionEnabled?: boolean;
+  isReactionEnabled: boolean;
+  isMentionEnabled: boolean;
   userMention: {
     maxMentionCount: number,
     maxSuggestionCount: number,

src/lib/types.ts

@@ -62,6 +62,7 @@ export interface SendBirdStateConfig {
   logger: Logger;
   setCurrenttheme: (theme: string) => void;
   userListQuery?(): SendBirdTypes.UserListQuery;
+  isReactionEnabled: boolean;
   isMentionEnabled: boolean;
   userMention: {
     maxMentionCount: number,

src/smart-components/Channel/context/ChannelProvider.tsx

@@ -209,7 +209,7 @@ const ChannelProvider: React.FC<ChannelContextProps> = (props: ChannelContextPro
   const isBroadcast = currentGroupChannel?.isBroadcast || false;
   const { appInfo } = sdk;
   const usingReaction = (
-    appInfo?.useReaction && !isBroadcast && !isSuper && isReactionEnabled
+    appInfo?.useReaction && !isBroadcast && !isSuper && (config?.isReactionEnabled || isReactionEnabled)
     // TODO: Make isReactionEnabled independent from appInfo.useReaction
   );