@sendbird/uikit-react 3.14.11 → 3.14.12

package/cjs/App.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var SendbirdProvider = require('./SendbirdProvider.js');
-var MediaQueryContext = require('./chunks/bundle-BtRbaZbx.js');
-var _tslib = require('./chunks/bundle-BOmwadBI.js');
+var MediaQueryContext = require('./chunks/bundle-D0U-xAFE.js');
+var _tslib = require('./chunks/bundle-Cu2j1EmN.js');
 var GroupChannel = require('./GroupChannel.js');
 var GroupChannelList = require('./GroupChannelList.js');
 var Channel = require('./Channel.js');
@@ -11,84 +11,83 @@ var ChannelList = require('./ChannelList.js');
 var ChannelSettings = require('./ChannelSettings.js');
 var MessageSearch = require('./MessageSearch.js');
 var Thread = require('./Thread.js');
-var utils = require('./chunks/bundle-Cslxj9Oh.js');
+var utils = require('./chunks/bundle-CO52Wsr3.js');
+var ui_ContextMenu = require('./chunks/bundle-B_eF_lLw.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./chunks/bundle-IUGG9gXc.js');
-var VoicePlayer_context = require('./chunks/bundle-DL9-hPIm.js');
-var resolvedReplyType = require('./chunks/bundle-DcnI8CRZ.js');
+var uuid = require('./chunks/bundle-BkKs2HEQ.js');
+var VoicePlayer_context = require('./chunks/bundle-D60dip73.js');
+var resolvedReplyType = require('./chunks/bundle-D1QbLxW7.js');
+var ui_Modal = require('./chunks/bundle-1dGjBLMq.js');
 require('@sendbird/uikit-tools');
 require('./withSendbird.js');
-require('./chunks/bundle-DgLInKvx.js');
-require('./chunks/bundle-CuZz1sho.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-CO6T5RjX.js');
-require('./chunks/bundle-_ghqr1tN.js');
-require('react-dom');
-require('./chunks/bundle-NcZ2-bR4.js');
-require('./chunks/bundle-DhdwG-eV.js');
-require('./chunks/bundle-DSebafRU.js');
-require('./ui/IconButton.js');
-require('./ui/Button.js');
-require('./chunks/bundle-ChQCtrna.js');
-require('./ui/Icon.js');
 require('css-vars-ponyfill');
+require('./chunks/bundle-VyDwmxN4.js');
+require('./utils/message/getOutgoingMessageState.js');
+require('./chunks/bundle-CTW4jbtw.js');
+require('./chunks/bundle-_xb0mhf9.js');
+require('./chunks/bundle-IH8im4NB.js');
+require('./chunks/bundle-zDgTxAsN.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-BLhYL7sf.js');
-require('./ui/ContextMenu.js');
-require('./ui/SortByRow.js');
-require('./chunks/bundle-B4y45JoQ.js');
-require('./chunks/bundle-DLeYQ3SJ.js');
-require('./chunks/bundle-DrXi0pqH.js');
+require('./chunks/bundle-QNFup7xz.js');
+require('./chunks/bundle-Bq4FcvTF.js');
+require('./chunks/bundle-CrkUdg03.js');
+require('./chunks/bundle-DQG6eG4l.js');
+require('./chunks/bundle-DsscLs3k.js');
 require('./GroupChannel/context.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-DTwSpi6H.js');
-require('./chunks/bundle-DtRTqOfd.js');
-require('./chunks/bundle-oqiMvC_A.js');
-require('./chunks/bundle-CYeiwVvG.js');
-require('./chunks/bundle-O3OF5I9b.js');
+require('./chunks/bundle-_cqjcInH.js');
+require('./chunks/bundle-DUgeMK1K.js');
+require('./chunks/bundle-CvosXEd4.js');
+require('./chunks/bundle-CI9mjpa7.js');
+require('./chunks/bundle-Cv85GW-0.js');
 require('./GroupChannel/components/GroupChannelUI.js');
-require('./chunks/bundle-DDrlnOtq.js');
+require('./chunks/bundle-B4mOjCko.js');
 require('./GroupChannel/components/TypingIndicator.js');
+require('./chunks/bundle-BM95N32D.js');
 require('./ui/ConnectionStatus.js');
+require('./ui/Icon.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-3jlGOc5G.js');
+require('./chunks/bundle-BwHCEqvs.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-C1OSi3PG.js');
+require('./chunks/bundle-B56LqPOh.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-BnPisbbq.js');
-require('./chunks/bundle-Cv2FOpGw.js');
-require('./chunks/bundle-ED_4YBBi.js');
+require('./chunks/bundle-CQbuVhqz.js');
+require('./chunks/bundle-CI7ddAUC.js');
+require('./chunks/bundle-BKe7hLI0.js');
 require('./ui/Header.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-pHnJ7iYa.js');
+require('./chunks/bundle-8gOOVKMq.js');
+require('./ui/IconButton.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-ZT6D79YR.js');
-require('./chunks/bundle-BmEsvEI0.js');
-require('./chunks/bundle-CzC7ikHP.js');
+require('./chunks/bundle-DLbc3KTy.js');
+require('./chunks/bundle-Di0c83Tp.js');
+require('./chunks/bundle-BIlOa8cH.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-DXTgXLMh.js');
-require('./chunks/bundle-DfrQPuxh.js');
+require('./chunks/bundle-CWAjZyWA.js');
+require('./ui/Button.js');
+require('./chunks/bundle-bgI8QY8V.js');
 require('dompurify');
-require('./chunks/bundle-YCRKQHM6.js');
-require('./chunks/bundle-BkjFTyC7.js');
-require('./chunks/bundle-U0Gf3_8u.js');
-require('./chunks/bundle-Pud2TPky.js');
+require('./chunks/bundle-BqL8lmhl.js');
+require('./chunks/bundle-CiIb5etk.js');
+require('./chunks/bundle-BKID5CS2.js');
+require('./chunks/bundle-auAyIyjy.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-BXd8PIca.js');
-require('./chunks/bundle-BydY7ZBS.js');
-require('./chunks/bundle-HN_1O7s3.js');
-require('./chunks/bundle-BJhptwu1.js');
-require('./chunks/bundle-CFvyDIVa.js');
+require('./chunks/bundle-DBawqMOI.js');
+require('./chunks/bundle-C4CtpUvD.js');
+require('./chunks/bundle-DAJdesda.js');
+require('./chunks/bundle-CxhOA6gq.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-1gIzHc0z.js');
+require('./chunks/bundle-BHieBSdL.js');
+require('react-dom');
+require('./ui/SortByRow.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
@@ -102,18 +101,18 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-DukR2u0g.js');
+require('./chunks/bundle-BV4k8A-L.js');
 require('./ui/MobileMenu.js');
 require('./ui/ThreadReplies.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-BJc79wbr.js');
+require('./chunks/bundle-rXt3MgU-.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
-require('./chunks/bundle-DmMueJIN.js');
+require('./chunks/bundle-DoSN8wR4.js');
 require('./ui/FileViewer.js');
-require('./chunks/bundle-CBh1SxbG.js');
+require('./chunks/bundle-QTX1PYil.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -121,7 +120,7 @@ require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-br00WQMl.js');
+require('./chunks/bundle-BcQlym8e.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/FeedbackIconButton.js');
@@ -130,61 +129,61 @@ require('./ui/MessageFeedbackModal.js');
 require('./ui/Input.js');
 require('./ui/MessageFeedbackFailedModal.js');
 require('./GroupChannel/components/SuggestedReplies.js');
-require('./chunks/bundle-DwnqAGGZ.js');
+require('./chunks/bundle-aANaw2cz.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-D-M4U0C9.js');
+require('./chunks/bundle-Dav1V_1a.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-DxSO6sB7.js');
-require('./chunks/bundle-vAkTLdjw.js');
+require('./chunks/bundle-12GbodAU.js');
+require('./chunks/bundle-S9DD9Vhs.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
-require('./chunks/bundle-DLpTVLIT.js');
+require('./chunks/bundle-DFqn4B6U.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-CYmmL08B.js');
+require('./chunks/bundle-jJ99fIw5.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-D-RrRQ66.js');
-require('./chunks/bundle-DVNap5i7.js');
+require('./chunks/bundle-7olXkRwC.js');
+require('./chunks/bundle-BrLObfuu.js');
 require('./GroupChannelList/context.js');
 require('./GroupChannelList/components/GroupChannelListUI.js');
-require('./chunks/bundle-D1JkU8m7.js');
+require('./chunks/bundle-C8TPWHi1.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
-require('./chunks/bundle-DjoozBjj.js');
-require('./chunks/bundle-CBAwxd6y.js');
+require('./chunks/bundle-3sKikwZF.js');
+require('./chunks/bundle-DONsST_H.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-DGYr5zSQ.js');
+require('./chunks/bundle-DdhsbdNF.js');
 require('./ui/Badge.js');
 require('./ui/MentionUserLabel.js');
 require('./GroupChannelList/components/AddGroupChannel.js');
-require('./chunks/bundle-DsWnX0FA.js');
+require('./chunks/bundle-B3ZnZF0T.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./chunks/bundle--_EcZhtk.js');
+require('./chunks/bundle-ChPz-oxg.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./Channel/context.js');
-require('./chunks/bundle-CZSzX1AI.js');
-require('./chunks/bundle-BOc7zfaO.js');
-require('./chunks/bundle-BUqTg2k7.js');
-require('./chunks/bundle-C3zlCumC.js');
-require('./chunks/bundle-PNfe7-SG.js');
+require('./chunks/bundle-CCm3PIiM.js');
+require('./chunks/bundle-C21OJi5Y.js');
+require('./chunks/bundle-DhEBuVa_.js');
+require('./chunks/bundle-BGQodSyx.js');
+require('./chunks/bundle-C1OL5nEa.js');
 require('./Channel/components/ChannelUI.js');
 require('./Channel/components/ChannelHeader.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./chunks/bundle-D49Bjy0d.js');
+require('./chunks/bundle-B9w45biR.js');
 require('./Channel/components/MessageInput.js');
-require('./chunks/bundle-iqe93jVf.js');
+require('./chunks/bundle-DkYRFcCh.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ChannelList/components/AddChannel.js');
@@ -193,14 +192,14 @@ require('./ChannelSettings/context.js');
 require('./ChannelSettings/components/ChannelSettingsHeader.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
-require('./ChannelSettings/components/ModerationPanel.js');
-require('./ui/Accordion.js');
-require('./ui/AccordionGroup.js');
-require('./ui/Toggle.js');
-require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-BRWQfexi.js');
 require('./ChannelSettings/components/LeaveChannel.js');
-require('./ChannelSettings/components/UserPanel.js');
+require('./chunks/bundle-CgVgsfJm.js');
+require('./ChannelSettings/components/ChannelSettingMenuList.js');
+require('./ChannelSettings/hooks/useMenuList.js');
+require('./chunks/bundle-kdFcOc9z.js');
+require('./chunks/bundle-BGntYUSD.js');
+require('./chunks/bundle-Cg6OS8uW.js');
+require('./ui/Toggle.js');
 require('./MessageSearch/components/MessageSearchUI.js');
 require('./MessageSearch/context.js');
 require('./ui/MessageSearchItem.js');
@@ -209,11 +208,11 @@ require('./Thread/context.js');
 require('./Thread/context/types.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-i-tC0v8e.js');
+require('./chunks/bundle-C87PENaO.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./chunks/bundle-U4f-rGRL.js');
+require('./chunks/bundle-BZuuSeui.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-C2dUbRI5.js');
+require('./chunks/bundle-CqDaqTbt.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
@@ -289,7 +288,7 @@ var DesktopLayout = function (props) {
         animatedMessageId: highlightedMessage,
         onReplyInThreadClick: onClickThreadReply,
     };
-    return (React.createElement("div", { className: "sendbird-app__wrap" },
+    return (React.createElement("div", { className: "sendbird-app__wrap", id: ui_ContextMenu.APP_LAYOUT_ROOT },
         React.createElement("div", { className: "sendbird-app__channellist-wrap" }, enableLegacyChannelModules ? React.createElement(ChannelList, _tslib.__assign({}, channelListProps)) : React.createElement(GroupChannelList.GroupChannelList, _tslib.__assign({}, channelListProps))),
         React.createElement("div", { className: utils.classnames('sendbird-app__conversation-wrap', showSettings && 'sendbird-app__conversation--settings-open', showSearch && 'sendbird-app__conversation--search-open') }, enableLegacyChannelModules ? React.createElement(Channel, _tslib.__assign({}, channelProps)) : React.createElement(GroupChannel.GroupChannel, _tslib.__assign({}, channelProps))),
         showSettings && (React.createElement("div", { className: "sendbird-app__settingspanel-wrap" },
@@ -455,7 +454,7 @@ var MobileLayout = function (props) {
             }
         },
     };
-    return (React.createElement("div", { className: "sb_mobile" },
+    return (React.createElement("div", { className: "sb_mobile", id: ui_ContextMenu.APP_LAYOUT_ROOT },
         panel === PANELS.CHANNEL_LIST && (React.createElement("div", { className: "sb_mobile__panelwrap" }, enableLegacyChannelModules ? React.createElement(ChannelList, _tslib.__assign({}, channelListProps)) : React.createElement(GroupChannelList.GroupChannelList, _tslib.__assign({}, channelListProps)))),
         panel === PANELS.CHANNEL && (React.createElement("div", { className: "sb_mobile__panelwrap" }, enableLegacyChannelModules ? React.createElement(Channel, _tslib.__assign({}, channelProps)) : React.createElement(GroupChannel.GroupChannel, _tslib.__assign({}, channelProps)))),
         panel === PANELS.CHANNEL_SETTINGS && (React.createElement("div", { className: "sb_mobile__panelwrap" },
@@ -487,9 +486,36 @@ var MobileLayout = function (props) {
                 } })))));
 };
 
+var ELEMENT_IDS = [
+    ui_Modal.MODAL_ROOT,
+    ui_ContextMenu.EMOJI_MENU_ROOT_ID,
+    ui_ContextMenu.MENU_ROOT_ID,
+    ui_ContextMenu.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) {
+    React.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;
+    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 globalStore = useSendbirdStateContext.useSendbirdStateContext();
     var globalConfigs = globalStore.config;
     var _d = React.useState(false), showThread = _d[0], setShowThread = _d[1];
@@ -499,6 +525,7 @@ var AppLayout = function (props) {
     var _h = React.useState(null), highlightedMessage = _h[0], setHighlightedMessage = _h[1];
     var _j = React.useState(null), startingPoint = _j[0], setStartingPoint = _j[1];
     var isMobile = MediaQueryContext.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
@@ -517,16 +544,16 @@ var AppLayout = function (props) {
  * default chat apps
  */
 function App(props) {
-    var appId = props.appId, userId = props.userId, _a = props.accessToken, accessToken = _a === void 0 ? '' : _a, _b = props.customApiHost, customApiHost = _b === void 0 ? '' : _b, _c = props.customWebSocketHost, customWebSocketHost = _c === void 0 ? '' : _c, breakpoint = props.breakpoint, _d = props.theme, theme = _d === void 0 ? 'light' : _d, userListQuery = props.userListQuery, _e = props.nickname, nickname = _e === void 0 ? '' : _e, _f = props.profileUrl, profileUrl = _f === void 0 ? '' : _f, dateLocale = props.dateLocale, _g = props.config, config = _g === void 0 ? {} : _g, voiceRecord = props.voiceRecord, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, colorSet = props.colorSet, stringSet = props.stringSet, _j = props.allowProfileEdit, allowProfileEdit = _j === void 0 ? false : _j, _k = props.disableMarkAsDelivered, disableMarkAsDelivered = _k === void 0 ? false : _k, renderUserProfile = props.renderUserProfile, onProfileEditSuccess = props.onProfileEditSuccess, _l = props.imageCompression, imageCompression = _l === void 0 ? {} : _l, _m = props.disableAutoSelect, disableAutoSelect = _m === void 0 ? false : _m, sdkInitParams = props.sdkInitParams, customExtensionParams = props.customExtensionParams, eventHandlers = props.eventHandlers, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, _o = props.isUserIdUsedForNickname, isUserIdUsedForNickname = _o === void 0 ? true : _o, _p = props.enableLegacyChannelModules, enableLegacyChannelModules = _p === void 0 ? false : _p, uikitOptions = props.uikitOptions, 
+    var appId = props.appId, userId = props.userId, _a = props.accessToken, accessToken = _a === void 0 ? '' : _a, _b = props.customApiHost, customApiHost = _b === void 0 ? '' : _b, _c = props.customWebSocketHost, customWebSocketHost = _c === void 0 ? '' : _c, breakpoint = props.breakpoint, _d = props.theme, theme = _d === void 0 ? 'light' : _d, userListQuery = props.userListQuery, _e = props.nickname, nickname = _e === void 0 ? '' : _e, _f = props.profileUrl, profileUrl = _f === void 0 ? '' : _f, dateLocale = props.dateLocale, _g = props.config, config = _g === void 0 ? {} : _g, voiceRecord = props.voiceRecord, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, colorSet = props.colorSet, stringSet = props.stringSet, _j = props.allowProfileEdit, allowProfileEdit = _j === void 0 ? false : _j, _k = props.disableMarkAsDelivered, disableMarkAsDelivered = _k === void 0 ? false : _k, renderUserProfile = props.renderUserProfile, onProfileEditSuccess = props.onProfileEditSuccess, _l = props.imageCompression, imageCompression = _l === void 0 ? {} : _l, _m = props.disableAutoSelect, disableAutoSelect = _m === void 0 ? false : _m, sdkInitParams = props.sdkInitParams, customExtensionParams = props.customExtensionParams, eventHandlers = props.eventHandlers, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, _o = props.isUserIdUsedForNickname, isUserIdUsedForNickname = _o === void 0 ? true : _o, _p = props.enableLegacyChannelModules, enableLegacyChannelModules = _p === void 0 ? false : _p, uikitOptions = props.uikitOptions, _q = props.htmlTextDirection, htmlTextDirection = _q === void 0 ? 'ltr' : _q, 
     // The below configs are duplicates of the Dashboard UIKit Configs.
     // Since their default values will be set in the Sendbird component,
     // 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 _q = React.useState(), currentChannel = _q[0], setCurrentChannel = _q[1];
+    var _r = React.useState(), currentChannel = _r[0], setCurrentChannel = _r[1];
     return (React.createElement(SendbirdProvider.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.createElement(AppLayout, { isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon })));
+        React.createElement(AppLayout, { isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon, htmlTextDirection: htmlTextDirection })));
 }
 
 module.exports = App;

package/cjs/App.js.map

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

package/cjs/Channel/components/ChannelHeader.js

@@ -2,50 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-BOmwadBI.js');
+var _tslib = require('../../chunks/bundle-Cu2j1EmN.js');
 var React = require('react');
-var GroupChannelHeaderView = require('../../chunks/bundle-3jlGOc5G.js');
+var GroupChannelHeaderView = require('../../chunks/bundle-BwHCEqvs.js');
 var Channel_context = require('../context.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-Cslxj9Oh.js');
+require('../../chunks/bundle-CO52Wsr3.js');
 require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-C1OSi3PG.js');
+require('../../chunks/bundle-B56LqPOh.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-BnPisbbq.js');
-require('../../chunks/bundle-Cv2FOpGw.js');
-require('../../chunks/bundle-ED_4YBBi.js');
-require('../../chunks/bundle-ChQCtrna.js');
-require('../../chunks/bundle-DhdwG-eV.js');
-require('../../chunks/bundle-BtRbaZbx.js');
+require('../../chunks/bundle-CQbuVhqz.js');
+require('../../chunks/bundle-CI7ddAUC.js');
+require('../../chunks/bundle-BKe7hLI0.js');
+require('../../chunks/bundle-BM95N32D.js');
+require('../../chunks/bundle-CrkUdg03.js');
+require('../../chunks/bundle-D0U-xAFE.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-NcZ2-bR4.js');
-require('../../chunks/bundle-DSebafRU.js');
+require('../../chunks/bundle-Bq4FcvTF.js');
+require('../../chunks/bundle-DQG6eG4l.js');
 require('../../ui/Header.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-pHnJ7iYa.js');
+require('../../chunks/bundle-8gOOVKMq.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-DTwSpi6H.js');
-require('../../chunks/bundle-CzC7ikHP.js');
-require('../../chunks/bundle-DLpTVLIT.js');
+require('../../chunks/bundle-_cqjcInH.js');
+require('../../chunks/bundle-BIlOa8cH.js');
+require('../../chunks/bundle-DFqn4B6U.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-O3OF5I9b.js');
-require('../../chunks/bundle-BmEsvEI0.js');
-require('../../chunks/bundle-_ghqr1tN.js');
-require('../../chunks/bundle-CuZz1sho.js');
+require('../../chunks/bundle-Cv85GW-0.js');
+require('../../chunks/bundle-Di0c83Tp.js');
+require('../../chunks/bundle-_xb0mhf9.js');
+require('../../chunks/bundle-VyDwmxN4.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CO6T5RjX.js');
-require('../../chunks/bundle-CZSzX1AI.js');
-require('../../chunks/bundle-BOc7zfaO.js');
-require('../../chunks/bundle-BUqTg2k7.js');
-require('../../chunks/bundle-BLhYL7sf.js');
-require('../../chunks/bundle-IUGG9gXc.js');
-require('../../chunks/bundle-C3zlCumC.js');
-require('../../chunks/bundle-CYeiwVvG.js');
-require('../../chunks/bundle-DtRTqOfd.js');
-require('../../chunks/bundle-DcnI8CRZ.js');
-require('../../chunks/bundle-PNfe7-SG.js');
+require('../../chunks/bundle-CTW4jbtw.js');
+require('../../chunks/bundle-CCm3PIiM.js');
+require('../../chunks/bundle-C21OJi5Y.js');
+require('../../chunks/bundle-DhEBuVa_.js');
+require('../../chunks/bundle-DsscLs3k.js');
+require('../../chunks/bundle-BkKs2HEQ.js');
+require('../../chunks/bundle-BGQodSyx.js');
+require('../../chunks/bundle-CI9mjpa7.js');
+require('../../chunks/bundle-DUgeMK1K.js');
+require('../../chunks/bundle-D1QbLxW7.js');
+require('../../chunks/bundle-C1OL5nEa.js');
 
 var ChannelHeader = function (_a) {
     var className = _a.className;