|
1 | 1 | # Changelog - v3
|
2 | 2 |
|
| 3 | +## [v3.15.0] (Aug 29, 2024) |
| 4 | + |
| 5 | +### Features |
| 6 | +- UIKit now supports form messages! Messages with `messageForm` will be displayed as form messages. |
| 7 | + - Added `enableFormTypeMessage` global option |
| 8 | + - How to use? |
| 9 | + ```tsx |
| 10 | + <App |
| 11 | + appId={appId} |
| 12 | + userId={userId} |
| 13 | + uikitOptions={{ |
| 14 | + groupChannel: { |
| 15 | + // Below turns on the form message feature. Default value is false. |
| 16 | + enableFormTypeMessage: true, |
| 17 | + } |
| 18 | + }} |
| 19 | + /> |
| 20 | + ``` |
| 21 | + - `MessageInput` is now being disabled if a channel has a form message that is not submitted and its `extendedMessagePayload['disable_chat_input']` value is true |
| 22 | + - Added `FormMessageItemBody`, and `FormInput` |
| 23 | +- Added support for EmojiCategory. You can now filter emojis for different messages when adding Reactions to a message. |
| 24 | +- Added `filterEmojiCategoryIds` to `GroupChannelProvider` and `ThreadProvider`. |
| 25 | + - How to Use |
| 26 | + ```tsx |
| 27 | + const filterEmojiCategoryIds = (message: SendableMessage) => { |
| 28 | + if (message.customType === 'emoji_category_2') return [2]; |
| 29 | +
|
| 30 | + return [1]; |
| 31 | + } |
| 32 | +
|
| 33 | + <GroupChannel |
| 34 | + filterEmojiCategoryIds={filterEmojiCategoryIds} |
| 35 | + /> |
| 36 | + ``` |
| 37 | + - Note: You need to set your custom EmojiCategory using [Sendbird Platform API](https://sendbird.com/docs/chat/platform-api/v3/message/reactions-and-emojis/reactions-and-emojis-overview) in advance. |
| 38 | +- Added sub-rendering props to the `ThreadListItem` and `ThreadListItemContent` components. |
| 39 | + - Added props list: `renderSenderProfile`, `renderMessageBody`, `renderMessageHeader`, `renderEmojiReactions`, and `renderMobileMenuOnLongPress`. |
| 40 | + - How to use: |
| 41 | + ```tsx |
| 42 | + const CustomThread = () => ( |
| 43 | + <ThreadProvider> |
| 44 | + <ThreadUI |
| 45 | + renderMessage={(props) => ( |
| 46 | + <ThreadListItem |
| 47 | + {...props} |
| 48 | + renderSenderProfile={() => <></>} |
| 49 | + /> |
| 50 | + )} |
| 51 | + /> |
| 52 | + </ThreadProvider> |
| 53 | + ); |
| 54 | + ``` |
| 55 | + |
| 56 | +- Exported subcomponents of `MessageContent`: |
| 57 | + ```tsx |
| 58 | + import { MessageBody, MessageHeader, MessageProfile } from '@sendbird/uikit-react/ui/MessageContent'; |
| 59 | + ``` |
| 60 | + |
| 61 | +### Fixes |
| 62 | +- Fixed broken CSS in Thread: |
| 63 | + - Style was not applied to `ParentMessageInfo` until the first message was received on the thread list. |
| 64 | + - Scroll functionality was not working on the thread list. |
| 65 | +- Fixed an issue where HTML entities like `§` or `<` were automatically converted to symbols when pasted into a contentEditable element, ensuring they are now preserved as plain text. |
| 66 | +- Fixed an issue where the style was breaking in messages due to emoji reactions. |
| 67 | +- Fixed a bug where y-scroll was not working in `EditUserProfileUIView` when the app was displayed in horizontal view on mobile devices. |
| 68 | +- Fixed a bug where an offline banned user was not leaving the channel upon reconnecting in mobile view. |
| 69 | +- Fixed thumbnail image overflow in OG messages in open channels. |
| 70 | +- Fixed broken file viewer title in mobile view. |
| 71 | +- Fixed a bug where markdown messages were incorrectly displayed in channel previews. |
| 72 | +- Renamed the prop `onUserProfileMessage` to `onStartDirectMessage`. |
| 73 | + - Deprecated the `onUserProfileMessage` prop in `SendbirdProvider` and `UserProfileProvider`. |
| 74 | + - Deprecated the `onUserProfileMessage` interface in `SendbirdStateContext` and `UserProfileContext`. |
| 75 | + - Use `onStartDirectMessage` instead. |
| 76 | + |
3 | 77 | ## [v3.14.14] (Aug 1, 2024)
|
4 | 78 |
|
5 | 79 | ### Features
|
|
0 commit comments