@sendbird/uikit-react 3.9.0 → 3.9.1-rc-0

package/dist/cjs/OpenChannel/components/FrozenChannelNotification.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('../../chunks/bundle-AkDULw2F.js');
+var ui_Label = require('../../chunks/bundle-41kBJWv1.js');
+require('../../chunks/bundle-Sx--KyLX.js');
+require('../../chunks/bundle-PwiP9Ezo.js');
+require('../../chunks/bundle-RmtoGD4w.js');
+
+var FrozenNotification = function () {
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: "sendbird-frozen-channel-notification" },
+        React.createElement(ui_Label.Label, { className: "sendbird-frozen-channel-notification__text", type: ui_Label.LabelTypography.CAPTION_2 }, stringSet.CHANNEL_FROZEN)));
+};
+
+module.exports = FrozenNotification;
+//# sourceMappingURL=FrozenChannelNotification.js.map

package/dist/cjs/OpenChannel/components/OpenChannelHeader.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+var ui_Avatar = require('../../chunks/bundle-Ep-tjaav.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_IconButton = require('../../ui/IconButton.js');
+var ui_Label = require('../../chunks/bundle-41kBJWv1.js');
+var LocalizationContext = require('../../chunks/bundle-AkDULw2F.js');
+var OpenChannel_context = require('../../chunks/bundle-NBLrSxcj.js');
+var MediaQueryContext = require('../../chunks/bundle-2utPAHKj.js');
+require('../../chunks/bundle-RmtoGD4w.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-2B2B2GGi.js');
+require('../../chunks/bundle-sQoST7ZS.js');
+require('../../chunks/bundle-3WvVLPrn.js');
+require('../../chunks/bundle-Sx--KyLX.js');
+require('../../chunks/bundle-PwiP9Ezo.js');
+require('../../chunks/bundle-isd9KugI.js');
+require('../../chunks/bundle-O5wLOxN7.js');
+require('../../chunks/bundle-Mswmp_1O.js');
+require('../../chunks/bundle-NyrRrrQE.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+
+function OpenchannelConversationHeader() {
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var _a = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _a.currentOpenChannel, onChatHeaderActionClick = _a.onChatHeaderActionClick, amIOperator = _a.amIOperator, onBackClick = _a.onBackClick;
+    var title = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.name;
+    var subTitle = "".concat(OpenChannel_context.kFormatter(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.participantCount), " ").concat(stringSet.OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS);
+    var coverImage = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.coverUrl;
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    return (React.createElement("div", { className: "sendbird-openchannel-conversation-header" },
+        React.createElement("div", { className: "sendbird-openchannel-conversation-header__left" },
+            isMobile && (React.createElement(ui_Icon.default, { className: "sendbird-oepnchannel-header__icon_back", onClick: onBackClick, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px", type: ui_Icon.IconTypes.ARROW_LEFT })),
+            coverImage ? (React.createElement(ui_Avatar.Avatar, { className: "sendbird-openchannel-conversation-header__left__cover-image", src: coverImage, alt: "channel cover image", width: "32px", height: "32px" })) : (React.createElement("div", { className: "sendbird-openchannel-conversation-header__left__cover-image--icon", style: { width: 32, height: 32 } },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CHANNELS, fillColor: ui_Icon.IconColors.CONTENT, width: "18px", height: "18px" }))),
+            React.createElement(ui_Label.Label, { className: "sendbird-openchannel-conversation-header__left__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, title || stringSet.NO_TITLE),
+            React.createElement(ui_Label.Label, { className: "sendbird-openchannel-conversation-header__left__sub-title", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, subTitle || stringSet.NO_TITLE)),
+        React.createElement("div", { className: "sendbird-openchannel-conversation-header__right" },
+            React.createElement(ui_IconButton, { className: "sendbird-openchannel-conversation-header__right__trigger", width: "32px", height: "32px", onClick: onChatHeaderActionClick },
+                React.createElement(ui_Icon.default, { type: (amIOperator
+                        ? ui_Icon.IconTypes.INFO
+                        : ui_Icon.IconTypes.MEMBERS), fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+}
+
+module.exports = OpenchannelConversationHeader;
+//# sourceMappingURL=OpenChannelHeader.js.map

package/dist/cjs/OpenChannel/components/OpenChannelInput.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('../../chunks/bundle-AkDULw2F.js');
+var ui_MessageInput = require('../../ui/MessageInput.js');
+var OpenChannel_context = require('../../chunks/bundle-NBLrSxcj.js');
+require('../../chunks/bundle-Sx--KyLX.js');
+require('../../chunks/bundle-PwiP9Ezo.js');
+require('../../chunks/bundle-RmtoGD4w.js');
+require('../../chunks/bundle-NtafuClb.js');
+require('../../chunks/bundle-H-T9QzU6.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../chunks/bundle-41kBJWv1.js');
+require('../../chunks/bundle-VXYKCjcf.js');
+require('dompurify');
+require('../../chunks/bundle-PxOOmulx.js');
+require('../../chunks/bundle-SiCT4KKh.js');
+require('../../chunks/bundle-T16VOUoM.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-3WvVLPrn.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-CDhpLgdo.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle--sK1aluY.js');
+require('../../chunks/bundle-dR2UsXRP.js');
+require('../../chunks/bundle-isd9KugI.js');
+require('../../chunks/bundle-O5wLOxN7.js');
+require('../../chunks/bundle-Mswmp_1O.js');
+require('../../chunks/bundle-NyrRrrQE.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-2B2B2GGi.js');
+
+var OpenChannelInput = React.forwardRef(function (props, ref) {
+    var _a = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _a.currentOpenChannel, disabled = _a.disabled, handleSendMessage = _a.handleSendMessage, handleFileUpload = _a.handleFileUpload, amIMuted = _a.amIMuted;
+    var channel = currentOpenChannel;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var value = props.value;
+    function getPlaceHolderString() {
+        if (amIMuted) {
+            return stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED;
+        }
+        if (disabled) {
+            return stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED;
+        }
+        return '';
+    }
+    if (!channel) {
+        return null;
+    }
+    return (React.createElement("div", { className: "sendbird-openchannel-footer" },
+        React.createElement(ui_MessageInput, { channel: currentOpenChannel, ref: ref, value: value, disabled: disabled, isVoiceMessageEnabled: false, onSendMessage: handleSendMessage, onFileUpload: handleFileUpload, placeholder: getPlaceHolderString() })));
+});
+
+module.exports = OpenChannelInput;
+//# sourceMappingURL=OpenChannelInput.js.map

package/dist/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var React = require('react');
+var index = require('../../chunks/bundle-isd9KugI.js');
+var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
+var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
+var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
+var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
+var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
+var ui_DateSeparator = require('../../ui/DateSeparator.js');
+var ui_Label = require('../../chunks/bundle-41kBJWv1.js');
+var ui_MessageInput = require('../../ui/MessageInput.js');
+var ui_FileViewer = require('../../chunks/bundle-fXAUBZTE.js');
+var ui_Modal = require('../../chunks/bundle-stRq_8W4.js');
+var LocalizationContext = require('../../chunks/bundle-AkDULw2F.js');
+var stringFormatterUtils = require('../../chunks/bundle-QcbgU9KW.js');
+var OpenChannel_context = require('../../chunks/bundle-NBLrSxcj.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+require('../../chunks/bundle-PwiP9Ezo.js');
+require('../../chunks/bundle-RmtoGD4w.js');
+require('../../chunks/bundle-Ep-tjaav.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-2B2B2GGi.js');
+require('../../chunks/bundle-sQoST7ZS.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-3WvVLPrn.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../chunks/bundle-CDhpLgdo.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle--sK1aluY.js');
+require('../../chunks/bundle-Sx--KyLX.js');
+require('../../ui/IconButton.js');
+require('../../ui/Loader.js');
+require('../../ui/UserProfile.js');
+require('../../chunks/bundle-O5wLOxN7.js');
+require('../../sendbirdSelectors.js');
+require('../../chunks/bundle-NyrRrrQE.js');
+require('../../ui/Button.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-eMAdLQYS.js');
+require('../../chunks/bundle-550f0XCa.js');
+require('../../chunks/bundle-2utPAHKj.js');
+require('../../chunks/bundle-q2F5p3vc.js');
+require('../../ui/LinkLabel.js');
+require('../../chunks/bundle-DFMVl_Mm.js');
+require('../../chunks/bundle-dR2UsXRP.js');
+require('../../Message/context.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-2aaytxwj.js');
+require('../../chunks/bundle-NtafuClb.js');
+require('../../chunks/bundle-H-T9QzU6.js');
+require('../../chunks/bundle-VXYKCjcf.js');
+require('dompurify');
+require('../../chunks/bundle-PxOOmulx.js');
+require('../../chunks/bundle-SiCT4KKh.js');
+require('../../chunks/bundle-T16VOUoM.js');
+require('../../hooks/useModal.js');
+require('../../chunks/bundle-98hUmAMo.js');
+require('../../chunks/bundle-Mswmp_1O.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+
+function RemoveMessageModal(_a) {
+    var message = _a.message, onCloseModal = _a.onCloseModal, onDeleteMessage = _a.onDeleteMessage;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement(ui_Modal.Modal, { onCancel: onCloseModal, onSubmit: onDeleteMessage, submitText: stringSet.MESSAGE_MENU__DELETE, titleText: stringFormatterUtils.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 (ui_FileViewer.isImage(message.type) || ui_FileViewer.isVideo(message.type))
+            ? MessageTypes.THUMBNAIL
+            : MessageTypes.FILE;
+    }
+    return MessageTypes.UNKNOWN;
+};
+
+function MessagOpenChannelMessageeHoc(props) {
+    var _a;
+    var _b;
+    var message = props.message, chainTop = props.chainTop, chainBottom = props.chainBottom, hasSeparator = props.hasSeparator, renderMessage = props.renderMessage;
+    var _c = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _c.currentOpenChannel, deleteMessage = _c.deleteMessage, updateMessage = _c.updateMessage, resendMessage = _c.resendMessage;
+    var _d = LocalizationContext.useLocalization(), dateLocale = _d.dateLocale, stringSet = _d.stringSet;
+    var editDisabled = currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen;
+    var globalState = useSendbirdStateContext.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 RenderedMessage = React.useMemo(function () { return function (props) {
+        return React.createElement(React.Fragment, null, renderMessage ? renderMessage(props) : null);
+    }; }, [message, renderMessage]);
+    var _e = React.useState(false), showEdit = _e[0], setShowEdit = _e[1];
+    var _f = React.useState(false), showRemove = _f[0], setShowRemove = _f[1];
+    var _g = React.useState(false), showFileViewer = _g[0], setShowFileViewer = _g[1];
+    var editMessageInputRef = React.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 && RenderedMessage) {
+        return (React.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" },
+            React.createElement(RenderedMessage, { message: message, chainTop: chainTop, chainBottom: chainBottom })));
+    }
+    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && showEdit) {
+        return (React.createElement(ui_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.createElement("div", { className: "sendbird-msg-hoc sendbird-msg--scroll-ref" },
+        React.createElement(React.Fragment, null,
+            hasSeparator && (message === null || message === void 0 ? void 0 : message.createdAt) && (React.createElement(ui_DateSeparator, null,
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index.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.createElement(ui_OpenChannelAdminMessage, { message: message }));
+                    }
+                })(),
+                _a[MessageTypes.FILE] = (function () {
+                    var _a;
+                    if ((message === null || message === void 0 ? void 0 : message.messageType) === 'file') {
+                        return (React.createElement(ui_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.createElement(ui_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.createElement(ui_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.createElement(ui_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.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.createElement(ui_FileViewer.FileViewer, { onClose: function () { return setShowFileViewer(false); }, message: message, onDelete: function () { return deleteMessage(message); }, isByMe: isByMe })))));
+}
+
+module.exports = MessagOpenChannelMessageeHoc;
+//# sourceMappingURL=OpenChannelMessage.js.map

package/dist/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var React = require('react');
+var index$1 = require('../../chunks/bundle-SY-8B8r8.js');
+var ui_Icon = require('../../ui/Icon.js');
+var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
+var OpenChannel_context = require('../../chunks/bundle-NBLrSxcj.js');
+var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
+var Message_context = require('../../Message/context.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var index = require('../../chunks/bundle-AD4Oflxo.js');
+require('../../chunks/bundle-isd9KugI.js');
+require('../../chunks/bundle-PwiP9Ezo.js');
+require('../../chunks/bundle-RmtoGD4w.js');
+require('../../chunks/bundle-3WvVLPrn.js');
+require('../../chunks/bundle-AkDULw2F.js');
+require('../../chunks/bundle-Sx--KyLX.js');
+require('../../chunks/bundle-41kBJWv1.js');
+require('../../ui/Loader.js');
+require('../../chunks/bundle-O5wLOxN7.js');
+require('../../chunks/bundle-Mswmp_1O.js');
+require('../../chunks/bundle-NyrRrrQE.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-2B2B2GGi.js');
+require('../../ui/OpenchannelUserMessage.js');
+require('../../chunks/bundle-Ep-tjaav.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-sQoST7ZS.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../chunks/bundle-CDhpLgdo.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle--sK1aluY.js');
+require('../../ui/IconButton.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../ui/Button.js');
+require('../../chunks/bundle-eMAdLQYS.js');
+require('../../chunks/bundle-550f0XCa.js');
+require('../../chunks/bundle-2utPAHKj.js');
+require('../../chunks/bundle-q2F5p3vc.js');
+require('../../ui/OpenChannelAdminMessage.js');
+require('../../ui/OpenchannelOGMessage.js');
+require('../../ui/LinkLabel.js');
+require('../../chunks/bundle-DFMVl_Mm.js');
+require('../../chunks/bundle-dR2UsXRP.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/OpenchannelThumbnailMessage.js');
+require('../../ui/OpenchannelFileMessage.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-2aaytxwj.js');
+require('../../ui/DateSeparator.js');
+require('../../ui/MessageInput.js');
+require('../../chunks/bundle-NtafuClb.js');
+require('../../chunks/bundle-H-T9QzU6.js');
+require('../../chunks/bundle-VXYKCjcf.js');
+require('dompurify');
+require('../../chunks/bundle-PxOOmulx.js');
+require('../../chunks/bundle-SiCT4KKh.js');
+require('../../chunks/bundle-T16VOUoM.js');
+require('../../chunks/bundle-fXAUBZTE.js');
+require('../../hooks/useModal.js');
+require('../../chunks/bundle-stRq_8W4.js');
+require('../../chunks/bundle-98hUmAMo.js');
+require('../../chunks/bundle-QcbgU9KW.js');
+require('../../withSendbird.js');
+
+function OpenchannelMessageList(props, ref) {
+    var _a = OpenChannel_context.useOpenChannelContext(), _b = _a.isMessageGroupingEnabled, isMessageGroupingEnabled = _b === void 0 ? true : _b, allMessages = _a.allMessages, hasMore = _a.hasMore, onScroll = _a.onScroll;
+    var store = useSendbirdStateContext.useSendbirdStateContext();
+    var userId = store.config.userId;
+    var scrollRef = ref || React.useRef(null);
+    var _c = React.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 = index.useHandleOnScrollCallback({
+        setShowScrollDownButton: setShowScrollDownButton,
+        hasMore: hasMore,
+        onScroll: onScroll,
+        scrollRef: scrollRef,
+    });
+    var memoizedMessageList = React.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 && (index$1.isSameDay(currentCreatedAt, previousMessageCreatedAt)));
+                var _b = isMessageGroupingEnabled
+                    ? OpenChannel_context.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.createElement(Message_context.MessageProvider, { message: message, isByMe: isByMe, key: key },
+                    React.createElement(OpenChannel_components_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.createElement(ui_PlaceHolder.default, { className: "sendbird-openchannel-conversation-scroll__container__place-holder", type: ui_PlaceHolder.PlaceHolderTypes.NO_MESSAGES })));
+    }, [allMessages]);
+    return (React.createElement("div", { className: "sendbird-openchannel-conversation-scroll" },
+        React.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container" },
+            React.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container__padding" }),
+            React.createElement("div", { className: [
+                    'sendbird-openchannel-conversation-scroll__container__item-container',
+                    (allMessages.length > 0) ? '' : 'no-messages',
+                ].join(' '), onScroll: handleOnScroll, ref: scrollRef }, memoizedMessageList)),
+        showScrollDownButton && (React.createElement("div", { className: "sendbird-openchannel-conversation-scroll__container__scroll-bottom-button", onClick: scrollToBottom, onKeyDown: scrollToBottom, tabIndex: 0, role: "button" },
+            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.CHEVRON_DOWN, fillColor: ui_Icon.IconColors.CONTENT })))));
+}
+var OpenChannelMessageList = React.forwardRef(OpenchannelMessageList);
+
+module.exports = OpenChannelMessageList;
+//# sourceMappingURL=OpenChannelMessageList.js.map

package/dist/cjs/OpenChannel/components/OpenChannelUI.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var React = require('react');
+var OpenChannel_context = require('../../chunks/bundle-NBLrSxcj.js');
+var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
+var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
+var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
+var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
+var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
+require('../../chunks/bundle-isd9KugI.js');
+require('../../chunks/bundle-PwiP9Ezo.js');
+require('../../chunks/bundle-O5wLOxN7.js');
+require('../../chunks/bundle-RmtoGD4w.js');
+require('../../chunks/bundle-Mswmp_1O.js');
+require('../../chunks/bundle-NyrRrrQE.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../../chunks/bundle-2B2B2GGi.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-AkDULw2F.js');
+require('../../chunks/bundle-Sx--KyLX.js');
+require('../../ui/MessageInput.js');
+require('../../chunks/bundle-NtafuClb.js');
+require('../../chunks/bundle-H-T9QzU6.js');
+require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../chunks/bundle-41kBJWv1.js');
+require('../../chunks/bundle-VXYKCjcf.js');
+require('dompurify');
+require('../../chunks/bundle-PxOOmulx.js');
+require('../../chunks/bundle-SiCT4KKh.js');
+require('../../chunks/bundle-T16VOUoM.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-3WvVLPrn.js');
+require('../../chunks/bundle-CDhpLgdo.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle--sK1aluY.js');
+require('../../chunks/bundle-dR2UsXRP.js');
+require('../../chunks/bundle-Ep-tjaav.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-sQoST7ZS.js');
+require('../../chunks/bundle-2utPAHKj.js');
+require('../../ui/Loader.js');
+require('../../chunks/bundle-SY-8B8r8.js');
+require('./OpenChannelMessage.js');
+require('../../ui/OpenchannelUserMessage.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../ui/UserProfile.js');
+require('../../sendbirdSelectors.js');
+require('../../chunks/bundle-eMAdLQYS.js');
+require('../../chunks/bundle-550f0XCa.js');
+require('../../chunks/bundle-q2F5p3vc.js');
+require('../../ui/OpenChannelAdminMessage.js');
+require('../../ui/OpenchannelOGMessage.js');
+require('../../ui/LinkLabel.js');
+require('../../chunks/bundle-DFMVl_Mm.js');
+require('../../Message/context.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/OpenchannelThumbnailMessage.js');
+require('../../ui/OpenchannelFileMessage.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-2aaytxwj.js');
+require('../../ui/DateSeparator.js');
+require('../../chunks/bundle-fXAUBZTE.js');
+require('../../hooks/useModal.js');
+require('../../chunks/bundle-stRq_8W4.js');
+require('../../chunks/bundle-98hUmAMo.js');
+require('../../chunks/bundle-QcbgU9KW.js');
+require('../../chunks/bundle-AD4Oflxo.js');
+
+var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';
+var OpenChannelUI = function (_a) {
+    var renderMessage = _a.renderMessage, renderHeader = _a.renderHeader, renderInput = _a.renderInput, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading;
+    var _b = OpenChannel_context.useOpenChannelContext(), currentOpenChannel = _b.currentOpenChannel, amIBanned = _b.amIBanned, loading = _b.loading, isInvalid = _b.isInvalid, messageInputRef = _b.messageInputRef, conversationScrollRef = _b.conversationScrollRef;
+    if (!currentOpenChannel
+        || !(currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url)
+        || amIBanned) {
+        return ((renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError())
+            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS })));
+    }
+    if (loading) {
+        return ((renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading())
+            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING })));
+    }
+    if (isInvalid) {
+        return ((renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError())
+            || React.createElement("div", { className: COMPONENT_CLASS_NAME },
+                React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG })));
+    }
+    return (React.createElement("div", { className: COMPONENT_CLASS_NAME },
+        (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(OpenChannel_components_OpenChannelHeader, null)),
+        (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.isFrozen) && (React.createElement(OpenChannel_components_FrozenChannelNotification, null)),
+        React.createElement(OpenChannel_components_OpenChannelMessageList, { ref: conversationScrollRef, renderMessage: renderMessage, renderPlaceHolderEmptyList: renderPlaceHolderEmptyList }),
+        (renderInput === null || renderInput === void 0 ? void 0 : renderInput()) || (React.createElement(OpenChannel_components_OpenChannelInput, { ref: messageInputRef }))));
+};
+
+module.exports = OpenChannelUI;
+//# sourceMappingURL=OpenChannelUI.js.map

package/dist/cjs/OpenChannel/context.js

@@ -0,0 +1,21 @@
+'use strict';
+
+require('react');
+var OpenChannel_context = require('../chunks/bundle-NBLrSxcj.js');
+require('../chunks/bundle-O5wLOxN7.js');
+require('../chunks/bundle-NyrRrrQE.js');
+require('../useSendbirdStateContext.js');
+require('../chunks/bundle-isd9KugI.js');
+require('../chunks/bundle-PwiP9Ezo.js');
+require('../chunks/bundle-RmtoGD4w.js');
+require('../chunks/bundle-Mswmp_1O.js');
+require('@sendbird/chat');
+require('@sendbird/chat/openChannel');
+require('../chunks/bundle-2B2B2GGi.js');
+require('../withSendbird.js');
+
+
+
+exports.OpenChannelProvider = OpenChannel_context.OpenChannelProvider;
+exports.useOpenChannelContext = OpenChannel_context.useOpenChannelContext;
+//# sourceMappingURL=context.js.map