3.5.2 (2024-04-23)

Release notes

• Added the inputDisabled prop to the Input component of the GroupChannel and OpenChannel modules as a public interface.

Changelogs

Features

• inputDisabled prop opened as public (6eb4ad0)

3.5.1 (2024-04-08)

Release notes

• Removed unused ios media library permission in the FileService implementation.

Changelogs

Bug Fixes

• remove unused ios media library permission (0a65f4f)

3.5.0 (2024-03-26)

Release notes

• Added enableReactionsSupergroup to enable reactions in super group channels.

  import { SendbirdUIKitContainer } from '@sendbird/uikit-react-native';
  
  const App = () => {
    return (
      <SendbirdUIKitContainer
        uikitOptions={{
          groupChannel: {
            enableReactionsSupergroup: true,
          },
        }}
      >
        {/* Rest of your app */}
      </SendbirdUIKitContainer>
    );
  };
  

Changelogs

Features

• support reactions for super group channel (8ab0720)

3.4.3 (2024-03-20)

Release notes

• Added disableFastImage prop to Image component in foundation package.

  import { Image } from '@sendbird/uikit-react-native-foundation';
  
  // If you don't want to use FastImage in UIKit for React Native, you can specify this default prop
  if (Image.defaultProps) Image.defaultProps.disableFastImage = true;
  

Features

• foundation: add disableFastImage prop to Image component (538cabb)

3.4.2 (2024-03-06)

Release notes

• Removed conditional hooks even if they depend on an unchanging value.
• Fixed an issue with the sdk type in the useSendbirdChat() hook.

Changelogs

Bug Fixes

• remove conditional hooks even if they depend on an unchanging value. (d61e137)

3.4.1 (2024-02-06)

Release notes

• Added channelListQueryParams prop to GroupChannelListFragment.
  It allows you to set the query parameters for the channel list. (collectionCreator is deprecated and replaced by channelListQueryParams)

    <GroupChannelList
      channelListQueryParams={{
        includeEmpty: true,
        includeFrozen: true,
      }}
    />
  

• Added messageListQueryParams prop to GroupChannelFragment.
  It allows you to set the query parameters for the message list. (collectionCreator is deprecated and replaced by messageListQueryParams)

    <GroupChannel
      channelUrl={channelUrl}
      messageListQueryParams={{
        prevResultLimit: 20,
        customTypesFilter: ['filter'],
      }}
    />
  

• Fixed an issue where a type error occurred in the CommonComponent.
  It used React.ComponentType instead of the function structure.

Changelogs

Bug Fixes

• use ComponentType instead of function structure in CommonComponent type (2cf00e9)

3.4.0 (2024-01-30)

Release notes

• Implemented a zoomable image viewer into FileViewer.
• Changed the horizontal and vertical padding of TextInput to padding with directions.

Changelogs

Features

• implement zoomable image viewer to FileViewer (06a4f95)

Bug Fixes

• replace padding horizontal and vertical (24f49b4)

3.3.0 (2023-11-23)

Release notes

• Add typing indicator bubble feature.

  TypingIndicatorBubble is a new typing indicator UI that can be turned on through typingIndicatorTypes option.
  When turned on, it will be displayed in GroupChannelMessageList upon receiving typing event in real time.

  import { SendbirdUIKitContainer, TypingIndicatorType } from '@sendbird/uikit-react-native';
  
  const App = () => {
    return (
      <SendbirdUIKitContainer
        uikitOptions={{
          groupChannel: {
            typingIndicatorTypes: new Set([TypingIndicatorType.Bubble]),
          },
        }}
      />
    );
  };
  

• Add bottomSheetItem to the props of renderMessage.

  bottomSheetItem is a new prop for renderMessage that can be utilized to add a custom item to the bottom sheet of a message.
  It can be used to add a custom menu item to the bottom sheet of a message.

  import { GroupChannelMessageRenderer } from '@sendbird/uikit-react-native';
  import { useBottomSheet } from '@sendbird/uikit-react-native-foundation';
  
  const GroupChannelScreen = () => {
    const { openSheet } = useBottomSheet();
  
    const onOpenMessageMenu = (bottomSheetItem) => {
      if (!bottomSheetItem) return;
  
      openSheet({
        ...bottomSheetItem,
        sheetItems: [
          // Update bottomSheetItem.sheetItems or append your custom menu item
          ...bottomSheetItem.sheetItems,
          { icon: 'search', title: 'Search', onPress: () => console.log('Search') },
        ],
      });
    };
  
    return (
      <GroupChannelFragment
        renderMessage={(props) => {
          return (
            <GroupChannelMessageRenderer {...props} onLongPress={() => onOpenMessageMenu(props.bottomSheetItem)} />
          );
        }}
      />
    );
  };
  

• Fix the not found Promise.allSettled error in Hermes.

• Fix the vertical alignment of iOS TextInput.

Changelogs

Features

• add bottomSheetItem to props of renderMessage (83f8710)
• add typing indicator bubble ui and logic (9223b43)

Bug Fixes

• add promise polyfills for hermes (2f31a45)
• adjust lineHeight of iOS TextInput (c9c253e)
• if the bubble renders and the scroll reaches the bottom, it should scroll to bottom on android (a866422)

3.2.0 (2023-11-03)

Release notes

• Add chat init params to chatOptions in SendbirdUIKitContainer props.

• Add reaction.onPressUserProfile to SendbirdUIKitContainer props.

• Add scrollToMessage to GroupChannelContexts.MessageList.

• Add Voice message

  const App = () => {
    return (
      <SendbirdUIKitContainer
        uikitOptions={{
          groupChannel: {
            enableVoiceMessage: true,
          },
        }}
        platformServices={{
          recorder: RecorderService,
          player: PlayerService,
        }}
      />
    );
  };
  

  Before using it, you should implement the RecorderService and PlayerService platform services.
  You can implement this easily by using helper functions.

  • CLI
    • Install react-native-permissions and react-native-audio-recorder-player.
    • Create platform services using createNativeRecorderService and createNativePlayerService.
  • Expo:
    • Install expo-av
    • Create platform services using createExpoRecorderService and createExpoPlayerService.

• Fix the display of a message unavailable text if the message is not accessible.

• Fix the search for messages within an accessible range.

• Fix the usage of color variants in unknown group channel messages.

• Fix the ensure that the UIKit configuration is always initialized, even in offline mode.

Changelogs

Features

• add chat init params to chatOptions (7742853)
• add createRecordFilePath method to FileServiceInterface (0b7fd40)
• add reaction.onPressUserProfile to SendbirdUIKitContainer props (379bcce)
• add scrollToMessage to group channel contexts (df48e2c)
• add string set for microphone permission (9e9c2e1)
• add string set for muted and frozen when sending a voice message (0c8d1f5)
• add voice message config to uikit container (6f5de2c)
• add yalc for local deployment (7778d67)
• foundation: add audio icon (366d6af)
• foundation: add progress bar component (af6a2fb)
• foundation: add voice message input color set (b94d230)
• foundation: implement voice file message component (f6d90db)
• foundation: update icons (85d7d58)
• implement cli player service (b136de4)
• implement cli recorder service (e05cf93)
• implement recorder and player service for expo (851ec0e)
• implement voice message input (9e6bc75)
• implement voice message logic (337d022)

Bug Fixes

• await onClose for voice message input before displaying permission alert (62ef277)
• CLNP-983: display a message unavailable text if the message is not accessible (e38512a)
• CLNP-983: search for messages from an accessible range (b025f7f)
• foundation: fixed to use color variant in unknown group channel message (1b8576a)
• reset player and recorder if input closed with back button press (e8e43ec)
• UIKIT-4452: uikit configuration should always be initialized (1e539bb)

Improvements

• lift up the flatListRef to the provider and created MessageList context (4a6efdc)

3.1.2 (2023-10-04)

Release notes

• Add chatOptions.localCacheEncryption to SendbirdUIKitContainer props
• Filter deactivated users when making mention suggestions
• In the case of a resolved version, an android inverted flatlist warning message is not displayed.

Changelogs

Features

• add localCacheEncryption interface to container prop (3341992)

Bug Fixes

• filter deactivated users when making mention suggestions (ee1e9c2)

3.1.1 (2023-08-23)

Release notes

• When there is a thumbnail in the message, uses the first thumbnail of the message

Changelogs

Features

• use thumbnails if available (62f3ca0)

3.1.0 (2023-08-11)

Release notes

• Added Quote reply feature in group channels (default: turned on)

  const App = () => {
    <SendbirdUIKitContainer
      appId={APP_ID}
      uikitOptions={{
        groupChannel: {
          replyType: 'none', // 'none', 'quote_reply'
        },
      }}
    />;
  };
  

• Updated the minimum chat SDK version to v4.9.8.
• Improved video thumbnail fetching and caching logic in the native media service.
• Enhanced stability.

Changelogs

Features

• add video thumbnail component (e702155)
• UIKIT-4240: implement basic quote reply logic (#103) (b4add0e)

Bug Fixes

• add exception handling for unreachable parent message (9df42be)
• unsent messages should be shown first of the message list (3a4544e)

3.0.4 (2023-07-13)

Release notes

• Fix send file messages in Expo environment

Changelogs

Features

• update expo-document-picker and support backward compatibility (364f805)

Bug Fixes

• utils: extension should not contain dot in getMimeFromFileExtension (7be3d0c)
• utils: getFileExtensionFromUri should return extension not a mime-type (e2df878)
• utils: return extension of getFileExtensionFromMime should contain dot (85b6d18)

3.0.3 (2023-07-11)

Release notes

• Fix to send the file messages normally

Changelogs

Bug Fixes

• utils: wrong mime type check condition in normalizeFile (1ca3789)

3.0.2 (2023-07-10)

Release notes

• Fixed that unable to load next messages when message searching on iOS in a react-native environment lower than v0.72

Changelogs

Bug Fixes

• revert "fix: do not use scrollview enhancer if the platform is not android (ff48e36)" (907b09e)

3.0.1 (2023-07-04)

Release notes

Update expo modules and support backward compatibility

• Latest version support for expo-av module
• Latest version support for expo-clipboard module
• Latest version support for expo-document-picker module
• Latest version support for expo-file-system module
• Latest version support for expo-image-manipulator module
• Latest version support for expo-image-picker module
• Latest version support for expo-media-library module
• Latest version support for expo-notifications module
• Latest version support for expo-video-thumbnails module

Changelogs

Bug Fixes

• do not use scrollview enhancer if the platform is not android (ff48e36)
• update expo modules and support backward compatibility (5c45ee6)

3.0.0 (2023-06-28)

Release notes

Feature configurations

• The minimum @sendbird/chat version has been increased from 4.3.0 to 4.9.2.
• You can now configure the features of UIKit through the uikitOptions prop of SendbirdUIKitContainer.

<SendbirdUIKitContainer
  uikitOptions={{
    common: {
      enableUsingDefaultUserProfile: true,
    },
    groupChannel: {
      enableMention: false,
      enableOgtag: true,
      enableReaction: true,
      enableTypingIndicator: true,
      input: {
        camera: {
          enablePhoto: true,
          enableVideo: true,
        },
        gallery: {
          enablePhoto: true,
          enableVideo: true,
        },
        enableDocument: true,
      },
    },
    groupChannelList: {
      enableTypingIndicator: true,
      enableMessageReceiptStatus: true,
    },
    groupChannelSettings: {
      enableMessageSearch: true,
    },
    openChannel: {
      enableOgtag: true,
      input: {
        camera: {
          enablePhoto: true,
          enableVideo: true,
        },
        gallery: {
          enablePhoto: true,
          enableVideo: true,
        },
        enableDocument: true,
      },
    },
  }}
/>

Breaking changes

Project configurations

The minimum React-Native version has been increased from 0.63.3 to 0.65.0.

• Supports stable Metro bundler version.
• Supports stable React-Native APIs (e.g. EventSubscription).
• Minimum iOS version for deployment has been changed to 11. (link)
• An increase in the minimum Gradle version is required for stable operation.
• https://react-native-community.github.io/upgrade-helper/?from=0.63.5&to=0.65.3

Local cache is now a mandatory requirement.

• You must inject localCacheStorage into SendbirdUIKitContainer.

<SendbirdUIKitContainer chatOptions={{ localCacheStorage: AsyncStorage }} />

Code migrations and removal of deprecated items

Feature configurations

• The feature configuration options that were previously present in the chatOptions prop of SendbirdUIKitContainer have been moved to uikitOptions prop.

  • chatOptions.enableUserMention is replaced with uikitOptions.groupChannel.enableMention
  • chatOptions.enableGroupChannelOGTag is replaced with uikitOptions.groupChannel.enableOgtag
  • chatOptions.enableChannelListTypingIndicator replaced with uikitOptions.groupChannelList.enableTypingIndicator
  • chatOptions.enableChannelListMessageReceiptStatus is replaced with uikitOptions.groupChannelList.enableMessageReceiptStatus
  • chatOptions.enableMessageSearch is replaced with uikitOptions.groupChannelSettings.enableMessageSearch
  • chatOptions.enableOpenChannelOGTag is replaced with uikitOptions.openChannel.enableOgtag
  • chatOptions.enableUsingDefaultUserProfile is replaced with uikitOptions.common.enableUsingDefaultUserProfile

Resources

• StringSet

  • OPEN_CHANNEL.LIST_BANNER_FROZEN is replaced with LABELS.CHANNEL_MESSAGE_LIST_FROZEN
  • GROUP_CHANNEL.LIST_BANNER_FROZEN is replaced with LABELS.CHANNEL_MESSAGE_LIST_FROZEN
  • GROUP_CHANNEL.DIALOG_MESSAGE_COPY is replaced with LABELS.CHANNEL_MESSAGE_COPY
  • GROUP_CHANNEL.DIALOG_MESSAGE_EDIT is replaced with LABELS.CHANNEL_MESSAGE_EDIT
  • GROUP_CHANNEL.DIALOG_MESSAGE_SAVE is replaced with LABELS.CHANNEL_MESSAGE_SAVE
  • GROUP_CHANNEL.DIALOG_MESSAGE_DELETE is replaced with LABELS.CHANNEL_MESSAGE_DELETE
  • GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_TITLE is replaced with LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_TITLE
  • GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_OK is replaced with LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_OK
  • GROUP_CHANNEL.DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL is replaced with LABELS.CHANNEL_MESSAGE_DELETE_CONFIRM_CANCEL
  • GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_RETRY is replaced with LABELS.CHANNEL_MESSAGE_FAILED_RETRY
  • GROUP_CHANNEL.DIALOG_MESSAGE_FAILED_REMOVE is replaced with LABELS.CHANNEL_MESSAGE_FAILED_REMOVE
  • GROUP_CHANNEL.DIALOG_ATTACHMENT_CAMERA(LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA) is replaced with LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_PHOTO and LABELS.CHANNEL_INPUT_ATTACHMENT_CAMERA_VIDEO
  • GROUP_CHANNEL.DIALOG_ATTACHMENT_PHOTO_LIBRARY is replaced with LABELS.CHANNEL_INPUT_ATTACHMENT_PHOTO_LIBRARY
  • GROUP_CHANNEL.DIALOG_ATTACHMENT_FILES is replaced with LABELS.CHANNEL_INPUT_ATTACHMENT_FILES
  • GROUP_CHANNEL.INPUT_PLACEHOLDER_ACTIVE is replaced with LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE
  • GROUP_CHANNEL.INPUT_PLACEHOLDER_DISABLED is replaced with LABELS.CHANNEL_INPUT_PLACEHOLDER_DISABLED
  • GROUP_CHANNEL.INPUT_PLACEHOLDER_MUTED is replaced with LABELS.CHANNEL_INPUT_PLACEHOLDER_MUTED
  • GROUP_CHANNEL.INPUT_EDIT_OK is replaced with LABELS.CHANNEL_INPUT_EDIT_OK
  • GROUP_CHANNEL.INPUT_EDIT_CANCEL is replaced with LABELS.CHANNEL_INPUT_EDIT_CANCEL
  • GROUP_CHANNEL_MEMBERS.USER_BAR_ME_POSTFIX is replaced with LABELS.USER_BAR_ME_POSTFIX
  • GROUP_CHANNEL_MEMBERS.USER_BAR_OPERATOR is replaced with LABELS.USER_BAR_OPERATOR

• Theme

  • Messsage in colors is replaced with GroupChannelMessage (colors.ui.message -> colors.ui.groupChannelMessage)

Components

• GroupChannelFragment(GroupChannelProps),

  • In order to specify the local cache as mandatory, the queryCreator prop has been removed.

• ChannelMessageList (GroupChannelProps, OpenChannelProps)

  • onPressImageMessage prop is replaced with onPressMediaMessage
  • onLeaveScrollBottom prop is replaced with onScrolledAwayFromBottom
  • onPressAvatar prop is replaced with onShowUserProfile

• ChannelInput (GroupChannelProps, OpenChannelProps)

  • onSendFileMessage prop is replaced with onPressSendUserMessage
  • onSendUserMessage prop is replaced with onPressSendUserMessage
  • onUpdateFileMessage prop is replaced with onPressUpdateUserMessage
  • onUpdateUserMessage prop is replaced with onPressUpdateFileMessage

• GroupChannelListFragment(GroupChannelListProps)

  • In order to specify the local cache as mandatory, the queryCreator prop has been removed.
  • renderGroupChannelPreview has been changed from (channel: SendbirdGroupChannel, onLongPressChannel: () => void) => React.ReactElement | null to (props: { channel: SendbirdGroupChannel; onPress: () => void; onLongPress: () => void; }) => React.ReactElement | null.

• MessageRenderer component is replaced with GroupChannelMessageRenderer

Hooks

• useGroupChannelMessages, useOpenChannelMessages
  • nextMessages and newMessagesFromMembers properties are replaced with newMessages

Changelogs

⚠ BREAKING CHANGES

• update signature of channel preview prop in group channel list and open channel list
• removed queryCreator from the group channel and group channel list
• update minimum chat sdk version
• bumped peer dependency version of chat sdk
• react-native minimum version changed to 0.65.0 from 0.63.3
• made chatOptions.localCacheStorage of SendbirdUIKitContainer required
• deprecated item removal in foundation package
• deprecated item removal in ChannelInput
• deprecated MessageRenderer removal (replaced to GroupChannelMessageRenderer)
• deprecated item removal in ChannelMessageList
• deprecated item removal in uikit-chat-hooks package
• deprecated item removal in StringSet

Features

• added AttachmentsButton to ChannelInput component (687f3a0)
• bumped peer dependency version of chat sdk (a57aff0)
• deprecated item removal in ChannelInput (6a326ca)
• deprecated item removal in ChannelMessageList (3a68a33)
• deprecated item removal in foundation package (96f9717)
• deprecated item removal in StringSet (956236b)
• deprecated item removal in uikit-chat-hooks package (48fabfe)
• deprecated MessageRenderer removal (replaced to GroupChannelMessageRenderer) (488e0b6)
• hide ui elements when the channel is ephemeral (eacc2da)
• made chatOptions.localCacheStorage of SendbirdUIKitContainer required (2f07d0d)
• react-native minimum version changed to 0.65.0 from 0.63.3 (39a9852)
• support options for default user profile(default: false) (6671a61)
• support options for ogtag in channel (d80b8a0)
• update minimum chat sdk version (5330d1f)
• use uikitWithAppInfo internally (a182ead)

Bug Fixes

• ensure correct display of reply messages when replyType is configured in uikit configs (a00b089)
• fixed config linking in mention manager (6e8ba6c)
• fixed menuItemsCreator timing (279fd98)
• fixed onPress related handlers in message renderer for proper functionality (6da20db)
• focusing animation of message search results has been modified to apply only to the message component (c5d22a2)
• foundation: fixed slight cropping at the bottom of images in AvatarGroup (76ccadf)
• replaced unsupported Object.hasOwn (f165273)

Miscellaneous Chores

• removed queryCreator from the group channel and group channel list (ca3bc98)
• update signature of channel preview prop in group channel list and open channel list (d3e8afa)

Improvements

• defensively modify reducer logic to prevent duplicate objects (bc3cfb1)
• modify useGroupChannel and useOpenChannel hooks to refetch the channel when the url has changed (5b8e105)
• react-native-scrollview-enhancer handle as a optional (d570851)

2.5.0 (2023-05-04)

Release notes

• [BETA] Added message search feature

  • Added createMessageSearchFragment and createMessageSearchModule.
    Added searchItem prop to GroupChannelFragment.

• @sendbird/react-native-scrollview-enhancer module as peer dependency.

  • Added @sendbird/react-native-scrollview-enhancer module as a peer dependency to support bidirectional scrolling and maintainVisibleContentPosition on Android with versions lower than 0.72.
  • If your React-Native version is 0.63.x, please use v0.1.2. If it is 0.64.x or higher, please use v0.2.0.
  • Note that this module includes an Android native module.

• Changes to the behavior of useGroupChannelMessagesWithCollection.

  • Due to the support of the maintainVisibleContentPosition prop, nextMessages and newMessagesFromMembers have been deprecated and replaced with newMessages.

Changelogs

Features

• added message search fragment (a6342c0)
• implement focus animation on search item (7fe38e8)
• implemented scroll-view enhancer (1dca4a0)

Bug Fixes

• chat-hooks: fixed adding, updating, and deleting messages properly when returning from background to foreground in the open channel (50b2f23)
• uikit: do not handle onUserBanned in open channel list (8ba9daa)
• uikit: fixed mention suggestion properly based on updated members (fb50bbd)

2.4.2 (2023-04-28)

Features

• uikit: added queryCreator prop to GroupChannelBannedUsersFragment (dd682e8)
• uikit: added queryCreator prop to GroupChannelMembersFragment (38eb2fe)
• uikit: added queryCreator prop to GroupChannelMutedMembersFragment (37e6be7)
• uikit: added queryCreator prop to GroupChannelOperatorsFragment (63d08e8)
• uikit: added queryCreator prop to GroupChannelRegisterOperatorFragment (7e1485a)
• uikit: added queryCreator prop to OpenChannelBannedUsersFragment (16e1e4c)
• uikit: added queryCreator prop to OpenChannelMutedParticipantsFragment (0e7c462)
• uikit: added queryCreator prop to OpenChannelOperatorsFragment (d7746f5)
• uikit: added queryCreator prop to OpenChannelParticipantsFragment (01f82da)
• uikit: added queryCreator prop to OpenChannelRegisterOperatorFragment (3693856)

Improvements

• chat-hooks: removed deps from useConnectionHandler (6acf65c)

2.4.1 (2023-03-24)

Bug Fixes

• uikit: fixed connection failure due to duplicate network listener invocation on v4.6.0+ session token connection. (ff761f3)
• utils: properly retrieve file extensions from URLs that contain query parameters (7401d55)

Improvements

• refactored createFileService functions and utils structure (5e44d4f)