@sendbird/uikit-react 3.10.1 → 3.11.0

package/chunks/{bundle-uk2Y0AQu.js → bundle-GQt7EDbt.js}

@@ -1,7 +1,7 @@
-import { _ as __assign, a as __spreadArray } from './bundle-GKopZh-T.js';
+import { _ as __assign, a as __spreadArray } from './bundle-fgwje9pW.js';
 import { GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { K } from './bundle-kfNTRju0.js';
+import { K } from './bundle-n9wVwJwL.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -253,6 +253,9 @@ function getSuggestedReplies(message) {
     }
 }
 var URL_REG = /^((http|https):\/\/)?([a-z\d-]+\.)+[a-z]{2,}(\:[0-9]{1,5})?(\/[-a-zA-Z\d%_.~+&=]*)*(\?[;&a-zA-Z\d%_.~+=-]*)?(#\S*)?$/;
+/** @deprecated
+ * URL detection in a message text will be handled in utils/tokens/tokenize.ts
+ */
 var isUrl = function (text) { return URL_REG.test(text); };
 var truncateString = function (fullStr, strLen) {
     if (!strLen)
@@ -559,12 +562,17 @@ var filterChannelListParams = function (params, channel, currentUserId) {
     }
     return true;
 };
-// This is required when channel is displayed on channel list by filter
-var getChannelsWithUpsertedChannel = function (_channels, channel, order) {
+var sortChannelList = function (channels, order) {
     var compareFunc = K(order)
         .with(GroupChannelListOrder.CHANNEL_NAME_ALPHABETICAL, function () { return (function (a, b) { return a.name.localeCompare(b.name); }); })
         .with(GroupChannelListOrder.CHRONOLOGICAL, function () { return (function (a, b) { return b.createdAt - a.createdAt; }); })
         .otherwise(function () { return (function (a, b) { var _a, _b, _c, _d; return ((_b = (_a = b.lastMessage) === null || _a === void 0 ? void 0 : _a.createdAt) !== null && _b !== void 0 ? _b : Number.MIN_SAFE_INTEGER) - ((_d = (_c = a.lastMessage) === null || _c === void 0 ? void 0 : _c.createdAt) !== null && _d !== void 0 ? _d : Number.MIN_SAFE_INTEGER); }); });
+    return channels.sort(compareFunc);
+};
+/**
+ * Upserts given channel to the channel list and then returns the sorted channel list.
+ */
+var getChannelsWithUpsertedChannel = function (_channels, channel, order) {
     var channels = __spreadArray([], _channels, true);
     var findingIndex = channels.findIndex(function (ch) { return ch.url === channel.url; });
     if (findingIndex !== -1) {
@@ -573,7 +581,7 @@ var getChannelsWithUpsertedChannel = function (_channels, channel, order) {
     else {
         channels.push(channel);
     }
-    return channels.sort(compareFunc);
+    return sortChannelList(channels, order);
 };
 var StringObjType;
 (function (StringObjType) {
@@ -647,5 +655,5 @@ var isSendableMessage = function (message) {
     return Boolean(message) && 'sender' in message;
 };
 
-export { isAudio as A, isVoiceMessageMimeType as B, isSentStatus as C, arrayEqual as D, getMimeTypesUIKitAccepts as E, isImageMessage as F, isImageFileInfo as G, isAudioMessage as H, isOGMessage as I, isTextMessage as J, isUrl as K, isThreadMessage as L, getSuggestedReplies as M, getEmojiUrl as N, isReactedBy as O, getEmojiTooltipString as P, getEmojiMapAll as Q, isSendableMessage as R, StringObjType as S, filterChannelListParams as T, UIKitMessageTypes as U, getChannelsWithUpsertedChannel as V, filterMessageListParams as W, isTextuallyNull as X, isReadMessage as a, isMultipleFilesMessage as b, isImage as c, isFileMessage as d, isSupportedFileView as e, isVideo as f, isEditedMessage as g, getSenderName as h, isVoiceMessage as i, isUserMessage as j, isSentMessage as k, isFailedMessage as l, isPendingMessage as m, getClassName as n, copyToClipboard as o, getEmojiListAll as p, getUIKitFileTypes as q, isThumbnailMessage as r, isGif as s, getUIKitMessageType as t, getUIKitFileType as u, truncateString as v, getUIKitMessageTypes as w, isVideoMessage as x, isGifMessage as y, convertWordToStringObj as z };
-//# sourceMappingURL=bundle-uk2Y0AQu.js.map
+export { isAudio as A, isVoiceMessageMimeType as B, isSentStatus as C, arrayEqual as D, getMimeTypesUIKitAccepts as E, isSupportedFileView as F, isImageMessage as G, isImageFileInfo as H, isAudioMessage as I, isOGMessage as J, isTextMessage as K, isThreadMessage as L, getEmojiUrl as M, isReactedBy as N, getEmojiTooltipString as O, getEmojiMapAll as P, isSendableMessage as Q, filterChannelListParams as R, StringObjType as S, getChannelsWithUpsertedChannel as T, UIKitMessageTypes as U, filterMessageListParams as V, isTextuallyNull as W, isMultipleFilesMessage as a, isReadMessage as b, isFileMessage as c, isEditedMessage as d, getSenderName as e, isUserMessage as f, getSuggestedReplies as g, getUIKitMessageType as h, isVoiceMessage as i, getUIKitMessageTypes as j, getUIKitFileType as k, isThumbnailMessage as l, isSentMessage as m, isVideoMessage as n, isGifMessage as o, isFailedMessage as p, isPendingMessage as q, getClassName as r, copyToClipboard as s, truncateString as t, getEmojiListAll as u, isImage as v, getUIKitFileTypes as w, isVideo as x, isGif as y, convertWordToStringObj as z };
+//# sourceMappingURL=bundle-GQt7EDbt.js.map

package/chunks/{bundle-uk2Y0AQu.js.map → bundle-GQt7EDbt.js.map}

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

package/chunks/bundle-GpRTDFGV.js

@@ -0,0 +1,11 @@
+/**
+ * This function helps consider the every condition
+ * related to enabling emoji reaction feature.
+ */
+function getIsReactionEnabled(_a) {
+    var _b = _a.isBroadcast, isBroadcast = _b === void 0 ? false : _b, _c = _a.isSuper, isSuper = _c === void 0 ? false : _c, _d = _a.globalLevel, globalLevel = _d === void 0 ? true : _d, moduleLevel = _a.moduleLevel;
+    return !(isBroadcast || isSuper) && (moduleLevel !== null && moduleLevel !== void 0 ? moduleLevel : globalLevel);
+}
+
+export { getIsReactionEnabled as g };
+//# sourceMappingURL=bundle-GpRTDFGV.js.map

package/chunks/bundle-GpRTDFGV.js.map

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

package/chunks/{bundle-E33Oa46E.js → bundle-HOZJLjST.js}

@@ -1,23 +1,23 @@
-import { a as __spreadArray } from './bundle-GKopZh-T.js';
+import { a as __spreadArray } from './bundle-fgwje9pW.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-dWJnfDPH.js';
-import { L as LocalizationContext } from './bundle-y_LgB6DS.js';
-import { a as UserProfileContext } from './bundle-cXqs96Pt.js';
-import './bundle-tca5p7Pl.js';
-import { A as Avatar } from './bundle-X3h4GiLa.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-kVopRZZG.js';
+import { L as LocalizationContext } from './bundle-hOV701rb.js';
+import { a as UserProfileContext } from './bundle-NQlEMhhs.js';
+import './bundle-x1NoGtpJ.js';
+import { A as Avatar } from './bundle-2QckWBqt.js';
 import 'react-dom';
-import './bundle-KmauOTrg.js';
+import './bundle-SbHFlBY0.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import '../withSendbird.js';
-import { M as Modal } from './bundle-VPanFdbf.js';
+import { M as Modal } from './bundle-K0s-Ect1.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-WpHDilD_.js';
+import { n as noop } from './bundle-tOpyp2TM.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -232,4 +232,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-E33Oa46E.js.map
+//# sourceMappingURL=bundle-HOZJLjST.js.map

package/chunks/{bundle-E33Oa46E.js.map → bundle-HOZJLjST.js.map}

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

package/chunks/bundle-HRsLD2CW.js

@@ -0,0 +1,29 @@
+import React__default, { useContext, useMemo } from 'react';
+import { L as LocalizationContext } from './bundle-hOV701rb.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-kVopRZZG.js';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import { f as format } from './bundle-yE5T9BpV.js';
+
+var UnreadCount = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.count, count = _c === void 0 ? 0 : _c, _d = _a.time, time = _d === void 0 ? '' : _d, onClick = _a.onClick, lastReadAt = _a.lastReadAt;
+    var _e = useContext(LocalizationContext), stringSet = _e.stringSet, dateLocale = _e.dateLocale;
+    var unreadSince = useMemo(function () {
+        var _a, _b;
+        // TODO: Remove this on v4
+        if (stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON !== 'on') {
+            var timeArray = ((_b = (_a = time === null || time === void 0 ? void 0 : time.toString) === null || _a === void 0 ? void 0 : _a.call(time)) === null || _b === void 0 ? void 0 : _b.split(' ')) || [];
+            timeArray === null || timeArray === void 0 ? void 0 : timeArray.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);
+            return timeArray.join(' ');
+        }
+        else if (lastReadAt) {
+            return format(lastReadAt, stringSet.DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE, { locale: dateLocale });
+        }
+    }, [time, lastReadAt]);
+    return (React__default.createElement("div", { className: "sendbird-notification".concat(count < 1 ? '--hide' : '', " ").concat(className), onClick: onClick },
+        React__default.createElement(Label, { className: "sendbird-notification__text", color: LabelColors.ONCONTENT_1, type: LabelTypography.CAPTION_2 }, "".concat(count, " "),
+            stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE, " ".concat(unreadSince)),
+        React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.CONTENT })));
+};
+
+export { UnreadCount as U };
+//# sourceMappingURL=bundle-HRsLD2CW.js.map

package/chunks/{bundle-zpSxKsxM.js.map → bundle-HRsLD2CW.js.map}

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

package/chunks/bundle-IbFVsltH.js

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { u as useLocalization } from './bundle-hOV701rb.js';
+import { A as Avatar } from './bundle-2QckWBqt.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-kVopRZZG.js';
+
+var GroupChannelListHeader = function (_a) {
+    var renderTitle = _a.renderTitle, renderIconButton = _a.renderIconButton, onEdit = _a.onEdit, allowProfileEdit = _a.allowProfileEdit;
+    var stores = useSendbirdStateContext().stores;
+    var user = stores.userStore.user;
+    var stringSet = useLocalization().stringSet;
+    return (React__default.createElement("div", { className: [
+            'sendbird-channel-header',
+            allowProfileEdit ? 'sendbird-channel-header--allow-edit' : '',
+        ].join(' ') },
+        (renderTitle === null || renderTitle === void 0 ? void 0 : renderTitle()) || (React__default.createElement("div", { className: "sendbird-channel-header__title", role: "button", onClick: function () {
+                onEdit === null || onEdit === void 0 ? void 0 : onEdit();
+            }, onKeyDown: function () {
+                onEdit === null || onEdit === void 0 ? void 0 : onEdit();
+            }, tabIndex: 0 },
+            React__default.createElement("div", { className: "sendbird-channel-header__title__left" },
+                React__default.createElement(Avatar, { width: "32px", height: "32px", src: user.profileUrl, alt: user.nickname })),
+            React__default.createElement("div", { className: "sendbird-channel-header__title__right" },
+                React__default.createElement(Label, { className: "sendbird-channel-header__title__right__name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, user.nickname || stringSet.NO_NAME),
+                React__default.createElement(Label, { className: "sendbird-channel-header__title__right__user-id", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_2 }, user.userId)))),
+        React__default.createElement("div", { className: "sendbird-channel-header__right-icon" }, renderIconButton === null || renderIconButton === void 0 ? void 0 : renderIconButton())));
+};
+
+export { GroupChannelListHeader as G };
+//# sourceMappingURL=bundle-IbFVsltH.js.map

package/chunks/bundle-IbFVsltH.js.map

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

package/chunks/{bundle-KSjFhl4l.js → bundle-JHAEGHwc.js}

@@ -1,4 +1,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=bundle-KSjFhl4l.js.map
+//# sourceMappingURL=bundle-JHAEGHwc.js.map

package/chunks/bundle-JHAEGHwc.js.map

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

package/chunks/{bundle-iWI3kIle.js → bundle-Jm7rtWnz.js}

@@ -1,22 +1,20 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './bundle-WDOQg3ty.js';
-import { U as UserProfileProvider } from './bundle-cXqs96Pt.js';
-import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-GKopZh-T.js';
-import { c as compareIds } from './bundle-yur9nm4N.js';
-import { p as pubSubTopics } from './bundle-ku6CEjGk.js';
+import { U as UserProfileProvider } from './bundle-NQlEMhhs.js';
+import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-fgwje9pW.js';
+import { c as compareIds } from './bundle-T9LQyh_7.js';
+import { p as pubSubTopics } from './bundle-pfcIdF14.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './bundle-aeQZ5WsP.js';
-import { c as compressImages } from './bundle-LEanaSuB.js';
+import { u as uuidv4 } from './bundle-4IsRvL2E.js';
+import { c as compressImages } from './bundle-2d4_n6Eh.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import { u as useLocalization } from './bundle-y_LgB6DS.js';
-import { O as ONE_MiB } from './bundle-ZKM9Qk_j.js';
-import { c as ModalFooter } from './bundle-VPanFdbf.js';
-import './bundle-dWJnfDPH.js';
+import { u as useLocalization } from './bundle-hOV701rb.js';
+import { O as ONE_MiB } from './bundle-zpdae5WH.js';
+import { c as ModalFooter } from './bundle-K0s-Ect1.js';
+import './bundle-kVopRZZG.js';
 import { ButtonTypes } from '../ui/Button.js';
 
-var getMessageCreatedAt = function (message) { return format(message.createdAt, 'p'); };
 var shouldFetchMore = function (messageLength, maxMessages) {
     if (typeof maxMessages !== 'number') {
         return true;
@@ -46,33 +44,6 @@ var scrollIntoLast = function (initialTry, scrollRef) {
         }, 500 * currentTry);
     }
 };
-var isSameGroup = function (message, comparingMessage) {
-    var _a, _b, _c, _d;
-    if (!(message
-        && comparingMessage
-        && (message === null || message === void 0 ? void 0 : message.messageType)
-        && message.messageType !== 'admin'
-        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType)
-        && comparingMessage.messageType !== 'admin'
-        && (message === null || message === void 0 ? void 0 : message.sender)
-        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender)
-        && (message === null || message === void 0 ? void 0 : message.createdAt)
-        && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.createdAt)
-        && ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId)
-        && ((_b = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _b === void 0 ? void 0 : _b.userId))) {
-        return false;
-    }
-    // to fix typecasting
-    var message_ = message;
-    var comparingMessage_ = comparingMessage;
-    return ((message_ === null || message_ === void 0 ? void 0 : message_.sendingStatus) === (comparingMessage_ === null || comparingMessage_ === void 0 ? void 0 : comparingMessage_.sendingStatus)
-        && ((_c = message_ === null || message_ === void 0 ? void 0 : message_.sender) === null || _c === void 0 ? void 0 : _c.userId) === ((_d = comparingMessage_ === null || comparingMessage_ === void 0 ? void 0 : comparingMessage_.sender) === null || _d === void 0 ? void 0 : _d.userId)
-        && (getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage)));
-};
-var compareMessagesForGrouping = function (prevMessage, currMessage, nextMessage) { return ([
-    isSameGroup(prevMessage, currMessage),
-    isSameGroup(currMessage, nextMessage),
-]); };
 var kFormatter = function (num) {
     if (Math.abs(num) > 999999) {
         return "".concat((Math.abs(num) / 1000000).toFixed(1), "M");
@@ -1390,5 +1361,5 @@ var OpenChannelProvider = function (props) {
 };
 var useOpenChannelContext = function () { return React__default.useContext(OpenChannelContext); };
 
-export { OpenChannelProvider as O, compareMessagesForGrouping as c, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=bundle-iWI3kIle.js.map
+export { OpenChannelProvider as O, kFormatter as k, useOpenChannelContext as u };
+//# sourceMappingURL=bundle-Jm7rtWnz.js.map

package/chunks/{bundle-iWI3kIle.js.map → bundle-Jm7rtWnz.js.map}

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

package/chunks/{bundle-VPanFdbf.js → bundle-K0s-Ect1.js}

@@ -1,13 +1,13 @@
-import { a as __spreadArray } from './bundle-GKopZh-T.js';
+import { a as __spreadArray } from './bundle-fgwje9pW.js';
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { n as noop } from './bundle-WpHDilD_.js';
-import { L as LocalizationContext } from './bundle-y_LgB6DS.js';
-import { u as useMediaQueryContext } from './bundle-KmauOTrg.js';
+import { n as noop } from './bundle-tOpyp2TM.js';
+import { L as LocalizationContext } from './bundle-hOV701rb.js';
+import { u as useMediaQueryContext } from './bundle-SbHFlBY0.js';
 import IconButton from '../ui/IconButton.js';
 import Button, { ButtonTypes } from '../ui/Button.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-dWJnfDPH.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-kVopRZZG.js';
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -62,4 +62,4 @@ function Modal(props) {
 }
 
 export { Modal as M, MODAL_ROOT as a, ModalRoot as b, ModalFooter as c, ModalHeader as d, ModalBody as e };
-//# sourceMappingURL=bundle-VPanFdbf.js.map
+//# sourceMappingURL=bundle-K0s-Ect1.js.map

package/chunks/bundle-K0s-Ect1.js.map

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

package/chunks/{bundle-Lt8mReNU.js → bundle-KWJtSpuF.js}

@@ -1,5 +1,5 @@
-import { b as isMultipleFilesMessage } from './bundle-uk2Y0AQu.js';
-import { K } from './bundle-kfNTRju0.js';
+import { a as isMultipleFilesMessage } from './bundle-GQt7EDbt.js';
+import { K } from './bundle-n9wVwJwL.js';
 
 function getModalDeleteMessageTitle(stringSet, message) {
     return K(message)
@@ -13,4 +13,4 @@ function getModalDeleteMessageTitle(stringSet, message) {
 }
 
 export { getModalDeleteMessageTitle as g };
-//# sourceMappingURL=bundle-Lt8mReNU.js.map
+//# sourceMappingURL=bundle-KWJtSpuF.js.map

package/chunks/bundle-KWJtSpuF.js.map

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

package/chunks/{bundle-Fkv6nKcy.js → bundle-MGkFgiJm.js}

@@ -1,49 +1,7 @@
-import { S as SCROLL_BUFFER } from './bundle-ZKM9Qk_j.js';
-import { useRef, useEffect } from 'react';
+import { S as SCROLL_BUFFER } from './bundle-zpdae5WH.js';
+import { u as useThrottleCallback } from './bundle-l3_ubbH6.js';
+import { i as isAboutSame } from './bundle-BbdMr4SL.js';
 import { usePreservedCallback } from '@sendbird/uikit-tools';
-import { e as isAboutSame } from './bundle-xsV7pD8p.js';
-
-function useThrottleCallback(callback, delay, options) {
-    if (options === void 0) { options = {
-        leading: true,
-        trailing: false,
-    }; }
-    var timer = useRef(null);
-    var trailingArgs = useRef(null);
-    useEffect(function () {
-        return function () {
-            if (timer.current)
-                clearTimeout(timer.current);
-        };
-    }, []);
-    return usePreservedCallback(function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        if (timer.current) {
-            trailingArgs.current = args;
-            return;
-        }
-        if (options.leading) {
-            callback.apply(void 0, args);
-        }
-        else {
-            trailingArgs.current = args;
-        }
-        var invoke = function () {
-            if (options.trailing && trailingArgs.current) {
-                callback.apply(void 0, trailingArgs.current);
-                trailingArgs.current = null;
-                timer.current = setTimeout(invoke, delay);
-            }
-            else {
-                timer.current = null;
-            }
-        };
-        timer.current = setTimeout(invoke, delay);
-    });
-}
 
 var DELAY = 100;
 function calcScrollBottom(scrollHeight, scrollTop) {
@@ -91,5 +49,5 @@ function useHandleOnScrollCallback(_a) {
     return useThrottleCallback(scrollCb, DELAY, { trailing: true });
 }
 
-export { useThrottleCallback as a, useHandleOnScrollCallback as u };
-//# sourceMappingURL=bundle-Fkv6nKcy.js.map
+export { useHandleOnScrollCallback as u };
+//# sourceMappingURL=bundle-MGkFgiJm.js.map

package/chunks/bundle-MGkFgiJm.js.map

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

package/chunks/bundle-MvpO_S_k.js

@@ -0,0 +1,12 @@
+import { _ as __assign } from './bundle-fgwje9pW.js';
+import React__default from 'react';
+import { S as SuggestedMentionListView } from './bundle-QOv6Bgtw.js';
+import { useThreadContext } from '../Thread/context.js';
+
+var SuggestedMentionList = function (props) {
+    var currentChannel = useThreadContext().currentChannel;
+    return (React__default.createElement(SuggestedMentionListView, __assign({}, props, { currentChannel: currentChannel })));
+};
+
+export { SuggestedMentionList as S };
+//# sourceMappingURL=bundle-MvpO_S_k.js.map

package/chunks/bundle-MvpO_S_k.js.map

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

package/chunks/{bundle-cXqs96Pt.js → bundle-NQlEMhhs.js}

@@ -21,4 +21,4 @@ var UserProfileProvider = function (_a) {
 };
 
 export { UserProfileProvider as U, UserProfileContext as a };
-//# sourceMappingURL=bundle-cXqs96Pt.js.map
+//# sourceMappingURL=bundle-NQlEMhhs.js.map

package/chunks/bundle-NQlEMhhs.js.map

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

package/chunks/bundle-NeB2uoNn.js

@@ -0,0 +1,34 @@
+import { useCallback } from 'react';
+
+var LOG_PRESET = 'useToggleReactionCallback:';
+function useToggleReactionCallback(currentChannel, logger) {
+    return useCallback(function (message, key, isReacted) {
+        if (!currentChannel) {
+            logger.warning("".concat(LOG_PRESET, " currentChannel doesn't exist"), currentChannel);
+            return;
+        }
+        if (isReacted) {
+            currentChannel
+                .deleteReaction(message, key)
+                .then(function (res) {
+                logger.info("".concat(LOG_PRESET, " Delete reaction success"), res);
+            })
+                .catch(function (err) {
+                logger.warning("".concat(LOG_PRESET, " Delete reaction failed"), err);
+            });
+        }
+        else {
+            currentChannel
+                .addReaction(message, key)
+                .then(function (res) {
+                logger.info("".concat(LOG_PRESET, " Add reaction success"), res);
+            })
+                .catch(function (err) {
+                logger.warning("".concat(LOG_PRESET, " Add reaction failed"), err);
+            });
+        }
+    }, [currentChannel]);
+}
+
+export { useToggleReactionCallback as u };
+//# sourceMappingURL=bundle-NeB2uoNn.js.map

package/chunks/bundle-NeB2uoNn.js.map

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

package/chunks/bundle-NxSCk3As.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+
+function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
+    if (reconnectOnIdle === void 0) { reconnectOnIdle = true; }
+    var _a = useState(false), isTabHidden = _a[0], setIsTabHidden = _a[1];
+    var wasOffline = !isOnline;
+    useEffect(function () {
+        var handleVisibilityChange = function () {
+            if (reconnectOnIdle) {
+                setIsTabHidden(document.hidden);
+            }
+        };
+        document.addEventListener('visibilitychange', handleVisibilityChange);
+        return function () {
+            document.removeEventListener('visibilitychange', handleVisibilityChange);
+        };
+    }, [reconnectOnIdle, document.hidden]);
+    var shouldReconnect = wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) != null && !isTabHidden;
+    return { shouldReconnect: shouldReconnect };
+}
+
+export { useReconnectOnIdle as u };
+//# sourceMappingURL=bundle-NxSCk3As.js.map

package/chunks/bundle-NxSCk3As.js.map

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