sendbird-uikit-react-native

3.7.2 (2024-09-25)

Release notes

• Added event handlers interface for onOpenURL and onOpenFileURL to SendbirdUIKitContainer.

  <SendbirdUIKitContainer
    appId={APP_ID}
    handlers={{
      onOpenURL: (url) => {
        console.log('onOpenURL', url);
      },
      onOpenFileURL: (url) => {
        console.log('onOpenFileURL', url);
      },
    }}
  />
  

Changelogs

Features

• add sbu handlers interface (0e75d81)

3.7.1 (2024-09-10)

Release notes

• Fixed the behavior to call disconnectWebsocket() instead of disconnect() on unmount SendbirdUIKitContainer to avoid unintentionally clearing the cache.

Changelogs

Bug Fixes

• disconnect ws only on unmounted (5f09729)

3.7.0 (2024-08-08)

Release notes

Features

• Added support for MMKV storage and deprecated AsyncStorage.

  import { MMKV } from 'react-native-mmkv';
  
  import { SendbirdUIKitContainer } from '@sendbird/uikit-react-native';
  
  const mmkv = new MMKV();
  const App = () => {
    return <SendbirdUIKitContainer chatOptions={{ localCacheStorage: mmkv }}>{/* ... */}</SendbirdUIKitContainer>;
  };
  

[!IMPORTANT]
Since react-native-mmkv uses JSI for synchronous native method invocations, remote debugging (e.g., with Chrome) is no longer possible.
Instead, you should use Flipper or React DevTools.

• For more details on remote debugging deprecations, refer to react-native-community discussions and proposals #734.

• For information on the new debugger, refer to react-native-community discussions and proposals #733.

Chore

• Updated sample React-Native version to 0.74.3

Changelogs

Features

• support mmkv storage and deprecate a async storage (ffbb8fc)
• updated sample React version to 0.74.3 (0e32587)

3.6.0 (2024-07-09)

Release notes

• Added thread type in GroupChannel
  • Added GroupChannelThreadFragment
  • Added GroupChannelThreadProps
  • Added GroupChannelThreadModule
  • Added GroupChannelThreadContextsType

Changelogs

Features

• added thread type in GroupChannel (5e815ea)

Bug Fixes

• fixed issue with mention suggestion list sorting (5e815ea)
• fixed issue with file upload size limit exceeded (5e815ea)

3.5.4 (2024-06-13)

Release notes

• Deprecated the setter of enableReactionsSupergroup in SendbirdUIKitContainerProps, which is not allowed by default. If you wish to use this feature, contact us.

Changelogs

Features

• deprecated enableReactionsSupergroup in SendbirdUIKitContainerProps (b90d2e2)

3.5.3 (2024-05-28)

Bug Fixes

• handle image/jpg mime type to determine image compress properly (37f346d)
• when frozen or muted, input should be disabled (712ae97)

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)