@sendbird/uikit-react 3.11.1 → 3.12.0-rc.0

package/cjs/Channel/components/MessageList.js

@@ -2,84 +2,86 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('../context.js');
-require('../../ui/PlaceHolder.js');
-require('../../ui/Icon.js');
-require('../../chunks/bundle-FHJHaFw9.js');
-var Channel_components_MessageList = require('../../chunks/bundle-qLmNEs3L.js');
-require('../../chunks/bundle-E1H3DQtB.js');
-require('../../chunks/bundle-UmkcFSLj.js');
-require('../../chunks/bundle-Y4f3TKLP.js');
-require('../../chunks/bundle--yF0PJ6E.js');
-require('../../useSendbirdStateContext.js');
-require('../../Message/context.js');
-require('../../chunks/bundle-1WCZv5Jt.js');
-require('../../ui/TypingIndicatorBubble.js');
-require('../../chunks/bundle-QU7zbepl.js');
-require('../utils/getMessagePartsInfo.js');
-require('../../chunks/bundle-uubJJzRW.js');
-require('../../chunks/bundle-_vyDAzUb.js');
-require('../../chunks/bundle-V4Gdewny.js');
-require('../../chunks/bundle-H3iUL9jU.js');
-require('../../chunks/bundle-0TRHdH1v.js');
-require('../../chunks/bundle-ubmIpm9y.js');
+var React = require('react');
+var Channel_context = require('../context.js');
+var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
+var ui_Icon = require('../../ui/Icon.js');
+var Channel_components_Message = require('./Message.js');
+var types = require('../../chunks/bundle-TEAixAXm.js');
+var utils = require('../../chunks/bundle-G3wIPH8m.js');
+var GroupChannel_components_UnreadCount = require('../../GroupChannel/components/UnreadCount.js');
+var GroupChannel_components_FrozenNotification = require('../../GroupChannel/components/FrozenNotification.js');
+var consts = require('../../chunks/bundle-VSxKlJiY.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Message_context = require('../../Message/context.js');
+var index = require('../../chunks/bundle-y9eM9Vz6.js');
+var useThrottleCallback = require('../../chunks/bundle-B3exQvX0.js');
+var ui_TypingIndicatorBubble = require('../../ui/TypingIndicatorBubble.js');
+var index$1 = require('../../chunks/bundle-ECik2x9q.js');
+var Channel_utils_getMessagePartsInfo = require('../utils/getMessagePartsInfo.js');
+require('../../chunks/bundle-ac8CNkHD.js');
+require('../../chunks/bundle-G8VoSPnT.js');
+require('../../chunks/bundle-8jmUxywc.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-qTpNvbyy.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-eg9jnWPm.js');
-require('../../chunks/bundle-m_0K8NXX.js');
-require('../../chunks/bundle-EsJltkVm.js');
-require('../../chunks/bundle-eG-yFfLY.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-vx2itBKI.js');
+require('../../chunks/bundle-WnDkk4j0.js');
+require('../../chunks/bundle-BIo8a3gP.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-jP-1bn23.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-1CojrMYd.js');
-require('../../chunks/bundle-BMB3xh2i.js');
-require('../../chunks/bundle-qjc3EF_B.js');
-require('../../chunks/bundle--zfwoPVm.js');
-require('../../chunks/bundle-hzGTyicd.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-om7V4Kmd.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-WWYVAaVT.js');
+require('../../chunks/bundle-_BACdERA.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../chunks/bundle-mYCCMkSO.js');
+require('../../chunks/bundle-NO9KjD6-.js');
+require('../../chunks/bundle-v-iEVf7X.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-kp4rHxFj.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-jUxjf8aL.js');
-require('../../chunks/bundle-mNGciuzV.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-pnCKgq1p.js');
+require('../../chunks/bundle-GVX1pgQE.js');
+require('../../chunks/bundle--ygAOWyl.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DgcTM2HW.js');
-require('../../chunks/bundle-Ok99sReN.js');
-require('../../chunks/bundle-hlZ6VwkW.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../chunks/bundle-wVlRBt78.js');
+require('../../chunks/bundle-3my94NZb.js');
 require('../../Message/hooks/useDirtyGetMentions.js');
 require('../../ui/DateSeparator.js');
-require('../../chunks/bundle-YxnuYJcD.js');
+require('../../chunks/bundle-cjPeUrcf.js');
 require('../../ui/MessageInput.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-a3DGXthf.js');
+require('../../chunks/bundle-7qCJ1BsN.js');
 require('dompurify');
-require('../../chunks/bundle-dwD6gaHJ.js');
-require('../../chunks/bundle-0LtiaxJx.js');
-require('../../chunks/bundle-8XvxyLQN.js');
-require('../../chunks/bundle-ZpJLlgNE.js');
+require('../../chunks/bundle-L-INlcEY.js');
+require('../../chunks/bundle-PzNWj1Ya.js');
+require('../../chunks/bundle-AN2XvUtp.js');
+require('../../chunks/bundle-aMzX7VhJ.js');
+require('../../withSendbird.js');
 require('../../ui/MessageContent.js');
-require('../../chunks/bundle-4QpLkquA.js');
-require('../../chunks/bundle-3-zCFAsZ.js');
-require('../../chunks/bundle-8oh3Iidd.js');
+require('../../chunks/bundle-7hPt-3N9.js');
+require('../../chunks/bundle-cTA4XRQz.js');
+require('../../chunks/bundle-SSVfUJDa.js');
 require('../../ui/MessageItemMenu.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-y7MhfXfx.js');
+require('../../chunks/bundle-Sp0Vzjeq.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../chunks/bundle-mk0LQISG.js');
-require('../../chunks/bundle-lHnGN-3L.js');
+require('../../chunks/bundle-I85dteYT.js');
+require('../../chunks/bundle-l18lIHqV.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../hooks/useModal.js');
-require('../../chunks/bundle--t70CDfb.js');
+require('../../chunks/bundle-Mku2L7HX.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
@@ -89,24 +91,24 @@ require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/QuoteMessage.js');
-require('../../chunks/bundle-r9E_mzs-.js');
-require('../../chunks/bundle-hCR6GZHZ.js');
+require('../../chunks/bundle-40a4LzCe.js');
+require('../../chunks/bundle-dRMOPP7T.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/OGMessageItemBody.js');
-require('../../chunks/bundle-YvcRCGBd.js');
+require('../../chunks/bundle-98I9HrXW.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextMessageItemBody.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-Pcl0nMWb.js');
-require('../../chunks/bundle-oLo1K2bf.js');
-require('../../chunks/bundle-LFW-mAQF.js');
+require('../../chunks/bundle-L6Jk8Ayi.js');
+require('../../chunks/bundle-zC9tSqim.js');
+require('../../chunks/bundle-h40wCyHM.js');
 require('@sendbird/uikit-tools');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../chunks/bundle-X6IgWOv5.js');
+require('../../chunks/bundle-1q18oFrr.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ThumbnailMessageItemBody.js');
@@ -115,14 +117,219 @@ require('../../ui/FeedbackIconButton.js');
 require('../../ui/MobileFeedbackMenu.js');
 require('./MessageFeedbackModal.js');
 require('../../ui/Input.js');
-require('../../chunks/bundle-BrOubGHT.js');
-require('../../chunks/bundle-OlL6NpZd.js');
-require('../../chunks/bundle-qXInmu7W.js');
-require('../../chunks/bundle-kYfqAttM.js');
+require('../../GroupChannel/components/SuggestedReplies.js');
+require('./FileViewer.js');
+require('../../chunks/bundle-83aDMaJz.js');
+require('./RemoveMessageModal.js');
+require('../../chunks/bundle-zKwOBTKD.js');
+require('../../chunks/bundle-9G4y8IUf.js');
 require('../utils/compareMessagesForGrouping.js');
 
+var DELAY = 100;
+function useSetScrollToBottom(_a) {
+    var loading = _a.loading;
+    var _b = React.useState(0), scrollBottom = _b[0], setScrollBottom = _b[1];
+    React.useEffect(function () {
+        if (loading) {
+            setScrollBottom(0);
+        }
+    }, [loading]);
+    var scrollCb = function (e) {
+        var element = e.target;
+        try {
+            setScrollBottom(element.scrollHeight - element.scrollTop - element.offsetHeight);
+        }
+        catch (_a) {
+            //
+        }
+    };
+    return {
+        scrollBottom: scrollBottom,
+        scrollToBottomHandler: useThrottleCallback.useThrottleCallback(scrollCb, DELAY, { trailing: true }),
+    };
+}
+
+function useScrollBehavior() {
+    var _a = Channel_context.useChannelContext(), scrollRef = _a.scrollRef, _b = _a.scrollBehavior, scrollBehavior = _b === void 0 ? 'auto' : _b;
+    React.useEffect(function () {
+        if (scrollRef.current) {
+            scrollRef.current.style.scrollBehavior = scrollBehavior;
+        }
+    }, [scrollRef.current]);
+    return null;
+}
 
+/* We operate the CSS files for Channel&GroupChannel modules in the GroupChannel */
+var SCROLL_BOTTOM_PADDING = 50;
+var MessageList = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var _g = _a.className, className = _g === void 0 ? '' : _g, renderMessage = _a.renderMessage, renderMessageContent = _a.renderMessageContent, renderPlaceholderEmpty = _a.renderPlaceholderEmpty, renderCustomSeparator = _a.renderCustomSeparator, renderPlaceholderLoader = _a.renderPlaceholderLoader, renderFrozenNotification = _a.renderFrozenNotification;
+    var _h = Channel_context.useChannelContext(), allMessages = _h.allMessages, localMessages = _h.localMessages, hasMorePrev = _h.hasMorePrev, hasMoreNext = _h.hasMoreNext, setInitialTimeStamp = _h.setInitialTimeStamp, setAnimatedMessageId = _h.setAnimatedMessageId, setHighLightedMessageId = _h.setHighLightedMessageId, isMessageGroupingEnabled = _h.isMessageGroupingEnabled, scrollRef = _h.scrollRef, onScrollCallback = _h.onScrollCallback, onScrollDownCallback = _h.onScrollDownCallback, messagesDispatcher = _h.messagesDispatcher, messageActionTypes = _h.messageActionTypes, currentGroupChannel = _h.currentGroupChannel, disableMarkAsRead = _h.disableMarkAsRead, filterMessageList = _h.filterMessageList, replyType = _h.replyType, loading = _h.loading, isScrolled = _h.isScrolled, unreadSince = _h.unreadSince, unreadSinceDate = _h.unreadSinceDate, typingMembers = _h.typingMembers;
+    var store = useSendbirdStateContext.useSendbirdStateContext();
+    var allMessagesFiltered = (typeof filterMessageList === 'function')
+        ? allMessages.filter(filterMessageList)
+        : allMessages;
+    var markAsReadScheduler = store.config.markAsReadScheduler;
+    var _j = React.useState(false), isScrollBottom = _j[0], setIsScrollBottom = _j[1];
+    useScrollBehavior();
+    /**
+     * @param {function} callback callback from useHandleOnScrollCallback, it adjusts scroll position
+     * */
+    var onScroll = function (callback) {
+        var element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+        if (element == null) {
+            return;
+        }
+        var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
+        if (hasMorePrev && utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
+            onScrollCallback(callback);
+        }
+        if (hasMoreNext && utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)) {
+            onScrollDownCallback(callback);
+        }
+        if (!disableMarkAsRead
+            && utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER)
+            && !!currentGroupChannel) {
+            messagesDispatcher({
+                type: messageActionTypes.MARK_AS_READ,
+                payload: { channel: currentGroupChannel },
+            });
+            markAsReadScheduler.push(currentGroupChannel);
+        }
+    };
+    var onClickScrollBot = function () {
+        var _a, _b, _c, _d, _e;
+        setInitialTimeStamp === null || setInitialTimeStamp === void 0 ? void 0 : setInitialTimeStamp(null);
+        setAnimatedMessageId === null || setAnimatedMessageId === void 0 ? void 0 : setAnimatedMessageId(null);
+        setHighLightedMessageId === null || setHighLightedMessageId === void 0 ? void 0 : setHighLightedMessageId(null);
+        if (((_a = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) > -1) {
+            scrollRef.current.scrollTop = ((_c = (_b = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) !== null && _c !== void 0 ? _c : 0) - ((_e = (_d = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) === null || _d === void 0 ? void 0 : _d.offsetHeight) !== null && _e !== void 0 ? _e : 0);
+        }
+    };
+    /**
+     * 1. Move the messsage list scroll
+     *    when each message's height is changed by `reactions` OR `showEdit`
+     * 2. Keep the scrollBottom value after fetching new message list
+     */
+    var moveScroll = function (isBottomMessageAffected) {
+        if (isBottomMessageAffected === void 0) { isBottomMessageAffected = false; }
+        var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+        if (current) {
+            var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
+            if (scrollBottom < bottom
+                && (!isBottomMessageAffected || scrollBottom < consts.SCROLL_BUFFER)) {
+                // Move the scroll as much as the height of the message has changed
+                current.scrollTop += bottom - scrollBottom;
+            }
+        }
+    };
+    var handleOnScroll = index.useHandleOnScrollCallback({
+        hasMore: hasMorePrev,
+        hasNext: hasMoreNext,
+        onScroll: onScroll,
+        scrollRef: scrollRef,
+    });
+    var onScrollReachedEndDetector = index$1.useOnScrollPositionChangeDetector({
+        onReachedBottom: function () {
+            /**
+             * Note that this event is already being called in onScroll() above. However, it is only being called when
+             * hasMoreNext is true but it needs to be called when hasNext is false when reached bottom as well.
+             */
+            if (!hasMoreNext && !disableMarkAsRead && !!currentGroupChannel) {
+                messagesDispatcher({
+                    type: messageActionTypes.MARK_AS_READ,
+                    payload: { channel: currentGroupChannel },
+                });
+                markAsReadScheduler.push(currentGroupChannel);
+            }
+            setIsScrollBottom(true);
+        },
+        onReachedTop: function () {
+            setIsScrollBottom(false);
+        },
+        onInBetween: function () {
+            setIsScrollBottom(false);
+        },
+    });
+    var _k = useSetScrollToBottom({ loading: loading }), scrollToBottomHandler = _k.scrollToBottomHandler, scrollBottom = _k.scrollBottom;
+    if (loading) {
+        return (typeof renderPlaceholderLoader === 'function')
+            ? renderPlaceholderLoader()
+            : React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
+    }
+    if (allMessagesFiltered.length < 1) {
+        if (renderPlaceholderEmpty && typeof renderPlaceholderEmpty === 'function') {
+            return renderPlaceholderEmpty();
+        }
+        return React.createElement(ui_PlaceHolder.default, { className: "sendbird-conversation__no-messages", type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES });
+    }
+    return (React.createElement(React.Fragment, null,
+        !isScrolled && React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }),
+        React.createElement("div", { className: "sendbird-conversation__messages ".concat(className) },
+            React.createElement("div", { className: "sendbird-conversation__scroll-container" },
+                React.createElement("div", { className: "sendbird-conversation__padding" }),
+                React.createElement("div", { className: "sendbird-conversation__messages-padding", ref: scrollRef, onScroll: function (e) {
+                        handleOnScroll();
+                        scrollToBottomHandler(e);
+                        onScrollReachedEndDetector(e);
+                    } },
+                    allMessagesFiltered.map(function (m, idx) {
+                        var _a, _b;
+                        var _c = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
+                            allMessages: allMessagesFiltered,
+                            replyType: replyType,
+                            isMessageGroupingEnabled: isMessageGroupingEnabled,
+                            currentIndex: idx,
+                            currentMessage: m,
+                            currentChannel: currentGroupChannel,
+                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom, hasSeparator = _c.hasSeparator;
+                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
+                        return (React.createElement(Message_context.MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
+                            React.createElement(Channel_components_Message, { handleScroll: moveScroll, renderMessage: renderMessage, renderMessageContent: renderMessageContent, message: m, hasSeparator: hasSeparator, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
+                    }),
+                    localMessages.map(function (m, idx) {
+                        var _a, _b;
+                        var _c = Channel_utils_getMessagePartsInfo.getMessagePartsInfo({
+                            allMessages: allMessagesFiltered,
+                            replyType: replyType,
+                            isMessageGroupingEnabled: isMessageGroupingEnabled,
+                            currentIndex: idx,
+                            currentMessage: m,
+                            currentChannel: currentGroupChannel,
+                        }), chainTop = _c.chainTop, chainBottom = _c.chainBottom;
+                        var isByMe = ((_a = m === null || m === void 0 ? void 0 : m.sender) === null || _a === void 0 ? void 0 : _a.userId) === ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.userId);
+                        return (React.createElement(Message_context.MessageProvider, { message: m, key: m === null || m === void 0 ? void 0 : m.messageId, isByMe: isByMe },
+                            React.createElement(Channel_components_Message, { handleScroll: moveScroll, renderMessage: renderMessage, renderMessageContent: renderMessageContent, message: m, chainTop: chainTop, chainBottom: chainBottom, renderCustomSeparator: renderCustomSeparator })));
+                    }),
+                    !hasMoreNext
+                        && ((_c = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.groupChannel) === null || _c === void 0 ? void 0 : _c.enableTypingIndicator)
+                        && ((_f = (_e = (_d = store === null || store === void 0 ? void 0 : store.config) === null || _d === void 0 ? void 0 : _d.groupChannel) === null || _e === void 0 ? void 0 : _e.typingIndicatorTypes) === null || _f === void 0 ? void 0 : _f.has(types.TypingIndicatorType.Bubble))
+                        && React.createElement(ui_TypingIndicatorBubble, { typingMembers: typingMembers, handleScroll: moveScroll }))),
+            (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && (renderFrozenNotification
+                ? renderFrozenNotification()
+                : React.createElement(GroupChannel_components_FrozenNotification.FrozenNotification, { className: "sendbird-conversation__messages__notification" })),
+            /**
+             * Show unread count IFF scroll is not bottom or is bottom but hasNext is true.
+             */
+            (!isScrollBottom || hasMoreNext) && (unreadSince || unreadSinceDate) && (React.createElement(GroupChannel_components_UnreadCount.UnreadCount, { className: "sendbird-conversation__messages__notification", count: currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.unreadMessageCount, time: unreadSince, lastReadAt: unreadSinceDate, onClick: function () {
+                    if (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)
+                        scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+                    if (!disableMarkAsRead && !!currentGroupChannel) {
+                        markAsReadScheduler.push(currentGroupChannel);
+                        messagesDispatcher({
+                            type: messageActionTypes.MARK_AS_READ,
+                            payload: { channel: currentGroupChannel },
+                        });
+                    }
+                    setInitialTimeStamp(null);
+                    setAnimatedMessageId(null);
+                    setHighLightedMessageId(null);
+                } })),
+            // This flag is an unmatched variable
+            scrollBottom > SCROLL_BOTTOM_PADDING && (React.createElement("div", { className: "sendbird-conversation__scroll-bottom-button", onClick: onClickScrollBot, onKeyDown: onClickScrollBot, tabIndex: 0, role: "button" },
+                React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.CHEVRON_DOWN, fillColor: ui_Icon.IconColors.PRIMARY }))))));
+};
 
-exports.MessageList = Channel_components_MessageList.MessageList;
-exports.default = Channel_components_MessageList.MessageList;
+exports.MessageList = MessageList;
+exports.default = MessageList;
 //# sourceMappingURL=MessageList.js.map

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

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

package/cjs/Channel/components/RemoveMessageModal.js

@@ -1,45 +1,48 @@
 'use strict';
 
-require('../../chunks/bundle-H3iUL9jU.js');
-require('react');
-var Channel_components_RemoveMessageModal = require('../../chunks/bundle-OlL6NpZd.js');
-require('../context.js');
-require('../../chunks/bundle--t70CDfb.js');
+var _tslib = require('../../chunks/bundle-Pp2hAi9g.js');
+var React = require('react');
+var RemoveMessageModalView = require('../../chunks/bundle-zKwOBTKD.js');
+var Channel_context = require('../context.js');
+require('../../chunks/bundle-Mku2L7HX.js');
 require('react-dom');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-om7V4Kmd.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../chunks/bundle-lHnGN-3L.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-l18lIHqV.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-WWYVAaVT.js');
+require('../../chunks/bundle-kp4rHxFj.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-qXInmu7W.js');
-require('../../chunks/bundle-eG-yFfLY.js');
+require('../../chunks/bundle-9G4y8IUf.js');
+require('../../chunks/bundle-BIo8a3gP.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-eg9jnWPm.js');
-require('../../chunks/bundle-uubJJzRW.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-ac8CNkHD.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-_vyDAzUb.js');
-require('../../chunks/bundle-E1H3DQtB.js');
+require('../../chunks/bundle-G8VoSPnT.js');
+require('../../chunks/bundle-G3wIPH8m.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-V4Gdewny.js');
-require('../../chunks/bundle-0TRHdH1v.js');
-require('../../chunks/bundle-m_0K8NXX.js');
-require('../../chunks/bundle-EsJltkVm.js');
-require('../../chunks/bundle-jP-1bn23.js');
+require('../../chunks/bundle-8jmUxywc.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-vx2itBKI.js');
+require('../../chunks/bundle-WnDkk4j0.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-1CojrMYd.js');
-require('../../chunks/bundle-BMB3xh2i.js');
-require('../../chunks/bundle-qjc3EF_B.js');
-require('../../chunks/bundle--yF0PJ6E.js');
-require('../../chunks/bundle--zfwoPVm.js');
-require('../../chunks/bundle-hzGTyicd.js');
+require('../../chunks/bundle-VSxKlJiY.js');
+require('../../chunks/bundle-_BACdERA.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../chunks/bundle-mYCCMkSO.js');
+require('../../chunks/bundle-NO9KjD6-.js');
+require('../../chunks/bundle-v-iEVf7X.js');
 
+var RemoveMessageModal = function (props) {
+    var deleteMessage = Channel_context.useChannelContext().deleteMessage;
+    return React.createElement(RemoveMessageModalView.RemoveMessageModalView, _tslib.__assign({}, props, { deleteMessage: deleteMessage }));
+};
 
-
-module.exports = Channel_components_RemoveMessageModal.RemoveMessageModal;
+module.exports = RemoveMessageModal;
 //# sourceMappingURL=RemoveMessageModal.js.map

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

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

package/cjs/Channel/components/SuggestedMentionList.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-H3iUL9jU.js');
+var _tslib = require('../../chunks/bundle-Pp2hAi9g.js');
 var React = require('react');
-var SuggestedMentionListView = require('../../chunks/bundle-jUxjf8aL.js');
+var SuggestedMentionListView = require('../../chunks/bundle-GVX1pgQE.js');
 var Channel_context = require('../context.js');
-require('../../chunks/bundle-WWYVAaVT.js');
-require('../../chunks/bundle-08DJamJs.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-cuXn941P.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-mNGciuzV.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle--ygAOWyl.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DgcTM2HW.js');
-require('../../chunks/bundle-om7V4Kmd.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../chunks/bundle-jP-1bn23.js');
+require('../../chunks/bundle-Zjbgztcu.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Ok99sReN.js');
-require('../../chunks/bundle-uubJJzRW.js');
-require('../../chunks/bundle-_vyDAzUb.js');
-require('../../chunks/bundle-E1H3DQtB.js');
+require('../../chunks/bundle-wVlRBt78.js');
+require('../../chunks/bundle-ac8CNkHD.js');
+require('../../chunks/bundle-G8VoSPnT.js');
+require('../../chunks/bundle-G3wIPH8m.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-V4Gdewny.js');
-require('../../chunks/bundle-0TRHdH1v.js');
-require('../../chunks/bundle-eg9jnWPm.js');
-require('../../chunks/bundle-m_0K8NXX.js');
-require('../../chunks/bundle-EsJltkVm.js');
-require('../../chunks/bundle-eG-yFfLY.js');
+require('../../chunks/bundle-8jmUxywc.js');
+require('../../chunks/bundle-wKMTgv_N.js');
+require('../../chunks/bundle-ttLl6tqv.js');
+require('../../chunks/bundle-vx2itBKI.js');
+require('../../chunks/bundle-WnDkk4j0.js');
+require('../../chunks/bundle-BIo8a3gP.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-1CojrMYd.js');
-require('../../chunks/bundle-BMB3xh2i.js');
-require('../../chunks/bundle-qjc3EF_B.js');
-require('../../chunks/bundle--yF0PJ6E.js');
-require('../../chunks/bundle--zfwoPVm.js');
-require('../../chunks/bundle-hzGTyicd.js');
+require('../../chunks/bundle-VSxKlJiY.js');
+require('../../chunks/bundle-_BACdERA.js');
+require('../../chunks/bundle-tlScTb1q.js');
+require('../../chunks/bundle-mYCCMkSO.js');
+require('../../chunks/bundle-NO9KjD6-.js');
+require('../../chunks/bundle-v-iEVf7X.js');
 
 var SuggestedMentionList = function (props) {
     var currentGroupChannel = Channel_context.useChannelContext().currentGroupChannel;

package/cjs/Channel/components/TypingIndicator.js

@@ -1,18 +1,18 @@
 'use strict';
 
-var TypingIndicator = require('../../chunks/bundle-jI1VVAdg.js');
+var GroupChannel_components_TypingIndicator = require('../../GroupChannel/components/TypingIndicator.js');
 require('react');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-WWYVAaVT.js');
-require('../../chunks/bundle-H3iUL9jU.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-om7V4Kmd.js');
-require('../../chunks/bundle-ubmIpm9y.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-qTpNvbyy.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-jP-1bn23.js');
+require('../../chunks/bundle-1Kqo8Utk.js');
 
 
 
-module.exports = TypingIndicator.TypingIndicator;
+module.exports = GroupChannel_components_TypingIndicator.TypingIndicator;
 //# sourceMappingURL=TypingIndicator.js.map

package/cjs/Channel/components/UnreadCount.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('../../chunks/bundle-UmkcFSLj.js');
+var GroupChannel_components_UnreadCount = require('../../GroupChannel/components/UnreadCount.js');
 require('react');
-require('../../chunks/bundle-om7V4Kmd.js');
-require('../../chunks/bundle-08DJamJs.js');
-require('../../chunks/bundle-ubmIpm9y.js');
-require('../../chunks/bundle-WWYVAaVT.js');
-require('../../chunks/bundle-H3iUL9jU.js');
+require('../../chunks/bundle-oMHrTlRN.js');
+require('../../chunks/bundle-cuXn941P.js');
+require('../../chunks/bundle-qTpNvbyy.js');
+require('../../chunks/bundle-kp4rHxFj.js');
+require('../../chunks/bundle-Pp2hAi9g.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-Kwa0c8dM.js');
-require('../../chunks/bundle-0TRHdH1v.js');
+require('../../chunks/bundle-mPK9VGR0.js');
+require('../../chunks/bundle-wKMTgv_N.js');
 
 
 
-module.exports = index.UnreadCount;
+module.exports = GroupChannel_components_UnreadCount.UnreadCount;
 //# sourceMappingURL=UnreadCount.js.map