@sendbird/uikit-react 3.14.3-rc.1 → 3.14.4

package/OpenChannel/components/OpenChannelMessage.js

@@ -1,195 +1,196 @@
 import React__default, { useContext, useState, useRef } from 'react';
-import { f as format } from '../../chunks/bundle-BCAy5wyj.js';
+import { f as format } from '../../chunks/bundle-C040958G.js';
 import OpenchannelUserMessage from '../../ui/OpenchannelUserMessage.js';
 import OpenChannelAdminMessage from '../../ui/OpenChannelAdminMessage.js';
 import OpenChannelOGMessage from '../../ui/OpenchannelOGMessage.js';
 import OpenchannelThumbnailMessage from '../../ui/OpenchannelThumbnailMessage.js';
 import OpenChannelFileMessage from '../../ui/OpenchannelFileMessage.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DjFflxR1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-LYAWKk4n.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { i as isImage, a as isVideo, F as FileViewer } from '../../chunks/bundle-P4HvWTGS.js';
-import { M as Modal } from '../../chunks/bundle-bTVomhqp.js';
-import { L as LocalizationContext, u as useLocalization } from '../../chunks/bundle-DW4HEvvh.js';
-import { g as getModalDeleteMessageTitle } from '../../chunks/bundle-CQt1ONzj.js';
-import { u as useOpenChannelContext } from '../../chunks/bundle-Dkj6zqd4.js';
+import { i as isImage, a as isVideo, F as FileViewer } from '../../chunks/bundle-B__zC9zD.js';
+import { M as Modal } from '../../chunks/bundle-C4Z-NWqF.js';
+import { L as LocalizationContext, u as useLocalization } from '../../chunks/bundle-Bx5vhTbU.js';
+import { g as getModalDeleteMessageTitle } from '../../chunks/bundle-DzxiMlgV.js';
+import { u as useOpenChannelContext } from '../../chunks/bundle-Bi8Wfc2I.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-BeTPrbXl.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-CNJMLyGJ.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-BCL7kk-0.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
 import '../../ui/Icon.js';
 import '../../ui/ContextMenu.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-BWCGFXhj.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-58U1RLA2.js';
 import '../../ui/IconButton.js';
 import '../../ui/Loader.js';
 import '../../ui/UserProfile.js';
-import '../../chunks/bundle-BZt7yK_Y.js';
+import '../../chunks/bundle-B7barEsR.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-DtHyIHaJ.js';
+import '../../chunks/bundle-BWuyd0AD.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-CwG4pj5M.js';
+import '../../chunks/bundle-C8im5l9B.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-Cl6qrizD.js';
-import '../../chunks/bundle-zd7rBmLl.js';
-import '../../chunks/bundle-BrPQ1xtW.js';
-import '../../chunks/bundle-DChZSw0N.js';
+import '../../chunks/bundle-DThbnyZd.js';
+import '../../chunks/bundle-BTD0sBED.js';
+import '../../chunks/bundle-Diqj6For.js';
+import '../../chunks/bundle-Gx0ryc_f.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-BnTt0CCZ.js';
-import '../../chunks/bundle-DLIFpzrP.js';
+import '../../chunks/bundle-C1hw1sij.js';
+import '../../chunks/bundle-DpGWywZ5.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-Vk50O4-7.js';
-import '../../chunks/bundle-C2qp06Ad.js';
-import '../../chunks/bundle-1Vgo9VWV.js';
-import '../../chunks/bundle-DhnGzV1K.js';
+import '../../chunks/bundle-HoQqraNc.js';
+import '../../chunks/bundle-QxUVt4Ms.js';
+import '../../chunks/bundle-BOSnopxk.js';
+import '../../chunks/bundle-DO1vNias.js';
 import 'dompurify';
-import '../../chunks/bundle-BRt6gbIr.js';
-import '../../chunks/bundle-BDxgzOKZ.js';
-import '../../chunks/bundle-BlRZqe8T.js';
-import '../../hooks/useModal.js';
-import '../../chunks/bundle-B7UQ7Txq.js';
-import '../../chunks/bundle-DvPYXQcP.js';
+import '../../chunks/bundle-B5N2u5f-.js';
+import '../../chunks/bundle-DSOf9RKe.js';
+import '../../chunks/bundle-DQ2q-zNM.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-D_eJq5Xk.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-E_q9aH_b.js';
-import '../../chunks/bundle-iSiw-_HL.js';
+import 'css-vars-ponyfill';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-BKho3Uub.js';
+import '../../chunks/bundle-3amhHjNa.js';
 
-function RemoveMessageModal(_a) {
-    var message = _a.message, onCloseModal = _a.onCloseModal, onDeleteMessage = _a.onDeleteMessage;
-    var stringSet = useContext(LocalizationContext).stringSet;
-    return (React__default.createElement(Modal, { onCancel: onCloseModal, onSubmit: onDeleteMessage, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: getModalDeleteMessageTitle(stringSet, message) }));
+function RemoveMessageModal(_a) {
+    var message = _a.message, onCloseModal = _a.onCloseModal, onDeleteMessage = _a.onDeleteMessage;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement(Modal, { onCancel: onCloseModal, onSubmit: onDeleteMessage, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: getModalDeleteMessageTitle(stringSet, message) }));
 }
 
-var MessageTypes = {
-    ADMIN: 'ADMIN',
-    USER: 'USER',
-    FILE: 'FILE',
-    THUMBNAIL: 'THUMBNAIL',
-    OG: 'OG',
-    UNKNOWN: 'UNKNOWN',
-};
-var SendingMessageStatus = {
-    NONE: 'none',
-    SUCCEEDED: 'succeeded',
-    FAILED: 'failed',
-    PENDING: 'pending',
-};
-var getMessageType = function (message, options) {
-    var _a, _b;
-    var isOgMessageEnabledInOpenChannel = options === null || options === void 0 ? void 0 : options.isOgMessageEnabledInOpenChannel;
-    if (((_a = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-        return ((message === null || message === void 0 ? void 0 : message.ogMetaData) && isOgMessageEnabledInOpenChannel)
-            ? MessageTypes.OG
-            : MessageTypes.USER;
-    }
-    if ((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) {
-        return MessageTypes.ADMIN;
-    }
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-        return (isImage(message.type) || isVideo(message.type))
-            ? MessageTypes.THUMBNAIL
-            : MessageTypes.FILE;
-    }
-    return MessageTypes.UNKNOWN;
+var MessageTypes = {
+    ADMIN: 'ADMIN',
+    USER: 'USER',
+    FILE: 'FILE',
+    THUMBNAIL: 'THUMBNAIL',
+    OG: 'OG',
+    UNKNOWN: 'UNKNOWN',
+};
+var SendingMessageStatus = {
+    NONE: 'none',
+    SUCCEEDED: 'succeeded',
+    FAILED: 'failed',
+    PENDING: 'pending',
+};
+var getMessageType = function (message, options) {
+    var _a, _b;
+    var isOgMessageEnabledInOpenChannel = options === null || options === void 0 ? void 0 : options.isOgMessageEnabledInOpenChannel;
+    if (((_a = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _a === void 0 ? void 0 : _a.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+        return ((message === null || message === void 0 ? void 0 : message.ogMetaData) && isOgMessageEnabledInOpenChannel)
+            ? MessageTypes.OG
+            : MessageTypes.USER;
+    }
+    if ((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) {
+        return MessageTypes.ADMIN;
+    }
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+        return (isImage(message.type) || isVideo(message.type))
+            ? MessageTypes.THUMBNAIL
+            : MessageTypes.FILE;
+    }
+    return MessageTypes.UNKNOWN;
 };
 
-function OpenChannelMessage(props) {
-    var _a;
-    var _b;
-    var message = props.message, chainTop = props.chainTop, chainBottom = props.chainBottom, hasSeparator = props.hasSeparator, renderMessage = props.renderMessage;
-    var _c = useOpenChannelContext(), currentOpenChannel = _c.currentOpenChannel, deleteMessage = _c.deleteMessage, updateMessage = _c.updateMessage, resendMessage = _c.resendMessage;
-    var _d = useLocalization(), dateLocale = _d.dateLocale, stringSet = _d.stringSet;
-    var editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
-    var globalState = useSendbirdStateContext();
-    var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
-    var isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;
-    var sender = null;
-    if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-        sender = message === null || message === void 0 ? void 0 : message.sender;
-    }
-    var _e = useState(false), showEdit = _e[0], setShowEdit = _e[1];
-    var _f = useState(false), showRemove = _f[0], setShowRemove = _f[1];
-    var _g = useState(false), showFileViewer = _g[0], setShowFileViewer = _g[1];
-    var editMessageInputRef = useRef(null);
-    var isByMe = false;
-    if (sender && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-        // pending and failed messages are by me
-        isByMe = currentUserId === sender.userId
-            || (message === null || message === void 0 ? void 0 : message.sendingStatus)
-                === SendingMessageStatus.PENDING
-            || (message === null || message === void 0 ? void 0 : message.sendingStatus)
-                === SendingMessageStatus.FAILED;
-    }
-    if (renderMessage) {
-        return (React__default.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" }, renderMessage({ message: message, chainTop: chainTop, chainBottom: chainBottom })));
-    }
-    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && showEdit) {
-        return (React__default.createElement(MessageInput, { isEdit: true, channel: currentOpenChannel, disabled: editDisabled, ref: editMessageInputRef, message: message, onUpdateMessage: function (_a) {
-                var messageId = _a.messageId, message = _a.message;
-                updateMessage(messageId, message);
-                setShowEdit(false);
-            }, onCancelEdit: function () {
-                setShowEdit(false);
-            } }));
-    }
-    return (React__default.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" },
-        React__default.createElement(React__default.Fragment, null,
-            hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (React__default.createElement(DateSeparator, null,
-                React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, { locale: dateLocale })))),
-            (_a = {},
-                _a[MessageTypes.ADMIN] = (function () {
-                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
-                        return (React__default.createElement(OpenChannelAdminMessage, { message: message }));
-                    }
-                })(),
-                _a[MessageTypes.FILE] = (function () {
-                    var _a;
-                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-                        return (React__default.createElement(OpenChannelFileMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, disabled: editDisabled, userId: currentUserId, showRemove: setShowRemove, resendMessage: resendMessage, chainTop: chainTop, chainBottom: chainBottom }));
-                    }
-                })(),
-                _a[MessageTypes.OG] = (function () {
-                    var _a;
-                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user'
-                        && isOgMessageEnabledInOpenChannel) {
-                        return (React__default.createElement(OpenChannelOGMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, userId: currentUserId, showEdit: setShowEdit, disabled: editDisabled, showRemove: setShowRemove, resendMessage: resendMessage, chainTop: chainTop, chainBottom: chainBottom }));
-                    }
-                })(),
-                _a[MessageTypes.THUMBNAIL] = (function () {
-                    var _a;
-                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
-                        return (React__default.createElement(OpenchannelThumbnailMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, disabled: editDisabled, userId: currentUserId, showRemove: setShowRemove, resendMessage: resendMessage, onClick: setShowFileViewer, chainTop: chainTop, chainBottom: chainBottom }));
-                    }
-                })(),
-                _a[MessageTypes.USER] = (function () {
-                    var _a;
-                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
-                        return (React__default.createElement(OpenchannelUserMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, userId: currentUserId, disabled: editDisabled, showEdit: setShowEdit, showRemove: setShowRemove, resendMessage: resendMessage, chainTop: chainTop, chainBottom: chainBottom }));
-                    }
-                })(),
-                _a[MessageTypes.UNKNOWN] = (function () {
-                    // return (
-                    //   <OpenChannelUnknownMessage message={message} />
-                    // );
-                })(),
-                _a)[getMessageType(message, { isOgMessageEnabledInOpenChannel: isOgMessageEnabledInOpenChannel })],
-            showRemove && (React__default.createElement(RemoveMessageModal, { message: message, onCloseModal: function () { return setShowRemove(false); }, onDeleteMessage: function () {
-                    if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-                        deleteMessage(message);
-                    }
-                } })),
-            showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && (React__default.createElement(FileViewer, { onClose: function () { return setShowFileViewer(false); }, message: message, onDelete: function () { return deleteMessage(message); }, isByMe: isByMe })))));
+function OpenChannelMessage(props) {
+    var _a;
+    var _b;
+    var message = props.message, chainTop = props.chainTop, chainBottom = props.chainBottom, hasSeparator = props.hasSeparator, renderMessage = props.renderMessage;
+    var _c = useOpenChannelContext(), currentOpenChannel = _c.currentOpenChannel, deleteMessage = _c.deleteMessage, updateMessage = _c.updateMessage, resendMessage = _c.resendMessage;
+    var _d = useLocalization(), dateLocale = _d.dateLocale, stringSet = _d.stringSet;
+    var editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
+    var globalState = useSendbirdStateContext();
+    var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var isOgMessageEnabledInOpenChannel = globalState.config.openChannel.enableOgtag;
+    var sender = null;
+    if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+        sender = message === null || message === void 0 ? void 0 : message.sender;
+    }
+    var _e = useState(false), showEdit = _e[0], setShowEdit = _e[1];
+    var _f = useState(false), showRemove = _f[0], setShowRemove = _f[1];
+    var _g = useState(false), showFileViewer = _g[0], setShowFileViewer = _g[1];
+    var editMessageInputRef = useRef(null);
+    var isByMe = false;
+    if (sender && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+        // pending and failed messages are by me
+        isByMe = currentUserId === sender.userId
+            || (message === null || message === void 0 ? void 0 : message.sendingStatus)
+                === SendingMessageStatus.PENDING
+            || (message === null || message === void 0 ? void 0 : message.sendingStatus)
+                === SendingMessageStatus.FAILED;
+    }
+    if (renderMessage) {
+        return (React__default.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" }, renderMessage({ message: message, chainTop: chainTop, chainBottom: chainBottom })));
+    }
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && showEdit) {
+        return (React__default.createElement(MessageInput, { isEdit: true, channel: currentOpenChannel, disabled: editDisabled, ref: editMessageInputRef, message: message, onUpdateMessage: function (_a) {
+                var messageId = _a.messageId, message = _a.message;
+                updateMessage(messageId, message);
+                setShowEdit(false);
+            }, onCancelEdit: function () {
+                setShowEdit(false);
+            } }));
+    }
+    return (React__default.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" },
+        React__default.createElement(React__default.Fragment, null,
+            hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (React__default.createElement(DateSeparator, null,
+                React__default.createElement(Label, { type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, format(message === null || message === void 0 ? void 0 : message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, { locale: dateLocale })))),
+            (_a = {},
+                _a[MessageTypes.ADMIN] = (function () {
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'admin') {
+                        return (React__default.createElement(OpenChannelAdminMessage, { message: message }));
+                    }
+                })(),
+                _a[MessageTypes.FILE] = (function () {
+                    var _a;
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+                        return (React__default.createElement(OpenChannelFileMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, disabled: editDisabled, userId: currentUserId, showRemove: setShowRemove, resendMessage: resendMessage, chainTop: chainTop, chainBottom: chainBottom }));
+                    }
+                })(),
+                _a[MessageTypes.OG] = (function () {
+                    var _a;
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user'
+                        && isOgMessageEnabledInOpenChannel) {
+                        return (React__default.createElement(OpenChannelOGMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, userId: currentUserId, showEdit: setShowEdit, disabled: editDisabled, showRemove: setShowRemove, resendMessage: resendMessage, chainTop: chainTop, chainBottom: chainBottom }));
+                    }
+                })(),
+                _a[MessageTypes.THUMBNAIL] = (function () {
+                    var _a;
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+                        return (React__default.createElement(OpenchannelThumbnailMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, disabled: editDisabled, userId: currentUserId, showRemove: setShowRemove, resendMessage: resendMessage, onClick: setShowFileViewer, chainTop: chainTop, chainBottom: chainBottom }));
+                    }
+                })(),
+                _a[MessageTypes.USER] = (function () {
+                    var _a;
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user') {
+                        return (React__default.createElement(OpenchannelUserMessage, { message: message, isOperator: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isOperator((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId), isEphemeral: currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isEphemeral, userId: currentUserId, disabled: editDisabled, showEdit: setShowEdit, showRemove: setShowRemove, resendMessage: resendMessage, chainTop: chainTop, chainBottom: chainBottom }));
+                    }
+                })(),
+                _a[MessageTypes.UNKNOWN] = (function () {
+                    // return (
+                    //   <OpenChannelUnknownMessage message={message} />
+                    // );
+                })(),
+                _a)[getMessageType(message, { isOgMessageEnabledInOpenChannel: isOgMessageEnabledInOpenChannel })],
+            showRemove && (React__default.createElement(RemoveMessageModal, { message: message, onCloseModal: function () { return setShowRemove(false); }, onDeleteMessage: function () {
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+                        deleteMessage(message);
+                    }
+                } })),
+            showFileViewer && (message === null || message === void 0 ? void 0 : message.messageType) === 'file' && (React__default.createElement(FileViewer, { onClose: function () { return setShowFileViewer(false); }, message: message, onDelete: function () { return deleteMessage(message); }, isByMe: isByMe })))));
 }
 
 export { OpenChannelMessage as default };

package/OpenChannel/components/OpenChannelMessage.js.map

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

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,128 +1,129 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../chunks/bundle-DFyJYJtg.js';
+import { i as isSameDay } from '../../chunks/bundle-CaaUNO3F.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import PlaceHolder, { PlaceHolderTypes } from '../../ui/PlaceHolder.js';
-import { u as useOpenChannelContext } from '../../chunks/bundle-Dkj6zqd4.js';
+import { u as useOpenChannelContext } from '../../chunks/bundle-Bi8Wfc2I.js';
 import OpenChannelMessage from './OpenChannelMessage.js';
 import { MessageProvider } from '../../Message/context.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
-import { u as useHandleOnScrollCallback } from '../../chunks/bundle-Cf0JIqFR.js';
+import { u as useHandleOnScrollCallback } from '../../chunks/bundle-h3a36twH.js';
 import { compareMessagesForGrouping } from '../../Channel/utils/compareMessagesForGrouping.js';
-import '../../chunks/bundle-BCAy5wyj.js';
-import '../../chunks/bundle-DD0CjCiu.js';
-import '../../chunks/bundle-Dd7yWAzk.js';
-import '../../chunks/bundle-ByTQtdFM.js';
-import '../../chunks/bundle-DW4HEvvh.js';
-import '../../chunks/bundle-CwG4pj5M.js';
-import '../../chunks/bundle-DjFflxR1.js';
+import '../../chunks/bundle-C040958G.js';
+import '../../chunks/bundle-C1ds4cil.js';
+import '../../chunks/bundle-7oF7KbGv.js';
+import '../../chunks/bundle-ByvmbZD0.js';
+import '../../chunks/bundle-Bx5vhTbU.js';
+import '../../chunks/bundle-C8im5l9B.js';
+import '../../chunks/bundle-LYAWKk4n.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-BZt7yK_Y.js';
-import '../../chunks/bundle-E_q9aH_b.js';
-import '../../chunks/bundle-DtHyIHaJ.js';
+import '../../chunks/bundle-B7barEsR.js';
+import '../../chunks/bundle-BKho3Uub.js';
+import '../../chunks/bundle-BWuyd0AD.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-D7HxTsM2.js';
-import '../../chunks/bundle-iSiw-_HL.js';
-import '../../chunks/bundle-BCL7kk-0.js';
-import '../../hooks/useModal.js';
-import '../../chunks/bundle-58U1RLA2.js';
-import '../../chunks/bundle-bTVomhqp.js';
+import '../../chunks/bundle-BJ46V6XQ.js';
+import '../../chunks/bundle-3amhHjNa.js';
+import '../../chunks/bundle-CT8ZXUi2.js';
+import '../../chunks/bundle-C4Z-NWqF.js';
+import '../../chunks/bundle-BWCGFXhj.js';
+import '@sendbird/chat/groupChannel';
+import '../../utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import '../../chunks/bundle-BrPQ1xtW.js';
+import '../../chunks/bundle-Diqj6For.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../chunks/bundle-B7UQ7Txq.js';
+import '@sendbird/uikit-tools';
+import '../../withSendbird.js';
+import 'css-vars-ponyfill';
+import '../../chunks/bundle-CIwVkd-E.js';
+import '../../chunks/bundle-CD9AzC6s.js';
+import '../../chunks/bundle-BbWD2VuS.js';
 import '../../ui/OpenchannelUserMessage.js';
-import '../../chunks/bundle-BeTPrbXl.js';
+import '../../chunks/bundle-CNJMLyGJ.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-Cgpa9xMh.js';
-import '@sendbird/chat/groupChannel';
-import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-Cl6qrizD.js';
-import '../../chunks/bundle-zd7rBmLl.js';
-import '../../chunks/bundle-DChZSw0N.js';
+import '../../chunks/bundle-DThbnyZd.js';
+import '../../chunks/bundle-BTD0sBED.js';
+import '../../chunks/bundle-Gx0ryc_f.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-BnTt0CCZ.js';
-import '../../chunks/bundle-DLIFpzrP.js';
+import '../../chunks/bundle-C1hw1sij.js';
+import '../../chunks/bundle-DpGWywZ5.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-Vk50O4-7.js';
+import '../../chunks/bundle-HoQqraNc.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-C2qp06Ad.js';
-import '../../chunks/bundle-1Vgo9VWV.js';
-import '../../chunks/bundle-DhnGzV1K.js';
+import '../../chunks/bundle-QxUVt4Ms.js';
+import '../../chunks/bundle-BOSnopxk.js';
+import '../../chunks/bundle-DO1vNias.js';
 import 'dompurify';
-import '../../chunks/bundle-BRt6gbIr.js';
-import '../../chunks/bundle-BDxgzOKZ.js';
-import '../../chunks/bundle-BlRZqe8T.js';
-import '../../chunks/bundle-P4HvWTGS.js';
-import '../../chunks/bundle-DvPYXQcP.js';
-import '@sendbird/uikit-tools';
-import '../../chunks/bundle-CQt1ONzj.js';
-import '../../withSendbird.js';
-import '../../chunks/bundle-DvRNa17t.js';
-import '../../chunks/bundle-BP5nTWqh.js';
+import '../../chunks/bundle-B5N2u5f-.js';
+import '../../chunks/bundle-DSOf9RKe.js';
+import '../../chunks/bundle-DQ2q-zNM.js';
+import '../../chunks/bundle-B__zC9zD.js';
+import '../../chunks/bundle-D_eJq5Xk.js';
+import '../../chunks/bundle-DzxiMlgV.js';
+import '../../chunks/bundle-uBJzoaNT.js';
+import '../../chunks/bundle-DDkUg3Os.js';
 import '@sendbird/chat/message';
 
-function OpenChannelMessageList(props, ref) {
-    var _a = useOpenChannelContext(), _b = _a.isMessageGroupingEnabled, isMessageGroupingEnabled = _b === void 0 ? true : _b, allMessages = _a.allMessages, hasMore = _a.hasMore, onScroll = _a.onScroll;
-    var store = useSendbirdStateContext();
-    var userId = store.config.userId;
-    var scrollRef = ref || useRef(null);
-    var _c = useState(false), showScrollDownButton = _c[0], setShowScrollDownButton = _c[1];
-    var scrollToBottom = function () {
-        if (scrollRef && scrollRef.current) {
-            scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
-            setShowScrollDownButton(false);
-        }
-    };
-    var handleOnScroll = useHandleOnScrollCallback({
-        setShowScrollDownButton: setShowScrollDownButton,
-        hasMore: hasMore,
-        onScroll: onScroll,
-        scrollRef: scrollRef,
-    });
-    var memoizedMessageList = useMemo(function () {
-        var _a;
-        if (allMessages.length > 0) {
-            return (allMessages.map(function (message, index) {
-                var _a;
-                var previousMessage = allMessages[index - 1];
-                var nextMessage = allMessages[index - 1];
-                var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
-                var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
-                // https://stackoverflow.com/a/41855608
-                var hasSeparator = !(previousMessageCreatedAt && (isSameDay(currentCreatedAt, previousMessageCreatedAt)));
-                var _b = isMessageGroupingEnabled
-                    ? compareMessagesForGrouping(previousMessage, message, nextMessage)
-                    : [false, false], chainTop = _b[0], chainBottom = _b[1];
-                var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
-                var key = (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId);
-                return (React__default.createElement(MessageProvider, { message: message, isByMe: isByMe, key: key },
-                    React__default.createElement(OpenChannelMessage, { message: message, chainTop: chainTop, chainBottom: chainBottom, hasSeparator: hasSeparator, renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage })));
-            }));
-        }
-        return (((_a = props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList) === null || _a === void 0 ? void 0 : _a.call(props)) || (React__default.createElement(PlaceHolder, { className: "sendbird-openchannel-conversation-scroll__container__place-holder", type: PlaceHolderTypes.NO_MESSAGES })));
-    }, [allMessages]);
-    return (React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll" },
-        React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container" },
-            React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container__padding" }),
-            React__default.createElement("div", { className: [
-                    'sendbird-openchannel-conversation-scroll__container__item-container',
-                    (allMessages.length > 0) ? '' : 'no-messages',
-                ].join(' '), onScroll: handleOnScroll, ref: scrollRef }, memoizedMessageList)),
-        showScrollDownButton && (React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container__scroll-bottom-button", onClick: scrollToBottom, onKeyDown: scrollToBottom, tabIndex: 0, role: "button" },
-            React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.CONTENT })))));
-}
+function OpenChannelMessageList(props, ref) {
+    var _a = useOpenChannelContext(), _b = _a.isMessageGroupingEnabled, isMessageGroupingEnabled = _b === void 0 ? true : _b, allMessages = _a.allMessages, hasMore = _a.hasMore, onScroll = _a.onScroll;
+    var store = useSendbirdStateContext();
+    var userId = store.config.userId;
+    var scrollRef = ref || useRef(null);
+    var _c = useState(false), showScrollDownButton = _c[0], setShowScrollDownButton = _c[1];
+    var scrollToBottom = function () {
+        if (scrollRef && scrollRef.current) {
+            scrollRef.current.scrollTo(0, scrollRef.current.scrollHeight);
+            setShowScrollDownButton(false);
+        }
+    };
+    var handleOnScroll = useHandleOnScrollCallback({
+        setShowScrollDownButton: setShowScrollDownButton,
+        hasMore: hasMore,
+        onScroll: onScroll,
+        scrollRef: scrollRef,
+    });
+    var memoizedMessageList = useMemo(function () {
+        var _a;
+        if (allMessages.length > 0) {
+            return (allMessages.map(function (message, index) {
+                var _a;
+                var previousMessage = allMessages[index - 1];
+                var nextMessage = allMessages[index - 1];
+                var previousMessageCreatedAt = previousMessage && previousMessage.createdAt;
+                var currentCreatedAt = message === null || message === void 0 ? void 0 : message.createdAt;
+                // https://stackoverflow.com/a/41855608
+                var hasSeparator = !(previousMessageCreatedAt && (isSameDay(currentCreatedAt, previousMessageCreatedAt)));
+                var _b = isMessageGroupingEnabled
+                    ? compareMessagesForGrouping(previousMessage, message, nextMessage)
+                    : [false, false], chainTop = _b[0], chainBottom = _b[1];
+                var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+                var key = (message === null || message === void 0 ? void 0 : message.messageId) || (message === null || message === void 0 ? void 0 : message.reqId);
+                return (React__default.createElement(MessageProvider, { message: message, isByMe: isByMe, key: key },
+                    React__default.createElement(OpenChannelMessage, { message: message, chainTop: chainTop, chainBottom: chainBottom, hasSeparator: hasSeparator, renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage })));
+            }));
+        }
+        return (((_a = props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList) === null || _a === void 0 ? void 0 : _a.call(props)) || (React__default.createElement(PlaceHolder, { className: "sendbird-openchannel-conversation-scroll__container__place-holder", type: PlaceHolderTypes.NO_MESSAGES })));
+    }, [allMessages]);
+    return (React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll" },
+        React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container" },
+            React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container__padding" }),
+            React__default.createElement("div", { className: [
+                    'sendbird-openchannel-conversation-scroll__container__item-container',
+                    (allMessages.length > 0) ? '' : 'no-messages',
+                ].join(' '), onScroll: handleOnScroll, ref: scrollRef }, memoizedMessageList)),
+        showScrollDownButton && (React__default.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container__scroll-bottom-button", onClick: scrollToBottom, onKeyDown: scrollToBottom, tabIndex: 0, role: "button" },
+            React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.CHEVRON_DOWN, fillColor: IconColors.CONTENT })))));
+}
 var OpenChannelMessageList$1 = React__default.forwardRef(OpenChannelMessageList);
 
 export { OpenChannelMessageList$1 as default };

package/OpenChannel/components/OpenChannelMessageList.js.map

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