@sendbird/uikit-react-native 2.5.0 → 3.0.0-rc.0

package/src/containers/GroupChannelPreviewContainer.tsx

@@ -32,21 +32,20 @@ type Props = {
   onLongPress: () => void;
 };
 const GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {
-  const { currentUser, sdk, features, mentionManager } = useSendbirdChat();
+  const { currentUser, sdk, sbOptions, mentionManager } = useSendbirdChat();
   const { STRINGS } = useLocalization();
   const { colors } = useUIKitTheme();
 
   const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);
 
-  if (features.channelListTypingIndicatorEnabled) {
-    const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');
-    useChannelHandler(sdk, handlerId, {
-      onTypingStatusUpdated(eventChannel) {
-        if (isDifferentChannel(channel, eventChannel)) return;
-        setTypingUsers(eventChannel.getTypingUsers());
-      },
-    });
-  }
+  const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');
+  useChannelHandler(sdk, handlerId, {
+    onTypingStatusUpdated(eventChannel) {
+      if (isDifferentChannel(channel, eventChannel)) return;
+      if (!sbOptions.uikit.groupChannel.channelList.enableTypingIndicator) return;
+      setTypingUsers(eventChannel.getTypingUsers());
+    },
+  });
 
   const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);
 
@@ -62,8 +61,8 @@ const GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props)
   });
 
   const titleCaptionIcon = useIIFE(() => {
-    if (!channel.lastMessage) return undefined;
-    if (!features.channelListMessageReceiptStatusEnabled) return undefined;
+    if (!channel.lastMessage || channel.isEphemeral) return undefined;
+    if (!sbOptions.uikit.groupChannel.channelList.enableMessageReceiptStatus) return undefined;
     if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;
 
     if (outgoingStatus === 'PENDING') {
@@ -89,6 +88,8 @@ const GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props)
     return undefined;
   });
 
+  const unreadMessageCount = useIIFE(() => (channel.isEphemeral ? 0 : channel.unreadMessageCount));
+
   return (
     <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>
       <GroupChannelPreview
@@ -99,7 +100,7 @@ const GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props)
         titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}
         body={bodyText}
         bodyIcon={fileIcon}
-        badgeCount={channel.unreadMessageCount}
+        badgeCount={unreadMessageCount}
         mentioned={channel.unreadMentionCount > 0}
         mentionTrigger={mentionManager.config.trigger}
         memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}

package/src/containers/SendbirdUIKitContainer.tsx

@@ -14,7 +14,9 @@ import {
   ToastProvider,
   UIKitThemeProvider,
 } from '@sendbird/uikit-react-native-foundation';
+import { SBUConfig, UIKitConfigProvider } from '@sendbird/uikit-tools';
 import type {
+  PartialDeep,
   SendbirdChatSDK,
   SendbirdGroupChannel,
   SendbirdGroupChannelCreateParams,
@@ -26,7 +28,7 @@ import { NOOP, useIsFirstMount } from '@sendbird/uikit-utils';
 import { LocalizationContext, LocalizationProvider } from '../contexts/LocalizationCtx';
 import { PlatformServiceProvider } from '../contexts/PlatformServiceCtx';
 import { ReactionProvider } from '../contexts/ReactionCtx';
-import type { UIKitFeaturesInSendbirdChatContext } from '../contexts/SendbirdChatCtx';
+import type { ChatRelatedFeaturesInUIKit } from '../contexts/SendbirdChatCtx';
 import { SendbirdChatProvider } from '../contexts/SendbirdChatCtx';
 import { UserProfileProvider } from '../contexts/UserProfileCtx';
 import EmojiManager from '../libs/EmojiManager';
@@ -49,18 +51,14 @@ import VERSION from '../version';
 import InternalErrorBoundaryContainer from './InternalErrorBoundaryContainer';
 
 const NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');
-
+type UnimplementedFeatures = 'enableVoiceMessage' | 'threadReplySelectType' | 'replyType';
 export const SendbirdUIKit = Object.freeze({
   VERSION,
   PLATFORM: Platform.OS.toLowerCase(),
   DEFAULT: {
     AUTO_PUSH_TOKEN_REGISTRATION: true,
-    CHANNEL_LIST_TYPING_INDICATOR: false,
-    CHANNEL_LIST_MESSAGE_RECEIPT_STATUS: false,
     USE_USER_ID_FOR_NICKNAME: false,
-    USER_MENTION: false,
     IMAGE_COMPRESSION: true,
-    MESSAGE_SEARCH: false,
   },
 });
 
@@ -72,10 +70,17 @@ export type SendbirdUIKitContainerProps = React.PropsWithChildren<{
     clipboard: ClipboardServiceInterface;
     media: MediaServiceInterface;
   };
-  chatOptions?: {
-    localCacheStorage?: LocalCacheStorage;
+  chatOptions: {
+    localCacheStorage: LocalCacheStorage;
     onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;
-  } & Partial<UIKitFeaturesInSendbirdChatContext>;
+  } & Partial<ChatRelatedFeaturesInUIKit>;
+  uikitOptions?: PartialDeep<{
+    common: SBUConfig['common'];
+    groupChannel: Omit<SBUConfig['groupChannel']['channel'], UnimplementedFeatures>;
+    groupChannelList: SBUConfig['groupChannel']['channelList'];
+    groupChannelSettings: SBUConfig['groupChannel']['setting'];
+    openChannel: SBUConfig['openChannel']['channel'];
+  }>;
   localization?: {
     stringSet?: StringSet;
   };
@@ -109,6 +114,7 @@ const SendbirdUIKitContainer = ({
   children,
   appId,
   chatOptions,
+  uikitOptions,
   platformServices,
   localization,
   styles,
@@ -118,17 +124,18 @@ const SendbirdUIKitContainer = ({
   userMention,
   imageCompression,
 }: SendbirdUIKitContainerProps) => {
+  if (!chatOptions.localCacheStorage) {
+    throw new Error('SendbirdUIKitContainer: chatOptions.localCacheStorage is required');
+  }
+
   const defaultStringSet = localization?.stringSet ?? StringSetEn;
 
   const isFirstMount = useIsFirstMount();
   const unsubscribes = useRef<Array<() => void>>([]);
-  const internalStorage = useMemo(
-    () => (chatOptions?.localCacheStorage ? new InternalLocalCacheStorage(chatOptions.localCacheStorage) : undefined),
-    [chatOptions?.localCacheStorage],
-  );
 
+  const [internalStorage] = useState(() => new InternalLocalCacheStorage(chatOptions.localCacheStorage));
   const [sdkInstance, setSdkInstance] = useState<SendbirdChatSDK>(() => {
-    const sendbird = initializeSendbird(appId, internalStorage, chatOptions?.onInitialized);
+    const sendbird = initializeSendbird(appId, internalStorage, chatOptions.onInitialized);
     unsubscribes.current = sendbird.unsubscribes;
     return sendbird.chatSDK;
   });
@@ -143,13 +150,8 @@ const SendbirdUIKitContainer = ({
       delimiter: MentionConfig.DEFAULT.DELIMITER,
       trigger: MentionConfig.DEFAULT.TRIGGER,
     });
-    return new MentionManager(config, chatOptions?.enableUserMention ?? SendbirdUIKit.DEFAULT.USER_MENTION);
-  }, [
-    chatOptions?.enableUserMention,
-    userMention?.mentionLimit,
-    userMention?.suggestionLimit,
-    userMention?.debounceMills,
-  ]);
+    return new MentionManager(config);
+  }, [userMention?.mentionLimit, userMention?.suggestionLimit, userMention?.debounceMills]);
 
   const imageCompressionConfig = useMemo(() => {
     return new ImageCompressionConfig({
@@ -161,7 +163,7 @@ const SendbirdUIKitContainer = ({
 
   useLayoutEffect(() => {
     if (!isFirstMount) {
-      const sendbird = initializeSendbird(appId, internalStorage, chatOptions?.onInitialized);
+      const sendbird = initializeSendbird(appId, internalStorage, chatOptions.onInitialized);
       setSdkInstance(sendbird.chatSDK);
       unsubscribes.current = sendbird.unsubscribes;
     }
@@ -187,75 +189,81 @@ const SendbirdUIKitContainer = ({
 
   return (
     <SafeAreaProvider>
-      <SendbirdChatProvider
-        sdkInstance={sdkInstance}
-        emojiManager={emojiManager}
-        mentionManager={mentionManager}
-        imageCompressionConfig={imageCompressionConfig}
-        enableAutoPushTokenRegistration={
-          chatOptions?.enableAutoPushTokenRegistration ?? SendbirdUIKit.DEFAULT.AUTO_PUSH_TOKEN_REGISTRATION
-        }
-        enableChannelListTypingIndicator={
-          chatOptions?.enableChannelListTypingIndicator ?? SendbirdUIKit.DEFAULT.CHANNEL_LIST_TYPING_INDICATOR
-        }
-        enableChannelListMessageReceiptStatus={
-          chatOptions?.enableChannelListMessageReceiptStatus ??
-          SendbirdUIKit.DEFAULT.CHANNEL_LIST_MESSAGE_RECEIPT_STATUS
-        }
-        enableUseUserIdForNickname={
-          chatOptions?.enableUseUserIdForNickname ?? SendbirdUIKit.DEFAULT.USE_USER_ID_FOR_NICKNAME
-        }
-        enableUserMention={chatOptions?.enableUserMention ?? SendbirdUIKit.DEFAULT.USER_MENTION}
-        enableImageCompression={chatOptions?.enableImageCompression ?? SendbirdUIKit.DEFAULT.IMAGE_COMPRESSION}
-        enableMessageSearch={chatOptions?.enableMessageSearch ?? SendbirdUIKit.DEFAULT.MESSAGE_SEARCH}
+      <UIKitConfigProvider
+        storage={internalStorage}
+        localConfigs={{
+          common: uikitOptions?.common,
+          groupChannel: {
+            channel: uikitOptions?.groupChannel,
+            channelList: uikitOptions?.groupChannelList,
+            setting: uikitOptions?.groupChannelSettings,
+          },
+          openChannel: {
+            channel: uikitOptions?.openChannel,
+          },
+        }}
       >
-        <LocalizationProvider stringSet={defaultStringSet}>
-          <PlatformServiceProvider
-            fileService={platformServices.file}
-            notificationService={platformServices.notification}
-            clipboardService={platformServices.clipboard}
-            mediaService={platformServices.media}
-          >
-            <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>
-              <HeaderStyleProvider
-                HeaderComponent={styles?.HeaderComponent ?? Header}
-                defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}
-                statusBarTranslucent={styles?.statusBarTranslucent ?? true}
-              >
-                <ToastProvider dismissTimeout={toast?.dismissTimeout}>
-                  <UserProfileProvider
-                    onCreateChannel={userProfile?.onCreateChannel}
-                    onBeforeCreateChannel={userProfile?.onBeforeCreateChannel}
-                    statusBarTranslucent={styles?.statusBarTranslucent ?? true}
-                  >
-                    <ReactionProvider>
-                      <LocalizationContext.Consumer>
-                        {(value) => {
-                          const STRINGS = value?.STRINGS || defaultStringSet;
-                          return (
-                            <DialogProvider
-                              defaultLabels={{
-                                alert: { ok: STRINGS.DIALOG.ALERT_DEFAULT_OK },
-                                prompt: {
-                                  ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
-                                  cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
-                                  placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,
-                                },
-                              }}
-                            >
-                              {renderChildren()}
-                            </DialogProvider>
-                          );
-                        }}
-                      </LocalizationContext.Consumer>
-                    </ReactionProvider>
-                  </UserProfileProvider>
-                </ToastProvider>
-              </HeaderStyleProvider>
-            </UIKitThemeProvider>
-          </PlatformServiceProvider>
-        </LocalizationProvider>
-      </SendbirdChatProvider>
+        <SendbirdChatProvider
+          sdkInstance={sdkInstance}
+          emojiManager={emojiManager}
+          mentionManager={mentionManager}
+          imageCompressionConfig={imageCompressionConfig}
+          enableAutoPushTokenRegistration={
+            chatOptions.enableAutoPushTokenRegistration ?? SendbirdUIKit.DEFAULT.AUTO_PUSH_TOKEN_REGISTRATION
+          }
+          enableUseUserIdForNickname={
+            chatOptions.enableUseUserIdForNickname ?? SendbirdUIKit.DEFAULT.USE_USER_ID_FOR_NICKNAME
+          }
+          enableImageCompression={chatOptions.enableImageCompression ?? SendbirdUIKit.DEFAULT.IMAGE_COMPRESSION}
+        >
+          <LocalizationProvider stringSet={defaultStringSet}>
+            <PlatformServiceProvider
+              fileService={platformServices.file}
+              notificationService={platformServices.notification}
+              clipboardService={platformServices.clipboard}
+              mediaService={platformServices.media}
+            >
+              <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>
+                <HeaderStyleProvider
+                  HeaderComponent={styles?.HeaderComponent ?? Header}
+                  defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}
+                  statusBarTranslucent={styles?.statusBarTranslucent ?? true}
+                >
+                  <ToastProvider dismissTimeout={toast?.dismissTimeout}>
+                    <UserProfileProvider
+                      onCreateChannel={userProfile?.onCreateChannel}
+                      onBeforeCreateChannel={userProfile?.onBeforeCreateChannel}
+                      statusBarTranslucent={styles?.statusBarTranslucent ?? true}
+                    >
+                      <ReactionProvider>
+                        <LocalizationContext.Consumer>
+                          {(value) => {
+                            const STRINGS = value?.STRINGS || defaultStringSet;
+                            return (
+                              <DialogProvider
+                                defaultLabels={{
+                                  alert: { ok: STRINGS.DIALOG.ALERT_DEFAULT_OK },
+                                  prompt: {
+                                    ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
+                                    cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
+                                    placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,
+                                  },
+                                }}
+                              >
+                                {renderChildren()}
+                              </DialogProvider>
+                            );
+                          }}
+                        </LocalizationContext.Consumer>
+                      </ReactionProvider>
+                    </UserProfileProvider>
+                  </ToastProvider>
+                </HeaderStyleProvider>
+              </UIKitThemeProvider>
+            </PlatformServiceProvider>
+          </LocalizationProvider>
+        </SendbirdChatProvider>
+      </UIKitConfigProvider>
     </SafeAreaProvider>
   );
 };

package/src/contexts/SendbirdChatCtx.tsx

@@ -1,6 +1,7 @@
 import React, { useCallback, useState } from 'react';
 
 import { useAppFeatures } from '@sendbird/uikit-chat-hooks';
+import { SBUConfig, useUIKitConfig } from '@sendbird/uikit-tools';
 import type {
   SendbirdChatSDK,
   SendbirdGroupChannel,
@@ -14,17 +15,13 @@ import type ImageCompressionConfig from '../libs/ImageCompressionConfig';
 import type MentionManager from '../libs/MentionManager';
 import type { FileType } from '../platform/types';
 
-export interface UIKitFeaturesInSendbirdChatContext {
+export interface ChatRelatedFeaturesInUIKit {
   enableAutoPushTokenRegistration: boolean;
-  enableChannelListTypingIndicator: boolean;
-  enableChannelListMessageReceiptStatus: boolean;
   enableUseUserIdForNickname: boolean;
-  enableUserMention: boolean;
   enableImageCompression: boolean;
-  enableMessageSearch: boolean;
 }
 
-interface Props extends UIKitFeaturesInSendbirdChatContext, React.PropsWithChildren {
+interface Props extends ChatRelatedFeaturesInUIKit, React.PropsWithChildren {
   sdkInstance: SendbirdChatSDK;
   emojiManager: EmojiManager;
   mentionManager: MentionManager;
@@ -43,23 +40,40 @@ export type SendbirdChatContextType = {
   updateCurrentUserInfo: (nickname?: string, profile?: string | FileType) => Promise<SendbirdUser>;
   markAsDeliveredWithChannel: (channel: SendbirdGroupChannel) => void;
 
-  features: {
-    // RN UIKit features
-    autoPushTokenRegistrationEnabled: boolean;
-
-    // UIKit features
-    channelListTypingIndicatorEnabled: boolean;
-    channelListMessageReceiptStatusEnabled: boolean;
-    useUserIdForNicknameEnabled: boolean;
-    userMentionEnabled: boolean;
-    imageCompressionEnabled: boolean;
-    messageSearchEnabled: boolean;
-
-    // Sendbird application features
-    deliveryReceiptEnabled: boolean;
-    broadcastChannelEnabled: boolean;
-    superGroupChannelEnabled: boolean;
-    reactionEnabled: boolean;
+  sbOptions: {
+    // UIKit options
+    uikit: SBUConfig;
+    uikitWithAppInfo: {
+      groupChannel: {
+        channel: {
+          enableReactions: boolean;
+          enableOgtag: boolean;
+        };
+        setting: {
+          enableMessageSearch: boolean;
+        };
+      };
+      openChannel: {
+        channel: {
+          enableOgtag: boolean;
+        };
+      };
+    };
+
+    // Chat related options in UIKit
+    chat: {
+      imageCompressionEnabled: boolean;
+      useUserIdForNicknameEnabled: boolean;
+      autoPushTokenRegistrationEnabled: boolean; // RN only
+    };
+
+    // Sendbird application options
+    appInfo: {
+      deliveryReceiptEnabled: boolean;
+      broadcastChannelEnabled: boolean;
+      superGroupChannelEnabled: boolean;
+      reactionEnabled: boolean;
+    };
   };
 };
 
@@ -71,16 +85,13 @@ export const SendbirdChatProvider = ({
   mentionManager,
   imageCompressionConfig,
   enableAutoPushTokenRegistration,
-  enableChannelListMessageReceiptStatus,
-  enableChannelListTypingIndicator,
   enableUseUserIdForNickname,
-  enableUserMention,
   enableImageCompression,
-  enableMessageSearch,
 }: Props) => {
   const [currentUser, _setCurrentUser] = useState<SendbirdUser>();
   const forceUpdate = useForceUpdate();
   const appFeatures = useAppFeatures(sdkInstance);
+  const { configs, configsWithAppAttr } = useUIKitConfig();
 
   const setCurrentUser: SendbirdChatContextType['setCurrentUser'] = useCallback((user) => {
     // NOTE: Sendbird SDK handle User object is always same object, so force update after setCurrentUser
@@ -144,15 +155,17 @@ export const SendbirdChatProvider = ({
     updateCurrentUserInfo,
     markAsDeliveredWithChannel,
 
-    features: {
-      ...appFeatures,
-      autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,
-      channelListTypingIndicatorEnabled: enableChannelListTypingIndicator,
-      channelListMessageReceiptStatusEnabled: enableChannelListMessageReceiptStatus,
-      useUserIdForNicknameEnabled: enableUseUserIdForNickname,
-      userMentionEnabled: enableUserMention,
-      imageCompressionEnabled: enableImageCompression,
-      messageSearchEnabled: enableMessageSearch,
+    // TODO: Options should be moved to the common area at the higher level to be passed to the context of each product.
+    //  For example, common -> chat context, common -> calls context
+    sbOptions: {
+      appInfo: appFeatures,
+      uikit: configs,
+      uikitWithAppInfo: configsWithAppAttr(sdkInstance),
+      chat: {
+        autoPushTokenRegistrationEnabled: enableAutoPushTokenRegistration,
+        useUserIdForNicknameEnabled: enableUseUserIdForNickname,
+        imageCompressionEnabled: enableImageCompression,
+      },
     },
   };
 

package/src/contexts/UserProfileCtx.tsx

@@ -62,11 +62,16 @@ export const UserProfileProvider = ({
   const [visible, setVisible] = useState(false);
   const [hideMessageButton, setHideMessageButton] = useState(false);
 
-  const show: UserProfileContextType['show'] = useCallback((user, options) => {
-    setUser(user);
-    setVisible(true);
-    setHideMessageButton(Boolean(options?.hideMessageButton));
-  }, []);
+  const show: UserProfileContextType['show'] = useCallback(
+    (user, options) => {
+      if (chatContext.sbOptions.uikit.common.enableUsingDefaultUserProfile) {
+        setUser(user);
+        setVisible(true);
+        setHideMessageButton(Boolean(options?.hideMessageButton));
+      }
+    },
+    [chatContext.sbOptions.uikit.common.enableUsingDefaultUserProfile],
+  );
 
   const hide: UserProfileContextType['hide'] = useCallback(() => {
     setVisible(false);

package/src/domain/groupChannel/component/GroupChannelInput.tsx

@@ -25,16 +25,7 @@ const GroupChannelInput = (props: GroupChannelProps['Input']) => {
       inputFrozen={chatAvailableState.frozen}
       inputDisabled={chatAvailableState.disabled}
       keyboardAvoidOffset={keyboardAvoidOffset}
-      shouldRenderInput={props.shouldRenderInput}
-      onPressSendUserMessage={props.onPressSendUserMessage}
-      onPressSendFileMessage={props.onPressSendFileMessage}
-      onPressUpdateUserMessage={props.onPressUpdateUserMessage}
-      onPressUpdateFileMessage={props.onPressUpdateFileMessage}
-      SuggestedMentionList={props.SuggestedMentionList}
-      onSendFileMessage={props.onSendFileMessage}
-      onSendUserMessage={props.onSendUserMessage}
-      onUpdateFileMessage={props.onUpdateFileMessage}
-      onUpdateUserMessage={props.onUpdateUserMessage}
+      {...props}
     />
   );
 };

package/src/domain/groupChannel/types.ts

@@ -43,12 +43,8 @@ export interface GroupChannelProps {
     flatListProps?: GroupChannelProps['MessageList']['flatListProps'];
     sortComparator?: UseGroupChannelMessagesOptions['sortComparator'];
     collectionCreator?: UseGroupChannelMessagesOptions['collectionCreator'];
-    queryCreator?: UseGroupChannelMessagesOptions['queryCreator'];
 
     searchItem?: GroupChannelProps['MessageList']['searchItem'];
-
-    /** @deprecated Please use `onPressMediaMessage` instead **/
-    onPressImageMessage?: GroupChannelProps['MessageList']['onPressImageMessage'];
   };
   Header: {
     shouldHideRight: () => boolean;
@@ -73,16 +69,10 @@ export interface GroupChannelProps {
     | 'renderNewMessagesButton'
     | 'renderScrollToBottomButton'
     | 'flatListProps'
-    | 'onPressImageMessage'
     | 'hasNext'
     | 'searchItem'
   > & {
     onResetMessageList: (callback?: () => void) => void;
-
-    /** @deprecated Please use `newMessages` instead */
-    newMessagesFromMembers: SendbirdMessage[];
-    /** @deprecated Please use `newMessages` instead */
-    nextMessages: SendbirdMessage[];
   };
   Input: Pick<
     ChannelInputProps,
@@ -92,10 +82,7 @@ export interface GroupChannelProps {
     | 'onPressUpdateUserMessage'
     | 'onPressUpdateFileMessage'
     | 'SuggestedMentionList'
-    | 'onSendFileMessage'
-    | 'onSendUserMessage'
-    | 'onUpdateFileMessage'
-    | 'onUpdateUserMessage'
+    | 'AttachmentsButton'
   >;
 
   SuggestedMentionList: SuggestedMentionListProps;

package/src/domain/groupChannelList/component/GroupChannelListList.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import { FlatList, ListRenderItem } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
@@ -10,6 +10,7 @@ import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import type { GroupChannelListProps } from '../types';
 
 const GroupChannelListList = ({
+  onPressChannel,
   renderGroupChannelPreview,
   groupChannels,
   onLoadNext,
@@ -55,9 +56,12 @@ const GroupChannelListList = ({
     openMenu(menuItem);
   });
 
-  const renderItem: ListRenderItem<SendbirdGroupChannel> = useCallback(
-    ({ item }) => renderGroupChannelPreview?.(item, () => onLongPress(item)),
-    [renderGroupChannelPreview, onLongPress],
+  const renderItem: ListRenderItem<SendbirdGroupChannel> = useFreshCallback(({ item }) =>
+    renderGroupChannelPreview?.({
+      channel: item,
+      onPress: () => onPressChannel(item),
+      onLongPress: () => onLongPress(item),
+    }),
   );
 
   const { left, right } = useSafeAreaInsets();

package/src/domain/groupChannelList/component/GroupChannelListTypeSelector.tsx

@@ -25,7 +25,7 @@ const STATUS_BAR_TOP_INSET_AS: 'margin' | 'padding' = Platform.select({ android:
 const GroupChannelListTypeSelector = ({ skipTypeSelection, onSelectType }: GroupChannelListProps['TypeSelector']) => {
   const { statusBarTranslucent, HeaderComponent } = useHeaderStyle();
   const { colors } = useUIKitTheme();
-  const { features } = useSendbirdChat();
+  const { sbOptions } = useSendbirdChat();
   const typeSelector = useContext(GroupChannelListContexts.TypeSelector);
   const { visible, hide } = typeSelector;
 
@@ -50,11 +50,11 @@ const GroupChannelListTypeSelector = ({ skipTypeSelection, onSelectType }: Group
       >
         <View style={styles.buttonArea}>
           {TYPES.map((type) => {
-            if (type === 'SUPER_GROUP' && !features.superGroupChannelEnabled) {
+            if (type === 'SUPER_GROUP' && !sbOptions.appInfo.superGroupChannelEnabled) {
               return null;
             }
 
-            if (type === 'BROADCAST' && !features.broadcastChannelEnabled) {
+            if (type === 'BROADCAST' && !sbOptions.appInfo.broadcastChannelEnabled) {
               return null;
             }
 

package/src/domain/groupChannelList/types.ts

@@ -8,52 +8,30 @@ import type { SendbirdGroupChannel } from '@sendbird/uikit-utils';
 import type { CommonComponent } from '../../types';
 
 export interface GroupChannelListProps {
-  /** Props for `GroupChannelListFragment` **/
   Fragment: {
-    /** Navigate to GroupChannelFragment **/
-    onPressChannel: (channel: SendbirdGroupChannel) => void;
-    /** Navigate to GroupChannelCreateFragment **/
+    onPressChannel: GroupChannelListProps['List']['onPressChannel'];
     onPressCreateChannel: (channelType: GroupChannelType) => void;
-    /** Method to render GroupChannel preview **/
-    renderGroupChannelPreview?: (
-      channel: SendbirdGroupChannel,
-      onLongPressChannel: () => void,
-    ) => React.ReactElement | null;
-    /** Skip type selection, When this is set to true 'channelType' only receive 'GROUP' type **/
+    renderGroupChannelPreview?: GroupChannelListProps['List']['renderGroupChannelPreview'];
     skipTypeSelection?: boolean;
-    /** Custom Query creator for channels query **/
-    queryCreator?: UseGroupChannelListOptions['queryCreator'];
-    /** Custom Collection creator for group channel collection **/
     collectionCreator?: UseGroupChannelListOptions['collectionCreator'];
-    /** FlatList props for GroupChannelList.List **/
     flatListProps?: GroupChannelListProps['List']['flatListProps'];
-    /** Action menu item creator for onLongPress **/
     menuItemCreator?: GroupChannelListProps['List']['menuItemCreator'];
   };
-  /** Props for `GroupChannelListModule.Header` **/
   Header: {};
-  /** Props for `GroupChannelListModule.List` **/
   List: {
-    /** GroupChannels from SendbirdChat SDK **/
+    onPressChannel: (channel: SendbirdGroupChannel) => void;
     groupChannels: SendbirdGroupChannel[];
-    /** Method to render GroupChannel preview **/
-    renderGroupChannelPreview: (
-      // FIXME/BREAKING: Changed to props object
-      channel: SendbirdGroupChannel,
-      onLongPressChannel: () => void,
-    ) => React.ReactElement | null;
-    /** Method to load more data, called with onEndReached of FlatList **/
+    renderGroupChannelPreview: (props: {
+      channel: SendbirdGroupChannel;
+      onPress: () => void;
+      onLongPress: () => void;
+    }) => React.ReactElement | null;
     onLoadNext: () => Promise<void>;
-    /** Prop from Fragment **/
     flatListProps?: Omit<FlatListProps<SendbirdGroupChannel>, 'data' | 'renderItem'>;
-    /** Prop from Fragment **/
     menuItemCreator?: (defaultMenuItem: ActionMenuItem) => ActionMenuItem;
   };
-  /** Props for `GroupChannelListModule.TypeSelector` **/
   TypeSelector: {
-    /** Prop from Fragment `Fragment.skipTypeSelection` **/
     skipTypeSelection: boolean;
-    /** Method called when type is selected, call `Fragment.onPressCreateChannel` **/
     onSelectType: (type: GroupChannelType) => void;
   };
 }