@sendbird/uikit-react 3.14.14-rc-0 → 3.15.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-Bm3ak-IR.js';
-import { _ as __assign } from './chunks/bundle-Bq5t46O9.js';
+import { u as useMediaQueryContext } from './chunks/bundle-CGStfx_a.js';
+import { _ as __assign } from './chunks/bundle-C6zCSlOy.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-CKD0ZX8Q.js';
-import { A as APP_LAYOUT_ROOT } from './chunks/bundle-DFY0pASk.js';
+import { c as classnames } from './chunks/bundle-DQcY2W86.js';
+import { A as APP_LAYOUT_ROOT } from './chunks/bundle-MvZdDAaZ.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-_gCB8E7m.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-DqT2tkUc.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-DT1ZUyUK.js';
+import { u as uuidv4 } from './chunks/bundle-DHWrOTdE.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-AMVN7cK_.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-DA-IzZD8.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
-import './chunks/bundle-CQkorWo8.js';
-import './chunks/bundle-D0nAU6Fc.js';
+import './chunks/bundle-BPXxR5Uf.js';
+import './chunks/bundle-DeJupTzy.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-quWoHt6W.js';
-import './chunks/bundle-4juD-sAA.js';
+import './chunks/bundle-DxDfRH2o.js';
+import './chunks/bundle-ZFQVFwgt.js';
 import 'react-dom';
-import './chunks/bundle-CAG3D4kg.js';
-import './chunks/bundle-C0lGuBz1.js';
-import './chunks/bundle-BhUk8rxd.js';
+import './chunks/bundle-BdnV2Y4z.js';
+import './chunks/bundle-CtQaDl-3.js';
+import './chunks/bundle-pAwXUsP3.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-CSqe9OQ4.js';
+import './chunks/bundle-BC3_mS0I.js';
 import './ui/Icon.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-CvaQCFwm.js';
-import './chunks/bundle-DUX1ohNl.js';
-import './chunks/bundle-Cc_eMqWE.js';
-import './chunks/bundle-BijGigMm.js';
-import './chunks/bundle-CB5wkapz.js';
+import './chunks/bundle-DN5GIyKa.js';
+import './chunks/bundle-B0xqOjWD.js';
+import './chunks/bundle-nWablW_z.js';
+import './chunks/bundle-BYzdqvuF.js';
+import './chunks/bundle-CVelwvs9.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-CqDpvr3y.js';
-import './chunks/bundle-BN2zj9LP.js';
-import './chunks/bundle-DaBrAfcL.js';
-import './chunks/bundle-BH2gXxGT.js';
-import './chunks/bundle-EJtklxdZ.js';
+import './chunks/bundle-B4S_3ODJ.js';
+import './chunks/bundle-CLnuIYIr.js';
+import './chunks/bundle-Cbww_z2e.js';
+import './chunks/bundle-Bu7Z-kDX.js';
+import './chunks/bundle-Bt2dBxqH.js';
+import './chunks/bundle-CD_Tf8Tg.js';
+import './ui/SortByRow.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-D_bCApLY.js';
+import './chunks/bundle-B97Pr4zD.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-BQFE8Gzc.js';
+import './chunks/bundle-CS7Uj50F.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-DI-LhFYi.js';
+import './chunks/bundle-CIEFjxmJ.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-CgE34w-u.js';
-import './chunks/bundle-BE_r7XPs.js';
-import './chunks/bundle-Bx5_rVko.js';
+import './chunks/bundle-BjLUCiRW.js';
+import './chunks/bundle-DPEfWAww.js';
+import './chunks/bundle-Cie8EoA6.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle--ElxCzvX.js';
+import './chunks/bundle-Ikai7bsA.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-8vABSU04.js';
-import './chunks/bundle-DqYkSagZ.js';
-import './chunks/bundle-BRlCoDKz.js';
+import './chunks/bundle-S_NxC8XW.js';
+import './chunks/bundle-D5ebWfg_.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-BQhKYX1c.js';
-import './chunks/bundle-BbUMbfmM.js';
+import './chunks/bundle-DqlAZTU_.js';
+import './chunks/bundle-caWcyjAI.js';
 import 'dompurify';
-import './chunks/bundle-4DkxVQ2g.js';
-import './chunks/bundle-DGhFLLcp.js';
-import './chunks/bundle-D6WtPiHs.js';
-import './chunks/bundle-LKXXCvQW.js';
+import './chunks/bundle-pZApGXOy.js';
+import './chunks/bundle-CsFxfKB9.js';
+import './chunks/bundle-BqzJev_y.js';
+import './chunks/bundle-fUFWSJV3.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-DR9BPGju.js';
-import './chunks/bundle-BJGSKV7V.js';
-import './chunks/bundle-Dmq9tSeN.js';
-import './chunks/bundle-BMk8EQhB.js';
+import './chunks/bundle-CDCgNPAb.js';
+import './chunks/bundle-BXRo7Ms-.js';
+import './chunks/bundle-BX3QBurJ.js';
+import './chunks/bundle-1OQSuRhE.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-HxFd7IJ1.js';
-import './ui/SortByRow.js';
+import './chunks/bundle-CB44TzHJ.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-DoyuN1hf.js';
+import './chunks/bundle-pLnnSYTq.js';
 import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
+import './chunks/bundle-D126pKFC.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-Bbq-7via.js';
+import './chunks/bundle-D2UEFXos.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-DwVNVjsu.js';
+import './chunks/bundle-Bq9zpmTr.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-DKokRH2J.js';
+import './chunks/bundle-3Cx2Ebdg.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-DQY7Y24f.js';
+import './chunks/bundle-BUfLVFOU.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-BE8LEwJY.js';
+import './chunks/bundle-CX3lApC4.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-DVVM6lM1.js';
+import './chunks/bundle-CxDSqHBZ.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-COgHUhSN.js';
+import './chunks/bundle-GFeWGIxR.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-DfgqmAYc.js';
-import './chunks/bundle-CcEQ-8Zc.js';
+import './chunks/bundle-C1kDsrxV.js';
+import './chunks/bundle-B0ZoTIxO.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-CfOHqKba.js';
+import './chunks/bundle-WrPH9h4-.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-ROtFE9qI.js';
+import './chunks/bundle-CZjqrf6l.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-DW3ZidCz.js';
-import './chunks/bundle-DiU9uMH5.js';
+import './chunks/bundle-CmzLUYaH.js';
+import './chunks/bundle-AWRDhHEB.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-DmXSWM1-.js';
+import './chunks/bundle-h9S7gGIf.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-DSLoBuhc.js';
-import './chunks/bundle-jhaiPoPo.js';
+import './chunks/bundle-ClrkkF1s.js';
+import './chunks/bundle-CuaMFXVq.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-H4gTGEOI.js';
+import './chunks/bundle-C3p0xHh1.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-DbWl79ie.js';
+import './chunks/bundle-SKLVfsFZ.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-CwgVGCPx.js';
+import './chunks/bundle-Cwegt-nm.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Channel/context.js';
-import './chunks/bundle-lY4Nyp30.js';
-import './chunks/bundle-Cu60Jdoj.js';
-import './chunks/bundle-OWmn-xDF.js';
-import './chunks/bundle-U-7RVj_W.js';
-import './chunks/bundle-D57-QHcA.js';
+import './chunks/bundle-CJhIws_H.js';
+import './chunks/bundle-B2urOslr.js';
+import './chunks/bundle-BF3eZTrw.js';
+import './chunks/bundle-mOV5MvC_.js';
+import './chunks/bundle-DLq9CBff.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-D2zlnXBu.js';
+import './chunks/bundle-0Gx8RJPb.js';
 import './Channel/components/MessageInput.js';
-import './chunks/bundle-DpcKifAS.js';
+import './chunks/bundle-BnSYk8X8.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-xkuB1ona.js';
-import './chunks/bundle-vz206qrm.js';
-import './chunks/bundle-oyDOkHRf.js';
+import './chunks/bundle-BhNg8_4t.js';
+import './chunks/bundle-sT16b-_c.js';
+import './chunks/bundle-B9H_wGpv.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-CJIiWyQP.js';
+import './chunks/bundle-Ch2e7Qt7.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-CORkG2nd.js';
-import './chunks/bundle-BB1wGoa9.js';
+import './chunks/bundle-CDrz1gXb.js';
+import './chunks/bundle-CrHuWGHO.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,79 @@
 # Changelog - v3
 
+## [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-Bq5t46O9.js';
+import { _ as __assign } from '../../chunks/bundle-C6zCSlOy.js';
 import React__default from 'react';
-import { G as GroupChannelHeaderView } from '../../chunks/bundle-BQFE8Gzc.js';
+import { G as GroupChannelHeaderView } from '../../chunks/bundle-CS7Uj50F.js';
 import { useChannelContext } from '../context.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-CKD0ZX8Q.js';
+import '../../chunks/bundle-DQcY2W86.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-DI-LhFYi.js';
+import '../../chunks/bundle-CIEFjxmJ.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CgE34w-u.js';
-import '../../chunks/bundle-BE_r7XPs.js';
-import '../../chunks/bundle-Bx5_rVko.js';
-import '../../chunks/bundle-CSqe9OQ4.js';
-import '../../chunks/bundle-C0lGuBz1.js';
-import '../../chunks/bundle-Bm3ak-IR.js';
+import '../../chunks/bundle-BjLUCiRW.js';
+import '../../chunks/bundle-DPEfWAww.js';
+import '../../chunks/bundle-Cie8EoA6.js';
+import '../../chunks/bundle-BC3_mS0I.js';
+import '../../chunks/bundle-CtQaDl-3.js';
+import '../../chunks/bundle-CGStfx_a.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CAG3D4kg.js';
-import '../../chunks/bundle-BhUk8rxd.js';
+import '../../chunks/bundle-BdnV2Y4z.js';
+import '../../chunks/bundle-pAwXUsP3.js';
 import '../../ui/Header.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle--ElxCzvX.js';
+import '../../chunks/bundle-Ikai7bsA.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-CqDpvr3y.js';
-import '../../chunks/bundle-BRlCoDKz.js';
-import '../../chunks/bundle-CfOHqKba.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-EJtklxdZ.js';
-import '../../chunks/bundle-DqYkSagZ.js';
-import '../../chunks/bundle-4juD-sAA.js';
-import '../../chunks/bundle-D0nAU6Fc.js';
+import '../../chunks/bundle-B4S_3ODJ.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-BPXxR5Uf.js';
+import '../../chunks/bundle-DeJupTzy.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-quWoHt6W.js';
-import '../../chunks/bundle-lY4Nyp30.js';
-import '../../chunks/bundle-Cu60Jdoj.js';
-import '../../chunks/bundle-OWmn-xDF.js';
-import '../../chunks/bundle-CvaQCFwm.js';
-import '../../chunks/bundle-_gCB8E7m.js';
-import '../../chunks/bundle-U-7RVj_W.js';
-import '../../chunks/bundle-BH2gXxGT.js';
-import '../../chunks/bundle-BN2zj9LP.js';
-import '../../chunks/bundle-DT1ZUyUK.js';
-import '../../chunks/bundle-D57-QHcA.js';
-import '../../chunks/bundle-CB5wkapz.js';
+import '../../chunks/bundle-DxDfRH2o.js';
+import '../../chunks/bundle-ZFQVFwgt.js';
+import 'react-dom';
+import '../../ui/Button.js';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import '../../chunks/bundle-DHWrOTdE.js';
+import '@sendbird/chat/openChannel';
+import '../../chunks/bundle-AMVN7cK_.js';
+import '../../chunks/bundle-DN5GIyKa.js';
+import '../../chunks/bundle-MvZdDAaZ.js';
+import '../../ui/SortByRow.js';
+import '../../chunks/bundle-Bu7Z-kDX.js';
+import '../../chunks/bundle-WrPH9h4-.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle-CD_Tf8Tg.js';
+import '../../chunks/bundle-D5ebWfg_.js';
+import '../../chunks/bundle-CJhIws_H.js';
+import '../../chunks/bundle-B2urOslr.js';
+import '../../chunks/bundle-BF3eZTrw.js';
+import '../../chunks/bundle-mOV5MvC_.js';
+import '../../chunks/bundle-Bt2dBxqH.js';
+import '../../chunks/bundle-CLnuIYIr.js';
+import '../../chunks/bundle-DA-IzZD8.js';
+import '../../chunks/bundle-DLq9CBff.js';
+import '../../chunks/bundle-CVelwvs9.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}