@sendbird/uikit-react 3.14.5 → 3.14.6

package/chunks/{bundle-8J9SSfIS.js → bundle-uIqOEfCa.js}

@@ -10,4 +10,4 @@ var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace
 }); };
 
 export { uuidv4 as u };
-//# sourceMappingURL=bundle-8J9SSfIS.js.map
+//# sourceMappingURL=bundle-uIqOEfCa.js.map

package/chunks/bundle-uIqOEfCa.js.map

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

package/chunks/{bundle-CclWZYVY.js → bundle-zwvszN0Y.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo, useRef, useEffect } from 'react';
-import { a as __awaiter, b as __generator, _ as __assign } from './bundle-CDy_GVNR.js';
+import { a as __awaiter, b as __generator, _ as __assign } from './bundle-DKkCwVCs.js';
 import { SendingStatus } from '@sendbird/chat/message';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import ImageRenderer, { getBorderRadiusForMultipleImageRenderer } from '../ui/ImageRenderer.js';
-import { w as getClassName, A as isGif, K } from './bundle-BH5EGLxi.js';
-import { F as FileViewer } from './bundle-DYmy2oK3.js';
+import { w as getClassName, A as isGif, K } from './bundle-janisM9b.js';
+import { F as FileViewer } from './bundle-Cn6S1UKt.js';
 
 function ImageGrid(_a) {
     var _b;
     var children = _a.children, className = _a.className, message = _a.message, isReactionEnabled = _a.isReactionEnabled;
     return (React__default.createElement("div", { className: 'sendbird-image-grid-wrap' },
         React__default.createElement("div", { className: getClassName([
-                className,
+                className !== null && className !== void 0 ? className : '',
                 'sendbird-image-grid',
                 (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
             ]) }, children)));
@@ -68,16 +68,15 @@ function MultipleFilesMessageItemBody(_a) {
     function onClickRight() {
         setCurrentFileViewerIndex(currentFileViewerIndex === statefulFileInfoList.length - 1 ? 0 : currentFileViewerIndex + 1);
     }
-    return (threadMessageKindKey && (React__default.createElement(React__default.Fragment, null,
+    return (threadMessageKindKey ? (React__default.createElement(React__default.Fragment, null,
         currentFileViewerIndex > -1 && (React__default.createElement(FileViewer, { message: message, statefulFileInfoList: statefulFileInfoList, currentIndex: currentFileViewerIndex, onClickLeft: onClickLeft, onClickRight: onClickRight, onClose: onClose, onDownloadClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
                 var allowDownload, err_1;
                 var _a, _b;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
-                            if (!onBeforeDownloadFileMessage) {
-                                return [2 /*return*/, null];
-                            }
+                            if (!onBeforeDownloadFileMessage)
+                                return [2 /*return*/];
                             _c.label = 1;
                         case 1:
                             _c.trys.push([1, 3, , 4]);
@@ -98,15 +97,15 @@ function MultipleFilesMessageItemBody(_a) {
                 });
             }); } })),
         React__default.createElement(ImageGrid, { className: className, message: message, isReactionEnabled: isReactionEnabled }, statefulFileInfoList.map(function (fileInfo, index) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             return (React__default.createElement("div", { className: "sendbird-multiple-files-image-renderer-wrapper", onClick: message.sendingStatus === SendingStatus.SUCCEEDED ? function () { return setCurrentFileViewerIndex(index); } : undefined, key: "sendbird-multiple-files-image-renderer-".concat(index, "-").concat(fileInfo.url) },
-                React__default.createElement(ImageRenderer, { url: (_c = (_b = (_a = fileInfo.thumbnails) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : fileInfo.url, fixedSize: false, width: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], maxSideLength: MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB, height: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], borderRadius: getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index, statefulFileInfoList.length), shadeOnHover: true, isUploaded: !!fileInfo.isUploaded, placeHolder: function (_a) {
+                React__default.createElement(ImageRenderer, { url: (_d = (_c = (_b = (_a = fileInfo.thumbnails) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : fileInfo.url) !== null && _d !== void 0 ? _d : '', fixedSize: false, width: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], maxSideLength: MULTIPLE_FILES_IMAGE_SIDE_LENGTH.CHAT_WEB, height: MULTIPLE_FILES_IMAGE_SIDE_LENGTH[threadMessageKindKey], borderRadius: getBorderRadiusForMultipleImageRenderer(MULTIPLE_FILES_IMAGE_BORDER_RADIUS[threadMessageKindKey], index, statefulFileInfoList.length), shadeOnHover: true, isUploaded: !!fileInfo.isUploaded, placeHolder: function (_a) {
                         var style = _a.style;
-                        if (isGif(fileInfo.mimeType))
+                        if (fileInfo.mimeType && isGif(fileInfo.mimeType))
                             return React__default.createElement(ImagePlaceholder.GIF, { style: style });
                         return React__default.createElement(ImagePlaceholder.Default, { style: style });
                     }, defaultComponent: React__default.createElement(ImagePlaceholder.LoadError, null) })));
-        })))));
+        })))) : React__default.createElement(React__default.Fragment, null));
 }
 var ImagePlaceholder = {
     Default: function (_a) {
@@ -144,6 +143,7 @@ function useThreadMessageKindKeySelector(_a) {
 // SendingStatus.SCHEDULED is currently not covered in UIKit
 //  So we can ignore for now, but for future, it is better to explicitly use PENDING, FAILED, or CANCELED.
 var useFileInfoListWithUploaded = function (message) {
+    var _a, _b;
     var blobHandler = useRef(new Map());
     var getObjectURL = function (index, blob) {
         if (!blobHandler.current.has(index) && blob)
@@ -164,15 +164,18 @@ var useFileInfoListWithUploaded = function (message) {
     }
     else if (message.sendingStatus === SendingStatus.SUCCEEDED) {
         revokeURLs();
-        return message.fileInfoList.map(function (it) { return (__assign(__assign({}, it), { url: it.url, isUploaded: true })); });
+        return message.fileInfoList.map(function (it) {
+            var _a, _b;
+            return (__assign(__assign({}, it), { url: it.url, isUploaded: true, mimeType: (_a = it.mimeType) !== null && _a !== void 0 ? _a : undefined, fileName: (_b = it.fileName) !== null && _b !== void 0 ? _b : undefined }));
+        });
     }
     else {
-        return message.messageParams.fileInfoList.map(function (it, index) {
+        return (_b = (_a = message === null || message === void 0 ? void 0 : message.messageParams) === null || _a === void 0 ? void 0 : _a.fileInfoList.map(function (it, index) {
             var _a, _b;
             return (__assign(__assign({}, it), { url: (_b = (_a = getObjectURL(index)) !== null && _a !== void 0 ? _a : it.fileUrl) !== null && _b !== void 0 ? _b : (it.file instanceof Blob ? getObjectURL(index, it.file) : undefined), isUploaded: !it.file && typeof it.fileUrl === 'string' && it.fileUrl.length > 0 }));
-        });
+        })) !== null && _b !== void 0 ? _b : [];
     }
 };
 
 export { MultipleFilesMessageItemBody as M, ThreadMessageKind as T, useFileInfoListWithUploaded as a, useThreadMessageKindKeySelector as u };
-//# sourceMappingURL=bundle-CclWZYVY.js.map
+//# sourceMappingURL=bundle-zwvszN0Y.js.map

package/{cjs/chunks/bundle-Cc89qdjT.js.map → chunks/bundle-zwvszN0Y.js.map}

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

package/cjs/App.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var SendbirdProvider = require('./SendbirdProvider.js');
-var MediaQueryContext = require('./chunks/bundle-CLNUkVC8.js');
-var _tslib = require('./chunks/bundle-C-r9vRgc.js');
+var MediaQueryContext = require('./chunks/bundle-OIKGVRus.js');
+var _tslib = require('./chunks/bundle-eTYC1RPT.js');
 var GroupChannel = require('./GroupChannel.js');
 var GroupChannelList = require('./GroupChannelList.js');
 var Channel = require('./Channel.js');
@@ -11,86 +11,86 @@ 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-DOoshvnj.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var uuid = require('./chunks/bundle-Ub33KGva.js');
-var VoicePlayer_context = require('./chunks/bundle-BAqFIbKr.js');
-var resolvedReplyType = require('./chunks/bundle-BG8qs_3y.js');
+var uuid = require('./chunks/bundle-YRiE_c63.js');
+var VoicePlayer_context = require('./chunks/bundle-CW2oMonb.js');
+var resolvedReplyType = require('./chunks/bundle-6_B00yYz.js');
 require('@sendbird/uikit-tools');
 require('./withSendbird.js');
 require('css-vars-ponyfill');
-require('./chunks/bundle-Cw7xe6J1.js');
+require('./chunks/bundle-DrYI_bNa.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-CPIzT1cf.js');
-require('./chunks/bundle-LLV3t4--.js');
+require('./chunks/bundle-DikFXMAd.js');
+require('./chunks/bundle-D1Ka8I9e.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('./chunks/bundle-CLte647H.js');
-require('./chunks/bundle-BCQxFX-W.js');
-require('./chunks/bundle-DJ9gapN2.js');
+require('./chunks/bundle-Dd1DS9KT.js');
+require('./chunks/bundle-DW8u-n3u.js');
 require('react-dom');
-require('./chunks/bundle-B7wJ4Hqk.js');
-require('./chunks/bundle-DWBc-Yv7.js');
-require('./chunks/bundle-CDJXrIVC.js');
+require('./chunks/bundle-OWb8eJt-.js');
+require('./chunks/bundle-BNMoxGCr.js');
+require('./chunks/bundle-1A4pOyri.js');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-Deao1Upp.js');
+require('./chunks/bundle-DY5rfl6W.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-Ca7xeBTO.js');
-require('./chunks/bundle-Bpy7IQta.js');
+require('./chunks/bundle-BNzVVkzd.js');
+require('./chunks/bundle-Dymg5zVO.js');
 require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./GroupChannel/context.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-D7v4i_Ae.js');
-require('./chunks/bundle-xADAFEo0.js');
-require('./chunks/bundle-DvpCzVKY.js');
-require('./chunks/bundle-hXD0NDZt.js');
-require('./chunks/bundle-D1X4MKLh.js');
-require('./chunks/bundle-BMN1aDia.js');
-require('./chunks/bundle-DpK1fr1j.js');
-require('./chunks/bundle-30fh5iPx.js');
+require('./chunks/bundle-DTzydpqA.js');
+require('./chunks/bundle-kbRkyLdH.js');
+require('./chunks/bundle-CHvJg3bD.js');
+require('./chunks/bundle-DQu5RJ2y.js');
+require('./chunks/bundle-BBsKv3Vz.js');
+require('./chunks/bundle-Bvsx1m1J.js');
+require('./chunks/bundle-7CEyuoln.js');
+require('./chunks/bundle-H13ErLKW.js');
 require('./GroupChannel/components/GroupChannelUI.js');
-require('./chunks/bundle-Cnyr9_mq.js');
+require('./chunks/bundle-KUj3wjEl.js');
 require('./GroupChannel/components/TypingIndicator.js');
 require('./ui/ConnectionStatus.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-DPrTZ-1L.js');
+require('./chunks/bundle-D7rSRN-8.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-C0ZNrrcl.js');
+require('./chunks/bundle-C_8UQBXr.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-CxNGVWIy.js');
-require('./chunks/bundle-B4EdciCR.js');
-require('./chunks/bundle-B2h5VMZ6.js');
+require('./chunks/bundle-DcQeRT4T.js');
+require('./chunks/bundle-BimsU_nb.js');
+require('./chunks/bundle-B2WuxwoH.js');
 require('./ui/Header.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-DWGp201o.js');
+require('./chunks/bundle-CA69fSDI.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-Cvu5DOpl.js');
-require('./chunks/bundle-CjYhSLRD.js');
-require('./chunks/bundle-B2KKkvdj.js');
+require('./chunks/bundle-CJk1q-XX.js');
+require('./chunks/bundle-Cd-3W3UM.js');
+require('./chunks/bundle-CuOOXDK0.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-C4UzGGy_.js');
-require('./chunks/bundle-BOrMDMdN.js');
+require('./chunks/bundle-wz_O1vyk.js');
+require('./chunks/bundle-A_xDyoq6.js');
 require('dompurify');
-require('./chunks/bundle-ClBBhzU-.js');
-require('./chunks/bundle-SfusZfMJ.js');
-require('./chunks/bundle-D4e0UT-6.js');
-require('./chunks/bundle-DFVUnSWq.js');
+require('./chunks/bundle-CBNBRNN0.js');
+require('./chunks/bundle-D3BhVTZt.js');
+require('./chunks/bundle-CI1zoEKe.js');
+require('./chunks/bundle-B1Ql7yM0.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-DsrfvJYA.js');
-require('./chunks/bundle-CgOafeY_.js');
-require('./chunks/bundle-CL-vjR4o.js');
+require('./chunks/bundle-BPV3CKzS.js');
+require('./chunks/bundle-DTJnlh7y.js');
+require('./chunks/bundle-TEjGhclf.js');
 require('./ui/MessageItemMenu.js');
-require('./chunks/bundle-Ci6F_UQc.js');
+require('./chunks/bundle-BFy8_d3W.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-Pfx0MBr4.js');
+require('./chunks/bundle-Bgeq75IH.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
@@ -104,18 +104,18 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-DmVeFWB4.js');
-require('./chunks/bundle-BvhC4El1.js');
+require('./chunks/bundle-cqwHj7Dj.js');
+require('./chunks/bundle-6aemRbmn.js');
 require('./ui/ThreadReplies.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-BCt-Rzil.js');
+require('./chunks/bundle-CoJbL3ob.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
-require('./chunks/bundle-B1uXZFKP.js');
-require('./chunks/bundle-IZLtKe6R.js');
-require('./chunks/bundle-D9UFa9yx.js');
+require('./chunks/bundle-BE-L5873.js');
+require('./chunks/bundle-CTraI7aM.js');
+require('./chunks/bundle-jHjvHr01.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -123,7 +123,7 @@ require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-jLW3AG2G.js');
+require('./chunks/bundle-DUzcm-3u.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/FeedbackIconButton.js');
@@ -132,58 +132,58 @@ require('./ui/MessageFeedbackModal.js');
 require('./ui/Input.js');
 require('./ui/MessageFeedbackFailedModal.js');
 require('./GroupChannel/components/SuggestedReplies.js');
-require('./chunks/bundle-dr9zoU1D.js');
+require('./chunks/bundle-DMUz-Xui.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-DZMn5ScB.js');
+require('./chunks/bundle-BE1dAigY.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-WETElB-o.js');
-require('./chunks/bundle-Bw_LvbLk.js');
+require('./chunks/bundle-Cd0cyqgA.js');
+require('./chunks/bundle-LO6QlzTz.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-BiTKgXrx.js');
+require('./chunks/bundle-ZjYFUjTH.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-DGJX80zy.js');
-require('./chunks/bundle-cl2q8NwQ.js');
+require('./chunks/bundle-D1mguvwi.js');
+require('./chunks/bundle-C1YuUjH3.js');
 require('./GroupChannelList/context.js');
 require('./GroupChannelList/components/GroupChannelListUI.js');
-require('./chunks/bundle-BNVygboA.js');
+require('./chunks/bundle-DAEHB1AV.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-CpIdIHld.js');
+require('./chunks/bundle-13qq2yWM.js');
 require('./ui/Badge.js');
 require('./ui/MentionUserLabel.js');
 require('./GroupChannelList/components/AddGroupChannel.js');
-require('./chunks/bundle-glVs_8wY.js');
+require('./chunks/bundle-RUFiV4i0.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./chunks/bundle-B-0_xv9u.js');
+require('./chunks/bundle-86A5Bf9J.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./Channel/context.js');
-require('./chunks/bundle-IE4yQ0qq.js');
-require('./chunks/bundle-CcmMvK6l.js');
-require('./chunks/bundle-DvkiHRsE.js');
-require('./chunks/bundle-OCHWYrfg.js');
-require('./chunks/bundle-Cc89qdjT.js');
+require('./chunks/bundle-BzyQ6Vof.js');
+require('./chunks/bundle-BK_SqbHE.js');
+require('./chunks/bundle-0t_JDxef.js');
+require('./chunks/bundle-BtsHzLKX.js');
+require('./chunks/bundle-DSLFcE0C.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-ZItyfz7r.js');
+require('./chunks/bundle-133JUAh1.js');
 require('./Channel/components/MessageInput.js');
-require('./chunks/bundle-CHXLIlQ1.js');
+require('./chunks/bundle-DohVekRv.js');
 require('./ChannelList/components/ChannelListUI.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ChannelList/components/AddChannel.js');
@@ -197,7 +197,7 @@ require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
 require('./ui/Toggle.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-hVU-fzqu.js');
+require('./chunks/bundle-CCYpnzRf.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 require('./MessageSearch/components/MessageSearchUI.js');
@@ -208,9 +208,9 @@ require('./Thread/context.js');
 require('./Thread/context/types.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-Bc92JuA7.js');
+require('./chunks/bundle-ozey_V94.js');
 require('./Thread/components/ParentMessageInfoItem.js');
-require('./chunks/bundle-DOUm656A.js');
+require('./chunks/bundle-Bw1ttM89.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
 require('./Thread/components/ThreadListItem.js');
@@ -227,7 +227,7 @@ var DesktopLayout = function (props) {
             setCurrentChannel(channel);
         }
         else {
-            setCurrentChannel(null);
+            setCurrentChannel(undefined);
         }
     };
     var onClickThreadReply = function (_a) {
@@ -277,7 +277,7 @@ var DesktopLayout = function (props) {
         animatedMessage: highlightedMessage,
         onMessageAnimated: function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); },
         showSearchIcon: showSearchIcon,
-        startingPoint: startingPoint,
+        startingPoint: startingPoint !== null && startingPoint !== void 0 ? startingPoint : undefined,
         isReactionEnabled: isReactionEnabled,
         replyType: replyType,
         isMessageGroupingEnabled: isMessageGroupingEnabled,
@@ -288,7 +288,7 @@ var DesktopLayout = function (props) {
     };
     return (React.createElement("div", { className: "sendbird-app__wrap" },
         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: "\n          ".concat(showSettings ? 'sendbird-app__conversation--settings-open' : '', "\n          ").concat(showSearch ? 'sendbird-app__conversation--search-open' : '', "\n          sendbird-app__conversation-wrap\n        ") }, enableLegacyChannelModules ? React.createElement(Channel, _tslib.__assign({}, channelProps)) : React.createElement(GroupChannel.GroupChannel, _tslib.__assign({}, channelProps))),
+        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" },
             React.createElement(ChannelSettings, { className: "sendbird-channel-settings", channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '', onCloseClick: function () {
                     setShowSettings(false);
@@ -349,7 +349,7 @@ var MobileLayout = function (props) {
     };
     React.useEffect(function () {
         if (panel !== PANELS.CHANNEL) {
-            goToMessage(null, function () { return setHighlightedMessage(null); });
+            goToMessage(null, function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); });
         }
     }, [panel]);
     React.useEffect(function () {
@@ -392,7 +392,7 @@ var MobileLayout = function (props) {
         onProfileEditSuccess: onProfileEditSuccess,
         disableAutoSelect: true,
         onChannelSelect: function (channel) {
-            setCurrentChannel(channel);
+            setCurrentChannel(channel !== null && channel !== void 0 ? channel : undefined);
             if (channel) {
                 setPanel(PANELS.CHANNEL);
             }
@@ -437,7 +437,7 @@ var MobileLayout = function (props) {
         animatedMessage: highlightedMessage,
         onMessageAnimated: function () { return setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null); },
         showSearchIcon: showSearchIcon,
-        startingPoint: startingPoint,
+        startingPoint: startingPoint !== null && startingPoint !== void 0 ? startingPoint : undefined,
         isReactionEnabled: isReactionEnabled,
         replyType: replyType,
         isMessageGroupingEnabled: isMessageGroupingEnabled,
@@ -479,7 +479,7 @@ var MobileLayout = function (props) {
                     setCurrentChannel(channel);
                     goToMessage(message, function (messageId) {
                         setPanel(PANELS.CHANNEL);
-                        setHighlightedMessage(messageId);
+                        setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(messageId);
                     });
                 } })))));
 };
@@ -514,12 +514,12 @@ 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, _d = props.breakpoint, breakpoint = _d === void 0 ? null : _d, _e = props.theme, theme = _e === void 0 ? 'light' : _e, _f = props.userListQuery, userListQuery = _f === void 0 ? null : _f, _g = props.nickname, nickname = _g === void 0 ? '' : _g, _h = props.profileUrl, profileUrl = _h === void 0 ? '' : _h, _j = props.dateLocale, dateLocale = _j === void 0 ? null : _j, _k = props.config, config = _k === void 0 ? {} : _k, voiceRecord = props.voiceRecord, _l = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _l === void 0 ? true : _l, _m = props.colorSet, colorSet = _m === void 0 ? null : _m, _o = props.stringSet, stringSet = _o === void 0 ? null : _o, _p = props.allowProfileEdit, allowProfileEdit = _p === void 0 ? false : _p, _q = props.disableMarkAsDelivered, disableMarkAsDelivered = _q === void 0 ? false : _q, _r = props.renderUserProfile, renderUserProfile = _r === void 0 ? null : _r, _s = props.onProfileEditSuccess, onProfileEditSuccess = _s === void 0 ? null : _s, _t = props.imageCompression, imageCompression = _t === void 0 ? {} : _t, _u = props.disableAutoSelect, disableAutoSelect = _u === void 0 ? false : _u, sdkInitParams = props.sdkInitParams, customExtensionParams = props.customExtensionParams, eventHandlers = props.eventHandlers, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, _v = props.isUserIdUsedForNickname, isUserIdUsedForNickname = _v === void 0 ? true : _v, _w = props.enableLegacyChannelModules, enableLegacyChannelModules = _w === void 0 ? false : _w, 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, 
     // 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 _x = React.useState(null), currentChannel = _x[0], setCurrentChannel = _x[1];
+    var _q = React.useState(), currentChannel = _q[0], setCurrentChannel = _q[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 },

package/cjs/Channel/components/ChannelHeader.js

@@ -2,48 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
-var GroupChannelHeaderView = require('../../chunks/bundle-DPrTZ-1L.js');
+var GroupChannelHeaderView = require('../../chunks/bundle-D7rSRN-8.js');
 var Channel_context = require('../context.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-DOoshvnj.js');
 require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-C0ZNrrcl.js');
+require('../../chunks/bundle-C_8UQBXr.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-CxNGVWIy.js');
-require('../../chunks/bundle-B4EdciCR.js');
-require('../../chunks/bundle-B2h5VMZ6.js');
-require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-DcQeRT4T.js');
+require('../../chunks/bundle-BimsU_nb.js');
+require('../../chunks/bundle-B2WuxwoH.js');
+require('../../chunks/bundle-DY5rfl6W.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-B7wJ4Hqk.js');
-require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-OWb8eJt-.js');
+require('../../chunks/bundle-1A4pOyri.js');
 require('../../ui/Header.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-DWGp201o.js');
+require('../../chunks/bundle-CA69fSDI.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-D7v4i_Ae.js');
-require('../../chunks/bundle-B2KKkvdj.js');
-require('../../chunks/bundle-D1X4MKLh.js');
+require('../../chunks/bundle-DTzydpqA.js');
+require('../../chunks/bundle-CuOOXDK0.js');
+require('../../chunks/bundle-BBsKv3Vz.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-30fh5iPx.js');
-require('../../chunks/bundle-CjYhSLRD.js');
-require('../../chunks/bundle-Cw7xe6J1.js');
+require('../../chunks/bundle-H13ErLKW.js');
+require('../../chunks/bundle-Cd-3W3UM.js');
+require('../../chunks/bundle-DrYI_bNa.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-IE4yQ0qq.js');
-require('../../chunks/bundle-CcmMvK6l.js');
-require('../../chunks/bundle-DvkiHRsE.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-Ub33KGva.js');
-require('../../chunks/bundle-OCHWYrfg.js');
-require('../../chunks/bundle-DpK1fr1j.js');
-require('../../chunks/bundle-xADAFEo0.js');
-require('../../chunks/bundle-BG8qs_3y.js');
-require('../../chunks/bundle-Cc89qdjT.js');
+require('../../chunks/bundle-BzyQ6Vof.js');
+require('../../chunks/bundle-BK_SqbHE.js');
+require('../../chunks/bundle-0t_JDxef.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-YRiE_c63.js');
+require('../../chunks/bundle-BtsHzLKX.js');
+require('../../chunks/bundle-7CEyuoln.js');
+require('../../chunks/bundle-kbRkyLdH.js');
+require('../../chunks/bundle-6_B00yYz.js');
+require('../../chunks/bundle-DSLFcE0C.js');
 
 var ChannelHeader = function (_a) {
     var className = _a.className;