@sendbird/uikit-react 3.10.1 → 3.10.2-alpha.0

package/cjs/ChannelList/components/ChannelListUI.js

@@ -1,149 +1,79 @@
 'use strict';
 
-var React = require('react');
-var ChannelList_components_ChannelListHeader = require('./ChannelListHeader.js');
-var ChannelList_components_AddChannel = require('./AddChannel.js');
-var ChannelList_components_ChannelPreview = require('./ChannelPreview.js');
-var ChannelList_components_ChannelPreviewAction = require('./ChannelPreviewAction.js');
-var ChannelList_context = require('../../chunks/bundle-Jcrboe06.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var utils = require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-qtXdbPNE.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-7J3nX_hP.js');
-require('../../chunks/bundle-bXLZZTmP.js');
-require('../../chunks/bundle-7VJjqIPJ.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle--d5w7FVF.js');
+require('react');
+require('../../chunks/bundle-Y86Tvf8p.js');
+require('../../chunks/bundle-1tu4OFP8.js');
+require('../../chunks/bundle-zGSEOOdl.js');
+require('../../useSendbirdStateContext.js');
+var ChannelList_components_ChannelListUI = require('../../chunks/bundle-jYLCAuUn.js');
+require('../../chunks/bundle-rcw3KtAu.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-Pzvqu5yR.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('../../chunks/bundle-tntEm-Mv.js');
 require('../../ui/Icon.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../ui/Loader.js');
+require('../../chunks/bundle-nox41MG6.js');
+require('@sendbird/chat/groupChannel');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-PhGdgkei.js');
+require('../../chunks/bundle-RquYsY0d.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-TPy0gj60.js');
+require('../../chunks/bundle-fzSiKesI.js');
+require('@sendbird/chat');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../chunks/bundle-2hJhRu5W.js');
+require('../../chunks/bundle-6zBNmPOP.js');
+require('../../chunks/bundle-5UyAossc.js');
+require('../../ui/Badge.js');
+require('../../ui/ChannelAvatar.js');
+require('../../chunks/bundle-w0ATt2gt.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../chunks/bundle-iY19D_aw.js');
+require('../../ui/MentionUserLabel.js');
+require('../../chunks/bundle-nYBtJl9e.js');
+require('../../chunks/bundle-6L4HCLmb.js');
+require('react-dom');
 require('../../ui/IconButton.js');
+require('../../ui/Button.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-vMF9NM5u.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/SortByRow.js');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-JBbKwE7L.js');
+require('../../withSendbird.js');
+require('../../chunks/bundle-fUWIw3RI.js');
+require('../../EditUserProfile.js');
+require('../../EditUserProfile/context.js');
+require('../../EditUserProfile/components/EditUserProfileUI.js');
+require('../../chunks/bundle-UuftRMuc.js');
+require('../../ui/Input.js');
+require('../../ui/PlaceHolder.js');
+require('../../chunks/bundle-zHDXCFIb.js');
+require('../../chunks/bundle-CrbMqpah.js');
+require('@sendbird/chat/message');
+require('../../chunks/bundle-Njt4gDEW.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../chunks/bundle-r8Z3GYqh.js');
+require('../../chunks/bundle-gW6qz9z9.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-135pRm7i.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../chunks/bundle-WzrocC57.js');
-require('../../chunks/bundle-Oc2T5_VP.js');
-require('react-dom');
-require('../../ui/Button.js');
 require('../../ui/UserListItem.js');
-require('../../chunks/bundle-7AS0Rcch.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../chunks/bundle-p6kWiWDv.js');
-require('@sendbird/chat/groupChannel');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
 require('../../CreateChannel/components/SelectChannelType.js');
-require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-vphYV1gz.js');
-require('../../ui/Badge.js');
-require('../../chunks/bundle-ptZslG_m.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../ui/Loader.js');
-require('../../chunks/bundle-J_ooPKgS.js');
-require('../../chunks/bundle-2gCdAlxv.js');
-require('../../ui/MentionUserLabel.js');
-require('../../chunks/bundle-Dax6YIIr.js');
-require('../../ui/TextButton.js');
-require('../../chunks/bundle-7J-qpEzM.js');
-require('../../Channel/components/TypingIndicator.js');
-require('../../chunks/bundle-Ue5GkT2H.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
-require('../../chunks/bundle-TFo3Eb8z.js');
-require('../../withSendbird.js');
-require('../../EditUserProfile/context.js');
-require('../../EditUserProfile/components/EditUserProfileUI.js');
-require('../../chunks/bundle-JOBLCwk9.js');
-require('../../ui/Input.js');
 
-var ChannelListUI = function (props) {
-    var _a;
-    var renderHeader = props.renderHeader, renderChannelPreview = props.renderChannelPreview, renderPlaceHolderError = props.renderPlaceHolderError, renderPlaceHolderLoading = props.renderPlaceHolderLoading, renderPlaceHolderEmptyList = props.renderPlaceHolderEmptyList;
-    var _b = React.useState(false), showProfileEdit = _b[0], setShowProfileEdit = _b[1];
-    var _c = ChannelList_context.useChannelListContext(), onThemeChange = _c.onThemeChange, allowProfileEdit = _c.allowProfileEdit, allChannels = _c.allChannels, loading = _c.loading, currentChannel = _c.currentChannel, channelListDispatcher = _c.channelListDispatcher, typingChannels = _c.typingChannels, initialized = _c.initialized, fetchChannelList = _c.fetchChannelList, onProfileEditSuccess = _c.onProfileEditSuccess;
-    var state = useSendbirdStateContext.useSendbirdStateContext();
-    var sdkStore = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore;
-    var config = state === null || state === void 0 ? void 0 : state.config;
-    var logger = config.logger, _d = config.isOnline, isOnline = _d === void 0 ? false : _d;
-    var sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "sendbird-channel-list__header" }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(ChannelList_components_ChannelListHeader, { onEdit: function () {
-                if (allowProfileEdit) {
-                    setShowProfileEdit(true);
-                }
-            }, allowProfileEdit: allowProfileEdit, renderIconButton: function () { return (React.createElement(ChannelList_components_AddChannel.AddChannel, null)); } }))),
-        showProfileEdit && (React.createElement(EditUserProfile, { onThemeChange: onThemeChange, onCancel: function () { setShowProfileEdit(false); }, onEditProfile: function (user) {
-                setShowProfileEdit(false);
-                onProfileEditSuccess(user);
-            } })),
-        React.createElement("div", { className: "sendbird-channel-list__body", onScroll: function (e) {
-                var target = e === null || e === void 0 ? void 0 : e.target;
-                if (utils.isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10)) {
-                    fetchChannelList();
-                }
-            } },
-            (sdkError && !loading) && ((renderPlaceHolderError && typeof renderPlaceHolderError === 'function') ? (renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError()) : (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))),
-            React.createElement("div", null, allChannels && allChannels.map(function (channel, idx) {
-                // todo: Refactor and move this inside channel - preview
-                var onLeaveChannel = function (c, cb) {
-                    logger.info('ChannelList: Leaving channel', c);
-                    c.leave()
-                        .then(function (res) {
-                        logger.info('ChannelList: Leaving channel success', res);
-                        if (cb && typeof cb === 'function') {
-                            cb(res, null);
-                        }
-                        channelListDispatcher({
-                            type: ChannelList_context.LEAVE_CHANNEL_SUCCESS,
-                            payload: channel === null || channel === void 0 ? void 0 : channel.url,
-                        });
-                    })
-                        .catch(function (err) {
-                        logger.error('ChannelList: Leaving channel failed', err);
-                        if (cb && typeof cb === 'function') {
-                            cb(null, err);
-                        }
-                    });
-                };
-                var onClick = function () {
-                    if (!isOnline) {
-                        return;
-                    }
-                    logger.info('ChannelList: Clicked on channel:', channel);
-                    channelListDispatcher({
-                        type: ChannelList_context.SET_CURRENT_CHANNEL,
-                        payload: channel,
-                    });
-                };
-                return ((renderChannelPreview)
-                    ? (
-                    // eslint-disable-next-line
-                    React.createElement("div", { key: channel === null || channel === void 0 ? void 0 : channel.url, onClick: onClick }, renderChannelPreview({ channel: channel, onLeaveChannel: onLeaveChannel })))
-                    : (React.createElement(ChannelList_components_ChannelPreview, { key: channel === null || channel === void 0 ? void 0 : channel.url, tabIndex: idx, onClick: onClick, channel: channel, onLeaveChannel: function () { return onLeaveChannel(channel, null); }, isActive: (channel === null || channel === void 0 ? void 0 : channel.url) === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url), isTyping: typingChannels === null || typingChannels === void 0 ? void 0 : typingChannels.some(function (_a) {
-                            var url = _a.url;
-                            return url === (channel === null || channel === void 0 ? void 0 : channel.url);
-                        }), renderChannelAction: (function () { return (React.createElement(ChannelList_components_ChannelPreviewAction, { channel: channel, disabled: !isOnline, onLeaveChannel: function () { return onLeaveChannel(channel, null); } })); }) })));
-            })),
-            (!initialized && loading) && ((renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function') ? (renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading()) : (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING }))),
-            (initialized && (allChannels === null || allChannels === void 0 ? void 0 : allChannels.length) === 0) && ((renderPlaceHolderEmptyList && typeof renderPlaceHolderEmptyList === 'function') ? (renderPlaceHolderEmptyList === null || renderPlaceHolderEmptyList === void 0 ? void 0 : renderPlaceHolderEmptyList()) : (React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.NO_CHANNELS }))))));
-};
 
-module.exports = ChannelListUI;
+
+module.exports = ChannelList_components_ChannelListUI.ChannelListUI;
 //# sourceMappingURL=ChannelListUI.js.map

package/cjs/ChannelList/components/ChannelListUI.js.map

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

package/cjs/ChannelList/components/ChannelPreview.js

@@ -1,133 +1,53 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-bXLZZTmP.js');
-var React = require('react');
-var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var ui_Badge = require('../../ui/Badge.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../chunks/bundle-7J3nX_hP.js');
-var ui_MessageStatus = require('../../chunks/bundle-ptZslG_m.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var ui_MentionUserLabel = require('../../ui/MentionUserLabel.js');
-var ui_Modal = require('../../chunks/bundle-Oc2T5_VP.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var ChannelList_context = require('../../chunks/bundle-Jcrboe06.js');
-var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../chunks/bundle-p6kWiWDv.js');
-var MediaQueryContext = require('../../chunks/bundle-WzrocC57.js');
-var useLongPress = require('../../chunks/bundle-TFo3Eb8z.js');
-require('../../chunks/bundle-7VJjqIPJ.js');
-require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle--d5w7FVF.js');
-require('../../chunks/bundle-vphYV1gz.js');
-require('../../chunks/bundle-LRCFL23q.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-6ZegaDWX.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../ui/Loader.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-J_ooPKgS.js');
-require('../../chunks/bundle-2gCdAlxv.js');
+require('react');
+require('../../useSendbirdStateContext.js');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../chunks/bundle-zGSEOOdl.js');
+require('../../chunks/bundle-Pzvqu5yR.js');
+var ChannelList_components_ChannelPreview = require('../../chunks/bundle-Y86Tvf8p.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Dax6YIIr.js');
+require('../../chunks/bundle-DhtZdKsr.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('@sendbird/chat/groupChannel');
+require('../../chunks/bundle-77qvrXp8.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-UAspU0bH.js');
+require('../../chunks/bundle-TPy0gj60.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-nox41MG6.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../chunks/bundle-JBbKwE7L.js');
+require('../../chunks/bundle-tntEm-Mv.js');
+require('../../ui/Icon.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../ui/Loader.js');
+require('../../chunks/bundle-PhGdgkei.js');
+require('../../chunks/bundle-RquYsY0d.js');
+require('@sendbird/uikit-tools');
+require('../../chunks/bundle-fzSiKesI.js');
+require('@sendbird/chat');
+require('../../chunks/bundle-2hJhRu5W.js');
+require('../../chunks/bundle-6zBNmPOP.js');
+require('../../chunks/bundle-5UyAossc.js');
+require('../../ui/Badge.js');
+require('../../ui/ChannelAvatar.js');
+require('../../chunks/bundle-w0ATt2gt.js');
+require('../../ui/ImageRenderer.js');
+require('../../chunks/bundle-HQAiUNev.js');
+require('../../chunks/bundle-iY19D_aw.js');
+require('../../ui/MentionUserLabel.js');
+require('../../chunks/bundle-nYBtJl9e.js');
+require('../../chunks/bundle-6L4HCLmb.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-7J-qpEzM.js');
-require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-7AS0Rcch.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('../../chunks/bundle-Ue5GkT2H.js');
-require('../../chunks/bundle-zrsbDQGp.js');
-require('../../chunks/bundle-XaLiuh0L.js');
-require('@sendbird/chat/message');
-require('../../chunks/bundle--MJd6Gw1.js');
-require('../../chunks/bundle-UaSM_xZY.js');
-require('../../Channel/hooks/useInitialMessagesFetch.js');
-require('../../chunks/bundle-VB_a0u7i.js');
-require('../../chunks/bundle-3K153hLM.js');
+require('../../ui/TextButton.js');
+require('../../chunks/bundle-vMF9NM5u.js');
+
 
-var ChannelPreview = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var channel = _a.channel, _l = _a.isActive, isActive = _l === void 0 ? false : _l, _m = _a.isTyping, isTyping = _m === void 0 ? false : _m, renderChannelAction = _a.renderChannelAction, onLeaveChannel = _a.onLeaveChannel, onClick = _a.onClick, tabIndex = _a.tabIndex;
-    var sbState = useSendbirdStateContext.useSendbirdStateContext();
-    var _o = ChannelList_context.useChannelListContext(), _p = _o.isTypingIndicatorEnabled, isTypingIndicatorEnabled = _p === void 0 ? false : _p, _q = _o.isMessageReceiptStatusEnabled, isMessageReceiptStatusEnabled = _q === void 0 ? false : _q;
-    var _r = LocalizationContext.useLocalization(), dateLocale = _r.dateLocale, stringSet = _r.stringSet;
-    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var _s = React.useState(false), showMobileLeave = _s[0], setShowMobileLeave = _s[1];
-    var userId = (_d = (_c = (_b = sbState === null || sbState === void 0 ? void 0 : sbState.stores) === null || _b === void 0 ? void 0 : _b.userStore) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.userId;
-    var theme = (_e = sbState === null || sbState === void 0 ? void 0 : sbState.config) === null || _e === void 0 ? void 0 : _e.theme;
-    var isMentionEnabled = (_f = sbState === null || sbState === void 0 ? void 0 : sbState.config) === null || _f === void 0 ? void 0 : _f.isMentionEnabled;
-    var isFrozen = (channel === null || channel === void 0 ? void 0 : channel.isFrozen) || false;
-    var isBroadcast = (channel === null || channel === void 0 ? void 0 : channel.isBroadcast) || false;
-    var isChannelTyping = isTypingIndicatorEnabled && isTyping;
-    var isMessageStatusEnabled = isMessageReceiptStatusEnabled
-        && (((_g = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _g === void 0 ? void 0 : _g.messageType) === 'user' || ((_h = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _h === void 0 ? void 0 : _h.messageType) === 'file')
-        && ((_k = (_j = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _j === void 0 ? void 0 : _j.sender) === null || _k === void 0 ? void 0 : _k.userId) === userId;
-    var onLongPress = useLongPress.useLongPress({
-        onLongPress: function () {
-            if (isMobile) {
-                setShowMobileLeave(true);
-            }
-        },
-        onClick: onClick,
-    }, {
-        delay: 1000,
-    });
-    var channelName = ui_MessageStatus.getChannelTitle(channel, userId, stringSet);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", _tslib.__assign({ className: [
-                'sendbird-channel-preview',
-                isActive ? 'sendbird-channel-preview--active' : '',
-            ].join(' '), role: "link", tabIndex: tabIndex }, (isMobile ? _tslib.__assign({}, onLongPress) : { onClick: onClick })),
-            React.createElement("div", { className: "sendbird-channel-preview__avatar" },
-                React.createElement(ui_ChannelAvatar, { channel: channel, userId: userId, theme: theme })),
-            React.createElement("div", { className: "sendbird-channel-preview__content" },
-                React.createElement("div", { className: "sendbird-channel-preview__content__upper" },
-                    React.createElement("div", { className: "sendbird-channel-preview__content__upper__header" },
-                        isBroadcast
-                            && (React.createElement("div", { className: "sendbird-channel-preview__content__upper__header__broadcast-icon" },
-                                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BROADCAST, fillColor: ui_Icon.IconColors.SECONDARY, height: "16px", width: "16px" }))),
-                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__channel-name", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, channelName),
-                        React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__header__total-members", type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getTotalMembers(channel)),
-                        isFrozen
-                            && (React.createElement("div", { title: "Frozen", className: "sendbird-channel-preview__content__upper__header__frozen-icon" },
-                                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, height: 12, width: 12 })))),
-                    (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isMessageStatusEnabled) && (React.createElement(ui_MessageStatus.MessageStatus, { className: "sendbird-channel-preview__content__upper__last-message-at", channel: channel, message: channel === null || channel === void 0 ? void 0 : channel.lastMessage, isDateSeparatorConsidered: false })),
-                    (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isMessageStatusEnabled) && (React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__upper__last-message-at", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ui_MessageStatus.getLastMessageCreatedAt({
-                        channel: channel,
-                        locale: dateLocale,
-                        stringSet: stringSet,
-                    })))),
-                React.createElement("div", { className: "sendbird-channel-preview__content__lower" },
-                    React.createElement(ui_Label.Label, { className: "sendbird-channel-preview__content__lower__last-message", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_3 },
-                        isChannelTyping && (React.createElement(Channel_components_TypingIndicator.TypingIndicatorText, { members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers() })),
-                        !isChannelTyping && !index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && (ui_MessageStatus.getLastMessage(channel, stringSet)),
-                        !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && (stringSet.VOICE_MESSAGE)),
-                    /**
-                     * Do not show unread count for focused channel. This is because of the limitation where
-                     * isScrollBottom and hasNext states needs to be added globally but they are from channel context
-                     * so channel list cannot see them with the current architecture.
-                     */
-                    !isActive && !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && (React.createElement("div", { className: "sendbird-channel-preview__content__lower__unread-message-count" },
-                        (isMentionEnabled && (channel === null || channel === void 0 ? void 0 : channel.unreadMentionCount) > 0)
-                            ? (React.createElement(ui_MentionUserLabel, { className: "sendbird-channel-preview__content__lower__unread-message-count__mention", color: "purple" }, '@'))
-                            : null,
-                        ui_MessageStatus.getChannelUnreadMessageCount(channel) // return number
-                            ? React.createElement(ui_Badge, { count: ui_MessageStatus.getChannelUnreadMessageCount(channel) })
-                            : null)))),
-            !isMobile && (React.createElement("div", { className: "sendbird-channel-preview__action" }, renderChannelAction({ channel: channel })))),
-        showMobileLeave && isMobile && (React.createElement(ui_Modal.Modal, { className: "sendbird-channel-preview__leave--mobile", titleText: channelName, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () { return setShowMobileLeave(false); } },
-            React.createElement(ui_TextButton, { onClick: function () {
-                    onLeaveChannel();
-                    setShowMobileLeave(false);
-                }, className: "sendbird-channel-preview__leave-label--mobile" },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))))));
-};
 
-module.exports = ChannelPreview;
+module.exports = ChannelList_components_ChannelPreview.ChannelPreview;
 //# sourceMappingURL=ChannelPreview.js.map

package/cjs/ChannelList/components/ChannelPreview.js.map

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

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -1,73 +1,30 @@
 'use strict';
 
-var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-qtXdbPNE.js');
-var ui_ContextMenu = require('../../ui/ContextMenu.js');
-var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Icon = require('../../ui/Icon.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var utils = require('../../chunks/bundle-LRCFL23q.js');
-var ui_Modal = require('../../chunks/bundle-Oc2T5_VP.js');
-var ChannelList_context = require('../../chunks/bundle-Jcrboe06.js');
-require('../../chunks/bundle-kSScygqj.js');
-require('../../chunks/bundle-RSklGv-u.js');
-require('../../chunks/bundle-bXLZZTmP.js');
+require('react');
+require('../../chunks/bundle-6SzyBwQ5.js');
+require('../../ui/ContextMenu.js');
+require('../../ui/IconButton.js');
+require('../../ui/Icon.js');
+var ChannelList_components_ChannelPreviewAction = require('../../chunks/bundle-1tu4OFP8.js');
+require('../../chunks/bundle-H9rcn1PJ.js');
+require('../../chunks/bundle-AN4eZ2xs.js');
+require('../../chunks/bundle-DhtZdKsr.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-INJtS58R.js');
-require('../../chunks/bundle-p6kWiWDv.js');
+require('../../chunks/bundle-TB_UEIPg.js');
+require('../../chunks/bundle-nox41MG6.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-65IwoStx.js');
-require('../../chunks/bundle-7J3nX_hP.js');
-require('../../withSendbird.js');
-require('../../chunks/bundle-WzrocC57.js');
+require('../../chunks/bundle-xM2DAzE6.js');
+require('../../chunks/bundle-VxcYXhwp.js');
+require('../../chunks/bundle-Y-_KhZFq.js');
+require('../../chunks/bundle-6L4HCLmb.js');
+require('../../chunks/bundle-6zBNmPOP.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-135pRm7i.js');
-require('../../chunks/bundle-JbxviE94.js');
-require('../../chunks/bundle-7AS0Rcch.js');
+require('../../useSendbirdStateContext.js');
+require('../../withSendbird.js');
 
-var LeaveChannel = function (props) {
-    var _a, _b, _c;
-    var _d = props.channel, channel = _d === void 0 ? null : _d, _e = props.onSubmit, onSubmit = _e === void 0 ? utils.noop : _e, _f = props.onCancel, onCancel = _f === void 0 ? utils.noop : _f;
-    var channelFromContext = (_a = ChannelList_context.useChannelListContext()) === null || _a === void 0 ? void 0 : _a.currentChannel;
-    var leavingChannel = channel || channelFromContext;
-    var state = useSendbirdStateContext.useSendbirdStateContext();
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var logger = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.logger;
-    var isOnline = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.isOnline;
-    if (leavingChannel) {
-        return (React.createElement(ui_Modal.Modal, { disabled: !isOnline, onCancel: onCancel, onSubmit: function () {
-                logger.info('ChannelSettings: Leaving channel', leavingChannel);
-                leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(function () {
-                    logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
-                    onSubmit();
-                });
-            }, submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER, titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE }));
-    }
-};
 
-function ChannelPreviewAction(_a) {
-    var channel = _a.channel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onLeaveChannel = _a.onLeaveChannel;
-    var parentRef = React.useRef(null);
-    var parentContainerRef = React.useRef(null);
-    var _c = React.useState(false), showModal = _c[0], setShowModal = _c[1];
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement("div", { ref: parentContainerRef, tabIndex: 0, role: "button", style: { display: 'inline-block' }, onKeyDown: function (e) { return e.stopPropagation(); }, onClick: function (e) { return e.stopPropagation(); } },
-        React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { ref: parentRef, onClick: toggleDropdown, height: "32px", width: "32px" },
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentRef: parentRef, parentContainRef: parentContainerRef, closeDropdown: closeDropdown },
-                React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                        if (disabled) {
-                            return;
-                        }
-                        setShowModal(true);
-                        closeDropdown();
-                    }, dataSbId: "channel_list_item_context_menu_leave_channel" }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))); } }),
-        showModal && (React.createElement(LeaveChannel, { channel: channel, onSubmit: function () {
-                setShowModal(false);
-                onLeaveChannel();
-            }, onCancel: function () { return setShowModal(false); } }))));
-}
 
-module.exports = ChannelPreviewAction;
+module.exports = ChannelList_components_ChannelPreviewAction.ChannelPreviewAction;
 //# sourceMappingURL=ChannelPreviewAction.js.map

package/cjs/ChannelList/components/ChannelPreviewAction.js.map

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

package/cjs/ChannelList/context.js

@@ -1,18 +1,19 @@
 'use strict';
 
-require('../chunks/bundle-bXLZZTmP.js');
+require('../chunks/bundle-DhtZdKsr.js');
 require('react');
 require('@sendbird/chat/groupChannel');
-var ChannelList_context = require('../chunks/bundle-Jcrboe06.js');
-require('../chunks/bundle-INJtS58R.js');
-require('../chunks/bundle-LRCFL23q.js');
-require('../chunks/bundle-JbxviE94.js');
-require('../chunks/bundle-7AS0Rcch.js');
+var ChannelList_context = require('../chunks/bundle-zGSEOOdl.js');
+require('../chunks/bundle-TB_UEIPg.js');
+require('../chunks/bundle-Y-_KhZFq.js');
+require('../chunks/bundle-UAspU0bH.js');
+require('../chunks/bundle-TPy0gj60.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-135pRm7i.js');
-require('../chunks/bundle-65IwoStx.js');
-require('../chunks/bundle-p6kWiWDv.js');
+require('../chunks/bundle-77qvrXp8.js');
+require('../chunks/bundle-xM2DAzE6.js');
+require('../chunks/bundle-nox41MG6.js');
 require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-JBbKwE7L.js');
 require('../withSendbird.js');
 
 

package/cjs/ChannelList/context.js.map

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