@sendbird/uikit-react 3.12.0 → 3.12.1

package/cjs/chunks/{bundle-65WXfVqV.js → bundle-fNnK4ZX1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-POnqXMLV.js');
+var index = require('./bundle-JbsZLrne.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-65WXfVqV.js.map
+//# sourceMappingURL=bundle-fNnK4ZX1.js.map

package/cjs/chunks/{bundle-65WXfVqV.js.map → bundle-fNnK4ZX1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-65WXfVqV.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-fNnK4ZX1.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-L3zb8Cu_.js → bundle-fzWbmzou.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-l9rAnwws.js');
+var _tslib = require('./bundle-QauQilHV.js');
 var React = require('react');
-var SuggestedMentionListView = require('./bundle-FnDHXB2d.js');
+var SuggestedMentionListView = require('./bundle-Rd2d2a3j.js');
 var Thread_context = require('../Thread/context.js');
 
 var SuggestedMentionList = function (props) {
@@ -11,4 +11,4 @@ var SuggestedMentionList = function (props) {
 };
 
 exports.SuggestedMentionList = SuggestedMentionList;
-//# sourceMappingURL=bundle-L3zb8Cu_.js.map
+//# sourceMappingURL=bundle-fzWbmzou.js.map

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

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

package/cjs/chunks/{bundle-v6rdnF1q.js → bundle-gUU1zXtu.js}

@@ -37,4 +37,4 @@ var useCreateChannelContext = function () { return (React.useContext(CreateChann
 
 exports.CreateChannelProvider = CreateChannelProvider;
 exports.useCreateChannelContext = useCreateChannelContext;
-//# sourceMappingURL=bundle-v6rdnF1q.js.map
+//# sourceMappingURL=bundle-gUU1zXtu.js.map

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

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

package/cjs/chunks/bundle-h1-4ko51.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var React = require('react');
+var message = require('@sendbird/chat/message');
+var utils = require('./bundle-4jX5eqYW.js');
+var actionTypes = require('./bundle-5_SjuoV5.js');
+require('./bundle-YZRXvkp-.js');
+var consts = require('./bundle-Oq2WwdJI.js');
+
+// For legacy
+// These are not used for collections(GroupChannel)
+var PREV_RESULT_SIZE = 30;
+var NEXT_RESULT_SIZE = 15;
+
+function useInitialMessagesFetch(_a, _b) {
+    var currentGroupChannel = _a.currentGroupChannel, initialTimeStamp = _a.initialTimeStamp, userFilledMessageListQuery = _a.userFilledMessageListQuery, replyType = _a.replyType, setIsScrolled = _a.setIsScrolled;
+    var logger = _b.logger, scrollRef = _b.scrollRef, messagesDispatcher = _b.messagesDispatcher;
+    var channelUrl = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url;
+    /**
+     * useCallback(() => {}, [currentGroupChannel]) was buggy, that is why we did
+     * const channelUrl = currentGroupChannel && currentGroupChannel.url;
+     * useCallback(() => {}, [channelUrl])
+     * Again, this hook is supposed to execute when currentGroupChannel changes
+     * The 'channelUrl' here is not the same memory reference from Conversation.props
+     */
+    var fetchMessages = React.useCallback(function () {
+        logger.info('Channel useInitialMessagesFetch: Setup started', currentGroupChannel);
+        setIsScrolled(false);
+        messagesDispatcher({
+            type: actionTypes.RESET_MESSAGES,
+            payload: null,
+        });
+        if (currentGroupChannel && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp)) {
+            var messageListParams_1 = {
+                prevResultSize: PREV_RESULT_SIZE,
+                isInclusive: true,
+                includeReactions: true,
+                includeMetaArray: true,
+            };
+            if (initialTimeStamp) {
+                messageListParams_1.nextResultSize = NEXT_RESULT_SIZE;
+            }
+            if (replyType === 'QUOTE_REPLY' || replyType === 'THREAD') {
+                messageListParams_1.includeThreadInfo = true;
+                messageListParams_1.includeParentMessageInfo = true;
+                messageListParams_1.replyType = message.ReplyType.ONLY_REPLY_TO_CHANNEL;
+            }
+            if (userFilledMessageListQuery) {
+                Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                    messageListParams_1[key] = userFilledMessageListQuery[key];
+                });
+            }
+            if ((replyType
+                && (replyType === 'QUOTE_REPLY' || replyType === 'THREAD'))
+                || userFilledMessageListQuery) {
+                logger.info('Channel useInitialMessagesFetch: Setup messageListParams', messageListParams_1);
+                messagesDispatcher({
+                    type: actionTypes.MESSAGE_LIST_PARAMS_CHANGED,
+                    payload: messageListParams_1,
+                });
+            }
+            logger.info('Channel: Fetching messages', { currentGroupChannel: currentGroupChannel, userFilledMessageListQuery: userFilledMessageListQuery });
+            messagesDispatcher({
+                type: actionTypes.FETCH_INITIAL_MESSAGES_START,
+                payload: null,
+            });
+            currentGroupChannel
+                .getMessagesByTimestamp(initialTimeStamp || new Date().getTime(), messageListParams_1)
+                .then(function (messages) {
+                messagesDispatcher({
+                    type: actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS,
+                    payload: {
+                        currentGroupChannel: currentGroupChannel,
+                        messages: messages,
+                    },
+                });
+            })
+                .catch(function (error) {
+                logger.error('Channel: Fetching messages failed', error);
+                messagesDispatcher({
+                    type: actionTypes.FETCH_INITIAL_MESSAGES_FAILURE,
+                    payload: { currentGroupChannel: currentGroupChannel },
+                });
+            })
+                .finally(function () {
+                if (!initialTimeStamp) {
+                    setTimeout(function () { return utils.scrollIntoLast(0, scrollRef, setIsScrolled); }, consts.SCROLL_BOTTOM_DELAY_FOR_FETCH);
+                }
+                else {
+                    setTimeout(function () {
+                        utils.scrollToRenderedMessage(scrollRef, initialTimeStamp, setIsScrolled);
+                    }, 500);
+                }
+            });
+        }
+    }, [channelUrl, userFilledMessageListQuery, initialTimeStamp]);
+    React.useEffect(function () {
+        fetchMessages();
+    }, [fetchMessages]);
+    return fetchMessages;
+}
+
+exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
+exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
+exports.useInitialMessagesFetch = useInitialMessagesFetch;
+//# sourceMappingURL=bundle-h1-4ko51.js.map

package/cjs/chunks/bundle-h1-4ko51.js.map

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

package/cjs/chunks/{bundle-OayM7MBH.js → bundle-hNdySo7A.js}

@@ -1,20 +1,21 @@
 'use strict';
 
-var _tslib = require('./bundle-l9rAnwws.js');
+var _tslib = require('./bundle-QauQilHV.js');
 var React = require('react');
-var index$1 = require('./bundle-POnqXMLV.js');
-var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var index$1 = require('./bundle-JbsZLrne.js');
+var LocalizationContext = require('./bundle-rGYP82Yc.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var SuggestedMentionListView = require('./bundle-FnDHXB2d.js');
-var utils = require('./bundle-6Ucv_cXK.js');
+var _const = require('./bundle-YZRXvkp-.js');
+var utils = require('./bundle-VOIBVZ8K.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var index = require('./bundle-JutD2hKN.js');
+var index = require('./bundle-opmIFrXg.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-Y6oHbdhN.js');
+var ui_Label = require('./bundle-12iJO39c.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var _const = require('./bundle-ZIC4K68f.js');
+var _const$1 = require('./bundle-sPQAW6hW.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
+var SuggestedMentionListView = require('./bundle-Rd2d2a3j.js');
 
 var useDidMountEffect = function (func, deps) {
     var _a = React.useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -33,14 +34,14 @@ var MessageView = function (props) {
     var _a, _b;
     var 
     // MessageProps
-    message = props.message, renderMessage = props.renderMessage, _c = props.renderMessageContent, renderMessageContent = _c === void 0 ? function (props) { return React.createElement(ui_MessageContent, _tslib.__assign({}, props)); } : _c, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
+    message = props.message, renderMessage = props.renderMessage, children = props.children, _c = props.renderMessageContent, renderMessageContent = _c === void 0 ? function (props) { return React.createElement(ui_MessageContent, _tslib.__assign({}, props)); } : _c, renderCustomSeparator = props.renderCustomSeparator, renderEditInput = props.renderEditInput, hasSeparator = props.hasSeparator, chainTop = props.chainTop, chainBottom = props.chainBottom, handleScroll = props.handleScroll, 
     // MessageViewProps
     channel = props.channel, emojiContainer = props.emojiContainer, editInputDisabled = props.editInputDisabled, shouldRenderSuggestedReplies = props.shouldRenderSuggestedReplies, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, threadReplySelectType = props.threadReplySelectType, nicknamesMap = props.nicknamesMap, renderUserMentionItem = props.renderUserMentionItem, scrollToMessage = props.scrollToMessage, toggleReaction = props.toggleReaction, setQuoteMessage = props.setQuoteMessage, onQuoteMessageClick = props.onQuoteMessageClick, onReplyInThreadClick = props.onReplyInThreadClick, sendUserMessage = props.sendUserMessage, updateUserMessage = props.updateUserMessage, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, renderFileViewer = props.renderFileViewer, renderRemoveMessageModal = props.renderRemoveMessageModal, setAnimatedMessageId = props.setAnimatedMessageId, animatedMessageId = props.animatedMessageId, onMessageAnimated = props.onMessageAnimated, highLightedMessageId = props.highLightedMessageId, setHighLightedMessageId = props.setHighLightedMessageId, onMessageHighlighted = props.onMessageHighlighted;
     var _d = LocalizationContext.useLocalization(), dateLocale = _d.dateLocale, stringSet = _d.stringSet;
     var globalStore = useSendbirdStateContext.useSendbirdStateContext();
     var _e = globalStore.config, userId = _e.userId, isOnline = _e.isOnline, isMentionEnabled = _e.isMentionEnabled, userMention = _e.userMention, logger = _e.logger;
-    var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || SuggestedMentionListView.MAX_USER_MENTION_COUNT;
-    var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || SuggestedMentionListView.MAX_USER_SUGGESTION_COUNT;
+    var maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || _const.MAX_USER_MENTION_COUNT;
+    var maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || _const.MAX_USER_SUGGESTION_COUNT;
     var _f = React.useState(false), showEdit = _f[0], setShowEdit = _f[1];
     var _g = React.useState(false), showRemove = _g[0], setShowRemove = _g[1];
     var _h = React.useState(false), showFileViewer = _h[0], setShowFileViewer = _h[1];
@@ -123,21 +124,45 @@ var MessageView = function (props) {
         };
     }, [animatedMessageId, messageScrollRef.current, message.messageId]);
     var renderedCustomSeparator = React.useMemo(function () { var _a; return (_a = renderCustomSeparator === null || renderCustomSeparator === void 0 ? void 0 : renderCustomSeparator({ message: message })) !== null && _a !== void 0 ? _a : null; }, [message, renderCustomSeparator]);
-    var renderedMessage = React.useMemo(function () { return renderMessage === null || renderMessage === void 0 ? void 0 : renderMessage(props); }, [message, renderMessage]);
-    if (renderedMessage) {
-        return (React.createElement("div", { "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef, className: index.getClassName([
-                'sendbird-msg-hoc sendbird-msg--scroll-ref',
-                isAnimated ? 'sendbird-msg-hoc__animated' : '',
-                isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
-            ]) },
-            // TODO: Add message instance as a function parameter
-            hasSeparator
-                && (renderedCustomSeparator || (React.createElement(ui_DateSeparator, null,
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
-                        locale: dateLocale,
-                    }))))),
-            renderedMessage));
-    }
+    var renderChildren = function () {
+        if (children) {
+            return children;
+        }
+        if (renderMessage) {
+            var messageProps = _tslib.__assign(_tslib.__assign({}, props), { renderMessage: undefined });
+            return renderMessage(messageProps);
+        }
+        return (React.createElement(React.Fragment, null,
+            renderMessageContent({
+                className: 'sendbird-message-hoc__message-content',
+                userId: userId,
+                scrollToMessage: scrollToMessage,
+                channel: channel,
+                message: message,
+                disabled: !isOnline,
+                chainTop: chainTop,
+                chainBottom: chainBottom,
+                isReactionEnabled: isReactionEnabled,
+                replyType: replyType,
+                threadReplySelectType: threadReplySelectType,
+                nicknamesMap: nicknamesMap,
+                emojiContainer: emojiContainer,
+                showEdit: setShowEdit,
+                showRemove: setShowRemove,
+                showFileViewer: setShowFileViewer,
+                resendMessage: resendMessage,
+                deleteMessage: deleteMessage,
+                toggleReaction: toggleReaction,
+                setQuoteMessage: setQuoteMessage,
+                onReplyInThread: onReplyInThreadClick,
+                onQuoteMessageClick: onQuoteMessageClick,
+                onMessageHeightChange: handleScroll,
+            }),
+            /** Suggested Replies */
+            shouldRenderSuggestedReplies && React.createElement(GroupChannel_components_SuggestedReplies.SuggestedReplies, { replyOptions: index.getSuggestedReplies(message), onSendMessage: sendUserMessage }),
+            showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
+            showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
+    };
     if (showEdit && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message))) {
         return ((renderEditInput === null || renderEditInput === void 0 ? void 0 : renderEditInput()) || (React.createElement(React.Fragment, null,
             displaySuggestedMentionList && (React.createElement(SuggestedMentionListView.SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
@@ -185,9 +210,9 @@ var MessageView = function (props) {
                 }, onKeyDown: function (e) {
                     if (displaySuggestedMentionList
                         && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0
-                        && ((e.key === _const.MessageInputKeys.Enter && ableMention)
-                            || e.key === _const.MessageInputKeys.ArrowUp
-                            || e.key === _const.MessageInputKeys.ArrowDown)) {
+                        && ((e.key === _const$1.MessageInputKeys.Enter && ableMention)
+                            || e.key === _const$1.MessageInputKeys.ArrowUp
+                            || e.key === _const$1.MessageInputKeys.ArrowDown)) {
                         setMessageInputEvent(e);
                         return true;
                     }
@@ -198,42 +223,14 @@ var MessageView = function (props) {
             'sendbird-msg-hoc sendbird-msg--scroll-ref',
             isAnimated ? 'sendbird-msg-hoc__animated' : '',
             isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',
-        ]), style: { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
+        ]), style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
         hasSeparator
             && (renderedCustomSeparator || (React.createElement(ui_DateSeparator, null,
                 React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                     locale: dateLocale,
                 }))))),
-        renderMessageContent({
-            className: 'sendbird-message-hoc__message-content',
-            userId: userId,
-            scrollToMessage: scrollToMessage,
-            channel: channel,
-            message: message,
-            disabled: !isOnline,
-            chainTop: chainTop,
-            chainBottom: chainBottom,
-            isReactionEnabled: isReactionEnabled,
-            replyType: replyType,
-            threadReplySelectType: threadReplySelectType,
-            nicknamesMap: nicknamesMap,
-            emojiContainer: emojiContainer,
-            showEdit: setShowEdit,
-            showRemove: setShowRemove,
-            showFileViewer: setShowFileViewer,
-            resendMessage: resendMessage,
-            deleteMessage: deleteMessage,
-            toggleReaction: toggleReaction,
-            setQuoteMessage: setQuoteMessage,
-            onReplyInThread: onReplyInThreadClick,
-            onQuoteMessageClick: onQuoteMessageClick,
-            onMessageHeightChange: handleScroll,
-        }),
-        /** Suggested Replies */
-        shouldRenderSuggestedReplies && React.createElement(GroupChannel_components_SuggestedReplies.SuggestedReplies, { replyOptions: index.getSuggestedReplies(message), onSendMessage: sendUserMessage }),
-        showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
-        showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
+        renderChildren()));
 };
 
 exports.MessageView = MessageView;
-//# sourceMappingURL=bundle-OayM7MBH.js.map
+//# sourceMappingURL=bundle-hNdySo7A.js.map

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

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

package/cjs/chunks/{bundle-jI4fSOuZ.js → bundle-hR3vnZG1.js}

@@ -14,4 +14,4 @@ var pxToNumber = function (px) {
 };
 
 exports.pxToNumber = pxToNumber;
-//# sourceMappingURL=bundle-jI4fSOuZ.js.map
+//# sourceMappingURL=bundle-hR3vnZG1.js.map

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

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

package/cjs/chunks/{bundle-hyQekvQu.js → bundle-hYAxN2fG.js}

@@ -32,4 +32,4 @@ var generateDefaultAvatar = function (channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=bundle-hyQekvQu.js.map
+//# sourceMappingURL=bundle-hYAxN2fG.js.map

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

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

package/cjs/chunks/{bundle-O3DZBV2p.js → bundle-jh0UjnOb.js}

@@ -17,4 +17,4 @@ function useKeyDown(ref, keyDownCallbackMap) {
 }
 
 exports.useKeyDown = useKeyDown;
-//# sourceMappingURL=bundle-O3DZBV2p.js.map
+//# sourceMappingURL=bundle-jh0UjnOb.js.map

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

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

package/cjs/chunks/{bundle-0Ju2qhN6.js → bundle-jkZbYCwb.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./bundle-bSoYSPA5.js');
-var _tslib = require('./bundle-l9rAnwws.js');
-var compareIds = require('./bundle-EmZI0-j-.js');
-var pubSub_topics = require('./bundle-2QTmv8Qr.js');
+var UserProfileContext = require('./bundle-o2GWKL_d.js');
+var _tslib = require('./bundle-QauQilHV.js');
+var compareIds = require('./bundle-6k9JvMoA.js');
+var pubSub_topics = require('./bundle-Ktg9Of7w.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var uuid = require('./bundle-fWvwYg6I.js');
-var compressImages = require('./bundle-xn7dyz1d.js');
+var uuid = require('./bundle-BAZMzxRI.js');
+var compressImages = require('./bundle-9uUg_zKI.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var hooks_useModal = require('../hooks/useModal.js');
-var LocalizationContext = require('./bundle-oK2GZVsW.js');
-var consts = require('./bundle-_N5y1qEg.js');
-var ui_Modal = require('./bundle-lqO2HtRG.js');
-require('./bundle-Y6oHbdhN.js');
+var LocalizationContext = require('./bundle-rGYP82Yc.js');
+var consts = require('./bundle-Oq2WwdJI.js');
+var ui_Modal = require('./bundle-3eINsVVm.js');
+require('./bundle-12iJO39c.js');
 var ui_Button = require('../ui/Button.js');
 
 var shouldFetchMore = function (messageLength, maxMessages) {
@@ -1366,4 +1366,4 @@ var useOpenChannelContext = function () { return React.useContext(OpenChannelCon
 exports.OpenChannelProvider = OpenChannelProvider;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=bundle-0Ju2qhN6.js.map
+//# sourceMappingURL=bundle-jkZbYCwb.js.map

package/cjs/chunks/{bundle-0Ju2qhN6.js.map → bundle-jkZbYCwb.js.map}

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

package/cjs/chunks/{bundle-fE1EYcSx.js → bundle-juIULvxr.js}

@@ -10,4 +10,4 @@ function getIsReactionEnabled(_a) {
 }
 
 exports.getIsReactionEnabled = getIsReactionEnabled;
-//# sourceMappingURL=bundle-fE1EYcSx.js.map
+//# sourceMappingURL=bundle-juIULvxr.js.map

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

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

package/cjs/chunks/{bundle-tCIy9Pcv.js → bundle-m6R8TnWy.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var _tslib = require('./bundle-l9rAnwws.js');
+var _tslib = require('./bundle-QauQilHV.js');
 var React = require('react');
-var utils = require('./bundle-6Ucv_cXK.js');
+var utils = require('./bundle-VOIBVZ8K.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var LocalizationContext = require('./bundle-rGYP82Yc.js');
 var GroupChannel_components_SuggestedMentionList = require('../GroupChannel/components/SuggestedMentionList.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
 var ui_QuoteMessageInput = require('../ui/QuoteMessageInput.js');
 var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('../VoiceRecorder/useVoiceRecorder.js');
-var ui_VoiceMessageInput = require('./bundle-YTPSevv5.js');
-var ui_Modal = require('./bundle-lqO2HtRG.js');
+var ui_VoiceMessageInput = require('./bundle-TPt6Ukqk.js');
+var ui_Modal = require('./bundle-3eINsVVm.js');
 var ui_Button = require('../ui/Button.js');
-var consts = require('./bundle-_N5y1qEg.js');
-var VoicePlayer_context = require('./bundle-apUHizVu.js');
-var uuid = require('./bundle-fWvwYg6I.js');
+var consts = require('./bundle-Oq2WwdJI.js');
+var VoicePlayer_context = require('./bundle-sSkyvCgN.js');
+var uuid = require('./bundle-BAZMzxRI.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var MediaQueryContext = require('./bundle-eg639gtv.js');
-var _const = require('./bundle-ZIC4K68f.js');
-var index = require('./bundle-JutD2hKN.js');
+var MediaQueryContext = require('./bundle-xTAz4Z91.js');
+var _const = require('./bundle-sPQAW6hW.js');
+var index = require('./bundle-opmIFrXg.js');
 var hooks_useModal = require('../hooks/useModal.js');
-require('./bundle-Y6oHbdhN.js');
-var compressImages = require('./bundle-xn7dyz1d.js');
+require('./bundle-12iJO39c.js');
+var compressImages = require('./bundle-9uUg_zKI.js');
 
 var VoiceMessageInputWrapper = function (_a) {
     var _b;
@@ -165,7 +165,7 @@ var useHandleUploadFiles = function (_a, _b) {
                         logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
                         openModal({
                             modalProps: {
-                                titleText: "Up to ".concat(uikitMultipleFilesMessageLimit, " files can be attached."),
+                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT.replace('%d', "".concat(uikitUploadSizeLimit)),
                                 hideFooter: true,
                             },
                             childElement: function (_a) {
@@ -182,7 +182,7 @@ var useHandleUploadFiles = function (_a, _b) {
                         ONE_MiB = 1024 * 1024;
                         openModal({
                             modalProps: {
-                                titleText: "The maximum size per file is ".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB), " MB."),
+                                titleText: stringSet.FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT.replace('%d', "".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB))),
                                 hideFooter: true,
                             },
                             childElement: function (_a) {
@@ -338,7 +338,7 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
                 setShowVoiceMessageInput(false);
             }, onCancelClick: function () {
                 setShowVoiceMessageInput(false);
-            } })) : (React.createElement(ui_MessageInput, { className: "sendbird-message-input-wrapper__message-input", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, acceptableMimeTypes: acceptableMimeTypes, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
+            } })) : (React.createElement(ui_MessageInput, { className: "sendbird-message-input-wrapper__message-input", channel: currentChannel, channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url, isMobile: isMobile, acceptableMimeTypes: acceptableMimeTypes, mentionSelectedUser: selectedUser, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, isSelectingMultipleFilesEnabled: isMultipleFilesMessageEnabled, onVoiceMessageIconClick: function () {
                 setShowVoiceMessageInput(true);
             }, setMentionedUsers: setMentionedUsers, placeholder: (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)
                 || ((disabled || utils.isDisabledBecauseFrozen(currentChannel)) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
@@ -385,4 +385,4 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
 
 exports.MessageInputWrapperView = MessageInputWrapperView;
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=bundle-tCIy9Pcv.js.map
+//# sourceMappingURL=bundle-m6R8TnWy.js.map

package/cjs/chunks/{bundle-tCIy9Pcv.js.map → bundle-m6R8TnWy.js.map}

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

package/cjs/chunks/{bundle-jjYDBqPB.js → bundle-mMBwJT3x.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
-var index = require('./bundle-JutD2hKN.js');
-var LocalizationContext = require('./bundle-oK2GZVsW.js');
+var index = require('./bundle-opmIFrXg.js');
+var LocalizationContext = require('./bundle-rGYP82Yc.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-Y6oHbdhN.js');
+var ui_Label = require('./bundle-12iJO39c.js');
 var ui_BottomSheet = require('../ui/BottomSheet.js');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
 var ui_ReactionButton = require('../ui/ReactionButton.js');
@@ -227,4 +227,4 @@ var MobileMenu = function (props) {
 };
 
 exports.MobileMenu = MobileMenu;
-//# sourceMappingURL=bundle-jjYDBqPB.js.map
+//# sourceMappingURL=bundle-mMBwJT3x.js.map

package/cjs/chunks/{bundle-jjYDBqPB.js.map → bundle-mMBwJT3x.js.map}

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

package/cjs/chunks/{bundle-WQOvDsOP.js → bundle-mpZAARbu.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-WQOvDsOP.js.map
+//# sourceMappingURL=bundle-mpZAARbu.js.map

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

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

package/cjs/chunks/{bundle-bSoYSPA5.js → bundle-o2GWKL_d.js}

@@ -24,4 +24,4 @@ var UserProfileProvider = function (_a) {
 
 exports.UserProfileContext = UserProfileContext;
 exports.UserProfileProvider = UserProfileProvider;
-//# sourceMappingURL=bundle-bSoYSPA5.js.map
+//# sourceMappingURL=bundle-o2GWKL_d.js.map

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

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

package/cjs/chunks/{bundle-6D2HDCsi.js → bundle-oGyWTIOJ.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var consts = require('./bundle-_N5y1qEg.js');
-var utils = require('./bundle-OLmZ2fUV.js');
+var consts = require('./bundle-Oq2WwdJI.js');
+var utils = require('./bundle-4jX5eqYW.js');
 var uikitTools = require('@sendbird/uikit-tools');
-var useThrottleCallback = require('./bundle-RHwdkbbz.js');
+var useThrottleCallback = require('./bundle-8fHhsSkO.js');
 
 var BUFFER_DELAY = 100;
 function useOnScrollPositionChangeDetector(params) {
@@ -57,4 +57,4 @@ function useOnScrollPositionChangeDetectorWithRef(scrollRef, params) {
 
 exports.useOnScrollPositionChangeDetector = useOnScrollPositionChangeDetector;
 exports.useOnScrollPositionChangeDetectorWithRef = useOnScrollPositionChangeDetectorWithRef;
-//# sourceMappingURL=bundle-6D2HDCsi.js.map
+//# sourceMappingURL=bundle-oGyWTIOJ.js.map

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

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

package/cjs/chunks/{bundle-JutD2hKN.js → bundle-opmIFrXg.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('./bundle-l9rAnwws.js');
+var _tslib = require('./bundle-QauQilHV.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-LZMOuc2b.js');
+var index = require('./bundle-7pGAEUaG.js');
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -717,4 +717,4 @@ exports.isVideoMessage = isVideoMessage;
 exports.isVoiceMessage = isVoiceMessage;
 exports.isVoiceMessageMimeType = isVoiceMessageMimeType;
 exports.truncateString = truncateString;
-//# sourceMappingURL=bundle-JutD2hKN.js.map
+//# sourceMappingURL=bundle-opmIFrXg.js.map