Skip to content

Commit 27f569e

Browse files
authored
release: v3.15.0 (#1210)
## [v3.15.0] (Aug 29, 2024) ### Features - UIKit now supports form messages! Messages with `messageForm` will be displayed as form messages. - Added `enableFormTypeMessage` global option - How to use? ```tsx <App appId={appId} userId={userId} uikitOptions={{ groupChannel: { // Below turns on the form message feature. Default value is false. enableFormTypeMessage: true, } }} /> ``` - `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 - Added `FormMessageItemBody`, and `FormInput` - Added support for EmojiCategory. You can now filter emojis for different messages when adding Reactions to a message. - Added `filterEmojiCategoryIds` to `GroupChannelProvider` and `ThreadProvider`. - How to Use ```tsx const filterEmojiCategoryIds = (message: SendableMessage) => { if (message.customType === 'emoji_category_2') return [2]; return [1]; } <GroupChannel filterEmojiCategoryIds={filterEmojiCategoryIds} /> ``` - 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. - Added sub-rendering props to the `ThreadListItem` and `ThreadListItemContent` components. - Added props list: `renderSenderProfile`, `renderMessageBody`, `renderMessageHeader`, `renderEmojiReactions`, and `renderMobileMenuOnLongPress`. - How to use: ```tsx const CustomThread = () => ( <ThreadProvider> <ThreadUI renderMessage={(props) => ( <ThreadListItem {...props} renderSenderProfile={() => <></>} /> )} /> </ThreadProvider> ); ``` - Exported subcomponents of `MessageContent`: ```tsx import { MessageBody, MessageHeader, MessageProfile } from '@sendbird/uikit-react/ui/MessageContent'; ``` ### Fixes - Fixed broken CSS in Thread: - Style was not applied to `ParentMessageInfo` until the first message was received on the thread list. - Scroll functionality was not working on the thread list. - Fixed an issue where HTML entities like `&sect` or `&lt` were automatically converted to symbols when pasted into a contentEditable element, ensuring they are now preserved as plain text. - Fixed an issue where the style was breaking in messages due to emoji reactions. - Fixed a bug where y-scroll was not working in `EditUserProfileUIView` when the app was displayed in horizontal view on mobile devices. - Fixed a bug where an offline banned user was not leaving the channel upon reconnecting in mobile view. - Fixed thumbnail image overflow in OG messages in open channels. - Fixed broken file viewer title in mobile view. - Fixed a bug where markdown messages were incorrectly displayed in channel previews. - Renamed the prop `onUserProfileMessage` to `onStartDirectMessage`. - Deprecated the `onUserProfileMessage` prop in `SendbirdProvider` and `UserProfileProvider`. - Deprecated the `onUserProfileMessage` interface in `SendbirdStateContext` and `UserProfileContext`. - Use `onStartDirectMessage` instead.
1 parent bfc944b commit 27f569e

File tree

2 files changed

+75
-1
lines changed

2 files changed

+75
-1
lines changed

CHANGELOG.md

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,79 @@
11
# Changelog - v3
22

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 `&sect` or `&lt` 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+
377
## [v3.14.14] (Aug 1, 2024)
478

579
### Features

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@sendbird/uikit-react",
3-
"version": "3.14.14",
3+
"version": "3.15.0",
44
"description": "Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
55
"keywords": [
66
"sendbird",

0 commit comments

Comments
 (0)