@sendbird/uikit-react 3.14.12-rc.0 → 3.14.13-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-CzOlpSIQ.js';
-import { _ as __assign } from './chunks/bundle-DQSBOtg7.js';
+import { u as useMediaQueryContext } from './chunks/bundle-CEtwlkKx.js';
+import { _ as __assign } from './chunks/bundle-BEX34LhF.js';
 import { GroupChannel } from './GroupChannel.js';
 import { GroupChannelList } from './GroupChannelList.js';
 import Channel from './Channel.js';
@@ -9,82 +9,82 @@ 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-DcYQjOKO.js';
-import { A as APP_LAYOUT_ROOT, e as EMOJI_MENU_ROOT_ID, f as MENU_ROOT_ID } from './chunks/bundle-CvUmadeB.js';
+import { c as classnames } from './chunks/bundle-CHe8JkGr.js';
+import { A as APP_LAYOUT_ROOT } from './chunks/bundle-NViriWgP.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './chunks/bundle-K18yplA5.js';
-import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-D9r7jFIp.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-BIk8Js80.js';
-import { a as MODAL_ROOT } from './chunks/bundle-BLM4PZ0X.js';
+import { u as uuidv4 } from './chunks/bundle-D5tIeT0x.js';
+import { u as useVoicePlayerContext, a as ALL } from './chunks/bundle-C_WidYQd.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-DknxL9lz.js';
 import '@sendbird/uikit-tools';
 import './withSendbird.js';
-import 'css-vars-ponyfill';
-import './chunks/bundle-Cbvv0PRz.js';
+import './chunks/bundle-TwHZAIx1.js';
+import './chunks/bundle-asXUy8ZO.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-7DHCXsKX.js';
-import './chunks/bundle-p1hDqmzG.js';
-import './chunks/bundle-C-r01xrg.js';
-import './chunks/bundle-CnExgRuQ.js';
+import './chunks/bundle-igHMOr5m.js';
+import './chunks/bundle-S1RtVk3L.js';
+import 'react-dom';
+import './chunks/bundle-D1rGeQXE.js';
+import './chunks/bundle-BipIXldF.js';
+import './chunks/bundle-BPNXAHCY.js';
+import './ui/IconButton.js';
+import './ui/Button.js';
+import './chunks/bundle-GKQqMuW2.js';
+import './ui/Icon.js';
+import 'css-vars-ponyfill';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-D7EHAeAU.js';
-import './chunks/bundle-Gdpa0T6A.js';
-import './chunks/bundle--6jTPVzP.js';
-import './chunks/bundle-y21E8nZg.js';
-import './chunks/bundle-CWS6HcnR.js';
+import './chunks/bundle-BfrJYjOX.js';
+import './chunks/bundle-poWR_kBY.js';
+import './chunks/bundle-DZ5Q8Nig.js';
+import './chunks/bundle-DTZF_6AA.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-CIFV8En7.js';
-import './chunks/bundle-DQtqJI-s.js';
-import './chunks/bundle-BEDfl5Hc.js';
-import './chunks/bundle-DTgib7Vc.js';
-import './chunks/bundle-DA39xST1.js';
+import './chunks/bundle-BFMtRBYm.js';
+import './chunks/bundle-CwR8tkbM.js';
+import './chunks/bundle-BSr006OB.js';
+import './chunks/bundle-Ba9mwUMb.js';
+import './chunks/bundle-D8GKg6tx.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-Bf4uiGF8.js';
+import './chunks/bundle-DtEeYo0S.js';
 import './GroupChannel/components/TypingIndicator.js';
-import './chunks/bundle-65RjZ_9O.js';
 import './ui/ConnectionStatus.js';
-import './ui/Icon.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-BbcjIlDe.js';
+import './chunks/bundle-Diey7RqI.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-G3CaEd2_.js';
+import './chunks/bundle-h87yLPPq.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-C7NP4Bof.js';
-import './chunks/bundle-DdvWx7vK.js';
-import './chunks/bundle-CNQcmEVO.js';
+import './chunks/bundle-IUMfc-AF.js';
+import './chunks/bundle-Ds5S92aK.js';
+import './chunks/bundle-BhW-VKtn.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-DyDETZRc.js';
-import './ui/IconButton.js';
+import './chunks/bundle-B6odKY78.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-Cejx2WuM.js';
-import './chunks/bundle-DyhgSw2i.js';
-import './chunks/bundle-DYd80qqg.js';
+import './chunks/bundle-DRIxJWRl.js';
+import './chunks/bundle-BKan9iBA.js';
+import './chunks/bundle-DwQfYjib.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-CQj3m1X6.js';
-import './ui/Button.js';
-import './chunks/bundle-ChV0NbuX.js';
+import './chunks/bundle-DxqFPE0s.js';
+import './chunks/bundle-BI9B4Der.js';
 import 'dompurify';
-import './chunks/bundle-TIjK-_Oc.js';
-import './chunks/bundle-CQJmhlnP.js';
-import './chunks/bundle-CMT4PXoy.js';
-import './chunks/bundle-ClZVIScP.js';
+import './chunks/bundle-BJO2iC0P.js';
+import './chunks/bundle-OpD-6HIL.js';
+import './chunks/bundle-C6_WMCl-.js';
+import './chunks/bundle-COHnSiX_.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-UEVKMHYO.js';
-import './chunks/bundle-DqWCsUNF.js';
-import './chunks/bundle-DwRARBZn.js';
-import './chunks/bundle-Cpq5JVml.js';
+import './chunks/bundle-CJB91ZRI.js';
+import './chunks/bundle-DMmAHGyY.js';
+import './chunks/bundle-8qZom_qK.js';
+import './chunks/bundle-w7atdvTP.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-BOBO7Qsp.js';
-import 'react-dom';
+import './chunks/bundle-BWsSGZJv.js';
 import './ui/SortByRow.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
@@ -99,18 +99,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-DQm0X3fe.js';
+import './chunks/bundle-C9EUGVlG.js';
 import './ui/MobileMenu.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-Buv5LjNS.js';
+import './chunks/bundle-CQADdkO3.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-17x1iDoj.js';
+import './chunks/bundle-HQx14353.js';
 import './ui/FileViewer.js';
-import './chunks/bundle-BPQ5EP1d.js';
+import './chunks/bundle-38Tnigbm.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -118,7 +118,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-BARe9N-m.js';
+import './chunks/bundle-BCluhNtz.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -126,62 +126,63 @@ import './ui/MobileFeedbackMenu.js';
 import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
+import './chunks/bundle-DwCYwrNs.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-CLLLP9W3.js';
+import './chunks/bundle-DgHuJDgR.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-B0QPBDgG.js';
+import './chunks/bundle-DQdm0am6.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-Bw-gDsLC.js';
-import './chunks/bundle-CxrYWrFH.js';
+import './chunks/bundle-BFNr0uUE.js';
+import './chunks/bundle-CPLno3D7.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-BxGmCyi-.js';
+import './chunks/bundle-DakA_KyL.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-CL5R6eWu.js';
+import './chunks/bundle-DBeh20io.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-UjnJB9JR.js';
-import './chunks/bundle-Ddqt86DZ.js';
+import './chunks/bundle-p0AgT_RG.js';
+import './chunks/bundle-U2Pc6dmY.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-BeZ10sDj.js';
+import './chunks/bundle-vt9wsebd.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-DuNlIUC2.js';
-import './chunks/bundle-Cl0eWlP5.js';
+import './chunks/bundle-UFwGtxTZ.js';
+import './chunks/bundle-DcpqtCzi.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-C1N7Mn3r.js';
+import './chunks/bundle-gfOAg2pF.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-DxJi2c7h.js';
+import './chunks/bundle-CfJZkM0f.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-BSXcGg1k.js';
+import './chunks/bundle-BEIREIJC.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Channel/context.js';
-import './chunks/bundle-Cx_AA3D2.js';
-import './chunks/bundle-DaAtWAfc.js';
-import './chunks/bundle-DCKISMg6.js';
-import './chunks/bundle-DqwOOVWP.js';
-import './chunks/bundle-DvNVxCm7.js';
+import './chunks/bundle-CEy6X0D0.js';
+import './chunks/bundle-D3hT6qVb.js';
+import './chunks/bundle-C4mzo4e5.js';
+import './chunks/bundle-DbMGEyL3.js';
+import './chunks/bundle-CRYystL3.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-Bbiorwmv.js';
+import './chunks/bundle-BC5VWhj7.js';
 import './Channel/components/MessageInput.js';
-import './chunks/bundle-CUtrVqqJ.js';
+import './chunks/bundle-BhcTeP8i.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
@@ -191,12 +192,12 @@ import './ChannelSettings/components/ChannelSettingsHeader.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/LeaveChannel.js';
-import './chunks/bundle-DFUwBgZk.js';
+import './ChannelSettings/components/ChannelSettingsMenuItem.js';
 import './ChannelSettings/components/ChannelSettingMenuList.js';
 import './ChannelSettings/hooks/useMenuList.js';
-import './chunks/bundle-Iq_AKwnp.js';
-import './chunks/bundle-DBiK-ub4.js';
-import './chunks/bundle-J6jBE7z2.js';
+import './chunks/bundle-CuxNG4zI.js';
+import './chunks/bundle-j3giG67D.js';
+import './chunks/bundle-D-2Z-G9R.js';
 import './ui/Toggle.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
@@ -206,11 +207,10 @@ import './Thread/context.js';
 import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-DllWu5Rw.js';
+import './chunks/bundle-Di8D_Ubg.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-ICLjPeJ4.js';
-import './ui/MessageItemMenu.js';
-import './chunks/bundle-kPCEGQ2K.js';
+import './chunks/bundle-BSWiL0KD.js';
+import './chunks/bundle-MLTJCiJv.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -484,36 +484,9 @@ var MobileLayout = function (props) {
                 } })))));
 };
 
-var ELEMENT_IDS = [
-    MODAL_ROOT,
-    EMOJI_MENU_ROOT_ID,
-    MENU_ROOT_ID,
-    APP_LAYOUT_ROOT,
-];
-/**
- * This hook sets the direction (dir) attribute for specified elements.
- *
- * @param {HTMLTextDirection} direction - The direction to set ('ltr' or 'rtl').
- *
- * Note:
- * This is necessary because elements such as modal, emoji reaction list, and dropdown
- * are at the same level as the Sendbird app root element. They need to have the 'dir'
- * attribute set explicitly to ensure proper directionality based on the app's language setting.
- */
-var useApplyTextDirection = function (direction) {
-    useEffect(function () {
-        ELEMENT_IDS.forEach(function (id) {
-            var element = document.getElementById(id);
-            if (element) {
-                element.dir = direction;
-            }
-        });
-    }, [direction]);
-};
-
 var AppLayout = function (props) {
     var _a, _b, _c;
-    var isMessageGroupingEnabled = props.isMessageGroupingEnabled, allowProfileEdit = props.allowProfileEdit, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, enableLegacyChannelModules = props.enableLegacyChannelModules, htmlTextDirection = props.htmlTextDirection;
+    var isMessageGroupingEnabled = props.isMessageGroupingEnabled, allowProfileEdit = props.allowProfileEdit, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, enableLegacyChannelModules = props.enableLegacyChannelModules;
     var globalStore = useSendbirdStateContext();
     var globalConfigs = globalStore.config;
     var _d = useState(false), showThread = _d[0], setShowThread = _d[1];
@@ -523,7 +496,6 @@ var AppLayout = function (props) {
     var _h = useState(null), highlightedMessage = _h[0], setHighlightedMessage = _h[1];
     var _j = useState(null), startingPoint = _j[0], setStartingPoint = _j[1];
     var isMobile = useMediaQueryContext().isMobile;
-    useApplyTextDirection(htmlTextDirection);
     /**
      * Below configs can be set via Dashboard UIKit config setting but as a lower priority than App props.
      * So need to be have fallback value \w global configs even though each prop values are undefined
@@ -550,8 +522,8 @@ function App(props) {
     var _r = useState(), currentChannel = _r[0], setCurrentChannel = _r[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) {
             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 },
-        React__default.createElement(AppLayout, { isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon, htmlTextDirection: htmlTextDirection })));
+        }, 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 },
+        React__default.createElement(AppLayout, { isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon })));
 }
 
 export { App as default };

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,44 @@
 # Changelog - v3
 
+## [v3.14.13] (July 18, 2024)
+
+### Features
+- **Address RTL UI Feedback**
+  - Fixed an issue where the `htmlTextDirection` prop didn't work when using `SendbirdProvider`, but only worked in the App module.
+  - Updated the paper plane icon to point left instead of right in RTL mode.
+
+- **Message Menu Customization in Threads**
+  - Added `renderMessageMenu` and `renderEmojiMenu` props to the `<ParentMessageInfo />`, `<ThreadListItem />`, and `<ThreadListItemContent />` components.
+  - **Example usage:**
+    ```tsx
+    <Thread
+      renderMessage={(props) => (
+        <ThreadListItem {...props} renderMessageMenu={(props) => (
+          <MessageMenu {...props} renderMenuItems={({ items }) => (
+            <>
+              <items.CopyMenuItem />
+              <items.DeleteMenuItem />
+            </>
+          )} />
+        )} />
+      )}
+    />
+    ```
+
+### Fixes
+- **Deprecation Marks on Channel & ChannelList Modules**
+  - Marked `Channel`, `ChannelProvider`, `ChannelList`, and `ChannelListProvider` as deprecated.
+  - For migration guidance, please refer to the [Group Channel Migration Guide](https://sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide#1-group-channel-migration-guide).
+
+### Chore
+- **Improve Stability of `useMenuItems`**
+  - Improved the stability of the `useMenuItems` hook.
+  - Exported `ChannelListQueryParamsType`.
+  - Moved the `renderUserListItem` prop to the Provider from the UI component.
+  - Exported the `ChannelSettingsMenuItem` component.
+- Added `interop: "compat"` setting for the CommonJS output in Rollup Config to enhance the compatibility between ESM and CJS.
+
+
 ## [v3.14.12] (July 3, 2024)
 
 ### Features

package/Channel/components/ChannelHeader.js

@@ -1,47 +1,47 @@
-import { _ as __assign } from '../../chunks/bundle-DQSBOtg7.js';
+import { _ as __assign } from '../../chunks/bundle-BEX34LhF.js';
 import React__default from 'react';
-import { G as GroupChannelHeaderView } from '../../chunks/bundle-BbcjIlDe.js';
+import { G as GroupChannelHeaderView } from '../../chunks/bundle-Diey7RqI.js';
 import { useChannelContext } from '../context.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DcYQjOKO.js';
+import '../../chunks/bundle-CHe8JkGr.js';
 import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-G3CaEd2_.js';
+import '../../chunks/bundle-h87yLPPq.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-C7NP4Bof.js';
-import '../../chunks/bundle-DdvWx7vK.js';
-import '../../chunks/bundle-CNQcmEVO.js';
-import '../../chunks/bundle-65RjZ_9O.js';
-import '../../chunks/bundle--6jTPVzP.js';
-import '../../chunks/bundle-CzOlpSIQ.js';
+import '../../chunks/bundle-IUMfc-AF.js';
+import '../../chunks/bundle-Ds5S92aK.js';
+import '../../chunks/bundle-BhW-VKtn.js';
+import '../../chunks/bundle-GKQqMuW2.js';
+import '../../chunks/bundle-BipIXldF.js';
+import '../../chunks/bundle-CEtwlkKx.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-Gdpa0T6A.js';
-import '../../chunks/bundle-y21E8nZg.js';
+import '../../chunks/bundle-D1rGeQXE.js';
+import '../../chunks/bundle-BPNXAHCY.js';
 import '../../ui/Header.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-DyDETZRc.js';
+import '../../chunks/bundle-B6odKY78.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-CIFV8En7.js';
-import '../../chunks/bundle-DYd80qqg.js';
-import '../../chunks/bundle-BxGmCyi-.js';
+import '../../chunks/bundle-BFMtRBYm.js';
+import '../../chunks/bundle-DwQfYjib.js';
+import '../../chunks/bundle-DakA_KyL.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-DA39xST1.js';
-import '../../chunks/bundle-DyhgSw2i.js';
-import '../../chunks/bundle-p1hDqmzG.js';
-import '../../chunks/bundle-Cbvv0PRz.js';
+import '../../chunks/bundle-D8GKg6tx.js';
+import '../../chunks/bundle-BKan9iBA.js';
+import '../../chunks/bundle-S1RtVk3L.js';
+import '../../chunks/bundle-asXUy8ZO.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-7DHCXsKX.js';
-import '../../chunks/bundle-Cx_AA3D2.js';
-import '../../chunks/bundle-DaAtWAfc.js';
-import '../../chunks/bundle-DCKISMg6.js';
-import '../../chunks/bundle-CWS6HcnR.js';
-import '../../chunks/bundle-K18yplA5.js';
-import '../../chunks/bundle-DqwOOVWP.js';
-import '../../chunks/bundle-DTgib7Vc.js';
-import '../../chunks/bundle-DQtqJI-s.js';
-import '../../chunks/bundle-BIk8Js80.js';
-import '../../chunks/bundle-DvNVxCm7.js';
+import '../../chunks/bundle-igHMOr5m.js';
+import '../../chunks/bundle-CEy6X0D0.js';
+import '../../chunks/bundle-D3hT6qVb.js';
+import '../../chunks/bundle-C4mzo4e5.js';
+import '../../chunks/bundle-BfrJYjOX.js';
+import '../../chunks/bundle-D5tIeT0x.js';
+import '../../chunks/bundle-DbMGEyL3.js';
+import '../../chunks/bundle-Ba9mwUMb.js';
+import '../../chunks/bundle-CwR8tkbM.js';
+import '../../chunks/bundle-DknxL9lz.js';
+import '../../chunks/bundle-CRYystL3.js';
 
 var ChannelHeader = function (_a) {
     var className = _a.className;