@sendbird/uikit-react 3.10.1 → 3.10.2-alpha.0

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

@@ -1,69 +1,50 @@
 'use strict';
 
-var React = require('react');
-var utils = require('../../chunks/bundle-BH9aeaqG.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_IconButton = require('../../ui/IconButton.js');
-var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-Ue5GkT2H.js');
-var MediaQueryContext = require('../../chunks/bundle-WzrocC57.js');
-var utils$1 = require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-7VJjqIPJ.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../chunks/bundle-DhtZdKsr.js');
+require('react');
+var Channel_components_ChannelHeader = require('../../chunks/bundle-zRJE2NjU.js');
+require('../context.js');
+require('../../ui/IconButton.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../ui/ChannelAvatar.js');
+require('../../chunks/bundle-w0ATt2gt.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle--d5w7FVF.js');
-require('../../chunks/bundle-vphYV1gz.js');
-require('../../chunks/bundle-RSklGv-u.js');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../chunks/bundle-iY19D_aw.js');
+require('../../chunks/bundle-s--ExKtj.js');
+require('../../chunks/bundle-6zBNmPOP.js');
+require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-p6kWiWDv.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-TPy0gj60.js');
+require('../../chunks/bundle-MNUU2JEo.js');
+require('../../chunks/bundle-CrbMqpah.js');
+require('@sendbird/chat/message');
+require('../../chunks/bundle-Msh8rb3L.js');
+require('../../chunks/bundle-tntEm-Mv.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-O6Mos2Xn.js');
+require('../../chunks/bundle-NZvAE9FS.js');
+require('../../chunks/bundle-nox41MG6.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
+require('../../chunks/bundle-TB_UEIPg.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
+require('../../chunks/bundle-JBbKwE7L.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-3eaFVTUX.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-YjNFrYVt.js');
+require('../../chunks/bundle-eCBAJmJN.js');
+
 
-var ChannelHeader = function (_a) {
-    var _b, _c, _d;
-    var _e = _a.className, className = _e === void 0 ? '' : _e;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var userId = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var theme = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _c === void 0 ? void 0 : _c.theme;
-    var channelStore = Channel_context.useChannelContext();
-    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var currentGroupChannel = channelStore.currentGroupChannel, showSearchIcon = channelStore.showSearchIcon, onSearchClick = channelStore.onSearchClick, onChatHeaderActionClick = channelStore.onChatHeaderActionClick, _f = channelStore.onBackClick, onBackClick = _f === void 0 ? utils$1.noop : _f;
-    var subTitle = ((currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members)
-        && ((_d = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) === null || _d === void 0 ? void 0 : _d.length) !== 2);
-    var isMuted = (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.myMutedState) === 'muted';
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: "sendbird-chat-header ".concat(className) },
-        React.createElement("div", { className: "sendbird-chat-header__left" },
-            isMobile && (React.createElement(ui_Icon.default, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px", type: ui_Icon.IconTypes.ARROW_LEFT })),
-            React.createElement(ui_ChannelAvatar, { theme: theme, channel: currentGroupChannel, userId: userId, height: 32, width: 32 }),
-            React.createElement(ui_Label.Label, { className: "sendbird-chat-header__left__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, utils.getChannelTitle(currentGroupChannel, userId, stringSet)),
-            React.createElement(ui_Label.Label, { className: "sendbird-chat-header__left__subtitle", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, subTitle)),
-        React.createElement("div", { className: "sendbird-chat-header__right" },
-            ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))
-                && (React.createElement(ui_Icon.default, { className: "sendbird-chat-header__right__mute", type: ui_Icon.IconTypes.NOTIFICATIONS_OFF_FILLED, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
-            (showSearchIcon && !(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isEphemeral)) && (React.createElement(ui_IconButton, { className: "sendbird-chat-header__right__search", width: "32px", height: "32px", onClick: onSearchClick },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SEARCH, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))),
-            React.createElement(ui_IconButton, { className: "sendbird-chat-header__right__info", width: "32px", height: "32px", onClick: onChatHeaderActionClick },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.INFO, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
-};
 
-module.exports = ChannelHeader;
+exports.ChannelHeader = Channel_components_ChannelHeader.ChannelHeader;
+exports.default = Channel_components_ChannelHeader.ChannelHeader;
 //# sourceMappingURL=ChannelHeader.js.map

package/cjs/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/Channel/components/ChannelUI.js

@@ -1,81 +1,84 @@
 'use strict';
 
-var React = require('react');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-Ue5GkT2H.js');
-var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
-var Channel_components_ChannelHeader = require('./ChannelHeader.js');
-var Channel_components_MessageList = require('../../chunks/bundle-AbGazomk.js');
-var Channel_components_TypingIndicator = require('./TypingIndicator.js');
-var Channel_components_MessageInput = require('./MessageInput.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('react');
+require('../context.js');
+var Channel_components_ChannelUI = require('../../chunks/bundle-Cbklvbls.js');
+require('../../chunks/bundle-zRJE2NjU.js');
+require('../../chunks/bundle-fTMJH5JE.js');
+require('./MessageInput.js');
+require('../../chunks/bundle-TPy0gj60.js');
+require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-p6kWiWDv.js');
+require('../../chunks/bundle-MNUU2JEo.js');
+require('../../chunks/bundle-CrbMqpah.js');
+require('@sendbird/chat/message');
+require('../../chunks/bundle-Msh8rb3L.js');
+require('../../chunks/bundle-tntEm-Mv.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-O6Mos2Xn.js');
+require('../../chunks/bundle-NZvAE9FS.js');
+require('../../chunks/bundle-nox41MG6.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
-require('../../chunks/bundle-INJtS58R.js');
+require('../../chunks/bundle-TB_UEIPg.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
-require('../../chunks/bundle-qtXdbPNE.js');
-require('../../chunks/bundle-kSScygqj.js');
+require('../../chunks/bundle-JBbKwE7L.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-3eaFVTUX.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-YjNFrYVt.js');
+require('../../chunks/bundle-eCBAJmJN.js');
+require('../../chunks/bundle--1R8Yp9p.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-jcgWT1ad.js');
+require('../../chunks/bundle-zHDXCFIb.js');
+require('../../chunks/bundle-Njt4gDEW.js');
+require('../../chunks/bundle-CZTvTAu-.js');
+require('../../ui/PlaceHolder.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-7J3nX_hP.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-VxcYXhwp.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-BH9aeaqG.js');
-require('../../ui/IconButton.js');
-require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-7VJjqIPJ.js');
+require('../../chunks/bundle-Eqd9bAds.js');
+require('../../chunks/bundle--QPuGnli.js');
+require('../../chunks/bundle-w0ATt2gt.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle--d5w7FVF.js');
-require('../../chunks/bundle-vphYV1gz.js');
-require('../../chunks/bundle-WzrocC57.js');
-require('./Message.js');
-require('./SuggestedMentionList.js');
-require('../../chunks/bundle-zgoic8x9.js');
-require('../../Thread/context.js');
-require('../../Thread/context/types.js');
-require('@sendbird/chat');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../chunks/bundle--tki3Ejh.js');
+require('../../Message/hooks/useDirtyGetMentions.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-7J-qpEzM.js');
+require('../../chunks/bundle-vMF9NM5u.js');
 require('../../ui/MessageInput.js');
+require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-hEYmMlZe.js');
+require('../../chunks/bundle-t2GWOYzL.js');
 require('dompurify');
-require('../../chunks/bundle-Dax6YIIr.js');
-require('../../chunks/bundle-hXzxY0NJ.js');
-require('../../chunks/bundle-OVfymd1y.js');
-require('../../chunks/bundle-9iE0HY96.js');
+require('../../chunks/bundle-nYBtJl9e.js');
+require('../../chunks/bundle-RUqSDidW.js');
+require('../../chunks/bundle-0zagc7hR.js');
+require('../../chunks/bundle-haAptps1.js');
 require('../../ui/MessageContent.js');
-require('../../chunks/bundle-ptZslG_m.js');
-require('../../chunks/bundle-J_ooPKgS.js');
-require('../../chunks/bundle-2gCdAlxv.js');
+require('../../chunks/bundle-Pzvqu5yR.js');
+require('../../chunks/bundle-PhGdgkei.js');
+require('../../chunks/bundle-RquYsY0d.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-GsUulypb.js');
+require('../../chunks/bundle-Oq2rnNn_.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-TFo3Eb8z.js');
+require('../../chunks/bundle-2hJhRu5W.js');
+require('../../chunks/bundle-6zBNmPOP.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle-Oc2T5_VP.js');
+require('../../chunks/bundle-6L4HCLmb.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -86,24 +89,23 @@ require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-aoIToceJ.js');
-require('../../chunks/bundle-s82XYT1Q.js');
+require('../../chunks/bundle-KWR-0b7P.js');
+require('../../chunks/bundle-KBZdi1sN.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-TxdziCwH.js');
+require('../../chunks/bundle-3_XFLnnt.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-JVe1J2FX.js');
-require('../../chunks/bundle-68NdNRjR.js');
-require('../../chunks/bundle-n6iwTZAo.js');
-require('@sendbird/uikit-tools');
+require('../../chunks/bundle-qRiLsSwC.js');
+require('../../chunks/bundle-NPzNlnHJ.js');
+require('../../chunks/bundle-zDh-X-Q4.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-rgxTgHrK.js');
+require('../../chunks/bundle-zAQuo6rI.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ThumbnailMessageItemBody.js');
@@ -112,58 +114,27 @@ require('../../ui/FeedbackIconButton.js');
 require('../../ui/MobileFeedbackMenu.js');
 require('./MessageFeedbackModal.js');
 require('../../ui/Input.js');
-require('./FileViewer.js');
-require('./RemoveMessageModal.js');
-require('../../chunks/bundle-5Nd6zn0d.js');
-require('../../Message/hooks/useDirtyGetMentions.js');
+require('../../chunks/bundle-LsJ9u7uN.js');
+require('../../chunks/bundle--t85OO-4.js');
+require('../../chunks/bundle-wZDX1pVR.js');
 require('../utils/getMessagePartsInfo.js');
 require('../utils/compareMessagesForGrouping.js');
-require('./UnreadCount.js');
-require('./FrozenNotification.js');
-require('../../chunks/bundle-tad4_cNF.js');
+require('../../chunks/bundle-DfMlIvtm.js');
+require('../../chunks/bundle-u7wWilEW.js');
 require('../../ui/TypingIndicatorBubble.js');
+require('../../chunks/bundle-5UyAossc.js');
+require('../../ui/ConnectionStatus.js');
+require('../../chunks/bundle-ZvLEz_GA.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../chunks/bundle-y_gkwZqM.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../chunks/bundle-Dz3ncvS3.js');
-require('../hooks/useHandleUploadFiles.js');
-require('../../chunks/bundle-v02q7K8T.js');
+require('../../chunks/bundle-zLoe4MOM.js');
+require('../../chunks/bundle-PSEoX-EH.js');
+require('../../ui/ChannelAvatar.js');
+require('../../chunks/bundle-iY19D_aw.js');
+require('../../chunks/bundle-s--ExKtj.js');
+require('../../chunks/bundle-OdZXNc-g.js');
+
 
-var ChannelUI = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var isLoading = _a.isLoading, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderPlaceholderInvalid = _a.renderPlaceholderInvalid, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderChannelHeader = _a.renderChannelHeader, renderMessage = _a.renderMessage, renderMessageContent = _a.renderMessageContent, renderMessageInput = _a.renderMessageInput, renderTypingIndicator = _a.renderTypingIndicator, renderCustomSeparator = _a.renderCustomSeparator, renderFileUploadIcon = _a.renderFileUploadIcon, renderVoiceMessageIcon = _a.renderVoiceMessageIcon, renderSendMessageIcon = _a.renderSendMessageIcon, renderFrozenNotification = _a.renderFrozenNotification;
-    var _l = Channel_context.useChannelContext(), channelUrl = _l.channelUrl, isInvalid = _l.isInvalid;
-    var globalStore = useSendbirdStateContext.useSendbirdStateContext();
-    var sdkError = (_c = (_b = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.error;
-    var logger = (_d = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _d === void 0 ? void 0 : _d.logger;
-    var isOnline = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _e === void 0 ? void 0 : _e.isOnline;
-    if (isLoading) {
-        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }))));
-    }
-    if (!channelUrl) {
-        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS }))));
-    }
-    if (isInvalid) {
-        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))));
-    }
-    if (sdkError) {
-        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: function () {
-                logger.info('Channel: reconnecting');
-                // reconnect();
-            } }))));
-    }
-    return (React.createElement("div", { className: 'sendbird-conversation' },
-        (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || (React.createElement(Channel_components_ChannelHeader, { className: "sendbird-conversation__channel-header" })),
-        React.createElement(Channel_components_MessageList.MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderMessageContent: renderMessageContent, renderPlaceholderEmpty: renderPlaceholderEmpty, renderCustomSeparator: renderCustomSeparator, renderPlaceholderLoader: renderPlaceholderLoader, renderFrozenNotification: renderFrozenNotification }),
-        React.createElement("div", { className: "sendbird-conversation__footer" },
-            (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React.createElement(Channel_components_MessageInput.default, { renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon })),
-            React.createElement("div", { className: "sendbird-conversation__footer__typing-indicator" },
-                (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator())
-                    || (((_g = (_f = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _f === void 0 ? void 0 : _f.groupChannel) === null || _g === void 0 ? void 0 : _g.enableTypingIndicator)
-                        && ((_k = (_j = (_h = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config) === null || _h === void 0 ? void 0 : _h.groupChannel) === null || _j === void 0 ? void 0 : _j.typingIndicatorTypes) === null || _k === void 0 ? void 0 : _k.has(Channel_components_MessageList.TypingIndicatorType.Text))
-                        && (React.createElement(Channel_components_TypingIndicator.default, null))),
-                !isOnline && (React.createElement(ui_ConnectionStatus, null))))));
-};
 
-module.exports = ChannelUI;
+module.exports = Channel_components_ChannelUI.ChannelUI;
 //# sourceMappingURL=ChannelUI.js.map

package/cjs/Channel/components/ChannelUI.js.map

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

package/cjs/Channel/components/FileViewer.js

@@ -2,92 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var reactDom = require('react-dom');
-var ui_Avatar = require('../../chunks/bundle-7VJjqIPJ.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var ui_Icon = require('../../ui/Icon.js');
-require('../../hooks/useModal.js');
-var index = require('../../chunks/bundle-p6kWiWDv.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../chunks/bundle-Ue5GkT2H.js');
-var ui_Modal = require('../../chunks/bundle-Oc2T5_VP.js');
-require('../../chunks/bundle-bXLZZTmP.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('react');
+var Channel_components_FileViewer = require('../../chunks/bundle-LsJ9u7uN.js');
+require('../context.js');
+require('react-dom');
+require('../../chunks/bundle-w0ATt2gt.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle--d5w7FVF.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('../../chunks/bundle-qtXdbPNE.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-WzrocC57.js');
-require('../../ui/IconButton.js');
-require('../../ui/Button.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-nox41MG6.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../hooks/useModal.js');
+require('../../chunks/bundle-6L4HCLmb.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-6zBNmPOP.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('../../chunks/bundle-6ZegaDWX.js');
+require('../../chunks/bundle-TPy0gj60.js');
+require('../../chunks/bundle-MNUU2JEo.js');
+require('../../chunks/bundle-CrbMqpah.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
+require('../../chunks/bundle-Msh8rb3L.js');
+require('../../chunks/bundle-tntEm-Mv.js');
+require('../../chunks/bundle-O6Mos2Xn.js');
+require('../../chunks/bundle-NZvAE9FS.js');
+require('../../chunks/bundle-TB_UEIPg.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
+require('../../chunks/bundle-JBbKwE7L.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-3eaFVTUX.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-YjNFrYVt.js');
+require('../../chunks/bundle-eCBAJmJN.js');
+
 
-var FileViewerComponent = function (_a) {
-    var 
-    // sender
-    profileUrl = _a.profileUrl, nickname = _a.nickname, 
-    // file
-    name = _a.name, type = _a.type, url = _a.url, 
-    // others
-    isByMe = _a.isByMe, onCancel = _a.onCancel, onDelete = _a.onDelete, disableDelete = _a.disableDelete;
-    return (React.createElement("div", { className: "sendbird-fileviewer" },
-        React.createElement("div", { className: "sendbird-fileviewer__header" },
-            React.createElement("div", { className: "sendbird-fileviewer__header__left" },
-                React.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
-                    React.createElement(ui_Avatar.Avatar, { height: "32px", width: "32px", src: profileUrl })),
-                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__filename", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, name),
-                React.createElement(ui_Label.Label, { className: "sendbird-fileviewer__header__left__sender-name", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, nickname)),
-            React.createElement("div", { className: "sendbird-fileviewer__header__right" },
-                index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
-                    React.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
-                        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
-                    onDelete && isByMe && (React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete" },
-                        React.createElement(ui_Icon.default, { className: disableDelete ? 'disabled' : '', type: ui_Icon.IconTypes.DELETE, fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function () { if (!disableDelete) {
-                                onDelete();
-                            } } }))))),
-                React.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: onCancel })))),
-        React.createElement("div", { className: "sendbird-fileviewer__content" },
-            index.isVideo(type) && (React.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
-                React.createElement("source", { src: url, type: type }))),
-            index.isImage(type) && (React.createElement("img", { src: url, alt: name, className: "sendbird-fileviewer__content__img" })),
-            !index.isSupportedFileView(type) && (React.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, "Unsupoprted message"))))));
-};
-var FileViewer = function (_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel, message = _a.message;
-    var deleteMessage = Channel_context.useChannelContext().deleteMessage;
-    var sender = message.sender, type = message.type, url = message.url, _e = message.name, name = _e === void 0 ? '' : _e, threadInfo = message.threadInfo;
-    var user = (_c = (_b = useSendbirdStateContext.useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.userId;
-    var isByMe = user === ((_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.userId);
-    var disableDelete = (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0;
-    var profileUrl = sender.profileUrl, _f = sender.nickname, nickname = _f === void 0 ? '' : _f;
-    return reactDom.createPortal((React.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () {
-            deleteMessage(message).then(function () {
-                onCancel();
-            });
-        }, isByMe: isByMe, disableDelete: disableDelete })), document.getElementById(ui_Modal.MODAL_ROOT));
-};
 
-exports.FileViewerComponent = FileViewerComponent;
-exports.default = FileViewer;
+exports.FileViewer = Channel_components_FileViewer.FileViewer;
+exports.default = Channel_components_FileViewer.FileViewer;
 //# sourceMappingURL=FileViewer.js.map

package/cjs/Channel/components/FileViewer.js.map

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

package/cjs/Channel/components/FrozenNotification.js

@@ -1,18 +1,14 @@
 'use strict';
 
-var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-bXLZZTmP.js');
+var index = require('../../chunks/bundle-u7wWilEW.js');
+require('react');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-DhtZdKsr.js');
 
-var FrozenNotification = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { className: "sendbird-notification sendbird-notification--frozen ".concat(className) },
-        React.createElement(ui_Label.Label, { className: "sendbird-notification__text", type: ui_Label.LabelTypography.CAPTION_2 }, stringSet.CHANNEL_FROZEN)));
-};
 
-module.exports = FrozenNotification;
+
+module.exports = index.FrozenNotification;
 //# sourceMappingURL=FrozenNotification.js.map

package/cjs/Channel/components/FrozenNotification.js.map

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