@sendbird/uikit-react 3.16.11 → 3.17.0

package/cjs/ui/MessageMenu.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var MessageMenu = require('../chunks/bundle-DllkwVOi.js');
-var ui_ContextMenu = require('../chunks/bundle-DTHYr0GL.js');
+var MessageMenu = require('../chunks/bundle-Y-wq3CF0.js');
+var ui_ContextMenu = require('../chunks/bundle-DGV1BX0m.js');
 require('react');
-require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-t_oZmZ9n.js');
+require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-Conb-pOy.js');
 require('./IconButton.js');
 require('./Icon.js');
-require('../chunks/bundle-D-jQ3JP_.js');
+require('../chunks/bundle-fYxs1lss.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CiBS1Ovq.js');
-require('../chunks/bundle-D0vvN7I4.js');
-require('../chunks/bundle-CZ9HZzlb.js');
-require('../chunks/bundle-CJV1ehy9.js');
-require('../chunks/bundle-CpTDlea1.js');
-require('../chunks/bundle-XZ8qGH7O.js');
-require('../chunks/bundle-mZOg8YmN.js');
+require('../chunks/bundle-DAdgL6r8.js');
+require('../chunks/bundle-Dobj18FB.js');
+require('../chunks/bundle-CVJwHwWn.js');
+require('../chunks/bundle-Cfh78Xnm.js');
+require('../chunks/bundle-DPDyqKIJ.js');
+require('../chunks/bundle-BbrBawlX.js');
+require('../chunks/bundle-Cyl6_qLo.js');
 require('@sendbird/chat');
-require('../chunks/bundle-Ca9F08jN.js');
-require('../chunks/bundle-C8VvVV0P.js');
+require('../chunks/bundle-Bq15P9qk.js');
+require('../chunks/bundle-B19RHFpR.js');
 require('@sendbird/chat/openChannel');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-DOU45JCK.js');
-require('../chunks/bundle-BHzRqGq7.js');
+require('../chunks/bundle-t8BQsgL5.js');
+require('../chunks/bundle-zgmRG2KL.js');
 
 
 

package/cjs/ui/MessageSearchFileItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-t_oZmZ9n.js');
+var _tslib = require('../chunks/bundle-Conb-pOy.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-D604_AmM.js');
+var ui_Avatar = require('../chunks/bundle-B7KG10z2.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BHzRqGq7.js');
-var LocalizationContext = require('../chunks/bundle-CpTDlea1.js');
-var index$1 = require('../chunks/bundle-Bho3lWXj.js');
-var index = require('../chunks/bundle-Bo-9AMA_.js');
-var index$2 = require('../chunks/bundle-D-jQ3JP_.js');
-var utils = require('../chunks/bundle-D6RMUwXd.js');
+var ui_Label = require('../chunks/bundle-zgmRG2KL.js');
+var LocalizationContext = require('../chunks/bundle-DPDyqKIJ.js');
+var index$1 = require('../chunks/bundle-CHAKEXIJ.js');
+var index = require('../chunks/bundle-ptQgj0WJ.js');
+var index$2 = require('../chunks/bundle-fYxs1lss.js');
+var utils = require('../chunks/bundle-D9d0Qum8.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-CcbqrlOG.js');
-require('../chunks/bundle-XZ8qGH7O.js');
-require('../chunks/bundle-mZOg8YmN.js');
-require('../chunks/bundle-CZ9HZzlb.js');
-require('../chunks/bundle-B6qO1gYJ.js');
+require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-C99t7tzf.js');
+require('../chunks/bundle-BbrBawlX.js');
+require('../chunks/bundle-Cyl6_qLo.js');
+require('../chunks/bundle-CVJwHwWn.js');
+require('../chunks/bundle-DQaXgp8o.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CiBS1Ovq.js');
-require('../chunks/bundle-D0vvN7I4.js');
-require('../chunks/bundle-CJV1ehy9.js');
+require('../chunks/bundle-DAdgL6r8.js');
+require('../chunks/bundle-Dobj18FB.js');
+require('../chunks/bundle-Cfh78Xnm.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageSearchItem.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-t_oZmZ9n.js');
+var _tslib = require('../chunks/bundle-Conb-pOy.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-Bho3lWXj.js');
-var index = require('../chunks/bundle-Bo-9AMA_.js');
-var ui_Avatar = require('../chunks/bundle-D604_AmM.js');
-var ui_Label = require('../chunks/bundle-BHzRqGq7.js');
-var LocalizationContext = require('../chunks/bundle-CpTDlea1.js');
-require('../chunks/bundle-CZ9HZzlb.js');
-require('../chunks/bundle-mZOg8YmN.js');
-require('../chunks/bundle-B6qO1gYJ.js');
+var index$1 = require('../chunks/bundle-CHAKEXIJ.js');
+var index = require('../chunks/bundle-ptQgj0WJ.js');
+var ui_Avatar = require('../chunks/bundle-B7KG10z2.js');
+var ui_Label = require('../chunks/bundle-zgmRG2KL.js');
+var LocalizationContext = require('../chunks/bundle-DPDyqKIJ.js');
+require('../chunks/bundle-CVJwHwWn.js');
+require('../chunks/bundle-Cyl6_qLo.js');
+require('../chunks/bundle-DQaXgp8o.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-CcbqrlOG.js');
+require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-C99t7tzf.js');
 require('./Icon.js');
-require('../chunks/bundle-XZ8qGH7O.js');
+require('../chunks/bundle-BbrBawlX.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MessageStatus.js

@@ -2,26 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-t_oZmZ9n.js');
+require('../chunks/bundle-Conb-pOy.js');
 require('react');
-require('../chunks/bundle-Bho3lWXj.js');
+require('../chunks/bundle-CHAKEXIJ.js');
 require('./Icon.js');
-require('../chunks/bundle-BHzRqGq7.js');
+require('../chunks/bundle-zgmRG2KL.js');
 require('./Loader.js');
-require('../chunks/bundle-D-jQ3JP_.js');
+require('../chunks/bundle-fYxs1lss.js');
 require('../utils/message/getOutgoingMessageState.js');
-var ui_MessageStatus = require('../chunks/bundle-BnqYw5GQ.js');
-require('../chunks/bundle-CpTDlea1.js');
-require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-CZ9HZzlb.js');
-require('../chunks/bundle-mZOg8YmN.js');
-require('../chunks/bundle-XZ8qGH7O.js');
+var ui_MessageStatus = require('../chunks/bundle-DO5FgbkI.js');
+require('../chunks/bundle-DPDyqKIJ.js');
+require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-CVJwHwWn.js');
+require('../chunks/bundle-Cyl6_qLo.js');
+require('../chunks/bundle-BbrBawlX.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-CiBS1Ovq.js');
-require('../chunks/bundle-D0vvN7I4.js');
-require('../chunks/bundle-CJV1ehy9.js');
-require('../chunks/bundle-Bo-9AMA_.js');
-require('../chunks/bundle-B6qO1gYJ.js');
+require('../chunks/bundle-DAdgL6r8.js');
+require('../chunks/bundle-Dobj18FB.js');
+require('../chunks/bundle-Cfh78Xnm.js');
+require('../chunks/bundle-ptQgj0WJ.js');
+require('../chunks/bundle-DQaXgp8o.js');
 
 
 

package/cjs/ui/MessageTemplate.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var ui_MessageTemplate = require('../chunks/bundle-BDP80ZVi.js');
+var ui_MessageTemplate = require('../chunks/bundle-Bt1qvip8.js');
 
 
 

package/cjs/ui/MobileFeedbackMenu.js

@@ -2,27 +2,27 @@
 
 var React = require('react');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-BHzRqGq7.js');
-var LocalizationContext = require('../chunks/bundle-CpTDlea1.js');
+var ui_Label = require('../chunks/bundle-zgmRG2KL.js');
+var LocalizationContext = require('../chunks/bundle-DPDyqKIJ.js');
 require('react-dom');
 require('../hooks/useModal.js');
-require('../chunks/bundle-t_oZmZ9n.js');
-require('../chunks/bundle-D0vvN7I4.js');
-require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-YfPjtnJ0.js');
-require('../chunks/bundle-CTarVwtF.js');
+require('../chunks/bundle-Conb-pOy.js');
+require('../chunks/bundle-Dobj18FB.js');
+require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-DZlJeh0V.js');
+require('../chunks/bundle-Fv6PNPGZ.js');
 require('./IconButton.js');
 require('./Button.js');
 require('./Icon.js');
-require('../chunks/bundle-DOU45JCK.js');
-require('../chunks/bundle-Ca9F08jN.js');
-require('../chunks/bundle-C8VvVV0P.js');
-require('../chunks/bundle-CJV1ehy9.js');
+require('../chunks/bundle-t8BQsgL5.js');
+require('../chunks/bundle-Bq15P9qk.js');
+require('../chunks/bundle-B19RHFpR.js');
+require('../chunks/bundle-Cfh78Xnm.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-XZ8qGH7O.js');
-require('../chunks/bundle-mZOg8YmN.js');
+require('../chunks/bundle-BbrBawlX.js');
+require('../chunks/bundle-Cyl6_qLo.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/MobileMenu.js

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-t_oZmZ9n.js');
+var _tslib = require('../chunks/bundle-Conb-pOy.js');
 var React = require('react');
-var index = require('../chunks/bundle-D-jQ3JP_.js');
-var utils = require('../chunks/bundle-CFoLTSSR.js');
-var ui_ContextMenu = require('../chunks/bundle-DTHYr0GL.js');
+var index = require('../chunks/bundle-fYxs1lss.js');
+var utils = require('../chunks/bundle-CkQrhwR6.js');
+var ui_ContextMenu = require('../chunks/bundle-DGV1BX0m.js');
 require('./IconButton.js');
-var LocalizationContext = require('../chunks/bundle-CpTDlea1.js');
-var ui_Label = require('../chunks/bundle-BHzRqGq7.js');
+var LocalizationContext = require('../chunks/bundle-DPDyqKIJ.js');
+var ui_Label = require('../chunks/bundle-zgmRG2KL.js');
 require('@sendbird/chat');
-var useSendbird = require('../chunks/bundle-Ca9F08jN.js');
+var useSendbird = require('../chunks/bundle-Bq15P9qk.js');
 var ui_Icon = require('./Icon.js');
 var ui_BottomSheet = require('./BottomSheet.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CiBS1Ovq.js');
-require('../chunks/bundle-D0vvN7I4.js');
-require('../chunks/bundle-CZ9HZzlb.js');
-require('../chunks/bundle-CJV1ehy9.js');
+require('../chunks/bundle-DAdgL6r8.js');
+require('../chunks/bundle-Dobj18FB.js');
+require('../chunks/bundle-CVJwHwWn.js');
+require('../chunks/bundle-Cfh78Xnm.js');
 require('react-dom');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DOU45JCK.js');
-require('../chunks/bundle-C8VvVV0P.js');
-require('../chunks/bundle-XZ8qGH7O.js');
-require('../chunks/bundle-mZOg8YmN.js');
+require('../chunks/bundle-t8BQsgL5.js');
+require('../chunks/bundle-B19RHFpR.js');
+require('../chunks/bundle-BbrBawlX.js');
+require('../chunks/bundle-Cyl6_qLo.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-YfPjtnJ0.js');
-require('../chunks/bundle-CTarVwtF.js');
+require('../chunks/bundle-DZlJeh0V.js');
+require('../chunks/bundle-Fv6PNPGZ.js');
 require('./Button.js');
-require('../chunks/bundle-DJtO7Gzg.js');
+require('../chunks/bundle-C5p82xwC.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -140,12 +140,27 @@ var DownloadMenuItem$1 = function (props) {
         React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE),
         React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
 };
+var MarkAsUnreadMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = ui_ContextMenu.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, markAsUnread = _b.markAsUnread;
+    return (React__default.default.createElement(ui_ContextMenu.MenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (markAsUnread) {
+                markAsUnread(message, 'manual');
+            }
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__MARK_AS_UNREAD),
+        React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MARK_AS_UNREAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
 
 var MobileContextMenu = function (props) {
-    var _a, _b, _c, _d;
-    var channel = props.channel, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, _e = props.isOpenedFromThread, isOpenedFromThread = _e === void 0 ? false : _e, _f = props.onDownloadClick, onDownloadClick = _f === void 0 ? null : _f, renderMenuItems = props.renderMenuItems, hideMobileMenu = props.hideMenu;
+    var _a, _b, _c, _d, _e;
+    var channel = props.channel, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, _f = props.isOpenedFromThread, isOpenedFromThread = _f === void 0 ? false : _f, _g = props.onDownloadClick, onDownloadClick = _g === void 0 ? null : _g, renderMenuItems = props.renderMenuItems, hideMobileMenu = props.hideMenu;
     var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-    var isOnline = useSendbird.useSendbird().state.config.isOnline;
+    var _h = useSendbird.useSendbird().state.config, isOnline = _h.isOnline, enableMarkAsUnread = _h.groupChannel.enableMarkAsUnread;
     // Menu Items condition
     var showMenuItemCopy = index.isUserMessage(message);
     var showMenuItemEdit = index.isUserMessage(message) && index.isSentMessage(message) && isByMe;
@@ -156,7 +171,8 @@ var MobileContextMenu = function (props) {
     var showMenuItemDownload = !index.isPendingMessage(message) && index.isFileMessage(message) && !(index.isVoiceMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isSuper) || (channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
     var showMenuItemReply = replyType === 'QUOTE_REPLY' && !index.isFailedMessage(message) && !index.isPendingMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
     var showMenuItemThread = replyType === 'THREAD' && !isOpenedFromThread && !index.isFailedMessage(message) && !index.isPendingMessage(message) && !index.isThreadMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
-    var disableDeleteMessage = (deleteMenuState !== undefined && deleteMenuState === 'DISABLE') || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0;
+    var showMenuItemMarkAsUnread = !index.isFailedMessage(message) && !index.isPendingMessage(message) && message.parentMessageId <= 0 && ((_b = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _b === void 0 ? void 0 : _b.call(channel));
+    var disableDeleteMessage = (deleteMenuState !== undefined && deleteMenuState === 'DISABLE') || ((_d = (_c = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _c === void 0 ? void 0 : _c.replyCount) !== null && _d !== void 0 ? _d : 0) > 0;
     var contextValue = {
         message: message,
         hideMenu: hideMobileMenu,
@@ -167,6 +183,7 @@ var MobileContextMenu = function (props) {
         showRemove: showRemove,
         deleteMessage: deleteMessage,
         resendMessage: resendMessage,
+        markAsUnread: props.markAsUnread,
         isOnline: isOnline,
         disableDeleteMessage: disableDeleteMessage,
         triggerRef: parentRef,
@@ -174,20 +191,22 @@ var MobileContextMenu = function (props) {
         onDownloadClick: onDownloadClick,
     };
     return (React__default.default.createElement(ui_ContextMenu.MessageMenuProvider, { value: contextValue },
-        React__default.default.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message__mobile-context-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMobileMenu }, (_d = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+        React__default.default.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message__mobile-context-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMobileMenu }, (_e = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
             items: {
                 CopyMenuItem: CopyMenuItem$1,
                 ReplyMenuItem: ReplyMenuItem$1,
                 ThreadMenuItem: ThreadMenuItem$1,
                 EditMenuItem: EditMenuItem$1,
+                MarkAsUnreadMenuItem: MarkAsUnreadMenuItem$1,
                 ResendMenuItem: ResendMenuItem$1,
                 DeleteMenuItem: DeleteMenuItem$1,
             },
-        })) !== null && _d !== void 0 ? _d : (React__default.default.createElement(React__default.default.Fragment, null,
+        })) !== null && _e !== void 0 ? _e : (React__default.default.createElement(React__default.default.Fragment, null,
             showMenuItemCopy && React__default.default.createElement(CopyMenuItem$1, null),
             showMenuItemReply && React__default.default.createElement(ReplyMenuItem$1, null),
             showMenuItemThread && React__default.default.createElement(ThreadMenuItem$1, null),
             showMenuItemEdit && React__default.default.createElement(EditMenuItem$1, null),
+            enableMarkAsUnread && showMenuItemMarkAsUnread && React__default.default.createElement(MarkAsUnreadMenuItem$1, null),
             showMenuItemResend && React__default.default.createElement(ResendMenuItem$1, null),
             showMenuItemDeleteFinal && React__default.default.createElement(DeleteMenuItem$1, null),
             showMenuItemDownload && React__default.default.createElement(DownloadMenuItem$1, null))))));
@@ -292,13 +311,28 @@ var DownloadMenuItem = function (props) {
         React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
         React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE)))));
 };
+var MarkAsUnreadMenuItem = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = ui_ContextMenu.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, markAsUnread = _b.markAsUnread;
+    return (React__default.default.createElement(ui_ContextMenu.BottomSheetMenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (markAsUnread) {
+                markAsUnread(message, 'manual');
+            }
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.default.createElement(React__default.default.Fragment, null,
+        React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MARK_AS_UNREAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__MARK_AS_UNREAD)))));
+};
 
 var EMOJI_SIZE = 38;
 var MobileBottomSheet = function (props) {
-    var _a, _b, _c, _d;
-    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, _e = props.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _f = props.isOpenedFromThread, isOpenedFromThread = _f === void 0 ? false : _f, onDownloadClick = props.onDownloadClick, renderMenuItems = props.renderMenuItems;
+    var _a, _b, _c, _d, _e;
+    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, _f = props.isReactionEnabled, isReactionEnabled = _f === void 0 ? false : _f, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _g = props.isOpenedFromThread, isOpenedFromThread = _g === void 0 ? false : _g, onDownloadClick = props.onDownloadClick, renderMenuItems = props.renderMenuItems;
     var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-    var isOnline = useSendbird.useSendbird().state.config.isOnline;
+    var _h = useSendbird.useSendbird().state.config, isOnline = _h.isOnline, enableMarkAsUnread = _h.groupChannel.enableMarkAsUnread;
     var showMenuItemCopy = index.isUserMessage(message);
     var showMenuItemEdit = (index.isUserMessage(message) && index.isSentMessage(message) && isByMe);
     var showMenuItemResend = (isOnline && index.isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
@@ -318,8 +352,12 @@ var MobileBottomSheet = function (props) {
         && !index.isPendingMessage(message)
         && !index.isThreadMessage(message)
         && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var showMenuItemMarkAsUnread = !index.isFailedMessage(message)
+        && !index.isPendingMessage(message)
+        && ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel))
+        && replyType !== 'THREAD';
     var maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
-    var _g = React.useState(false), showEmojisOnly = _g[0], setShowEmojisOnly = _g[1];
+    var _j = React.useState(false), showEmojisOnly = _j[0], setShowEmojisOnly = _j[1];
     var emojis = emojiContainer && index.getEmojiListAll(emojiContainer);
     var visibleEmojis = showEmojisOnly ? emojis : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
     var canShowMoreEmojis = emojis && emojis.length > maxEmojisPerRow;
@@ -333,6 +371,7 @@ var MobileBottomSheet = function (props) {
         showRemove: showRemove,
         deleteMessage: deleteMessage,
         resendMessage: resendMessage,
+        markAsUnread: props.markAsUnread,
         isOnline: isOnline,
         disableDeleteMessage: disableDelete,
         triggerRef: null,
@@ -364,7 +403,7 @@ var MobileBottomSheet = function (props) {
                                         return (React__default.default.createElement("div", { style: style },
                                             React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
                                     } }))))))),
-                !showEmojisOnly && (React__default.default.createElement("div", { className: "sendbird-message__bottomsheet--actions" }, (_d = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+                !showEmojisOnly && (React__default.default.createElement("div", { className: "sendbird-message__bottomsheet--actions" }, (_e = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
                     items: {
                         CopyMenuItem: CopyMenuItem,
                         EditMenuItem: EditMenuItem,
@@ -372,15 +411,18 @@ var MobileBottomSheet = function (props) {
                         ReplyMenuItem: ReplyMenuItem,
                         ThreadMenuItem: ThreadMenuItem,
                         DeleteMenuItem: DeleteMenuItem,
+                        MarkAsUnreadMenuItem: MarkAsUnreadMenuItem,
                     },
-                })) !== null && _d !== void 0 ? _d : (React__default.default.createElement(React__default.default.Fragment, null,
+                })) !== null && _e !== void 0 ? _e : (React__default.default.createElement(React__default.default.Fragment, null,
                     showMenuItemCopy && React__default.default.createElement(CopyMenuItem, null),
                     showMenuItemEdit && React__default.default.createElement(EditMenuItem, null),
+                    enableMarkAsUnread && showMenuItemMarkAsUnread && React__default.default.createElement(MarkAsUnreadMenuItem, null),
                     showMenuItemResend && React__default.default.createElement(ResendMenuItem, null),
                     showMenuItemReply && React__default.default.createElement(ReplyMenuItem, null),
                     showMenuItemThread && React__default.default.createElement(ThreadMenuItem, null),
                     showMenuItemDeleteFinal && React__default.default.createElement(DeleteMenuItem, null),
-                    showMenuItemDownload && React__default.default.createElement(DownloadMenuItem, null)))))))));
+                    showMenuItemDownload && React__default.default.createElement(DownloadMenuItem, null))),
+                    "\u00DF"))))));
 };
 
 var MobileMenu = function (props) {

package/cjs/ui/MobileMenu.js.map

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

package/cjs/ui/Modal.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-t_oZmZ9n.js');
+require('../chunks/bundle-Conb-pOy.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-CFoLTSSR.js');
-var ui_Modal = require('../chunks/bundle-YfPjtnJ0.js');
-require('../chunks/bundle-CpTDlea1.js');
-require('../chunks/bundle-CTarVwtF.js');
+require('../chunks/bundle-CkQrhwR6.js');
+var ui_Modal = require('../chunks/bundle-DZlJeh0V.js');
+require('../chunks/bundle-DPDyqKIJ.js');
+require('../chunks/bundle-Fv6PNPGZ.js');
 require('./IconButton.js');
 require('./Button.js');
 require('./Icon.js');
-require('../chunks/bundle-BHzRqGq7.js');
-require('../chunks/bundle-DOU45JCK.js');
-require('../chunks/bundle-Ca9F08jN.js');
-require('../chunks/bundle-XZ8qGH7O.js');
-require('../chunks/bundle-mZOg8YmN.js');
-require('../chunks/bundle-C8VvVV0P.js');
-require('../chunks/bundle-CJV1ehy9.js');
+require('../chunks/bundle-zgmRG2KL.js');
+require('../chunks/bundle-t8BQsgL5.js');
+require('../chunks/bundle-Bq15P9qk.js');
+require('../chunks/bundle-BbrBawlX.js');
+require('../chunks/bundle-Cyl6_qLo.js');
+require('../chunks/bundle-B19RHFpR.js');
+require('../chunks/bundle-Cfh78Xnm.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');

package/cjs/ui/MutedAvatarOverlay.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-t_oZmZ9n.js');
-require('../chunks/bundle-CFoLTSSR.js');
+require('../chunks/bundle-Conb-pOy.js');
+require('../chunks/bundle-CkQrhwR6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/OGMessageItemBody.js

@@ -3,40 +3,40 @@
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BHzRqGq7.js');
-var index = require('../chunks/bundle-D-jQ3JP_.js');
-var LocalizationContext = require('../chunks/bundle-CpTDlea1.js');
-var index$1 = require('../chunks/bundle-DVyHgesS.js');
-var tokenize = require('../chunks/bundle-DdIO1zva.js');
-var consts = require('../chunks/bundle-aHJaO-Je.js');
-var MediaQueryContext = require('../chunks/bundle-CTarVwtF.js');
-var utils = require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-t_oZmZ9n.js');
-require('../chunks/bundle-XZ8qGH7O.js');
+var ui_Label = require('../chunks/bundle-zgmRG2KL.js');
+var index = require('../chunks/bundle-fYxs1lss.js');
+var LocalizationContext = require('../chunks/bundle-DPDyqKIJ.js');
+var index$1 = require('../chunks/bundle-CX7K4z2J.js');
+var tokenize = require('../chunks/bundle-CzkEKbFB.js');
+var consts = require('../chunks/bundle-BkgFGPs_.js');
+var MediaQueryContext = require('../chunks/bundle-Fv6PNPGZ.js');
+var utils = require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-Conb-pOy.js');
+require('../chunks/bundle-BbrBawlX.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CiBS1Ovq.js');
-require('../chunks/bundle-D0vvN7I4.js');
-require('../chunks/bundle-CZ9HZzlb.js');
-require('../chunks/bundle-CJV1ehy9.js');
-require('../chunks/bundle-mZOg8YmN.js');
+require('../chunks/bundle-DAdgL6r8.js');
+require('../chunks/bundle-Dobj18FB.js');
+require('../chunks/bundle-CVJwHwWn.js');
+require('../chunks/bundle-Cfh78Xnm.js');
+require('../chunks/bundle-Cyl6_qLo.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
-require('../chunks/bundle-DTHYr0GL.js');
+require('../chunks/bundle-DGV1BX0m.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DOU45JCK.js');
+require('../chunks/bundle-t8BQsgL5.js');
 require('./IconButton.js');
-require('../chunks/bundle-C8VvVV0P.js');
+require('../chunks/bundle-B19RHFpR.js');
 require('./UserProfile.js');
-require('../chunks/bundle-Dsi0B6WF.js');
-require('../chunks/bundle-Ca9F08jN.js');
+require('../chunks/bundle-Bnb8seJF.js');
+require('../chunks/bundle-Bq15P9qk.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-Dq_3Fsbm.js');
-require('../chunks/bundle-D604_AmM.js');
-require('../chunks/bundle-CcbqrlOG.js');
+require('../chunks/bundle-dUH189qO.js');
+require('../chunks/bundle-B7KG10z2.js');
+require('../chunks/bundle-C99t7tzf.js');
 require('./Button.js');
 require('./LinkLabel.js');
 

package/cjs/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-t_oZmZ9n.js');
+var _tslib = require('../chunks/bundle-Conb-pOy.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BHzRqGq7.js');
-require('../chunks/bundle-XZ8qGH7O.js');
+var ui_Label = require('../chunks/bundle-zgmRG2KL.js');
+require('../chunks/bundle-BbrBawlX.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cjs/ui/OpenChannelAvatar.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-D604_AmM.js');
-var LocalizationContext = require('../chunks/bundle-CpTDlea1.js');
-var utils = require('../chunks/bundle-ByMyWV5o.js');
-require('../chunks/bundle-t_oZmZ9n.js');
+var ui_Avatar = require('../chunks/bundle-B7KG10z2.js');
+var LocalizationContext = require('../chunks/bundle-DPDyqKIJ.js');
+var utils = require('../chunks/bundle-Bvjprr6O.js');
+require('../chunks/bundle-Conb-pOy.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-CFoLTSSR.js');
-require('../chunks/bundle-CcbqrlOG.js');
+require('../chunks/bundle-CkQrhwR6.js');
+require('../chunks/bundle-C99t7tzf.js');
 require('./Icon.js');
-require('../chunks/bundle-XZ8qGH7O.js');
-require('../chunks/bundle-mZOg8YmN.js');
+require('../chunks/bundle-BbrBawlX.js');
+require('../chunks/bundle-Cyl6_qLo.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }