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

package/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.tsx

@@ -21,17 +21,27 @@ const GroupChannelSettingsMenu = ({
   onPressMenuNotification,
   menuItemsCreator = (menu) => menu,
 }: GroupChannelSettingsProps['Menu']) => {
-  const { sdk, features } = useSendbirdChat();
+  const { sdk, sbOptions } = useSendbirdChat();
   const { channel } = useContext(GroupChannelSettingsContexts.Fragment);
   const { STRINGS } = useLocalization();
   const { colors } = useUIKitTheme();
 
-  if (__DEV__ && !WARN_onPressMenuNotification && !onPressMenuNotification && features.userMentionEnabled) {
+  if (
+    __DEV__ &&
+    !WARN_onPressMenuNotification &&
+    !onPressMenuNotification &&
+    sbOptions.uikit.groupChannel.channel.enableMention
+  ) {
     Logger.warn('If you are using mention, make sure to pass the `onPressMenuNotification` prop');
     WARN_onPressMenuNotification = true;
   }
 
-  if (__DEV__ && !WARN_onPressMenuSearchInChannel && !onPressMenuSearchInChannel && features.messageSearchEnabled) {
+  if (
+    __DEV__ &&
+    !WARN_onPressMenuSearchInChannel &&
+    !onPressMenuSearchInChannel &&
+    sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch
+  ) {
     Logger.warn('If you are using message search, make sure to pass the `onPressMenuSearchInChannel` prop');
     WARN_onPressMenuSearchInChannel = true;
   }
@@ -60,20 +70,20 @@ const GroupChannelSettingsMenu = ({
     return {
       actionLabelNotificationMenu: getNotificationsLabel(),
       actionItemNotificationMenu: conditionChaining(
-        [features.userMentionEnabled],
+        [sbOptions.uikit.groupChannel.channel.enableMention],
         [
           <Icon icon={'chevron-right'} color={colors.onBackground01} />,
           <Switch value={channel.myPushTriggerOption !== 'off'} onChangeValue={toggleNotification} />,
         ],
       ),
       onPressNotificationMenu: () => {
-        if (features.userMentionEnabled) onPressMenuNotification?.();
+        if (sbOptions.uikit.groupChannel.channel.enableMention) onPressMenuNotification?.();
         else toggleNotification();
       },
     };
   });
 
-  const menuItems: MenuBarProps[] = menuItemsCreator([
+  const defaultMenuItems: MenuBarProps[] = [
     {
       icon: 'moderation',
       visible: channel.myRole === 'operator',
@@ -95,17 +105,17 @@ const GroupChannelSettingsMenu = ({
       actionLabel: String(channel.memberCount),
       actionItem: <Icon icon={'chevron-right'} color={colors.onBackground01} />,
     },
-  ]);
+  ];
 
-  if (features.messageSearchEnabled) {
-    menuItems.push({
+  if (sbOptions.uikitWithAppInfo.groupChannel.setting.enableMessageSearch && !channel.isEphemeral) {
+    defaultMenuItems.push({
       icon: 'search',
       name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_SEARCH,
       onPress: () => onPressMenuSearchInChannel?.(),
     });
   }
 
-  menuItems.push({
+  defaultMenuItems.push({
     icon: 'leave',
     iconColor: colors.error,
     name: STRINGS.GROUP_CHANNEL_SETTINGS.MENU_LEAVE_CHANNEL,
@@ -117,6 +127,8 @@ const GroupChannelSettingsMenu = ({
     },
   });
 
+  const menuItems = menuItemsCreator(defaultMenuItems);
+
   return (
     <View>
       {menuItems.map((menu) => {

package/src/domain/openChannel/component/OpenChannelInput.tsx

@@ -68,11 +68,7 @@ const OpenChannelInput = (props: OpenChannelProps['Input']) => {
       inputFrozen={channel.isFrozen}
       inputDisabled={chatAvailableState.disabled}
       keyboardAvoidOffset={keyboardAvoidOffset}
-      shouldRenderInput={props.shouldRenderInput}
-      onPressSendUserMessage={props.onPressSendUserMessage}
-      onPressSendFileMessage={props.onPressSendFileMessage}
-      onPressUpdateUserMessage={props.onPressUpdateUserMessage}
-      onPressUpdateFileMessage={props.onPressUpdateFileMessage}
+      {...props}
     />
   );
 };

package/src/domain/openChannel/types.ts

@@ -69,7 +69,6 @@ export type OpenChannelProps = {
     | 'renderNewMessagesButton'
     | 'renderScrollToBottomButton'
     | 'flatListProps'
-    | 'onPressImageMessage'
     | 'hasNext'
   >;
   Input: Pick<
@@ -79,6 +78,7 @@ export type OpenChannelProps = {
     | 'onPressSendFileMessage'
     | 'onPressUpdateUserMessage'
     | 'onPressUpdateFileMessage'
+    | 'AttachmentsButton'
   >;
 
   Provider: {

package/src/domain/openChannelList/component/OpenChannelListList.tsx

@@ -7,6 +7,7 @@ import { SendbirdOpenChannel, getChannelUniqId, useFreshCallback } from '@sendbi
 import type { OpenChannelListProps } from '../types';
 
 const OpenChanelListList = ({
+  onPressChannel,
   openChannels,
   onLoadNext,
   flatListProps,
@@ -15,7 +16,7 @@ const OpenChanelListList = ({
   onRefresh,
 }: OpenChannelListProps['List']) => {
   const renderItem: ListRenderItem<SendbirdOpenChannel> = useFreshCallback(({ item }) =>
-    renderOpenChannelPreview?.({ channel: item }),
+    renderOpenChannelPreview?.({ channel: item, onPress: () => onPressChannel(item) }),
   );
 
   const { left, right } = useSafeAreaInsets();

package/src/domain/openChannelList/types.ts

@@ -8,32 +8,25 @@ import type { CommonComponent } from '../../types';
 
 export type OpenChannelListProps = {
   Fragment: {
-    /** Handler for navigating to OpenChannelFragment **/
-    onPressChannel: (channel: SendbirdOpenChannel) => void;
-    /** Handler for navigating to OpenChannelCreateFragment **/
+    onPressChannel: OpenChannelListProps['List']['onPressChannel'];
     onPressCreateChannel: () => void;
-    /** Method for rendering open channel preview **/
     renderOpenChannelPreview?: OpenChannelListProps['List']['renderOpenChannelPreview'];
-    /** Method for creating a custom query of open channel list **/
     queryCreator?: UseOpenChannelListOptions['queryCreator'];
-    /** Props for FlatList component, it passed to OpenChannelList.List **/
     flatListProps?: OpenChannelListProps['List']['flatListProps'];
   };
   Header: {
     onPressHeaderRight: () => void;
   };
   List: {
-    /** OpenChannels from SendbirdChat SDK **/
+    onPressChannel: (channel: SendbirdOpenChannel) => void;
     openChannels: SendbirdOpenChannel[];
-    /** Method for rendering a preview of each open channel **/
-    renderOpenChannelPreview: (props: { channel: SendbirdOpenChannel }) => React.ReactElement | null;
-    /** Handler for loading the next batch of open channels **/
+    renderOpenChannelPreview: (props: {
+      channel: SendbirdOpenChannel;
+      onPress: () => void;
+    }) => React.ReactElement | null;
     onLoadNext: () => Promise<void>;
-    /** Props for the FlatList component, passed to the OpenChannelList.List **/
     flatListProps?: Omit<FlatListProps<SendbirdOpenChannel>, 'data' | 'renderItem'>;
-    /** Props for the indicates if the FlatList is currently being refreshed  **/
     refreshing: boolean;
-    /** Handler for refreshing the list of open channels **/
     onRefresh: () => void;
   };
   StatusError: {

package/src/fragments/createGroupChannelCreateFragment.tsx

@@ -40,7 +40,7 @@ const createGroupChannelCreateFragment = <UserType extends UserStruct>(
 
     const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {
       if (queryCreator && !renderUser) {
-        const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');
+        const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;
         if (!hasRequiredKey) throw new Error('You should provide "renderUser" when providing "queryCreator"');
       }
 

package/src/fragments/createGroupChannelFragment.tsx

@@ -1,6 +1,6 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Animated, Easing } from 'react-native';
+import React, { useCallback, useMemo, useState } from 'react';
 
+import { ReplyType } from '@sendbird/chat/message';
 import { useGroupChannelMessages } from '@sendbird/uikit-chat-hooks';
 import {
   NOOP,
@@ -10,14 +10,14 @@ import {
   SendbirdUserMessage,
   messageComparator,
   useFreshCallback,
+  useIIFE,
   useRefTracker,
 } from '@sendbird/uikit-utils';
 
-import MessageRenderer from '../components/MessageRenderer';
+import GroupChannelMessageRenderer from '../components/GroupChannelMessageRenderer';
 import NewMessagesButton from '../components/NewMessagesButton';
 import ScrollToBottomButton from '../components/ScrollToBottomButton';
 import StatusComposition from '../components/StatusComposition';
-import { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../constants';
 import createGroupChannelModule from '../domain/groupChannel/module/createGroupChannelModule';
 import type {
   GroupChannelFragment,
@@ -37,7 +37,7 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
     renderScrollToBottomButton = (props) => <ScrollToBottomButton {...props} />,
     renderMessage,
     enableMessageGrouping = true,
-    enableTypingIndicator = true,
+    enableTypingIndicator,
     onPressHeaderLeft = NOOP,
     onPressHeaderRight = NOOP,
     onPressMediaMessage = NOOP,
@@ -48,13 +48,11 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
     onBeforeUpdateFileMessage = PASS,
     channel,
     keyboardAvoidOffset,
-    queryCreator,
     collectionCreator,
     sortComparator = messageComparator,
     flatListProps,
-    onPressImageMessage,
   }) => {
-    const { sdk, currentUser } = useSendbirdChat();
+    const { sdk, currentUser, sbOptions } = useSendbirdChat();
 
     const [internalSearchItem, setInternalSearchItem] = useState(searchItem);
     const navigateFromMessageSearch = useCallback(() => Boolean(searchItem), []);
@@ -63,6 +61,11 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
     const [scrolledAwayFromBottom, setScrolledAwayFromBottom] = useState(false);
     const scrolledAwayFromBottomRef = useRefTracker(scrolledAwayFromBottom);
 
+    const replyType = useIIFE(() => {
+      if (sbOptions.uikit.groupChannel.channel.replyType === 'none') return ReplyType.NONE;
+      else return ReplyType.ONLY_REPLY_TO_CHANNEL;
+    });
+
     const {
       loading,
       messages,
@@ -79,25 +82,21 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
       deleteMessage,
       resetWithStartingPoint,
     } = useGroupChannelMessages(sdk, channel, currentUser?.userId, {
-      collectionCreator,
-      queryCreator,
-      sortComparator,
-      onChannelDeleted,
-      enableCollectionWithoutLocalCache: !queryCreator,
       shouldCountNewMessages: () => scrolledAwayFromBottomRef.current,
       onMessagesReceived(messages) {
         groupChannelPubSub.publish({ type: 'MESSAGES_RECEIVED', data: { messages } });
       },
+      collectionCreator,
+      sortComparator,
+      onChannelDeleted,
+      replyType,
       startingPoint: internalSearchItem?.startingPoint,
+      enableCollectionWithoutLocalCache: true,
     });
 
-    const MessageComponent: GroupChannelProps['MessageList']['renderMessage'] = useCallback(
-      withFocusingAnimation(renderMessage ? (props) => <>{renderMessage(props)}</> : MessageRenderer),
-      [renderMessage],
-    );
-
-    const _renderMessage: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {
-      return <MessageComponent {...props} />;
+    const renderItem: GroupChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {
+      if (renderMessage) return renderMessage(props);
+      return <GroupChannelMessageRenderer {...props} />;
     });
 
     const memoizedFlatListProps = useMemo(
@@ -153,50 +152,11 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
       setScrolledAwayFromBottom(value);
     });
 
-    /** @deprecated **/
-    const onSendFileMessage: GroupChannelProps['Input']['onSendFileMessage'] = useFreshCallback(async (file) => {
-      const processedParams = await onBeforeSendFileMessage({ file });
-      const message = await sendFileMessage(processedParams, onPending);
-      onSent(message);
-    });
-    /** @deprecated **/
-    const onSendUserMessage: GroupChannelProps['Input']['onSendUserMessage'] = useFreshCallback(
-      async (text, mention) => {
-        const processedParams = await onBeforeSendUserMessage({
-          message: text,
-          mentionedUserIds: mention?.userIds,
-          mentionedMessageTemplate: mention?.messageTemplate,
-          mentionType: mention?.type,
-        });
-        const message = await sendUserMessage(processedParams, onPending);
-        onSent(message);
-      },
-    );
-    /** @deprecated **/
-    const onUpdateFileMessage: GroupChannelProps['Input']['onUpdateFileMessage'] = useFreshCallback(
-      async (editedFile, message) => {
-        const processedParams = await onBeforeSendFileMessage({ file: editedFile });
-        await updateFileMessage(message.messageId, processedParams);
-      },
-    );
-    /** @deprecated **/
-    const onUpdateUserMessage: GroupChannelProps['Input']['onUpdateUserMessage'] = useFreshCallback(
-      async (editedText, message, mention) => {
-        const processedParams = await onBeforeSendUserMessage({
-          message: editedText,
-          mentionedUserIds: mention?.userIds,
-          mentionedMessageTemplate: mention?.messageTemplate,
-          mentionType: mention?.type,
-        });
-        await updateUserMessage(message.messageId, processedParams);
-      },
-    );
-
     return (
       <GroupChannelModule.Provider
         channel={channel}
         groupChannelPubSub={groupChannelPubSub}
-        enableTypingIndicator={enableTypingIndicator}
+        enableTypingIndicator={enableTypingIndicator ?? sbOptions.uikit.groupChannel.channel.enableTypingIndicator}
         keyboardAvoidOffset={keyboardAvoidOffset}
       >
         <GroupChannelModule.Header
@@ -211,7 +171,7 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
             onResetMessageList={onResetMessageList}
             enableMessageGrouping={enableMessageGrouping}
             currentUserId={currentUser?.userId}
-            renderMessage={_renderMessage}
+            renderMessage={renderItem}
             messages={messages}
             newMessages={newMessages}
             onTopReached={prev}
@@ -225,9 +185,6 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
             onDeleteMessage={deleteMessage}
             onPressMediaMessage={onPressMediaMessage}
             flatListProps={memoizedFlatListProps}
-            nextMessages={newMessages}
-            newMessagesFromMembers={newMessages}
-            onPressImageMessage={onPressImageMessage}
           />
           <GroupChannelModule.Input
             SuggestedMentionList={GroupChannelModule.SuggestedMentionList}
@@ -236,10 +193,6 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
             onPressSendFileMessage={onPressSendFileMessage}
             onPressUpdateUserMessage={onPressUpdateUserMessage}
             onPressUpdateFileMessage={onPressUpdateFileMessage}
-            onSendFileMessage={onSendFileMessage}
-            onSendUserMessage={onSendUserMessage}
-            onUpdateFileMessage={onUpdateFileMessage}
-            onUpdateUserMessage={onUpdateUserMessage}
           />
         </StatusComposition>
       </GroupChannelModule.Provider>
@@ -255,33 +208,4 @@ function shouldRenderInput(channel: SendbirdGroupChannel) {
   return true;
 }
 
-function withFocusingAnimation<P extends unknown & { focused: boolean }>(Component: React.ComponentType<P>) {
-  return React.memo<P>((props) => {
-    const translateY = useRef(new Animated.Value(0)).current;
-
-    useEffect(() => {
-      if (props.focused) {
-        setTimeout(() => {
-          Animated.sequence(
-            [
-              { toValue: -10, duration: 500 },
-              { toValue: 0, duration: 100 },
-              { toValue: -10, duration: 200 },
-              { toValue: 0, duration: 100 },
-            ].map((value) =>
-              Animated.timing(translateY, { ...value, useNativeDriver: true, easing: Easing.inOut(Easing.ease) }),
-            ),
-          ).start();
-        }, MESSAGE_SEARCH_SAFE_SCROLL_DELAY + MESSAGE_FOCUS_ANIMATION_DELAY);
-      }
-    }, [props.focused]);
-
-    return (
-      <Animated.View style={{ transform: [{ translateY }] }}>
-        <Component {...props} />
-      </Animated.View>
-    );
-  });
-}
-
 export default createGroupChannelFragment;

package/src/fragments/createGroupChannelInviteFragment.tsx

@@ -29,7 +29,7 @@ const createGroupChannelInviteFragment = <UserType extends UserStruct>(
     const _renderUser: NonNullable<typeof renderUser> = useCallback(
       (user, selectedUsers, setSelectedUsers) => {
         if (queryCreator && !renderUser) {
-          const hasRequiredKey = Object.hasOwn(user, 'profileUrl') && Object.hasOwn(user, 'nickname');
+          const hasRequiredKey = 'profileUrl' in user && 'nickname' in user;
           if (!hasRequiredKey) throw new Error('You should provide "renderUser" when providing "queryCreator"');
         }
 

package/src/fragments/createGroupChannelListFragment.tsx

@@ -18,46 +18,40 @@ const createGroupChannelListFragment = (initModule?: Partial<GroupChannelListMod
   return ({
     onPressChannel,
     onPressCreateChannel,
-    queryCreator,
     collectionCreator,
     renderGroupChannelPreview,
     skipTypeSelection = false,
     flatListProps = {},
     menuItemCreator = PASS,
   }) => {
-    const { sdk, currentUser, features, markAsDeliveredWithChannel } = useSendbirdChat();
+    const { sdk, currentUser, sbOptions, markAsDeliveredWithChannel } = useSendbirdChat();
     const { groupChannels, next, loading } = useGroupChannelList(sdk, currentUser?.userId, {
-      queryCreator,
       collectionCreator,
-      enableCollectionWithoutLocalCache: !queryCreator,
+      enableCollectionWithoutLocalCache: true,
     });
 
-    if (features.deliveryReceiptEnabled) {
+    if (sbOptions.appInfo.deliveryReceiptEnabled) {
       useAppState('change', (status) => {
         if (status === 'active') groupChannels.forEach(markAsDeliveredWithChannel);
       });
     }
 
     const _renderGroupChannelPreview: GroupChannelListProps['List']['renderGroupChannelPreview'] = useFreshCallback(
-      (channel, onLongPressChannel) => {
-        if (renderGroupChannelPreview) return renderGroupChannelPreview(channel, onLongPressChannel);
-        return (
-          <GroupChannelPreviewContainer
-            channel={channel}
-            onPress={() => onPressChannel(channel)}
-            onLongPress={() => onLongPressChannel()}
-          />
-        );
+      (props) => {
+        if (renderGroupChannelPreview) return renderGroupChannelPreview(props);
+        return <GroupChannelPreviewContainer {...props} />;
       },
     );
 
-    const isChannelTypeAvailable = features.broadcastChannelEnabled || features.superGroupChannelEnabled;
+    const isChannelTypeAvailable =
+      sbOptions.appInfo.broadcastChannelEnabled || sbOptions.appInfo.superGroupChannelEnabled;
 
     return (
       <GroupChannelListModule.Provider>
         <GroupChannelListModule.Header />
         <StatusComposition loading={loading} LoadingComponent={<GroupChannelListModule.StatusLoading />}>
           <GroupChannelListModule.List
+            onPressChannel={onPressChannel}
             menuItemCreator={menuItemCreator}
             renderGroupChannelPreview={_renderGroupChannelPreview}
             groupChannels={groupChannels}

package/src/fragments/createMessageSearchFragment.tsx

@@ -12,7 +12,7 @@ import {
   useSafeAreaPadding,
 } from '@sendbird/uikit-utils';
 
-import { MessageSearchResultItem } from '../components/MessageSearchResultItem';
+import MessageSearchResultItem from '../components/MessageSearchResultItem';
 import StatusComposition from '../components/StatusComposition';
 import { createMessageSearchModule } from '../domain/messageSearch';
 import type { MessageSearchFragment, MessageSearchModule, MessageSearchProps } from '../domain/messageSearch/types';

package/src/fragments/createOpenChannelFragment.tsx

@@ -24,7 +24,7 @@ import type {
   OpenChannelProps,
   OpenChannelPubSubContextPayload,
 } from '../domain/openChannel/types';
-import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
+import { useLocalization, useSendbirdChat } from '../hooks/useContext';
 import pubsub from '../utils/pubsub';
 
 const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): OpenChannelFragment => {
@@ -57,7 +57,6 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
 
     const { STRINGS } = useLocalization();
     const { show: showToast } = useToast();
-    const { show: showUserProfile } = useUserProfile();
 
     const [openChannelPubSub] = useState(() => pubsub<OpenChannelPubSubContextPayload>());
 
@@ -100,7 +99,7 @@ const createOpenChannelFragment = (initModule?: Partial<OpenChannelModule>): Ope
 
     const _renderMessage: OpenChannelProps['MessageList']['renderMessage'] = useFreshCallback((props) => {
       if (renderMessage) return renderMessage(props);
-      return <OpenChannelMessageRenderer {...props} onPressAvatar={showUserProfile} />;
+      return <OpenChannelMessageRenderer {...props} />;
     });
 
     const memoizedFlatListProps = useMemo(

package/src/fragments/createOpenChannelListFragment.tsx

@@ -26,7 +26,7 @@ const createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModul
     const _renderOpenChannelPreview: OpenChannelListProps['List']['renderOpenChannelPreview'] = (props) => {
       if (renderOpenChannelPreview) return renderOpenChannelPreview(props);
       return (
-        <PressBox activeOpacity={0.8} onPress={() => onPressChannel(props.channel)}>
+        <PressBox activeOpacity={0.8} onPress={props.onPress}>
           <OpenChannelPreview
             coverUrl={props.channel.coverUrl}
             title={STRINGS.OPEN_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(props.channel)}
@@ -47,6 +47,7 @@ const createOpenChannelListFragment = (initModule?: Partial<OpenChannelListModul
           ErrorComponent={<OpenChannelListModule.StatusError onPressRetry={refresh} />}
         >
           <OpenChannelListModule.List
+            onPressChannel={onPressChannel}
             renderOpenChannelPreview={_renderOpenChannelPreview}
             openChannels={openChannels}
             onLoadNext={next}

package/src/hooks/useConnection.ts

@@ -1,5 +1,6 @@
 import { useCallback } from 'react';
 
+import { useUIKitConfig } from '@sendbird/uikit-tools';
 import { Logger, SendbirdChatSDK, SendbirdError, SendbirdUser } from '@sendbird/uikit-utils';
 
 import type EmojiManager from '../libs/EmojiManager';
@@ -24,7 +25,8 @@ async function initEmoji(sdk: SendbirdChatSDK, emojiManager: EmojiManager) {
 }
 
 const useConnection = () => {
-  const { sdk, emojiManager, setCurrentUser, features } = useSendbirdChat();
+  const { initDashboardConfigs } = useUIKitConfig();
+  const { sdk, emojiManager, setCurrentUser, sbOptions } = useSendbirdChat();
   const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();
 
   const connect = useCallback(
@@ -39,18 +41,18 @@ const useConnection = () => {
             .updateCurrentUserInfo({ nickname: opts.nickname })
             .then((updatedUser) => (user = updatedUser))
             .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));
-        } else if (features.useUserIdForNicknameEnabled) {
+        } else if (sbOptions.chat.useUserIdForNicknameEnabled) {
           await sdk.updateCurrentUserInfo({ nickname: userId }).then((updatedUser) => (user = updatedUser));
         }
 
-        if (features.autoPushTokenRegistrationEnabled) {
+        if (sbOptions.chat.autoPushTokenRegistrationEnabled) {
           Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');
           await registerPushTokenForCurrentUser().catch((e) => {
             Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);
           });
         }
 
-        await initEmoji(sdk, emojiManager);
+        await Promise.allSettled([initEmoji(sdk, emojiManager), initDashboardConfigs(sdk)]);
 
         Logger.debug('[useConnection]', 'connected! (online)');
         setCurrentUser(user);
@@ -77,13 +79,13 @@ const useConnection = () => {
         throw error;
       }
     },
-    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],
+    [sdk, registerPushTokenForCurrentUser, sbOptions.chat.autoPushTokenRegistrationEnabled],
   );
 
   const disconnect = useCallback(async () => {
     Logger.debug('[useConnection]', 'disconnect start');
 
-    if (features.autoPushTokenRegistrationEnabled) {
+    if (sbOptions.chat.autoPushTokenRegistrationEnabled) {
       Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');
       await unregisterPushTokenForCurrentUser().catch((e) => {
         Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);
@@ -92,7 +94,7 @@ const useConnection = () => {
 
     await sdk.disconnect().then(() => setCurrentUser(undefined));
     Logger.debug('[useConnection]', 'disconnected!');
-  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);
+  }, [sdk, unregisterPushTokenForCurrentUser, sbOptions.chat.autoPushTokenRegistrationEnabled]);
 
   return { connect, disconnect, reconnect: () => sdk.reconnect() };
 };

package/src/hooks/useMentionTextInput.ts

@@ -8,7 +8,7 @@ import type { MentionedUser } from '../types';
 import { useSendbirdChat } from './useContext';
 
 const useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | SendbirdFileMessage }) => {
-  const { mentionManager } = useSendbirdChat();
+  const { mentionManager, sbOptions } = useSendbirdChat();
 
   const mentionedUsersRef = useRef<MentionedUser[]>([]);
   const textInputRef = useRef<TextInput>();
@@ -18,7 +18,12 @@ const useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | Sen
 
   // TODO: Refactor text edit logic more clearly
   useEffect(() => {
-    if (mentionManager.shouldUseMentionedMessageTemplate(params.messageToEdit)) {
+    if (
+      mentionManager.shouldUseMentionedMessageTemplate(
+        params.messageToEdit,
+        sbOptions.uikit.groupChannel.channel.enableMention,
+      )
+    ) {
       const result = mentionManager.templateToTextAndMentionedUsers(
         params.messageToEdit.mentionedMessageTemplate,
         params.messageToEdit.mentionedUsers,

package/src/index.ts

@@ -1,16 +1,18 @@
-/** Components **/
 import { Platform } from 'react-native';
 
 import { Logger } from '@sendbird/uikit-utils';
 
+/** Components **/
 export { default as ChannelInput } from './components/ChannelInput';
-export { default as MessageRenderer } from './components/MessageRenderer';
+export { default as ChannelMessageList } from './components/ChannelMessageList';
+export { default as GroupChannelMessageRenderer } from './components/GroupChannelMessageRenderer';
 export { default as OpenChannelMessageRenderer } from './components/OpenChannelMessageRenderer';
 export { ReactionAddons } from './components/ReactionAddons';
 export { ReactionBottomSheets } from './components/ReactionBottomSheets';
 export { default as ChannelCover } from './components/ChannelCover';
 export { default as ChatFlatList } from './components/ChatFlatList';
 export { default as FileViewer } from './components/FileViewer';
+export { default as MessageSearchResultItem } from './components/MessageSearchResultItem';
 export { default as NewMessagesButton } from './components/NewMessagesButton';
 export { default as ProviderLayout } from './components/ProviderLayout';
 export { default as ScrollToBottomButton } from './components/ScrollToBottomButton';