@sendbird/uikit-react 3.14.14 → 3.15.1-rc-0

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import { SendbirdProvider } from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './chunks/bundle-DBzinRyn.js';
-import { _ as __assign } from './chunks/bundle-B1SLZ0HT.js';
+import { u as useMediaQueryContext } from './chunks/bundle-DtgKwceV.js';
+import { _ as __assign } from './chunks/bundle-0Rp5kSfP.js';
 import { GroupChannel } from './GroupChannel.js';
 import { GroupChannelList } from './GroupChannelList.js';
 import Channel from './Channel.js';
@@ -9,84 +9,84 @@ import ChannelList from './ChannelList.js';
 import ChannelSettings from './ChannelSettings.js';
 import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
-import { c as classnames } from './chunks/bundle-CtBgdgkK.js';
-import { A as APP_LAYOUT_ROOT } from './chunks/bundle-C7VSBUKJ.js';
+import { c as classnames } from './chunks/bundle-rZmkCQVa.js';
+import { A as APP_LAYOUT_ROOT } from './chunks/bundle-DqgQIYZo.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-Cvt9FZvn.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-DO8nji3n.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-DW8Sq-WK.js';
+import { u as uuidv4 } from './chunks/bundle-OM_qe927.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-Buui3Peb.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-CrEn09Y_.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
-import './chunks/bundle-Bh6KfMRl.js';
-import './chunks/bundle-D-cVbGxk.js';
+import './chunks/bundle-BMDB8JkV.js';
+import './chunks/bundle-BpuhAWGE.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DJDeBhDz.js';
-import './chunks/bundle-CwQYOWqR.js';
+import './chunks/bundle-DPCmaV5r.js';
+import './chunks/bundle-DNXYrXeV.js';
 import 'react-dom';
-import './chunks/bundle-BvAzWVA5.js';
-import './chunks/bundle-D2Fmzffb.js';
-import './chunks/bundle-kNaMXwgI.js';
+import './chunks/bundle-DggTTvRW.js';
+import './chunks/bundle-Bbp_mG3b.js';
+import './chunks/bundle-DNQIJS_y.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-CEZ0D4qz.js';
+import './chunks/bundle-BjeOOxpK.js';
 import './ui/Icon.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-c4e24Qt4.js';
-import './chunks/bundle-egkx7NWB.js';
-import './chunks/bundle-8Y67Y4IK.js';
-import './chunks/bundle-5R9f3ZZp.js';
-import './chunks/bundle-ke1HVuUa.js';
+import './chunks/bundle-CvwxSphV.js';
+import './chunks/bundle-B5GIuLMR.js';
+import './chunks/bundle-BvbDskSw.js';
+import './chunks/bundle-Bqw3uV5f.js';
+import './chunks/bundle-BDsznqQp.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-BKxPk2t0.js';
-import './chunks/bundle-DgQjrhyW.js';
-import './chunks/bundle-h1wbrjk9.js';
-import './chunks/bundle-DZhG3Z6D.js';
-import './chunks/bundle-uSSYB2TA.js';
+import './chunks/bundle-DMt7WHgm.js';
+import './chunks/bundle-BQvMpgpE.js';
+import './chunks/bundle-_wMVk-oV.js';
+import './chunks/bundle-DZx4nXGw.js';
+import './chunks/bundle-BUorlW-M.js';
+import './chunks/bundle-D8IjTKd9.js';
+import './ui/SortByRow.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-CmAUKSnK.js';
+import './chunks/bundle-CvYzVwuM.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-Dg8Q1yIF.js';
+import './chunks/bundle-3aRZvlp8.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-C76-LA1E.js';
+import './chunks/bundle-XxrDX6ew.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DYIdeEpd.js';
-import './chunks/bundle-CRKkgI5q.js';
-import './chunks/bundle-FBWhhyW3.js';
+import './chunks/bundle-DSdXtgyq.js';
+import './chunks/bundle-tpu0XOLx.js';
+import './chunks/bundle-DKCsD3WG.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-CTaD4y3Q.js';
+import './chunks/bundle-DyHo9bX1.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-CAXTSiql.js';
-import './chunks/bundle-C6F1gIgq.js';
-import './chunks/bundle-DHJZgVZH.js';
+import './chunks/bundle-BCLY-dXu.js';
+import './chunks/bundle-e4FJW867.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-DcNHBjGp.js';
-import './chunks/bundle-BGQ77Eco.js';
+import './chunks/bundle-B-lCuA5L.js';
+import './chunks/bundle-DsEaybLV.js';
 import 'dompurify';
-import './chunks/bundle-i2i0G-ml.js';
-import './chunks/bundle-BVBoUWl2.js';
-import './chunks/bundle-fSuFm2tD.js';
-import './chunks/bundle-DtlqJEe7.js';
+import './chunks/bundle-CbwgQ6SM.js';
+import './chunks/bundle-Dks7EkCd.js';
+import './chunks/bundle-DUwxOt8U.js';
+import './chunks/bundle-BksrHkkz.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-j0SR3DhQ.js';
-import './chunks/bundle-BxrZduJE.js';
-import './chunks/bundle-q_YvxT21.js';
-import './chunks/bundle-B6Uh5m2a.js';
+import './chunks/bundle-DoIiC71m.js';
+import './chunks/bundle-BhenLupm.js';
+import './chunks/bundle-DKJTIyVT.js';
+import './chunks/bundle-d7he2jL_.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-DxDVBm6N.js';
-import './ui/SortByRow.js';
+import './chunks/bundle-wDgKSuM7.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -100,18 +100,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-CfsHVenu.js';
+import './chunks/bundle-NaVCBdS-.js';
 import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
+import './chunks/bundle-BIpDDku5.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-NWVriOUB.js';
+import './chunks/bundle-DWoUpPyI.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-Bt68jirZ.js';
+import './chunks/bundle-r3mGZzPF.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-DTOg7Xzt.js';
+import './chunks/bundle-C_rNQxwS.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -119,71 +120,71 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CbTjJHLv.js';
+import './chunks/bundle-BoSyL346.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
+import './ui/MessageFeedbackFailedModal.js';
 import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
-import './ui/MessageFeedbackFailedModal.js';
-import './chunks/bundle-CbMF1uDu.js';
+import './chunks/bundle-ChjkI9GL.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-C_WYFRJt.js';
+import './chunks/bundle-JWn9EWNb.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-Ck65vtgI.js';
+import './chunks/bundle-Cb4Cnkmq.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-CU9ItXV_.js';
-import './chunks/bundle-CBwCMBt0.js';
+import './chunks/bundle-DQNUsLAx.js';
+import './chunks/bundle-B_tjqzE2.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-Dt4PQi4u.js';
+import './chunks/bundle-DbkgMnSJ.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-ChKVOZMC.js';
+import './chunks/bundle-D7AJL75S.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-B7FJxg4D.js';
-import './chunks/bundle-DM6QiOiG.js';
+import './chunks/bundle-_8e2mflo.js';
+import './chunks/bundle-D6YgZmiL.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-B2Vy0FIf.js';
+import './chunks/bundle-RLrj9Yv4.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-D2bCW01X.js';
-import './chunks/bundle-FtNvi0ib.js';
+import './chunks/bundle-BRJuAO-5.js';
+import './chunks/bundle-kCX-uM_S.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-R159x0xi.js';
+import './chunks/bundle-C5A_AnYG.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-CcvIdULa.js';
+import './chunks/bundle-CFpd1-HJ.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-CM1oxZtw.js';
+import './chunks/bundle-vN_Q8Ycs.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Channel/context.js';
-import './chunks/bundle-CwpgCadZ.js';
-import './chunks/bundle-BKe5KBuS.js';
-import './chunks/bundle-CSRcmLyk.js';
-import './chunks/bundle-DPf4rz9k.js';
-import './chunks/bundle-D8esR1WH.js';
+import './chunks/bundle-oTpcJCaY.js';
+import './chunks/bundle-Dg1PBlXP.js';
+import './chunks/bundle-DJlMmqJJ.js';
+import './chunks/bundle-CDUcXSnt.js';
+import './chunks/bundle-RU5h-aoY.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-Cn1EBKt6.js';
+import './chunks/bundle-u4mVpscw.js';
 import './Channel/components/MessageInput.js';
-import './chunks/bundle-CQgNYKRd.js';
+import './chunks/bundle-DTgwG3xT.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
@@ -196,9 +197,9 @@ import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/ChannelSettingsMenuItem.js';
 import './ChannelSettings/components/ChannelSettingMenuList.js';
 import './ChannelSettings/hooks/useMenuList.js';
-import './chunks/bundle-DWQyLuYT.js';
-import './chunks/bundle-C8mqUun8.js';
-import './chunks/bundle-nv2ffewN.js';
+import './chunks/bundle-BI5XwHBK.js';
+import './chunks/bundle-CRMcJ-_s.js';
+import './chunks/bundle-BHJ1GVEm.js';
 import './ui/Toggle.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
@@ -208,10 +209,10 @@ import './Thread/context.js';
 import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-RC1OoWx9.js';
+import './chunks/bundle-D-uLb6nQ.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-9-9DQjCI.js';
-import './chunks/bundle-B5vIoHSd.js';
+import './chunks/bundle-CqImg5tw.js';
+import './chunks/bundle-GIU_IwX0.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -521,7 +522,7 @@ function App(props) {
     // we don't need to set them here.
     showSearchIcon = props.showSearchIcon, isMentionEnabled = props.isMentionEnabled, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, disableUserProfile = props.disableUserProfile, isVoiceMessageEnabled = props.isVoiceMessageEnabled, isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList;
     var _s = useState(), currentChannel = _s[0], setCurrentChannel = _s[1];
-    return (React__default.createElement(SendbirdProvider, { stringSet: stringSet, appId: appId, userId: userId, accessToken: accessToken, customApiHost: customApiHost, customWebSocketHost: customWebSocketHost, breakpoint: breakpoint, theme: theme, nickname: nickname, profileUrl: profileUrl, dateLocale: dateLocale, userListQuery: userListQuery, config: config, colorSet: colorSet, disableMarkAsDelivered: disableMarkAsDelivered, renderUserProfile: renderUserProfile, imageCompression: imageCompression, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, voiceRecord: voiceRecord, onUserProfileMessage: function (channel) {
+    return (React__default.createElement(SendbirdProvider, { stringSet: stringSet, appId: appId, userId: userId, accessToken: accessToken, customApiHost: customApiHost, customWebSocketHost: customWebSocketHost, breakpoint: breakpoint, theme: theme, nickname: nickname, profileUrl: profileUrl, dateLocale: dateLocale, userListQuery: userListQuery, config: config, colorSet: colorSet, disableMarkAsDelivered: disableMarkAsDelivered, renderUserProfile: renderUserProfile, imageCompression: imageCompression, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, voiceRecord: voiceRecord, onStartDirectMessage: function (channel) {
             setCurrentChannel(channel);
         }, uikitOptions: uikitOptions, isUserIdUsedForNickname: isUserIdUsedForNickname, sdkInitParams: sdkInitParams, customExtensionParams: customExtensionParams, eventHandlers: eventHandlers, isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList, replyType: replyType, showSearchIcon: showSearchIcon, disableUserProfile: disableUserProfile, isReactionEnabled: isReactionEnabled, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, htmlTextDirection: htmlTextDirection, forceLeftToRightMessageLayout: forceLeftToRightMessageLayout },
         React__default.createElement(AppLayout, { isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon })));

package/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"App.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/CHANGELOG.md

@@ -1,5 +1,84 @@
 # Changelog - v3
 
+## [v3.15.1] (Aug 29, 2024)
+
+### Fixes
+- Fixed unread count badge position on the ChannelPreview item component.
+
+## [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.
+
 ## [v3.14.14] (Aug 1, 2024)
 
 ### Features

package/Channel/components/ChannelHeader.js

@@ -1,48 +1,58 @@
-import { _ as __assign } from '../../chunks/bundle-B1SLZ0HT.js';
+import { _ as __assign } from '../../chunks/bundle-0Rp5kSfP.js';
 import React__default from 'react';
-import { G as GroupChannelHeaderView } from '../../chunks/bundle-Dg8Q1yIF.js';
+import { G as GroupChannelHeaderView } from '../../chunks/bundle-3aRZvlp8.js';
 import { useChannelContext } from '../context.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CtBgdgkK.js';
+import '../../chunks/bundle-rZmkCQVa.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-C76-LA1E.js';
+import '../../chunks/bundle-XxrDX6ew.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DYIdeEpd.js';
-import '../../chunks/bundle-CRKkgI5q.js';
-import '../../chunks/bundle-FBWhhyW3.js';
-import '../../chunks/bundle-CEZ0D4qz.js';
-import '../../chunks/bundle-D2Fmzffb.js';
-import '../../chunks/bundle-DBzinRyn.js';
+import '../../chunks/bundle-DSdXtgyq.js';
+import '../../chunks/bundle-tpu0XOLx.js';
+import '../../chunks/bundle-DKCsD3WG.js';
+import '../../chunks/bundle-BjeOOxpK.js';
+import '../../chunks/bundle-Bbp_mG3b.js';
+import '../../chunks/bundle-DtgKwceV.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-BvAzWVA5.js';
-import '../../chunks/bundle-kNaMXwgI.js';
+import '../../chunks/bundle-DggTTvRW.js';
+import '../../chunks/bundle-DNQIJS_y.js';
 import '../../ui/Header.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-CTaD4y3Q.js';
+import '../../chunks/bundle-DyHo9bX1.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-BKxPk2t0.js';
-import '../../chunks/bundle-DHJZgVZH.js';
-import '../../chunks/bundle-Dt4PQi4u.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-uSSYB2TA.js';
-import '../../chunks/bundle-C6F1gIgq.js';
-import '../../chunks/bundle-CwQYOWqR.js';
-import '../../chunks/bundle-D-cVbGxk.js';
+import '../../chunks/bundle-DMt7WHgm.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-BMDB8JkV.js';
+import '../../chunks/bundle-BpuhAWGE.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-DJDeBhDz.js';
-import '../../chunks/bundle-CwpgCadZ.js';
-import '../../chunks/bundle-BKe5KBuS.js';
-import '../../chunks/bundle-CSRcmLyk.js';
-import '../../chunks/bundle-c4e24Qt4.js';
-import '../../chunks/bundle-Cvt9FZvn.js';
-import '../../chunks/bundle-DPf4rz9k.js';
-import '../../chunks/bundle-DZhG3Z6D.js';
-import '../../chunks/bundle-DgQjrhyW.js';
-import '../../chunks/bundle-DW8Sq-WK.js';
-import '../../chunks/bundle-D8esR1WH.js';
-import '../../chunks/bundle-ke1HVuUa.js';
+import '../../chunks/bundle-DPCmaV5r.js';
+import '../../chunks/bundle-DNXYrXeV.js';
+import 'react-dom';
+import '../../ui/Button.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-OM_qe927.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-Buui3Peb.js';
+import '../../chunks/bundle-CvwxSphV.js';
+import '../../chunks/bundle-DqgQIYZo.js';
+import '../../ui/SortByRow.js';
+import '../../chunks/bundle-DZx4nXGw.js';
+import '../../chunks/bundle-DbkgMnSJ.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle-D8IjTKd9.js';
+import '../../chunks/bundle-e4FJW867.js';
+import '../../chunks/bundle-oTpcJCaY.js';
+import '../../chunks/bundle-Dg1PBlXP.js';
+import '../../chunks/bundle-DJlMmqJJ.js';
+import '../../chunks/bundle-CDUcXSnt.js';
+import '../../chunks/bundle-BUorlW-M.js';
+import '../../chunks/bundle-BQvMpgpE.js';
+import '../../chunks/bundle-CrEn09Y_.js';
+import '../../chunks/bundle-RU5h-aoY.js';
+import '../../chunks/bundle-BDsznqQp.js';
 
 var ChannelHeader = function (_a) {
     var className = _a.className;

package/Channel/components/ChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChannelHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}