UNPKG

@sendbird/uikit-react

Version:

Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.

157 lines (154 loc) 7.13 kB
import { _ as __assign } from '../../chunks/bundle-Bpofr334.js'; import React__default from 'react'; import { c as useGroupChannelContext, u as useGroupChannel } from '../../chunks/bundle-BLMU9f-F.js'; import { G as GroupChannelUIView } from '../../chunks/bundle-CLHIHGae.js'; import { GroupChannelHeader } from './GroupChannelHeader.js'; import { MessageList } from './MessageList.js'; import { MessageInputWrapper } from './MessageInputWrapper.js'; import { d as deleteNullish } from '../../chunks/bundle-DX6fRIJl.js'; import '@sendbird/chat/message'; import '@sendbird/chat/groupChannel'; import '@sendbird/uikit-tools'; import '../../chunks/bundle-B5LKcMN_.js'; import '../../chunks/bundle-4clodtJA.js'; import '../../chunks/bundle-B56O1y8C.js'; import '../../chunks/bundle-JhKiWlXT.js'; import '@sendbird/chat'; import '@sendbird/chat/openChannel'; import '../../chunks/bundle-CAshTR7h.js'; import '../../chunks/bundle-DiO7lolz.js'; import '../../chunks/bundle-CFc2hy8g.js'; import '../../chunks/bundle-BRJdb8OX.js'; import '../../chunks/bundle-BdprN8pt.js'; import '../../chunks/bundle-YDriVB8K.js'; import '../../chunks/bundle-BsY2Dawk.js'; import '../../chunks/bundle-lqEjT2ED.js'; import './TypingIndicator.js'; import '../../chunks/bundle-Cdplrrlw.js'; import '../../chunks/bundle-oM0Fxt9G.js'; import '../../chunks/bundle-Cdqsdoa8.js'; import '../../chunks/bundle-DmnXeBdU.js'; import '../../chunks/bundle-LLA95Pqf.js'; import '../../chunks/bundle-D0WVu0lN.js'; import '../../ui/ConnectionStatus.js'; import '../../ui/Icon.js'; import '../../ui/PlaceHolder.js'; import '../../ui/Loader.js'; import '../../chunks/bundle-C20UC6V7.js'; import '../../ui/ChannelAvatar.js'; import '../../chunks/bundle-BJShQs4P.js'; import '../../ui/ImageRenderer.js'; import '../../chunks/bundle-F_R9C4cW.js'; import '../../chunks/bundle-D646l1Rn.js'; import '../../chunks/bundle-Cslf3sKl.js'; import '../../chunks/bundle-BZSLsKkw.js'; import '../../utils/message/getOutgoingMessageState.js'; import '../../chunks/bundle-CglqREVl.js'; import '../../chunks/bundle-BqKoZDqX.js'; import '../../chunks/bundle-C2ARCMSL.js'; import '../../ui/Header.js'; import '../../ui/TextButton.js'; import '../../chunks/bundle-C1npFBfj.js'; import '../../ui/IconButton.js'; import './Message.js'; import '../../chunks/bundle-DmOfz_GY.js'; import '../../chunks/bundle-AsQ1wnFm.js'; import '../../chunks/bundle-DyosazG-.js'; import '../../Message/hooks/useDirtyGetMentions.js'; import '../../ui/DateSeparator.js'; import '../../chunks/bundle-BCjR1Qiq.js'; import '../../chunks/bundle-BEPoP7sp.js'; import '../../ui/Button.js'; import '../../chunks/bundle-C5-D2BAP.js'; import 'dompurify'; import '../../chunks/bundle-6I0gJidJ.js'; import '../../chunks/bundle-B40pTdZv.js'; import '../../chunks/bundle-iPLJ9a5J.js'; import '../../chunks/bundle-EKFQIahk.js'; import '../../ui/MessageContent.js'; import '../../chunks/bundle-Bs8Cwq5j.js'; import '../../chunks/bundle-BrqWLoDb.js'; import '../../chunks/bundle-DyguzebC.js'; import '../../chunks/bundle-HZPwhqsr.js'; import '../../chunks/bundle-zNUBt0Cg.js'; import 'react-dom'; import '../../ui/SortByRow.js'; import '../../ui/MessageItemReactionMenu.js'; import '../../ui/ReactionButton.js'; import '../../chunks/bundle-WvDa8Nzx.js'; import '../../ui/EmojiReactions.js'; import '../../ui/ReactionBadge.js'; import '../../ui/BottomSheet.js'; import '../../hooks/useModal.js'; import '../../chunks/bundle-C4anRHWY.js'; import '../../ui/UserListItem.js'; import '../../ui/MutedAvatarOverlay.js'; import '../../ui/Checkbox.js'; import '../../ui/UserProfile.js'; import '../../sendbirdSelectors.js'; import '../../ui/Tooltip.js'; import '../../ui/TooltipWrapper.js'; import '../../Message/context.js'; import '../../ui/AdminMessage.js'; import '../../ui/QuoteMessage.js'; import '../../chunks/bundle-CD4RzjMA.js'; import '../../ui/MobileMenu.js'; import '../../ui/ThreadReplies.js'; import '../../chunks/bundle-BrCEaRXK.js'; import '../../ui/OGMessageItemBody.js'; import '../../chunks/bundle-CPOgmEXq.js'; import '../../ui/MentionLabel.js'; import '../../ui/LinkLabel.js'; import '../../ui/TextMessageItemBody.js'; import '../../ui/FileMessageItemBody.js'; import '../../chunks/bundle-DXC9ZAL8.js'; import '../../ui/FileViewer.js'; import '../../chunks/bundle-BKXsd3zk.js'; import '../../ui/VoiceMessageItemBody.js'; import '../../ui/ProgressBar.js'; import '../../VoicePlayer/useVoicePlayer.js'; import '../../chunks/bundle-DWURNKdQ.js'; import '../../VoiceRecorder/context.js'; import '../../ui/PlaybackTime.js'; import '../../ui/ThumbnailMessageItemBody.js'; import '../../ui/UnknownMessageItemBody.js'; import '../../ui/TemplateMessageItemBody.js'; import '../../chunks/bundle-Dw9WYTqh.js'; import '../../ui/FallbackTemplateMessageItemBody.tsx.js'; import '../../ui/LoadingTemplateMessageItemBody.tsx.js'; import '../../ui/MessageFeedbackFailedModal.js'; import '../../ui/FeedbackIconButton.js'; import '../../ui/MobileFeedbackMenu.js'; import '../../ui/MessageFeedbackModal.js'; import '../../ui/Input.js'; import '../../chunks/bundle-9ghXmCwH.js'; import './SuggestedReplies.js'; import '../../chunks/bundle-CnFrQOtC.js'; import './FileViewer.js'; import '../../chunks/bundle-Cw0XZgRI.js'; import './RemoveMessageModal.js'; import '../../chunks/bundle-DD_FhSU8.js'; import '../../chunks/bundle-Banyr0qP.js'; import './UnreadCount.js'; import './FrozenNotification.js'; import '../../ui/TypingIndicatorBubble.js'; import '../../Channel/utils/getMessagePartsInfo.js'; import '../../Channel/utils/compareMessagesForGrouping.js'; import '../../chunks/bundle-ChLik1Zs.js'; import '../../chunks/bundle-CwMNZmx9.js'; import './SuggestedMentionList.js'; import '../../ui/QuoteMessageInput.js'; import '../../VoiceRecorder/useVoiceRecorder.js'; import '../../chunks/bundle-DzB_38co.js'; import '../../chunks/bundle-ExNQo0Ly.js'; import '../../chunks/bundle-B5xkbY4c.js'; import '../../chunks/bundle-BfgSx7DM.js'; var GroupChannelUI = function (props) { var context = useGroupChannelContext(); var _a = useGroupChannel().state, channelUrl = _a.channelUrl, fetchChannelError = _a.fetchChannelError; // Inject components to presentation layer var _b = deleteNullish(props), _c = _b.renderChannelHeader, renderChannelHeader = _c === void 0 ? function (props) { return React__default.createElement(GroupChannelHeader, __assign({}, props)); } : _c, _d = _b.renderMessageList, renderMessageList = _d === void 0 ? function (props) { return React__default.createElement(MessageList, __assign({}, props, { className: "sendbird-conversation__message-list" })); } : _d, _e = _b.renderMessageInput, renderMessageInput = _e === void 0 ? function () { return React__default.createElement(MessageInputWrapper, __assign({}, props)); } : _e; return (React__default.createElement(GroupChannelUIView, __assign({}, props, context, { isInvalid: fetchChannelError !== null, channelUrl: channelUrl, renderChannelHeader: renderChannelHeader, renderMessageList: renderMessageList, renderMessageInput: renderMessageInput }))); }; export { GroupChannelUI, GroupChannelUI as default }; //# sourceMappingURL=GroupChannelUI.js.map