@sendbird/uikit-react 3.9.1-rc-2 → 3.9.1

package/cjs/chunks/bundle-e3fIFP60.js

@@ -0,0 +1,32 @@
+'use strict';
+
+/**
+ * Dashboard UIKitConfig's replyType is consisted of all lowercases,
+ * we need to convert it into uppercase ones(or vice versa)
+ * when we pass the value to internal components
+ *  - 'thread' <-> 'THREAD'
+ *  - 'quote_reply' <-> 'QUOTE_REPLY'
+ */
+function getCaseResolvedReplyType(replyType) {
+    return {
+        lowerCase: replyType.toLowerCase(),
+        upperCase: replyType.toUpperCase(),
+    };
+}
+/**
+ * Dashboard UIKitConfig's threadReplySelectType is consisted of all lowercase letters,
+ * we need to convert it into uppercase ones(or vice versa)
+ * when we pass the value to internal components
+ *  - 'thread' <-> 'THREAD'
+ *  - 'parent' <-> 'PARENT'
+ */
+function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
+    return {
+        lowerCase: threadReplySelectType.toLowerCase(),
+        upperCase: threadReplySelectType.toUpperCase(),
+    };
+}
+
+exports.getCaseResolvedReplyType = getCaseResolvedReplyType;
+exports.getCaseResolvedThreadReplySelectType = getCaseResolvedThreadReplySelectType;
+//# sourceMappingURL=bundle-e3fIFP60.js.map

package/cjs/chunks/bundle-e3fIFP60.js.map

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

package/cjs/chunks/bundle-fJhxctLh.js

@@ -0,0 +1,264 @@
+'use strict';
+
+var React = require('react');
+var Channel_context = require('./bundle-_PoeyBuz.js');
+var ui_PlaceHolder = require('../ui/PlaceHolder.js');
+var ui_Icon = require('../ui/Icon.js');
+var Channel_components_Message = require('../Channel/components/Message.js');
+var utils = require('./bundle-PLzI4mgo.js');
+var Channel_utils_getMessagePartsInfo = require('../Channel/utils/getMessagePartsInfo.js');
+var Channel_components_UnreadCount = require('../Channel/components/UnreadCount.js');
+var Channel_components_FrozenNotification = require('../Channel/components/FrozenNotification.js');
+var consts = require('./bundle-noiyvZaq.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var Message_context = require('../Message/context.js');
+var index = require('./bundle-6Zb-iZx5.js');
+var ui_TypingIndicatorBubble = require('../ui/TypingIndicatorBubble.js');
+var uikitTools = require('@sendbird/uikit-tools');
+
+exports.TypingIndicatorType = void 0;
+(function (TypingIndicatorType) {
+    TypingIndicatorType["Text"] = "text";
+    TypingIndicatorType["Bubble"] = "bubble";
+})(exports.TypingIndicatorType || (exports.TypingIndicatorType = {}));
+
+var DELAY = 500;
+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: index.useDebounce(scrollCb, DELAY),
+    };
+}
+
+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;
+}
+
+var BUFFER_DELAY = 500;
+function useOnScrollPositionChangeDetector(props) {
+    var onReachedTop = props.onReachedTop, onReachedBottom = props.onReachedBottom, onInBetween = props.onInBetween;
+    var cb = uikitTools.usePreservedCallback(function (event) {
+        if (event === null || event === void 0 ? void 0 : event.target) {
+            var _a = event.target, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+            if (utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
+                onReachedTop();
+            }
+            else if (utils.isAboutSame(scrollHeight, clientHeight + scrollTop, consts.SCROLL_BUFFER)) {
+                onReachedBottom();
+            }
+            else {
+                onInBetween();
+            }
+        }
+    });
+    return index.useDebounce(cb, BUFFER_DELAY);
+}
+
+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, 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();
+    var onScroll = function () {
+        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 (utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
+            onScrollCallback();
+        }
+        if (utils.isAboutSame(clientHeight + scrollTop, scrollHeight, consts.SCROLL_BUFFER) && hasMoreNext) {
+            onScrollDownCallback(function (_a) {
+                var messages = _a[0];
+                if (messages) {
+                    try {
+                        setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, 
+                        /**
+                         * Rendering MFM takes long time so we need this.
+                         * But later we should find better solution.
+                         */
+                        1000);
+                        // element.scrollTop = scrollHeight - clientHeight;
+                        // scrollRef.current.scrollTop = scrollHeight - clientHeight;
+                    }
+                    catch (error) {
+                        //
+                    }
+                }
+            });
+        }
+        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 = 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, 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, 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(exports.TypingIndicatorType.Bubble))
+                        && React.createElement(ui_TypingIndicatorBubble, { typingMembers: typingMembers, handleScroll: moveScroll }))),
+            (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.isFrozen) && (renderFrozenNotification
+                ? renderFrozenNotification()
+                : React.createElement(Channel_components_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(Channel_components_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 = Number.MAX_SAFE_INTEGER;
+                    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 = MessageList;
+//# sourceMappingURL=bundle-fJhxctLh.js.map

package/cjs/chunks/bundle-fJhxctLh.js.map

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

package/cjs/chunks/bundle-gEqE3TId.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var noop = function () { };
+var isAboutSame = function (a, b, px) { return Math.abs(a - b) <= px; };
+
+exports.isAboutSame = isAboutSame;
+exports.noop = noop;
+//# sourceMappingURL=bundle-gEqE3TId.js.map

package/cjs/chunks/bundle-gEqE3TId.js.map

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

package/cjs/chunks/bundle-h09WWCLD.js

@@ -0,0 +1,137 @@
+'use strict';
+
+var _tslib = require('./bundle-crXcinmk.js');
+var index = require('./bundle-rXNfPqQR.js');
+
+var USER_MENTION_PREFIX = '@';
+
+var TOKEN_TYPES = {
+    string: 'string',
+    mention: 'mention',
+    url: 'url',
+    undetermined: 'undetermined',
+};
+
+function getUserMentionRegex(mentionedUsers, templatePrefix_) {
+    var templatePrefix = templatePrefix_ || USER_MENTION_PREFIX;
+    return RegExp("(".concat(mentionedUsers.map(function (u) {
+        var userId = u.userId.replace(
+        // If user.id includes these patterns, need to convert it into an escaped one
+        /([.*+?^${}()|[\]\\])/g, '\\$1');
+        /**
+         * //{ And //} are also for escaping
+         * because curly braces `{}` are metacharacters in regular expressions used to specify repetition
+         */
+        return "".concat(templatePrefix, "\\{").concat(userId, "\\}");
+    }).join('|'), ")"), 'g');
+}
+function identifyMentions(_a) {
+    var tokens = _a.tokens, _b = _a.mentionedUsers, mentionedUsers = _b === void 0 ? [] : _b, _c = _a.templatePrefix, templatePrefix = _c === void 0 ? USER_MENTION_PREFIX : _c;
+    if (!(mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length)) {
+        return tokens;
+    }
+    var userMentionRegex = getUserMentionRegex(mentionedUsers, templatePrefix);
+    var results = tokens.map(function (token) {
+        // if the token is not undetermined, return it as is
+        // is kinda unnecessary with TS, but just in case
+        if (token.type !== TOKEN_TYPES.undetermined) {
+            return token;
+        }
+        var value = token.value;
+        var parts = value.split(userMentionRegex);
+        var tokens = parts.map(function (part) {
+            if (part.match(userMentionRegex)) {
+                var matchedUser = mentionedUsers.find(function (user) { return "@{".concat(user === null || user === void 0 ? void 0 : user.userId, "}") === part; });
+                var nickname = (matchedUser === null || matchedUser === void 0 ? void 0 : matchedUser.nickname) || '(No name)';
+                return { value: nickname, type: TOKEN_TYPES.mention, userId: matchedUser === null || matchedUser === void 0 ? void 0 : matchedUser.userId };
+            }
+            else {
+                return { value: part, type: TOKEN_TYPES.undetermined };
+            }
+        });
+        return tokens;
+    }).flat();
+    return results;
+}
+function identifyUrlsAndStrings(token) {
+    var results = token.map(function (token) {
+        if (token.type !== TOKEN_TYPES.undetermined) {
+            return token;
+        }
+        var _a = token.value, value = _a === void 0 ? '' : _a;
+        var parts = value.split(' ');
+        var tokens = parts.map(function (part) {
+            if (index.isUrl(part)) {
+                return { value: part, type: TOKEN_TYPES.url };
+            }
+            else {
+                return { value: part, type: TOKEN_TYPES.string };
+            }
+        });
+        return tokens;
+    }).flat();
+    return results;
+}
+function combineNearbyStrings(tokens) {
+    var results = tokens.reduce(function (acc, token) {
+        var lastToken = acc[acc.length - 1];
+        if ((lastToken === null || lastToken === void 0 ? void 0 : lastToken.type) === TOKEN_TYPES.string && token.type === TOKEN_TYPES.string) {
+            lastToken.value = "".concat(lastToken.value, " ").concat(token.value);
+            return acc;
+        }
+        return _tslib.__spreadArray(_tslib.__spreadArray([], acc, true), [token], false);
+    }, []);
+    return results;
+}
+/**
+ * Converts text into set of rich tokens
+ */
+function tokenizeMessage(_a) {
+    var messageText = _a.messageText, _b = _a.mentionedUsers, mentionedUsers = _b === void 0 ? [] : _b, _c = _a.templatePrefix, templatePrefix = _c === void 0 ? USER_MENTION_PREFIX : _c;
+    // mention can be squeezed-in(no-space-between) with other mentions and urls
+    // if no users are mentioned, return the messageText as a single token
+    var partialResult = [{
+            type: TOKEN_TYPES.undetermined,
+            value: messageText,
+        }];
+    // order is important because we want to identify mentions first
+    // identifyMentions will return a token with type mention or undetermined
+    var partialWithMentions = identifyMentions({
+        tokens: partialResult,
+        mentionedUsers: mentionedUsers,
+        templatePrefix: templatePrefix,
+    });
+    var partialsWithUrlsAndMentions = identifyUrlsAndStrings(partialWithMentions);
+    var result = combineNearbyStrings(partialsWithUrlsAndMentions);
+    return result;
+}
+/**
+ * Don't need to use this util in DOM element since the white spaces will be kept as is,
+ * but will need if the text is wrapped \w React.Fragement or </>
+ * @link https://sendbird.slack.com/archives/GPGHESTL3/p1681180484341369
+ * Or!!! -> convert any space or tab in leading/trailing to nbsp
+ * to preserve the leading & trailing white spaces
+ */
+function getWhiteSpacePreservedText(text) {
+    var NON_BREAKING_SPACE = '\u00A0';
+    // Split the input string into lines
+    var lines = text.split('\n');
+    // Process each line and convert leading and trailing white spaces to "\u00A0"
+    var processedLines = lines.map(function (line) {
+        var _a, _b;
+        var leadingWhitespace = ((_a = line.match(/^\s*/)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        var trailingWhitespace = ((_b = line.match(/\s*$/)) === null || _b === void 0 ? void 0 : _b[0]) || '';
+        var convertedLeadingWhitespace = leadingWhitespace.replace(/ /g, NON_BREAKING_SPACE);
+        var convertedTrailingWhitespace = trailingWhitespace.replace(/ /g, NON_BREAKING_SPACE);
+        return convertedLeadingWhitespace + line.trim() + convertedTrailingWhitespace;
+    });
+    // Combine the processed lines into a new string with "\n"
+    var result = processedLines.join('\n');
+    return result;
+}
+
+exports.TOKEN_TYPES = TOKEN_TYPES;
+exports.USER_MENTION_PREFIX = USER_MENTION_PREFIX;
+exports.getWhiteSpacePreservedText = getWhiteSpacePreservedText;
+exports.tokenizeMessage = tokenizeMessage;
+//# sourceMappingURL=bundle-h09WWCLD.js.map

package/cjs/chunks/bundle-h09WWCLD.js.map

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

package/cjs/chunks/bundle-i9olAw4e.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var React = require('react');
+var ui_Modal = require('./bundle-IJoXsg7h.js');
+require('./bundle-crXcinmk.js');
+require('./bundle-GBjPe_zz.js');
+var ui_Button = require('../ui/Button.js');
+var LocalizationContext = require('./bundle-6JxglfHi.js');
+var Thread_context = require('../Thread/context.js');
+var stringFormatterUtils = require('./bundle-nnKzOqh3.js');
+
+var RemoveMessage = function (props) {
+    var _a;
+    var onCancel = props.onCancel, onSubmit = props.onSubmit, message = props.message;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var deleteMessage = Thread_context.useThreadContext().deleteMessage;
+    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
+            deleteMessage(message).then(function () {
+                onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+                onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
+            });
+        }, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: stringFormatterUtils.getModalDeleteMessageTitle(stringSet, message) }));
+};
+
+exports.RemoveMessage = RemoveMessage;
+//# sourceMappingURL=bundle-i9olAw4e.js.map

package/cjs/chunks/bundle-i9olAw4e.js.map

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