@sendbird/uikit-react 3.10.1 → 3.11.0

package/App.js.map

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

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog - v3
 
+## [v3.11.0] (Feb 07, 2024)
+
+### Features:
+* Added `enableSuggestedReplies` global option
+  * How to use?
+  ```tsx
+  <App
+    appId={appId}
+    userId={userId}
+    uikitOptions={{
+      groupChannel: {
+        // Below turns on the `SuggestedReplies` feature (see v3.8.0 release changelog). Default value is false.
+        enableSuggestedReplies: true,
+      }
+    }}
+  />
+  ```
+* `MessageInput` is now being disabled if `channel.lastMessage.extendedMessagePayload['disable_chat_input']` is true
+
+### Fixes:
+
+* Fixed a bug where channel is being removed from my channel list when other member leaves the channel
+* Fixed a bug where channel avatar image is not updated when a member leaves, or joins, or `profileUrl` changes
+* Fixed a bug where `ChannelListUI` is not updated when network is reconnected
+* Fixed a bug in `ChannelList` where `activeChannelUrl` is set but `onChannelSelect` fires with null after loading `ChannelList`
+* Fixed a bug where url text wrapped around special characters not parsed as link
+* Fixed a bug where space character before url text is removed in sent message
+* Fixed a runtime error occurring when using `renderMessage` of `Channel` module
+
 ## [v3.10.1] (Jan 26, 2024)
 
 ### Fixes:
@@ -21,8 +50,6 @@
 Now we are supporting Feedback Message feature!
 Feedback message feature can be turned on through `enableFeedback` option. When turned on, feedback feature is applied to messages with non default `myFeedbackStatus` values.
 
-
-
 * Added `enableFeedback` global option
   * How to use?
   ```tsx

package/Channel/components/ChannelHeader.js

@@ -1,67 +1,41 @@
-import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../chunks/bundle-JbVZ1Tsw.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.js';
-import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
-import IconButton from '../../ui/IconButton.js';
-import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { L as LocalizationContext } from '../../chunks/bundle-y_LgB6DS.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-J79McRkg.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-KmauOTrg.js';
-import { n as noop } from '../../chunks/bundle-WpHDilD_.js';
-import '../../chunks/bundle-GKopZh-T.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-X3h4GiLa.js';
+import '../../chunks/bundle-fgwje9pW.js';
+import 'react';
+export { C as ChannelHeader, C as default } from '../../chunks/bundle-aaseqnuB.js';
+import '../context.js';
+import '../../ui/IconButton.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-tOpyp2TM.js';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../ui/ChannelAvatar.js';
+import '../../chunks/bundle-2QckWBqt.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-aeQZ5WsP.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
-import '../../chunks/bundle-lmXvuxOb.js';
-import '../../chunks/bundle-TV4-nyqN.js';
+import '../../chunks/bundle-Rq3p335Q.js';
+import '../../chunks/bundle-kTQOM0SQ.js';
+import '../../chunks/bundle-7MnAkGtU.js';
+import '../../chunks/bundle-SbHFlBY0.js';
+import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-f9mkey82.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '../../chunks/bundle-WDOQg3ty.js';
-import '../../chunks/bundle-uk2Y0AQu.js';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-NQlEMhhs.js';
+import '../../chunks/bundle-ZcOjo_4l.js';
+import '../../chunks/bundle-BbdMr4SL.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle-GpRTDFGV.js';
+import '../../chunks/bundle-yE5T9BpV.js';
+import '../../chunks/bundle-n9wVwJwL.js';
+import '../../chunks/bundle-nA9SX_Hi.js';
+import '../../chunks/bundle-T9LQyh_7.js';
+import '../../chunks/bundle-GQt7EDbt.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-kfNTRju0.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
+import '../../chunks/bundle-4IsRvL2E.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../chunks/bundle-cHbX4Rxo.js';
-
-var ChannelHeader = function (_a) {
-    var _b, _c, _d;
-    var _e = _a.className, className = _e === void 0 ? '' : _e;
-    var globalStore = 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 = useChannelContext();
-    var isMobile = useMediaQueryContext().isMobile;
-    var currentGroupChannel = channelStore.currentGroupChannel, showSearchIcon = channelStore.showSearchIcon, onSearchClick = channelStore.onSearchClick, onChatHeaderActionClick = channelStore.onChatHeaderActionClick, _f = channelStore.onBackClick, onBackClick = _f === void 0 ? 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 = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-chat-header ".concat(className) },
-        React__default.createElement("div", { className: "sendbird-chat-header__left" },
-            isMobile && (React__default.createElement(Icon, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, fillColor: IconColors.PRIMARY, width: "24px", height: "24px", type: IconTypes.ARROW_LEFT })),
-            React__default.createElement(ChannelAvatar, { theme: theme, channel: currentGroupChannel, userId: userId, height: 32, width: 32 }),
-            React__default.createElement(Label, { className: "sendbird-chat-header__left__title", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, getChannelTitle(currentGroupChannel, userId, stringSet)),
-            React__default.createElement(Label, { className: "sendbird-chat-header__left__subtitle", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, subTitle)),
-        React__default.createElement("div", { className: "sendbird-chat-header__right" },
-            ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))
-                && (React__default.createElement(Icon, { className: "sendbird-chat-header__right__mute", type: IconTypes.NOTIFICATIONS_OFF_FILLED, fillColor: IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
-            (showSearchIcon && !(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isEphemeral)) && (React__default.createElement(IconButton, { className: "sendbird-chat-header__right__search", width: "32px", height: "32px", onClick: onSearchClick },
-                React__default.createElement(Icon, { type: IconTypes.SEARCH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
-            React__default.createElement(IconButton, { className: "sendbird-chat-header__right__info", width: "32px", height: "32px", onClick: onChatHeaderActionClick },
-                React__default.createElement(Icon, { type: IconTypes.INFO, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
-};
-
-export { ChannelHeader as default };
+import '../../chunks/bundle-NxSCk3As.js';
+import '../../chunks/bundle-pfcIdF14.js';
+import '../../chunks/bundle-NeB2uoNn.js';
+import '../../chunks/bundle-zpdae5WH.js';
+import '../../chunks/bundle-WK57RaQR.js';
+import '../../chunks/bundle-qLmDwx8F.js';
 //# sourceMappingURL=ChannelHeader.js.map

package/Channel/components/ChannelHeader.js.map

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

package/Channel/components/ChannelUI.js

@@ -1,79 +1,82 @@
-import React__default from 'react';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-J79McRkg.js';
-import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
-import ConnectionStatus from '../../ui/ConnectionStatus.js';
-import ChannelHeader from './ChannelHeader.js';
-import { M as MessageList, T as TypingIndicatorType } from '../../chunks/bundle-NYZlEPQ4.js';
-import TypingIndicator from './TypingIndicator.js';
-import MessageInputWrapper from './MessageInput.js';
+import '../../chunks/bundle-fgwje9pW.js';
+import 'react';
+import '../context.js';
+export { C as default } from '../../chunks/bundle-82c4Z7tx.js';
+import '../../chunks/bundle-aaseqnuB.js';
+import '../../chunks/bundle-wsahaI_Z.js';
+import './MessageInput.js';
+import '../../chunks/bundle-NQlEMhhs.js';
+import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-GKopZh-T.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-f9mkey82.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '../../chunks/bundle-WDOQg3ty.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-uk2Y0AQu.js';
+import '../../chunks/bundle-ZcOjo_4l.js';
+import '../../chunks/bundle-BbdMr4SL.js';
+import '@sendbird/chat/message';
+import '../../chunks/bundle-GpRTDFGV.js';
+import '../../chunks/bundle-yE5T9BpV.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-n9wVwJwL.js';
+import '../../chunks/bundle-nA9SX_Hi.js';
+import '../../chunks/bundle-T9LQyh_7.js';
+import '../../chunks/bundle-GQt7EDbt.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-kfNTRju0.js';
-import '@sendbird/chat/message';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
-import '../../chunks/bundle-aeQZ5WsP.js';
+import '../../chunks/bundle-4IsRvL2E.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../chunks/bundle-cHbX4Rxo.js';
-import '../../chunks/bundle-y_LgB6DS.js';
-import '../../chunks/bundle-YmIrZYPF.js';
+import '../../chunks/bundle-NxSCk3As.js';
+import '../../chunks/bundle-pfcIdF14.js';
+import '../../chunks/bundle-NeB2uoNn.js';
+import '../../chunks/bundle-zpdae5WH.js';
+import '../../chunks/bundle-WK57RaQR.js';
+import '../../chunks/bundle-qLmDwx8F.js';
+import '../../chunks/bundle-7jAH-Rav.js';
+import '@sendbird/uikit-tools';
+import '../../chunks/bundle-2mo18Chz.js';
+import '../../chunks/bundle-143lYf48.js';
+import '../../chunks/bundle-l3_ubbH6.js';
+import '../../chunks/bundle-byix4-_Z.js';
+import '../../ui/PlaceHolder.js';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-oRyfuopS.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-WpHDilD_.js';
-import '../../chunks/bundle-dWJnfDPH.js';
+import '../../chunks/bundle-tOpyp2TM.js';
+import '../../chunks/bundle-kVopRZZG.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-JbVZ1Tsw.js';
-import '../../ui/IconButton.js';
-import '../../ui/ChannelAvatar.js';
-import '../../chunks/bundle-X3h4GiLa.js';
+import '../../chunks/bundle-qGLQQXlH.js';
+import '../../chunks/bundle-QOv6Bgtw.js';
+import '../../chunks/bundle-2QckWBqt.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
-import '../../chunks/bundle-lmXvuxOb.js';
-import '../../chunks/bundle-KmauOTrg.js';
-import './Message.js';
-import './SuggestedMentionList.js';
-import '../../chunks/bundle-1WAo3loP.js';
-import '../../Thread/context.js';
-import '../../Thread/context/types.js';
-import '@sendbird/chat';
+import '../../chunks/bundle-Rq3p335Q.js';
+import '../../chunks/bundle-ueo2Sf-L.js';
+import '../../Message/hooks/useDirtyGetMentions.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-OZZH5fXZ.js';
+import '../../chunks/bundle-j8bOxoFa.js';
 import '../../ui/MessageInput.js';
+import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-ETZY-eQc.js';
+import '../../chunks/bundle-qXA8wWBC.js';
 import 'dompurify';
-import '../../chunks/bundle-_-2NCsYr.js';
-import '../../chunks/bundle-Jp5g4YZl.js';
-import '../../chunks/bundle-KSjFhl4l.js';
-import '../../chunks/bundle-Gkl7Q1IK.js';
+import '../../chunks/bundle-4l6RpXkL.js';
+import '../../chunks/bundle-qvDlYEM_.js';
+import '../../chunks/bundle-JHAEGHwc.js';
+import '../../chunks/bundle-dVzhcuE8.js';
 import '../../ui/MessageContent.js';
-import '../../chunks/bundle-MyYphU00.js';
-import '../../chunks/bundle-PZta2LmS.js';
-import '../../chunks/bundle-VCZsMdpB.js';
+import '../../chunks/bundle-rgUMi-vG.js';
+import '../../chunks/bundle-3cuuQsdK.js';
+import '../../chunks/bundle-QaBTXAtO.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-iYCB6XN2.js';
+import '../../chunks/bundle-WdOdwp-Y.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-W8t7rR3H.js';
+import '../../chunks/bundle-jXtqc1kU.js';
+import '../../chunks/bundle-SbHFlBY0.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-VPanFdbf.js';
+import '../../chunks/bundle-K0s-Ect1.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -84,24 +87,23 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/QuoteMessage.js';
-import '../../chunks/bundle-aVVX2zHR.js';
-import '../../chunks/bundle-d6R6m9-9.js';
+import '../../chunks/bundle-thvveea5.js';
+import '../../chunks/bundle-zJNJlM2H.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-GbC4a59M.js';
+import '../../chunks/bundle-0v0L0TbZ.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-ucXG1Py7.js';
-import '../../chunks/bundle-DeRyZP32.js';
-import '../../chunks/bundle-xgiw36M5.js';
-import '@sendbird/uikit-tools';
+import '../../chunks/bundle-o1VHRKp9.js';
+import '../../chunks/bundle-bTljiK8B.js';
+import '../../chunks/bundle-9lUB2eTP.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-J_erGfOo.js';
+import '../../chunks/bundle-eHUDbnaD.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
@@ -110,58 +112,23 @@ import '../../ui/FeedbackIconButton.js';
 import '../../ui/MobileFeedbackMenu.js';
 import './MessageFeedbackModal.js';
 import '../../ui/Input.js';
-import './FileViewer.js';
-import './RemoveMessageModal.js';
-import '../../chunks/bundle-Lt8mReNU.js';
-import '../../Message/hooks/useDirtyGetMentions.js';
+import '../../chunks/bundle-8CxBlReU.js';
+import '../../chunks/bundle-1nyUxr-Z.js';
+import '../../chunks/bundle-KWJtSpuF.js';
 import '../utils/getMessagePartsInfo.js';
 import '../utils/compareMessagesForGrouping.js';
-import './UnreadCount.js';
-import './FrozenNotification.js';
-import '../../chunks/bundle-Fkv6nKcy.js';
+import '../../chunks/bundle-HRsLD2CW.js';
+import '../../chunks/bundle-xkOWTTW1.js';
 import '../../ui/TypingIndicatorBubble.js';
+import '../../chunks/bundle-2jWyEzHg.js';
+import '../../ui/ConnectionStatus.js';
+import '../../chunks/bundle-b1IOVyYG.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../chunks/bundle-gEwUSFTG.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../chunks/bundle-ldRkCosA.js';
-import '../hooks/useHandleUploadFiles.js';
-import '../../chunks/bundle-LEanaSuB.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 = useChannelContext(), channelUrl = _l.channelUrl, isInvalid = _l.isInvalid;
-    var globalStore = 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__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.LOADING }))));
-    }
-    if (!channelUrl) {
-        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.NO_CHANNELS }))));
-    }
-    if (isInvalid) {
-        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG }))));
-    }
-    if (sdkError) {
-        return (React__default.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React__default.createElement(PlaceHolder, { type: PlaceHolderTypes.WRONG, retryToConnect: function () {
-                logger.info('Channel: reconnecting');
-                // reconnect();
-            } }))));
-    }
-    return (React__default.createElement("div", { className: 'sendbird-conversation' },
-        (renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 : renderChannelHeader()) || (React__default.createElement(ChannelHeader, { className: "sendbird-conversation__channel-header" })),
-        React__default.createElement(MessageList, { className: "sendbird-conversation__message-list", renderMessage: renderMessage, renderMessageContent: renderMessageContent, renderPlaceholderEmpty: renderPlaceholderEmpty, renderCustomSeparator: renderCustomSeparator, renderPlaceholderLoader: renderPlaceholderLoader, renderFrozenNotification: renderFrozenNotification }),
-        React__default.createElement("div", { className: "sendbird-conversation__footer" },
-            (renderMessageInput === null || renderMessageInput === void 0 ? void 0 : renderMessageInput()) || (React__default.createElement(MessageInputWrapper, { renderFileUploadIcon: renderFileUploadIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, renderSendMessageIcon: renderSendMessageIcon })),
-            React__default.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(TypingIndicatorType.Text))
-                        && (React__default.createElement(TypingIndicator, null))),
-                !isOnline && (React__default.createElement(ConnectionStatus, null))))));
-};
-
-export { ChannelUI as default };
+import '../../chunks/bundle-lxPqhWGY.js';
+import '../../chunks/bundle-2d4_n6Eh.js';
+import '../../ui/ChannelAvatar.js';
+import '../../chunks/bundle-kTQOM0SQ.js';
+import '../../chunks/bundle-7MnAkGtU.js';
+import '../../chunks/bundle-MGkFgiJm.js';
 //# sourceMappingURL=ChannelUI.js.map

package/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/Channel/components/FileViewer.js

@@ -1,88 +1,42 @@
-import React__default from 'react';
-import { createPortal } from 'react-dom';
-import { A as Avatar } from '../../chunks/bundle-X3h4GiLa.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-dWJnfDPH.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import '../../hooks/useModal.js';
-import { e as isSupportedFileView, f as isVideo, c as isImage } from '../../chunks/bundle-uk2Y0AQu.js';
-import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../chunks/bundle-J79McRkg.js';
-import { a as MODAL_ROOT } from '../../chunks/bundle-VPanFdbf.js';
-import '../../chunks/bundle-GKopZh-T.js';
+import '../../chunks/bundle-fgwje9pW.js';
+import 'react';
+export { F as FileViewer, F as default } from '../../chunks/bundle-8CxBlReU.js';
+import '../context.js';
+import 'react-dom';
+import '../../chunks/bundle-2QckWBqt.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-aeQZ5WsP.js';
-import '../../chunks/bundle-Kv4GXRTs.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-WpHDilD_.js';
-import '../../chunks/bundle-kfNTRju0.js';
-import '../../chunks/bundle-y_LgB6DS.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-KmauOTrg.js';
-import '../../ui/IconButton.js';
-import '../../ui/Button.js';
+import '../../chunks/bundle-tOpyp2TM.js';
+import '../../chunks/bundle-Rq3p335Q.js';
+import '../../ui/Icon.js';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../chunks/bundle-GQt7EDbt.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
+import '../../chunks/bundle-n9wVwJwL.js';
+import '../../hooks/useModal.js';
+import '../../chunks/bundle-K0s-Ect1.js';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-SbHFlBY0.js';
+import '../../ui/IconButton.js';
+import '../../ui/Button.js';
+import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-cXqs96Pt.js';
-import '../../chunks/bundle-f9mkey82.js';
-import '../../chunks/bundle-xsV7pD8p.js';
-import '../../chunks/bundle-WDOQg3ty.js';
+import '../../chunks/bundle-NQlEMhhs.js';
+import '../../chunks/bundle-ZcOjo_4l.js';
+import '../../chunks/bundle-BbdMr4SL.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-pWIkt9Ng.js';
-import '../../chunks/bundle-yur9nm4N.js';
+import '../../chunks/bundle-GpRTDFGV.js';
+import '../../chunks/bundle-yE5T9BpV.js';
+import '../../chunks/bundle-nA9SX_Hi.js';
+import '../../chunks/bundle-T9LQyh_7.js';
+import '../../chunks/bundle-4IsRvL2E.js';
 import '../hooks/useInitialMessagesFetch.js';
-import '../../chunks/bundle-ku6CEjGk.js';
-import '../../chunks/bundle-ZKM9Qk_j.js';
-import '../../chunks/bundle-zpSxKsxM.js';
-import '../../chunks/bundle-cHbX4Rxo.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__default.createElement("div", { className: "sendbird-fileviewer" },
-        React__default.createElement("div", { className: "sendbird-fileviewer__header" },
-            React__default.createElement("div", { className: "sendbird-fileviewer__header__left" },
-                React__default.createElement("div", { className: "sendbird-fileviewer__header__left__avatar" },
-                    React__default.createElement(Avatar, { height: "32px", width: "32px", src: profileUrl })),
-                React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__filename", type: LabelTypography.H_2, color: LabelColors.ONBACKGROUND_1 }, name),
-                React__default.createElement(Label, { className: "sendbird-fileviewer__header__left__sender-name", type: LabelTypography.BODY_1, color: LabelColors.ONBACKGROUND_2 }, nickname)),
-            React__default.createElement("div", { className: "sendbird-fileviewer__header__right" },
-                isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions" },
-                    React__default.createElement("a", { className: "sendbird-fileviewer__header__right__actions__download", rel: "noopener noreferrer", href: url, target: "_blank" },
-                        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px" })),
-                    onDelete && isByMe && (React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__delete" },
-                        React__default.createElement(Icon, { className: disableDelete ? 'disabled' : '', type: IconTypes.DELETE, fillColor: disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: function () { if (!disableDelete) {
-                                onDelete();
-                            } } }))))),
-                React__default.createElement("div", { className: "sendbird-fileviewer__header__right__actions__close" },
-                    React__default.createElement(Icon, { type: IconTypes.CLOSE, fillColor: IconColors.ON_BACKGROUND_1, height: "24px", width: "24px", onClick: onCancel })))),
-        React__default.createElement("div", { className: "sendbird-fileviewer__content" },
-            isVideo(type) && (React__default.createElement("video", { controls: true, className: "sendbird-fileviewer__content__video" },
-                React__default.createElement("source", { src: url, type: type }))),
-            isImage(type) && (React__default.createElement("img", { src: url, alt: name, className: "sendbird-fileviewer__content__img" })),
-            !isSupportedFileView(type) && (React__default.createElement("div", { className: "sendbird-fileviewer__content__unsupported" },
-                React__default.createElement(Label, { type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1 }, "Unsupoprted message"))))));
-};
-var FileViewer = function (_a) {
-    var _b, _c, _d;
-    var onCancel = _a.onCancel, message = _a.message;
-    var deleteMessage = 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()) === 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 createPortal((React__default.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(MODAL_ROOT));
-};
-
-export { FileViewerComponent, FileViewer as default };
+import '../../chunks/bundle-NxSCk3As.js';
+import '../../chunks/bundle-pfcIdF14.js';
+import '../../chunks/bundle-NeB2uoNn.js';
+import '../../chunks/bundle-zpdae5WH.js';
+import '../../chunks/bundle-WK57RaQR.js';
+import '../../chunks/bundle-qLmDwx8F.js';
 //# sourceMappingURL=FileViewer.js.map

package/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/Channel/components/FrozenNotification.js

@@ -1,16 +1,12 @@
-import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-y_LgB6DS.js';
-import { L as Label, a as LabelTypography } from '../../chunks/bundle-dWJnfDPH.js';
-import '../../chunks/bundle-YmIrZYPF.js';
-import '../../chunks/bundle-TV4-nyqN.js';
-import '../../chunks/bundle-GKopZh-T.js';
+import { F as FrozenNotification } from '../../chunks/bundle-xkOWTTW1.js';
+import 'react';
+import '../../chunks/bundle-hOV701rb.js';
+import '../../chunks/bundle-oRyfuopS.js';
+import '../../chunks/bundle-b6xyPdyj.js';
+import '../../chunks/bundle-kVopRZZG.js';
+import '../../chunks/bundle-fgwje9pW.js';
+
 
-var FrozenNotification = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement("div", { className: "sendbird-notification sendbird-notification--frozen ".concat(className) },
-        React__default.createElement(Label, { className: "sendbird-notification__text", type: LabelTypography.CAPTION_2 }, stringSet.CHANNEL_FROZEN)));
-};
 
 export { FrozenNotification as default };
 //# sourceMappingURL=FrozenNotification.js.map

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