@sendbird/uikit-react 3.14.3 → 3.14.4

package/cjs/chunks/{bundle-u8pJrzSP.js → bundle-CE6bFQmu.js}

@@ -1,124 +1,124 @@
 'use strict';
 
-var _tslib = require('./bundle-CY1bUkfG.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 var message = require('@sendbird/chat/message');
 
-var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
-    var _a;
-    try {
-        var container = scrollRef.current;
-        // scroll into the message with initialTimeStamp
-        var element = (_a = container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
-        if (element instanceof HTMLElement) {
-            // Set the scroll position of the container to bring the element to the top
-            container.scrollTop = element.offsetTop;
-        }
-    }
-    catch (_b) {
-        // do nothing
-    }
-    finally {
-        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
-    }
-};
-/* eslint-disable default-param-last */
-var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
-    if (initialTry === void 0) { initialTry = 0; }
-    var MAX_TRIES = 10;
-    var currentTry = initialTry;
-    if (currentTry > MAX_TRIES) {
-        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
-        return;
-    }
-    try {
-        var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
-        scrollDOM.scrollTop = scrollDOM.scrollHeight;
-        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
-    }
-    catch (error) {
-        setTimeout(function () {
-            scrollIntoLast(currentTry + 1, scrollRef, setIsScrolled);
-        }, 500 * currentTry);
-    }
-};
-var isOperator = function (groupChannel) {
-    var myRole = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myRole;
-    return myRole === 'operator';
-};
-var isDisabledBecauseFrozen = function (groupChannel) {
-    var isFrozen = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen;
-    return isFrozen && !isOperator(groupChannel);
-};
-var isDisabledBecauseMuted = function (groupChannel) {
-    var myMutedState = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myMutedState;
-    return myMutedState === 'muted';
-};
-var getAllEmojisMapFromEmojiContainer = function (emojiContainer) {
-    var _a = emojiContainer.emojiCategories, emojiCategories = _a === void 0 ? [] : _a;
-    var allEmojisMap = new Map();
-    for (var categoryIndex = 0; categoryIndex < emojiCategories.length; categoryIndex += 1) {
-        var emojis = emojiCategories[categoryIndex].emojis;
-        for (var emojiIndex = 0; emojiIndex < emojis.length; emojiIndex += 1) {
-            var _b = emojis[emojiIndex], key = _b.key, url = _b.url;
-            allEmojisMap.set(key, url);
-        }
-    }
-    return allEmojisMap;
-};
-var getNicknamesMapFromMembers = function (members) {
-    if (members === void 0) { members = []; }
-    var nicknamesMap = new Map();
-    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
-        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
-        nicknamesMap.set(userId, nickname);
-    }
-    return nicknamesMap;
-};
-var getUniqueListBy = function (arr, key) {
-    var entries = arr.map(function (item) { return [item[key], item]; });
-    return Array.from(new Map(entries).values());
-};
-var getUniqueListByMessageId = function (arr) {
-    return getUniqueListBy(arr, 'messageId');
-};
-var sortByCreatedAt = function (messages) {
-    return messages.sort(function (a, b) { return a.createdAt - b.createdAt; });
-};
-var mergeAndSortMessages = function (oldMessages, newMessages) {
-    var lastOldMessage = oldMessages[oldMessages.length - 1];
-    var firstNewMessage = newMessages[0];
-    // If the last message of oldMessages is older than the first message of newMessages,
-    // then we can safely append newMessages to oldMessages.
-    if ((lastOldMessage === null || lastOldMessage === void 0 ? void 0 : lastOldMessage.createdAt) < (firstNewMessage === null || firstNewMessage === void 0 ? void 0 : firstNewMessage.createdAt)) {
-        return _tslib.__spreadArray(_tslib.__spreadArray([], oldMessages, true), newMessages, true);
-    }
-    // todo: optimize this
-    // If the last message of oldMessages is newer than the first message of newMessages,
-    // then we need to merge the two arrays and sort them by createdAt.
-    var mergedMessages = _tslib.__spreadArray(_tslib.__spreadArray([], oldMessages, true), newMessages, true);
-    var unique = getUniqueListByMessageId(mergedMessages);
-    return sortByCreatedAt(unique);
-};
-var passUnsuccessfullMessages = function (allMessages, newMessage) {
-    if ('sendingStatus' in newMessage
-        && (newMessage.sendingStatus === message.SendingStatus.SUCCEEDED || newMessage.sendingStatus === message.SendingStatus.PENDING)) {
-        var lastIndexOfSucceededMessage = allMessages
-            .map(function (message$1) {
-            if ('sendingStatus' in message$1 && message$1.sendingStatus)
-                return message$1.sendingStatus;
-            return message$1.isAdminMessage() ? message.SendingStatus.SUCCEEDED : null;
-        })
-            .lastIndexOf(message.SendingStatus.SUCCEEDED);
-        if (lastIndexOfSucceededMessage + 1 < allMessages.length) {
-            var messages = _tslib.__spreadArray([], allMessages, true);
-            messages.splice(lastIndexOfSucceededMessage + 1, 0, newMessage);
-            return messages;
-        }
-    }
-    return _tslib.__spreadArray(_tslib.__spreadArray([], allMessages, true), [newMessage], false);
-};
-var isAboutSame = function (a, b, px) {
-    return Math.abs(a - b) <= px;
+var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
+    var _a;
+    try {
+        var container = scrollRef.current;
+        // scroll into the message with initialTimeStamp
+        var element = (_a = container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
+        if (element instanceof HTMLElement) {
+            // Set the scroll position of the container to bring the element to the top
+            container.scrollTop = element.offsetTop;
+        }
+    }
+    catch (_b) {
+        // do nothing
+    }
+    finally {
+        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
+    }
+};
+/* eslint-disable default-param-last */
+var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
+    if (initialTry === void 0) { initialTry = 0; }
+    var MAX_TRIES = 10;
+    var currentTry = initialTry;
+    if (currentTry > MAX_TRIES) {
+        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
+        return;
+    }
+    try {
+        var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
+        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+        setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
+    }
+    catch (error) {
+        setTimeout(function () {
+            scrollIntoLast(currentTry + 1, scrollRef, setIsScrolled);
+        }, 500 * currentTry);
+    }
+};
+var isOperator = function (groupChannel) {
+    var myRole = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myRole;
+    return myRole === 'operator';
+};
+var isDisabledBecauseFrozen = function (groupChannel) {
+    var isFrozen = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen;
+    return isFrozen && !isOperator(groupChannel);
+};
+var isDisabledBecauseMuted = function (groupChannel) {
+    var myMutedState = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myMutedState;
+    return myMutedState === 'muted';
+};
+var getAllEmojisMapFromEmojiContainer = function (emojiContainer) {
+    var _a = emojiContainer.emojiCategories, emojiCategories = _a === void 0 ? [] : _a;
+    var allEmojisMap = new Map();
+    for (var categoryIndex = 0; categoryIndex < emojiCategories.length; categoryIndex += 1) {
+        var emojis = emojiCategories[categoryIndex].emojis;
+        for (var emojiIndex = 0; emojiIndex < emojis.length; emojiIndex += 1) {
+            var _b = emojis[emojiIndex], key = _b.key, url = _b.url;
+            allEmojisMap.set(key, url);
+        }
+    }
+    return allEmojisMap;
+};
+var getNicknamesMapFromMembers = function (members) {
+    if (members === void 0) { members = []; }
+    var nicknamesMap = new Map();
+    for (var memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
+        var _a = members[memberIndex], userId = _a.userId, nickname = _a.nickname;
+        nicknamesMap.set(userId, nickname);
+    }
+    return nicknamesMap;
+};
+var getUniqueListBy = function (arr, key) {
+    var entries = arr.map(function (item) { return [item[key], item]; });
+    return Array.from(new Map(entries).values());
+};
+var getUniqueListByMessageId = function (arr) {
+    return getUniqueListBy(arr, 'messageId');
+};
+var sortByCreatedAt = function (messages) {
+    return messages.sort(function (a, b) { return a.createdAt - b.createdAt; });
+};
+var mergeAndSortMessages = function (oldMessages, newMessages) {
+    var lastOldMessage = oldMessages[oldMessages.length - 1];
+    var firstNewMessage = newMessages[0];
+    // If the last message of oldMessages is older than the first message of newMessages,
+    // then we can safely append newMessages to oldMessages.
+    if ((lastOldMessage === null || lastOldMessage === void 0 ? void 0 : lastOldMessage.createdAt) < (firstNewMessage === null || firstNewMessage === void 0 ? void 0 : firstNewMessage.createdAt)) {
+        return _tslib.__spreadArray(_tslib.__spreadArray([], oldMessages, true), newMessages, true);
+    }
+    // todo: optimize this
+    // If the last message of oldMessages is newer than the first message of newMessages,
+    // then we need to merge the two arrays and sort them by createdAt.
+    var mergedMessages = _tslib.__spreadArray(_tslib.__spreadArray([], oldMessages, true), newMessages, true);
+    var unique = getUniqueListByMessageId(mergedMessages);
+    return sortByCreatedAt(unique);
+};
+var passUnsuccessfullMessages = function (allMessages, newMessage) {
+    if ('sendingStatus' in newMessage
+        && (newMessage.sendingStatus === message.SendingStatus.SUCCEEDED || newMessage.sendingStatus === message.SendingStatus.PENDING)) {
+        var lastIndexOfSucceededMessage = allMessages
+            .map(function (message$1) {
+            if ('sendingStatus' in message$1 && message$1.sendingStatus)
+                return message$1.sendingStatus;
+            return message$1.isAdminMessage() ? message.SendingStatus.SUCCEEDED : null;
+        })
+            .lastIndexOf(message.SendingStatus.SUCCEEDED);
+        if (lastIndexOfSucceededMessage + 1 < allMessages.length) {
+            var messages = _tslib.__spreadArray([], allMessages, true);
+            messages.splice(lastIndexOfSucceededMessage + 1, 0, newMessage);
+            return messages;
+        }
+    }
+    return _tslib.__spreadArray(_tslib.__spreadArray([], allMessages, true), [newMessage], false);
+};
+var isAboutSame = function (a, b, px) {
+    return Math.abs(a - b) <= px;
 };
 
 exports.getAllEmojisMapFromEmojiContainer = getAllEmojisMapFromEmojiContainer;
@@ -130,4 +130,4 @@ exports.mergeAndSortMessages = mergeAndSortMessages;
 exports.passUnsuccessfullMessages = passUnsuccessfullMessages;
 exports.scrollIntoLast = scrollIntoLast;
 exports.scrollToRenderedMessage = scrollToRenderedMessage;
-//# sourceMappingURL=bundle-u8pJrzSP.js.map
+//# sourceMappingURL=bundle-CE6bFQmu.js.map

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

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

package/cjs/chunks/{bundle-SdH24Cv9.js → bundle-CLOaQmX9.js}

@@ -1,151 +1,151 @@
 'use strict';
 
-var _tslib = require('./bundle-CY1bUkfG.js');
+var _tslib = require('./bundle-HGbi-rCv.js');
 
 var USER_MENTION_PREFIX = '@';
 
-var TOKEN_TYPES = {
-    string: 'string',
-    mention: 'mention',
-    url: 'url',
-    undetermined: 'undetermined',
+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 URL_REG = /(?:https?:\/\/|www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.(xn--)?[a-z]{2,20}\b([-a-zA-Z0-9@:%_+[\],.~#?&/=]*[-a-zA-Z0-9@:%_+~#?&/=])*/g;
-    var results = token.map(function (token) {
-        if (token.type !== TOKEN_TYPES.undetermined) {
-            return token;
-        }
-        var _a = token.value, value = _a === void 0 ? '' : _a;
-        var matches = Array.from(value.matchAll(URL_REG));
-        var founds = matches.map(function (value) {
-            var _a;
-            var text = value[0];
-            var start = (_a = value.index) !== null && _a !== void 0 ? _a : 0;
-            var end = start + text.length;
-            return { text: text, start: start, end: end };
-        });
-        var items = [{ value: value, type: TOKEN_TYPES.string }];
-        var cursor = 0;
-        founds.forEach(function (_a) {
-            var text = _a.text, start = _a.start, end = _a.end;
-            var restText = items.pop().value;
-            var head = restText.slice(0, start - cursor);
-            var mid = text;
-            var tail = restText.slice(end - cursor);
-            if (head.length > 0)
-                items.push({ value: head, type: TOKEN_TYPES.string });
-            items.push({ value: mid, type: TOKEN_TYPES.url });
-            if (tail.length > 0)
-                items.push({ value: tail, type: TOKEN_TYPES.string });
-            cursor = end;
-        });
-        return items;
-    }).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;
+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 URL_REG = /(?:https?:\/\/|www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.(xn--)?[a-z]{2,20}\b([-a-zA-Z0-9@:%_+[\],.~#?&/=]*[-a-zA-Z0-9@:%_+~#?&/=])*/g;
+    var results = token.map(function (token) {
+        if (token.type !== TOKEN_TYPES.undetermined) {
+            return token;
+        }
+        var _a = token.value, value = _a === void 0 ? '' : _a;
+        var matches = Array.from(value.matchAll(URL_REG));
+        var founds = matches.map(function (value) {
+            var _a;
+            var text = value[0];
+            var start = (_a = value.index) !== null && _a !== void 0 ? _a : 0;
+            var end = start + text.length;
+            return { text: text, start: start, end: end };
+        });
+        var items = [{ value: value, type: TOKEN_TYPES.string }];
+        var cursor = 0;
+        founds.forEach(function (_a) {
+            var text = _a.text, start = _a.start, end = _a.end;
+            var restText = items.pop().value;
+            var head = restText.slice(0, start - cursor);
+            var mid = text;
+            var tail = restText.slice(end - cursor);
+            if (head.length > 0)
+                items.push({ value: head, type: TOKEN_TYPES.string });
+            items.push({ value: mid, type: TOKEN_TYPES.url });
+            if (tail.length > 0)
+                items.push({ value: tail, type: TOKEN_TYPES.string });
+            cursor = end;
+        });
+        return items;
+    }).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-SdH24Cv9.js.map
+//# sourceMappingURL=bundle-CLOaQmX9.js.map

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

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

package/cjs/chunks/{bundle-7zHCY6TY.js → bundle-CQ34zxiR.js}

@@ -3,45 +3,45 @@
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
-var index = require('./bundle-D3Gxy8S0.js');
+var index = require('./bundle-wl1uuzU7.js');
 var ui_ConnectionStatus = require('../ui/ConnectionStatus.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var utils = require('./bundle-BDbnsPGF.js');
+var utils = require('./bundle-BoLhr7Ko.js');
 
-var GroupChannelUIView = function (props) {
-    var _a, _b, _c, _d;
-    var isLoading = props.isLoading, isInvalid = props.isInvalid, channelUrl = props.channelUrl;
-    var _e = utils.deleteNullish(props), renderChannelHeader = _e.renderChannelHeader, renderMessageList = _e.renderMessageList, renderMessageInput = _e.renderMessageInput, renderTypingIndicator = _e.renderTypingIndicator, renderPlaceholderLoader = _e.renderPlaceholderLoader, renderPlaceholderInvalid = _e.renderPlaceholderInvalid;
-    var _f = useSendbirdStateContext.useSendbirdStateContext(), stores = _f.stores, config = _f.config;
-    var sdkError = (_a = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _a === void 0 ? void 0 : _a.error;
-    var logger = config.logger, isOnline = config.isOnline;
-    // Note: This is not a loading status of the message list.
-    //  It is just for custom props from the Channel module and is not used in the GroupChannel module. (We should remove this in v4)
-    if (isLoading) {
-        return React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }));
-    }
-    if (!channelUrl) {
-        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS })));
-    }
-    if (isInvalid) {
-        return React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }));
-    }
-    if (sdkError) {
-        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: function () {
-                logger.info('Channel: reconnecting');
-                // reconnect();
-            } }))));
-    }
-    return (React.createElement("div", { className: "sendbird-conversation" }, renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 :
-        renderChannelHeader({ className: 'sendbird-conversation__channel-header' }), renderMessageList === null || renderMessageList === void 0 ? void 0 :
-        renderMessageList(props),
-        React.createElement("div", { className: "sendbird-conversation__footer" }, renderMessageInput === null || renderMessageInput === void 0 ? void 0 :
-            renderMessageInput(),
-            React.createElement("div", { className: "sendbird-conversation__footer__typing-indicator" },
-                (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator())
-                    || (((_b = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _b === void 0 ? void 0 : _b.enableTypingIndicator) && ((_d = (_c = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _c === void 0 ? void 0 : _c.typingIndicatorTypes) === null || _d === void 0 ? void 0 : _d.has(index.TypingIndicatorType.Text)) && (React.createElement(GroupChannel_components_TypingIndicator.TypingIndicator, { channelUrl: channelUrl }))),
-                !isOnline && React.createElement(ui_ConnectionStatus, null)))));
+var GroupChannelUIView = function (props) {
+    var _a, _b, _c, _d;
+    var isLoading = props.isLoading, isInvalid = props.isInvalid, channelUrl = props.channelUrl;
+    var _e = utils.deleteNullish(props), renderChannelHeader = _e.renderChannelHeader, renderMessageList = _e.renderMessageList, renderMessageInput = _e.renderMessageInput, renderTypingIndicator = _e.renderTypingIndicator, renderPlaceholderLoader = _e.renderPlaceholderLoader, renderPlaceholderInvalid = _e.renderPlaceholderInvalid;
+    var _f = useSendbirdStateContext.useSendbirdStateContext(), stores = _f.stores, config = _f.config;
+    var sdkError = (_a = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _a === void 0 ? void 0 : _a.error;
+    var logger = config.logger, isOnline = config.isOnline;
+    // Note: This is not a loading status of the message list.
+    //  It is just for custom props from the Channel module and is not used in the GroupChannel module. (We should remove this in v4)
+    if (isLoading) {
+        return React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderLoader === null || renderPlaceholderLoader === void 0 ? void 0 : renderPlaceholderLoader()) || React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }));
+    }
+    if (!channelUrl) {
+        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS })));
+    }
+    if (isInvalid) {
+        return React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }));
+    }
+    if (sdkError) {
+        return (React.createElement("div", { className: "sendbird-conversation" }, (renderPlaceholderInvalid === null || renderPlaceholderInvalid === void 0 ? void 0 : renderPlaceholderInvalid()) || (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG, retryToConnect: function () {
+                logger.info('Channel: reconnecting');
+                // reconnect();
+            } }))));
+    }
+    return (React.createElement("div", { className: "sendbird-conversation" }, renderChannelHeader === null || renderChannelHeader === void 0 ? void 0 :
+        renderChannelHeader({ className: 'sendbird-conversation__channel-header' }), renderMessageList === null || renderMessageList === void 0 ? void 0 :
+        renderMessageList(props),
+        React.createElement("div", { className: "sendbird-conversation__footer" }, renderMessageInput === null || renderMessageInput === void 0 ? void 0 :
+            renderMessageInput(),
+            React.createElement("div", { className: "sendbird-conversation__footer__typing-indicator" },
+                (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator())
+                    || (((_b = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _b === void 0 ? void 0 : _b.enableTypingIndicator) && ((_d = (_c = config === null || config === void 0 ? void 0 : config.groupChannel) === null || _c === void 0 ? void 0 : _c.typingIndicatorTypes) === null || _d === void 0 ? void 0 : _d.has(index.TypingIndicatorType.Text)) && (React.createElement(GroupChannel_components_TypingIndicator.TypingIndicator, { channelUrl: channelUrl }))),
+                !isOnline && React.createElement(ui_ConnectionStatus, null)))));
 };
 
 exports.GroupChannelUIView = GroupChannelUIView;
-//# sourceMappingURL=bundle-7zHCY6TY.js.map
+//# sourceMappingURL=bundle-CQ34zxiR.js.map

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

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