@sendbird/uikit-react 3.14.10 → 3.14.11-rc-0

package/chunks/{bundle-FlpX_Kua.js.map → bundle-YLpFZFtY.js.map}

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

package/chunks/{bundle-CnfTwxdb.js → bundle-_eyrDcfG.js}

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from './bundle-qivrTGrV.js';
+import { c as __spreadArray } from './bundle-DIOwxpcG.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -7,8 +7,14 @@ var TOKEN_TYPES = {
     mention: 'mention',
     url: 'url',
     undetermined: 'undetermined',
+    markdown: 'markdown',
 };
 
+/**
+ * /\[(.*?)\]\((.*?)\) is for url.
+ * /\*\*(.*?)\*\* for bold.
+ */
+var MarkdownRegex = /\[(.*?)\]\((.*?)\)|\*\*(.*?)\*\*/g;
 function getUserMentionRegex(mentionedUsers, templatePrefix_) {
     var templatePrefix = templatePrefix_ || USER_MENTION_PREFIX;
     return RegExp("(".concat(mentionedUsers.map(function (u) {
@@ -84,6 +90,66 @@ function identifyUrlsAndStrings(token) {
     }).flat();
     return results;
 }
+/**
+ * For every string token in the given list of tokens, if the token contains markdowns, the token is split into
+ * string tokens and markdown tokens in the original order.
+ * Returns a new array tokens.
+ * @param tokens
+ */
+function splitTokensWithMarkdowns(tokens) {
+    var prevTokens = tokens;
+    var newTokens = [];
+    prevTokens.forEach(function (token) {
+        if (token.type === TOKEN_TYPES.mention || token.type === TOKEN_TYPES.markdown) {
+            newTokens.push(token);
+            return;
+        }
+        var rawStr = token.value;
+        // @ts-ignore
+        var matches = __spreadArray([], rawStr.matchAll(MarkdownRegex), true);
+        var allMatches = matches.map(function (value) {
+            var _a;
+            var text = value[0];
+            var start = (_a = value.index) !== null && _a !== void 0 ? _a : 0;
+            var end = start + text.length;
+            return { text: text, start: start, end: end, groups: value.filter(function (val) { return typeof val === 'string'; }) };
+        });
+        var restText = rawStr;
+        var cursor = 0;
+        allMatches.forEach(function (_a) {
+            var text = _a.text, start = _a.start, end = _a.end, groups = _a.groups;
+            var left = {
+                type: TOKEN_TYPES.undetermined,
+                value: restText.slice(0, start - cursor),
+            };
+            newTokens.push(left);
+            var markdownType;
+            if (text.startsWith('[')) {
+                markdownType = 'url';
+            }
+            else if (text.startsWith('**')) {
+                markdownType = 'bold';
+            }
+            var mid = {
+                type: TOKEN_TYPES.markdown,
+                markdownType: markdownType,
+                value: text,
+                groups: groups,
+            };
+            newTokens.push(mid);
+            restText = rawStr.slice(end);
+            cursor = end;
+        });
+        if (restText) {
+            var right = {
+                type: TOKEN_TYPES.undetermined,
+                value: restText,
+            };
+            newTokens.push(right);
+        }
+    });
+    return newTokens;
+}
 function combineNearbyStrings(tokens) {
     var results = tokens.reduce(function (acc, token) {
         var lastToken = acc[acc.length - 1];
@@ -99,7 +165,7 @@ function combineNearbyStrings(tokens) {
  * Converts text into set of rich tokens
  */
 function tokenizeMessage(_a) {
-    var messageText = _a.messageText, _b = _a.mentionedUsers, mentionedUsers = _b === void 0 ? [] : _b, _c = _a.templatePrefix, templatePrefix = _c === void 0 ? USER_MENTION_PREFIX : _c;
+    var messageText = _a.messageText, _b = _a.mentionedUsers, mentionedUsers = _b === void 0 ? [] : _b, _c = _a.templatePrefix, templatePrefix = _c === void 0 ? USER_MENTION_PREFIX : _c, _d = _a.includeMarkdown, includeMarkdown = _d === void 0 ? false : _d;
     // mention can be squeezed-in(no-space-between) with other mentions and urls
     // if no users are mentioned, return the messageText as a single token
     var partialResult = [{
@@ -113,10 +179,21 @@ function tokenizeMessage(_a) {
         mentionedUsers: mentionedUsers,
         templatePrefix: templatePrefix,
     });
-    var partialsWithUrlsAndMentions = identifyUrlsAndStrings(partialWithMentions);
+    var partialsWithUrlsAndMentions = identifyUrlsAndStrings(includeMarkdown
+        ? splitTokensWithMarkdowns(partialWithMentions)
+        : partialWithMentions);
     var result = combineNearbyStrings(partialsWithUrlsAndMentions);
     return result;
 }
+function tokenizeMarkdown(_a) {
+    var messageText = _a.messageText;
+    var partialResult = [{
+            type: TOKEN_TYPES.undetermined,
+            value: messageText,
+        }];
+    var result = combineNearbyStrings(splitTokensWithMarkdowns(partialResult));
+    return result;
+}
 /**
  * Don't need to use this util in DOM element since the white spaces will be kept as is,
  * but will need if the text is wrapped \w React.Fragement or </>
@@ -142,5 +219,5 @@ function getWhiteSpacePreservedText(text) {
     return result;
 }
 
-export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
-//# sourceMappingURL=bundle-CnfTwxdb.js.map
+export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, tokenizeMarkdown as a, getWhiteSpacePreservedText as g, tokenizeMessage as t };
+//# sourceMappingURL=bundle-_eyrDcfG.js.map

package/{cjs/chunks/bundle-B1hq-4rM.js.map → chunks/bundle-_eyrDcfG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-B1hq-4rM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"bundle-_eyrDcfG.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/bundle-bkcMncK1.js

@@ -0,0 +1,368 @@
+import { _ as __assign } from './bundle-DIOwxpcG.js';
+import React__default, { useState } from 'react';
+import { l as isUserMessage, x as copyToClipboard, u as isFailedMessage, q as isSentMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, O as isThreadMessage, y as getEmojiListAll } from './bundle-Bq0-bOfM.js';
+import { n as noop, c as classnames } from './bundle-CdRIsiQ1.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { MenuItems } from '../ui/ContextMenu.js';
+import '../ui/IconButton.js';
+import { u as useLocalization } from './bundle-DYYQHn6P.js';
+import { u as useMessageMenuContext, a as MenuItem, M as MessageMenuProvider, B as BottomSheetMenuItem } from './bundle-DVk-GxJm.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-BlCc7_eN.js';
+import '@sendbird/chat';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import BottomSheet from '../ui/BottomSheet.js';
+import ImageRenderer from '../ui/ImageRenderer.js';
+import ReactionButton from '../ui/ReactionButton.js';
+
+var CopyMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isUserMessage(message))
+                copyToClipboard(message.message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__COPY),
+        React__default.createElement(Icon, { type: IconTypes.COPY, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var ReplyMenuItem$1 = function (props) {
+    var _a, _b, _c;
+    var stringSet = useLocalization().stringSet;
+    var _d = useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, setQuoteMessage = _d.setQuoteMessage;
+    return (React__default.createElement(MenuItem, __assign({}, props, { disabled: message.parentMessageId > 0, onClick: function (e) {
+            var _a;
+            setQuoteMessage(message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: ((_b = message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0 ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY),
+        React__default.createElement(Icon, { type: IconTypes.REPLY, fillColor: ((_c = message.parentMessageId) !== null && _c !== void 0 ? _c : 0) > 0 ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var ThreadMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, onReplyInThread = _b.onReplyInThread;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            onReplyInThread({ message: message });
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD),
+        React__default.createElement(Icon, { type: IconTypes.THREAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var EditMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), hideMenu = _b.hideMenu, showEdit = _b.showEdit, isOnline = _b.isOnline;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                showEdit(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__EDIT),
+        React__default.createElement(Icon, { type: IconTypes.EDIT, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var ResendMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, resendMessage = _b.resendMessage, isOnline = _b.isOnline;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                resendMessage(message);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__RESEND),
+        React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var DeleteMenuItem$1 = function (props) {
+    var _a, _b, _c;
+    var stringSet = useLocalization().stringSet;
+    var _d = useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, deleteMessage = _d.deleteMessage, showRemove = _d.showRemove, isOnline = _d.isOnline, disableDeleteMessage = _d.disableDeleteMessage;
+    return (React__default.createElement(MenuItem, __assign({}, props, { disabled: typeof disableDeleteMessage === 'boolean'
+            ? disableDeleteMessage
+            : ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onClick: function (e) {
+            var _a;
+            if (isFailedMessage(message)) {
+                deleteMessage(message);
+            }
+            else if (isOnline) {
+                showRemove(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_c = props.children) !== null && _c !== void 0 ? _c : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: disableDeleteMessage ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE),
+        React__default.createElement(Icon, { type: IconTypes.DELETE, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var DownloadMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), hideMenu = _b.hideMenu, message = _b.message, onDownloadClick = _b.onDownloadClick;
+    var url = message.url;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function () {
+            hideMenu();
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: url, target: "_blank", onClick: onDownloadClick },
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE),
+        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: 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 isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+    var config = useSendbirdStateContext().config;
+    var isOnline = config.isOnline;
+    // Menu Items condition
+    var showMenuItemCopy = isUserMessage(message);
+    var showMenuItemEdit = isUserMessage(message) && isSentMessage(message) && isByMe;
+    var showMenuItemResend = isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe;
+    var showMenuItemDelete = !isPendingMessage(message) && isByMe;
+    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+    var showMenuItemDownload = !isPendingMessage(message) && isFileMessage(message) && !(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' && !isFailedMessage(message) && !isPendingMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+    var showMenuItemThread = replyType === 'THREAD' && !isOpenedFromThread && !isFailedMessage(message) && !isPendingMessage(message) && !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 contextValue = {
+        message: message,
+        hideMenu: hideMobileMenu,
+        setQuoteMessage: setQuoteMessage,
+        onReplyInThread: onReplyInThread,
+        onMoveToParentMessage: noop,
+        showEdit: showEdit,
+        showRemove: showRemove,
+        deleteMessage: deleteMessage,
+        resendMessage: resendMessage,
+        isOnline: isOnline,
+        disableDeleteMessage: disableDeleteMessage,
+        triggerRef: parentRef,
+        containerRef: parentRef,
+        onDownloadClick: onDownloadClick,
+    };
+    return (React__default.createElement(MessageMenuProvider, { value: contextValue },
+        React__default.createElement(MenuItems, { className: "sendbird-message__mobile-context-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMobileMenu }, (_d = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+            items: {
+                CopyMenuItem: CopyMenuItem$1,
+                ReplyMenuItem: ReplyMenuItem$1,
+                ThreadMenuItem: ThreadMenuItem$1,
+                EditMenuItem: EditMenuItem$1,
+                ResendMenuItem: ResendMenuItem$1,
+                DeleteMenuItem: DeleteMenuItem$1,
+            },
+        })) !== null && _d !== void 0 ? _d : (React__default.createElement(React__default.Fragment, null,
+            showMenuItemCopy && React__default.createElement(CopyMenuItem$1, null),
+            showMenuItemReply && React__default.createElement(ReplyMenuItem$1, null),
+            showMenuItemThread && React__default.createElement(ThreadMenuItem$1, null),
+            showMenuItemEdit && React__default.createElement(EditMenuItem$1, null),
+            showMenuItemResend && React__default.createElement(ResendMenuItem$1, null),
+            showMenuItemDeleteFinal && React__default.createElement(DeleteMenuItem$1, null),
+            showMenuItemDownload && React__default.createElement(DownloadMenuItem$1, null))))));
+};
+
+var CopyMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu;
+    return (React__default.createElement(BottomSheetMenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isUserMessage(message))
+                copyToClipboard(message.message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Icon, { type: IconTypes.COPY, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__COPY)))));
+};
+var EditMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), hideMenu = _b.hideMenu, showEdit = _b.showEdit, isOnline = _b.isOnline;
+    return (React__default.createElement(BottomSheetMenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                showEdit(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Icon, { type: IconTypes.EDIT, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__EDIT)))));
+};
+var ResendMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, resendMessage = _b.resendMessage, isOnline = _b.isOnline;
+    return (React__default.createElement(BottomSheetMenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                resendMessage(message);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__RESEND)))));
+};
+var ReplyMenuItem = function (props) {
+    var _a, _b, _c;
+    var stringSet = useLocalization().stringSet;
+    var _d = useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, setQuoteMessage = _d.setQuoteMessage;
+    return (React__default.createElement(BottomSheetMenuItem, __assign({}, props, { disabled: message.parentMessageId > 0, onClick: function (e) {
+            var _a;
+            setQuoteMessage(message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Icon, { type: IconTypes.REPLY, fillColor: ((_b = message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0 ? IconColors.ON_BACKGROUND_3 : IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: ((_c = message.parentMessageId) !== null && _c !== void 0 ? _c : 0) > 0 ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY)))));
+};
+var ThreadMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, onReplyInThread = _b.onReplyInThread;
+    return (React__default.createElement(BottomSheetMenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            onReplyInThread({ message: message });
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Icon, { type: IconTypes.THREAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD)))));
+};
+var DeleteMenuItem = function (props) {
+    var _a, _b, _c;
+    var stringSet = useLocalization().stringSet;
+    var _d = useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, deleteMessage = _d.deleteMessage, showRemove = _d.showRemove, isOnline = _d.isOnline, disableDeleteMessage = _d.disableDeleteMessage;
+    return (React__default.createElement(BottomSheetMenuItem, __assign({}, props, { disabled: typeof disableDeleteMessage === 'boolean'
+            ? disableDeleteMessage
+            : ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onClick: function (e) {
+            var _a;
+            if (isFailedMessage(message)) {
+                deleteMessage(message);
+            }
+            else if (isOnline) {
+                showRemove(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_c = props.children) !== null && _c !== void 0 ? _c : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Icon, { type: IconTypes.DELETE, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: disableDeleteMessage ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE)))));
+};
+var DownloadMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), hideMenu = _b.hideMenu, message = _b.message, onDownloadClick = _b.onDownloadClick;
+    var url = message.url;
+    return (React__default.createElement(BottomSheetMenuItem, { onClick: function () { return hideMenu(); } }, (_a = props.children) !== null && _a !== void 0 ? _a : (React__default.createElement("a", { className: "sendbird-message__bottomsheet--hyperlink", rel: "noopener noreferrer", href: url, target: "_blank", onClick: onDownloadClick },
+        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE)))));
+};
+
+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 isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+    var config = useSendbirdStateContext().config;
+    var isOnline = config.isOnline;
+    var showMenuItemCopy = isUserMessage(message);
+    var showMenuItemEdit = (isUserMessage(message) && isSentMessage(message) && isByMe);
+    var showMenuItemResend = (isOnline && isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
+    var showMenuItemDelete = !isPendingMessage(message) && isByMe;
+    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+    var disableDelete = ((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 showMenuItemDownload = isSentMessage(message) && isFileMessage(message) && !isVoiceMessage(message);
+    var showReaction = !isFailedMessage(message) && !isPendingMessage(message) && isReactionEnabled;
+    var showMenuItemReply = (replyType === 'QUOTE_REPLY')
+        && !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var showMenuItemThread = (replyType === 'THREAD') && !isOpenedFromThread
+        && !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && !isThreadMessage(message)
+        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
+    var _g = useState(false), showEmojisOnly = _g[0], setShowEmojisOnly = _g[1];
+    var emojis = emojiContainer && getEmojiListAll(emojiContainer);
+    var visibleEmojis = showEmojisOnly ? emojis : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
+    var canShowMoreEmojis = emojis && emojis.length > maxEmojisPerRow;
+    var contextValue = {
+        message: message,
+        hideMenu: hideMenu,
+        setQuoteMessage: setQuoteMessage,
+        onReplyInThread: onReplyInThread,
+        onMoveToParentMessage: function () { },
+        showEdit: showEdit,
+        showRemove: showRemove,
+        deleteMessage: deleteMessage,
+        resendMessage: resendMessage,
+        isOnline: isOnline,
+        disableDeleteMessage: disableDelete,
+        triggerRef: null,
+        containerRef: null,
+        onDownloadClick: onDownloadClick,
+    };
+    return (React__default.createElement(MessageMenuProvider, { value: contextValue },
+        React__default.createElement(BottomSheet, { onBackdropClick: hideMenu },
+            React__default.createElement("div", { className: "sendbird-message__bottomsheet" },
+                showReaction && (React__default.createElement("div", { className: "sendbird-message__bottomsheet-reactions" },
+                    React__default.createElement("ul", { className: "sendbird-message__bottomsheet-reaction-bar" },
+                        React__default.createElement("div", { className: classnames('sendbird-message__bottomsheet-reaction-bar__row', showEmojisOnly && 'sendbird-message__bottomsheet-reaction-bar__all') },
+                            visibleEmojis.map(function (emoji) {
+                                var _a, _b, _c;
+                                var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
+                                return (React__default.createElement(ReactionButton, { key: emoji.key, width: "".concat(EMOJI_SIZE, "px"), height: "".concat(EMOJI_SIZE, "px"), selected: isReacted, onClick: function () {
+                                        hideMenu();
+                                        toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
+                                    }, testID: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
+                                    React__default.createElement(ImageRenderer, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (_a) {
+                                            var style = _a.style;
+                                            return (React__default.createElement("div", { style: style },
+                                                React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                                        } })));
+                            }),
+                            canShowMoreEmojis && !showEmojisOnly && (React__default.createElement(ReactionButton, { key: "emoji_more", width: "38px", height: "38px", onClick: function () { return setShowEmojisOnly(true); }, testID: "ui_mobile_emoji_reactions_menu_emojiadd" },
+                                React__default.createElement(ImageRenderer, { url: '', width: "28px", height: "28px", placeHolder: function (_a) {
+                                        var style = _a.style;
+                                        return (React__default.createElement("div", { style: style },
+                                            React__default.createElement(Icon, { type: IconTypes.EMOJI_MORE, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                                    } }))))))),
+                !showEmojisOnly && (React__default.createElement("div", { className: "sendbird-message__bottomsheet--actions" }, (_d = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+                    items: {
+                        CopyMenuItem: CopyMenuItem,
+                        EditMenuItem: EditMenuItem,
+                        ResendMenuItem: ResendMenuItem,
+                        ReplyMenuItem: ReplyMenuItem,
+                        ThreadMenuItem: ThreadMenuItem,
+                        DeleteMenuItem: DeleteMenuItem,
+                    },
+                })) !== null && _d !== void 0 ? _d : (React__default.createElement(React__default.Fragment, null,
+                    showMenuItemCopy && React__default.createElement(CopyMenuItem, null),
+                    showMenuItemEdit && React__default.createElement(EditMenuItem, null),
+                    showMenuItemResend && React__default.createElement(ResendMenuItem, null),
+                    showMenuItemReply && React__default.createElement(ReplyMenuItem, null),
+                    showMenuItemThread && React__default.createElement(ThreadMenuItem, null),
+                    showMenuItemDeleteFinal && React__default.createElement(DeleteMenuItem, null),
+                    showMenuItemDownload && React__default.createElement(DownloadMenuItem, null)))))))));
+};
+
+var MobileMenu = function (props) {
+    return (React__default.createElement(React__default.Fragment, null, (props === null || props === void 0 ? void 0 : props.isReactionEnabled) ? React__default.createElement(MobileBottomSheet, __assign({}, props)) : React__default.createElement(MobileContextMenu, __assign({}, props))));
+};
+
+export { MobileMenu as M };
+//# sourceMappingURL=bundle-bkcMncK1.js.map

package/chunks/{bundle-Bl7LZU7k.js.map → bundle-bkcMncK1.js.map}

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

package/chunks/{bundle-D5fZI6wu.js → bundle-cyqCJOXP.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-D5fZI6wu.js.map
+//# sourceMappingURL=bundle-cyqCJOXP.js.map

package/chunks/bundle-cyqCJOXP.js.map

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

package/chunks/{bundle-CNOIDdgc.js → bundle-e2HPSZbM.js}

@@ -1,6 +1,6 @@
-import { i as isSameDay } from './bundle-BjawE8kS.js';
-import { r as requiredArgs, t as toDate } from './bundle-CP4szzas.js';
-import { t as toInteger } from './bundle-DntyeaUa.js';
+import { i as isSameDay } from './bundle-B9dVXusF.js';
+import { r as requiredArgs, t as toDate } from './bundle-DKbR0B7W.js';
+import { t as toInteger } from './bundle-BH16nLFs.js';
 
 /**
  * @name isToday
@@ -163,4 +163,4 @@ function isYesterday(dirtyDate) {
 }
 
 export { isYesterday as a, isThisYear as b, isToday as i };
-//# sourceMappingURL=bundle-CNOIDdgc.js.map
+//# sourceMappingURL=bundle-e2HPSZbM.js.map

package/chunks/{bundle-CNOIDdgc.js.map → bundle-e2HPSZbM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CNOIDdgc.js","sources":["../../node_modules/date-fns/esm/isToday/index.js","../../node_modules/date-fns/esm/isSameYear/index.js","../../node_modules/date-fns/esm/isThisYear/index.js","../../node_modules/date-fns/esm/addDays/index.js","../../node_modules/date-fns/esm/subDays/index.js","../../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\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 year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE;AAC3C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC1C;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,aAAa,EAAE,cAAc,EAAE;AAClE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACvC,EAAE,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,OAAO,QAAQ,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC;AAC5D;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AACtC,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;AACrB,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,MAAM,EAAE;AACf;AACA,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;AACxC,EAAE,OAAO,IAAI,CAAC;AACd;;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AACtC,EAAE,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;AACrC;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,WAAW,CAAC,SAAS,EAAE;AAC/C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AACtD;;;;","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"bundle-e2HPSZbM.js","sources":["../../node_modules/date-fns/esm/isToday/index.js","../../node_modules/date-fns/esm/isSameYear/index.js","../../node_modules/date-fns/esm/isThisYear/index.js","../../node_modules/date-fns/esm/addDays/index.js","../../node_modules/date-fns/esm/subDays/index.js","../../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\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 year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE;AAC3C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC1C;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,aAAa,EAAE,cAAc,EAAE;AAClE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACvC,EAAE,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,OAAO,QAAQ,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC;AAC5D;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AACtC,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;AACrB,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,IAAI,CAAC,MAAM,EAAE;AACf;AACA,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;AACxC,EAAE,OAAO,IAAI,CAAC;AACd;;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AACtC,EAAE,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;AACrC;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,WAAW,CAAC,SAAS,EAAE;AAC/C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AACtD;;;;","x_google_ignoreList":[0,1,2,3,4,5]}

package/chunks/{bundle-EgukjrKu.js → bundle-ifQmTDw0.js}

@@ -1,19 +1,19 @@
-import { _ as __assign } from './bundle-qivrTGrV.js';
+import { _ as __assign } from './bundle-DIOwxpcG.js';
 import React__default, { useState } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLongPress } from './bundle-B5HpGUWF.js';
-import { u as useLocalization } from './bundle-DLSqJtw7.js';
-import { u as useMediaQueryContext } from './bundle-D3QfP61V.js';
-import { n as noop } from './bundle-CymNo3WD.js';
-import { i as isVoiceMessage } from './bundle-C9dq6ZD4.js';
-import { a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from './bundle-D6dnQXfh.js';
+import { u as useLongPress } from './bundle-BqDr8EF4.js';
+import { u as useLocalization } from './bundle-DYYQHn6P.js';
+import { u as useMediaQueryContext } from './bundle-5suIscWh.js';
+import { n as noop } from './bundle-CdRIsiQ1.js';
+import { i as isVoiceMessage } from './bundle-Bq0-bOfM.js';
+import { a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from './bundle-HjRXtQVk.js';
 import { TypingIndicatorText } from '../GroupChannel/components/TypingIndicator.js';
 import Badge from '../ui/Badge.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-6WkrZ6GC.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-BlCc7_eN.js';
 import MentionUserLabel from '../ui/MentionUserLabel.js';
-import { M as Modal } from './bundle-ZiboK-fO.js';
+import { M as Modal } from './bundle-se1hgaQ-.js';
 import TextButton from '../ui/TextButton.js';
 
 var GroupChannelListItemView = function (_a) {
@@ -84,4 +84,4 @@ var GroupChannelListItemView = function (_a) {
 };
 
 export { GroupChannelListItemView as G };
-//# sourceMappingURL=bundle-EgukjrKu.js.map
+//# sourceMappingURL=bundle-ifQmTDw0.js.map

package/chunks/bundle-ifQmTDw0.js.map

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