@sendbird/uikit-react 3.6.4-rc-0 → 3.6.4

package/dist/ChannelList/components/ChannelListUI.js

@@ -1,227 +0,0 @@
-import React__default, { useState } from 'react';
-import ChannelListHeader from './ChannelListHeader.js';
-import { AddChannel } from './AddChannel.js';
-import ChannelPreview from './ChannelPreview.js';
-import ChannelPreviewAction from './ChannelPreviewAction.js';
-import { u as useChannelListContext, F as FETCH_CHANNELS_START, a as FETCH_CHANNELS_SUCCESS, b as FETCH_CHANNELS_FAILURE, L as LEAVE_CHANNEL_SUCCESS, S as SET_CURRENT_CHANNEL } from '../../ChannelListProvider-6c1df64a.js';
-import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import EditProfile from '../../EditUserProfile.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-11fe17e1.js';
-import '../../LocalizationContext-1701e5c8.js';
-import '../../stringSet-e9bb0333.js';
-import '../../index-ff8f2f61.js';
-import '../../index-f50d7ab0.js';
-import 'prop-types';
-import '../../ui/Avatar.js';
-import '../../ui/ImageRenderer.js';
-import '../../ui/Icon.js';
-import '../../uuid-8b344dd2.js';
-import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-cc035350.js';
-import '../../CreateChannel.js';
-import '../../CreateChannel/components/CreateChannelUI.js';
-import '../../CreateChannelProvider-ec477081.js';
-import '../../sendbirdSelectors.js';
-import '../../topics-0b30f52b.js';
-import '../../utils-05aa9060.js';
-import '../../CreateChannel/components/InviteUsers.js';
-import '../../ui/Modal.js';
-import 'react-dom';
-import '../../index-44c86e58.js';
-import '../../ui/Button.js';
-import '../../MediaQueryContext-e5b401d0.js';
-import '../../ui/UserListItem.js';
-import '../../UserProfileContext-74e9a128.js';
-import '../../ui/MutedAvatarOverlay.js';
-import '../../ui/Checkbox.js';
-import '../../ui/UserProfile.js';
-import '../../ui/ContextMenu.js';
-import '../../ui/SortByRow.js';
-import '../../index-99ab01f6.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../CreateChannel/components/SelectChannelType.js';
-import '../../ui/ChannelAvatar.js';
-import '../../utils-cd7ab927.js';
-import '../../ui/Badge.js';
-import '../../index-0aa8cbad.js';
-import '../../index-5a62f6b7.js';
-import '../../ui/Loader.js';
-import '../../index-7e5538e6.js';
-import '../../index-3f8e1a51.js';
-import '../../ui/MentionUserLabel.js';
-import '../../consts-a0834b70.js';
-import '../../ui/TextButton.js';
-import '../../color-ea3bf5b8.js';
-import '../../Channel/components/TypingIndicator.js';
-import '@sendbird/chat/groupChannel';
-import '../../ChannelProvider-1dc36682.js';
-import '../../const-7c266a95.js';
-import '../../compareIds-367bb030.js';
-import '@sendbird/chat/message';
-import '../../consts-44eaef6b.js';
-import '../../resolvedReplyType-6bb8f548.js';
-import '../../useLongPress-6d0b6619.js';
-import '../../withSendbird.js';
-import '../../index-9c80246a.js';
-import '../../ui/Input.js';
-import '../../actionTypes-cccf62ac.js';
-
-const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
-
-const DELIVERY_RECIPT = 'delivery_receipt';
-const ChannelListUI = props => {
-  var _state$stores;
-  const {
-    renderHeader,
-    renderChannelPreview,
-    renderPlaceHolderError,
-    renderPlaceHolderLoading,
-    renderPlaceHolderEmptyList
-  } = props;
-  const [showProfileEdit, setShowProfileEdit] = useState(false);
-  const {
-    onThemeChange,
-    allowProfileEdit,
-    allChannels,
-    loading,
-    currentChannel,
-    channelListDispatcher,
-    channelSource,
-    typingChannels,
-    initialized
-  } = useChannelListContext();
-  const state = useSendbirdStateContext();
-  const sdkStore = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : _state$stores.sdkStore;
-  const config = state === null || state === void 0 ? void 0 : state.config;
-  const {
-    logger,
-    isOnline = false,
-    markAsDeliveredScheduler,
-    disableMarkAsDelivered
-  } = config;
-  const sdk = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.sdk;
-  const sdkError = sdkStore === null || sdkStore === void 0 ? void 0 : sdkStore.error;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-list__header"
-  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(ChannelListHeader, {
-    onEdit: () => {
-      if (allowProfileEdit) {
-        setShowProfileEdit(true);
-      }
-    },
-    allowProfileEdit: allowProfileEdit,
-    renderIconButton: () => /*#__PURE__*/React__default.createElement(AddChannel, null)
-  })), showProfileEdit && /*#__PURE__*/React__default.createElement(EditProfile, {
-    onThemeChange: onThemeChange,
-    onCancel: () => {
-      setShowProfileEdit(false);
-    },
-    onEditProfile: () => {
-      setShowProfileEdit(false);
-    }
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-list__body",
-    onScroll: e => {
-      const target = e === null || e === void 0 ? void 0 : e.target;
-      const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 10);
-      if (fetchMore && channelSource !== null && channelSource !== void 0 && channelSource.hasNext) {
-        logger.info('ChannelList: Fetching more channels');
-        channelListDispatcher({
-          type: FETCH_CHANNELS_START,
-          payload: null
-        });
-        channelSource.next().then(channelList => {
-          var _sdk$appInfo, _sdk$appInfo$premiumF;
-          logger.info('ChannelList: Fetching channels successful', channelList);
-          channelListDispatcher({
-            type: FETCH_CHANNELS_SUCCESS,
-            payload: channelList
-          });
-          const canSetMarkAsDelivered = sdk === null || sdk === void 0 ? void 0 : (_sdk$appInfo = sdk.appInfo) === null || _sdk$appInfo === void 0 ? void 0 : (_sdk$appInfo$premiumF = _sdk$appInfo.premiumFeatureList) === null || _sdk$appInfo$premiumF === void 0 ? void 0 : _sdk$appInfo$premiumF.find(feature => feature === DELIVERY_RECIPT);
-          if (canSetMarkAsDelivered && !disableMarkAsDelivered) {
-            logger.info('ChannelList: Marking all channels as read');
-            // eslint-disable-next-line no-unused-expressions
-            channelList === null || channelList === void 0 ? void 0 : channelList.forEach(channel => {
-              if ((channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) > 0) {
-                markAsDeliveredScheduler.push(channel);
-              }
-            });
-          }
-        }).catch(err => {
-          logger.info('ChannelList: Fetching channels failed', err);
-          channelListDispatcher({
-            type: FETCH_CHANNELS_FAILURE,
-            payload: err
-          });
-        });
-      }
-    }
-  }, sdkError && !loading && (renderPlaceHolderError && typeof renderPlaceHolderError === 'function' ? renderPlaceHolderError === null || renderPlaceHolderError === void 0 ? void 0 : renderPlaceHolderError() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
-    type: PlaceHolderTypes.WRONG
-  })), /*#__PURE__*/React__default.createElement("div", null, allChannels && allChannels.map((channel, idx) => {
-    // todo: Refactor and move this inside channel - preview
-    const onLeaveChannel = (c, cb) => {
-      logger.info('ChannelList: Leaving channel', c);
-      c.leave().then(res => {
-        logger.info('ChannelList: Leaving channel success', res);
-        if (cb && typeof cb === 'function') {
-          cb(res, null);
-        }
-        channelListDispatcher({
-          type: LEAVE_CHANNEL_SUCCESS,
-          payload: channel === null || channel === void 0 ? void 0 : channel.url
-        });
-      }).catch(err => {
-        logger.error('ChannelList: Leaving channel failed', err);
-        if (cb && typeof cb === 'function') {
-          cb(null, err);
-        }
-      });
-    };
-    const onClick = () => {
-      if (!isOnline) {
-        return;
-      }
-      logger.info('ChannelList: Clicked on channel:', channel);
-      channelListDispatcher({
-        type: SET_CURRENT_CHANNEL,
-        payload: channel
-      });
-    };
-    return renderChannelPreview ?
-    /*#__PURE__*/
-    // eslint-disable-next-line
-    React__default.createElement("div", {
-      key: channel === null || channel === void 0 ? void 0 : channel.url,
-      onClick: onClick
-    }, renderChannelPreview({
-      channel,
-      onLeaveChannel
-    })) : /*#__PURE__*/React__default.createElement(ChannelPreview, {
-      key: channel === null || channel === void 0 ? void 0 : channel.url,
-      tabIndex: idx,
-      onClick: onClick,
-      channel: channel,
-      onLeaveChannel: () => 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(_ref => {
-        let {
-          url
-        } = _ref;
-        return url === (channel === null || channel === void 0 ? void 0 : channel.url);
-      }),
-      renderChannelAction: () => /*#__PURE__*/React__default.createElement(ChannelPreviewAction, {
-        channel: channel,
-        disabled: !isOnline,
-        onLeaveChannel: () => onLeaveChannel(channel, null)
-      })
-    });
-  })), !initialized && loading && (renderPlaceHolderLoading && typeof renderPlaceHolderLoading === 'function' ? renderPlaceHolderLoading === null || renderPlaceHolderLoading === void 0 ? void 0 : renderPlaceHolderLoading() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
-    type: 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() : /*#__PURE__*/React__default.createElement(PlaceHolder, {
-    type: PlaceHolderTypes.NO_CHANNELS
-  }))));
-};
-
-export { ChannelListUI as default };
-//# sourceMappingURL=ChannelListUI.js.map

package/dist/ChannelList/components/ChannelPreview.js

@@ -1,183 +0,0 @@
-import { b as _extends, _ as _objectSpread2 } from '../../_rollupPluginBabelHelpers-cc035350.js';
-import React__default, { useState } from 'react';
-import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import Badge from '../../ui/Badge.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-f50d7ab0.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-0aa8cbad.js';
-import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-1701e5c8.js';
-import MentionUserLabel from '../../ui/MentionUserLabel.js';
-import Modal from '../../ui/Modal.js';
-import TextButton from '../../ui/TextButton.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-6c1df64a.js';
-import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { d as isVoiceMessage } from '../../index-99ab01f6.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-e5b401d0.js';
-import { u as useLongPress } from '../../useLongPress-6d0b6619.js';
-import '../../ui/Avatar.js';
-import '../../ui/ImageRenderer.js';
-import '../../uuid-8b344dd2.js';
-import '../../utils-cd7ab927.js';
-import 'prop-types';
-import '../../stringSet-e9bb0333.js';
-import '../../index-5a62f6b7.js';
-import '../../index-ff8f2f61.js';
-import '../../ui/Loader.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-7e5538e6.js';
-import '../../index-3f8e1a51.js';
-import '../../withSendbird.js';
-import '../../consts-a0834b70.js';
-import 'react-dom';
-import '../../index-44c86e58.js';
-import '../../ui/Button.js';
-import '../../ui/IconButton.js';
-import '../../color-ea3bf5b8.js';
-import '@sendbird/chat/groupChannel';
-import '../../topics-0b30f52b.js';
-import '../../utils-05aa9060.js';
-import '../../UserProfileContext-74e9a128.js';
-import '../../ChannelProvider-1dc36682.js';
-import '../../const-7c266a95.js';
-import '../../compareIds-367bb030.js';
-import '@sendbird/chat/message';
-import '../../consts-44eaef6b.js';
-import '../../resolvedReplyType-6bb8f548.js';
-
-const ChannelPreview = _ref => {
-  var _sbState$stores, _sbState$stores$userS, _sbState$stores$userS2, _sbState$config, _sbState$config2, _channel$lastMessage, _channel$lastMessage2, _channel$lastMessage3, _channel$lastMessage4;
-  let {
-    channel,
-    isActive = false,
-    isTyping = false,
-    renderChannelAction,
-    onLeaveChannel,
-    onClick,
-    tabIndex
-  } = _ref;
-  const sbState = useSendbirdStateContext();
-  const {
-    isTypingIndicatorEnabled = false,
-    isMessageReceiptStatusEnabled = false
-  } = useChannelListContext();
-  const {
-    dateLocale,
-    stringSet
-  } = useLocalization();
-  const {
-    isMobile
-  } = useMediaQueryContext();
-  const [showMobileLeave, setShowMobileLeave] = useState(false);
-  const userId = sbState === null || sbState === void 0 ? void 0 : (_sbState$stores = sbState.stores) === null || _sbState$stores === void 0 ? void 0 : (_sbState$stores$userS = _sbState$stores.userStore) === null || _sbState$stores$userS === void 0 ? void 0 : (_sbState$stores$userS2 = _sbState$stores$userS.user) === null || _sbState$stores$userS2 === void 0 ? void 0 : _sbState$stores$userS2.userId;
-  const theme = sbState === null || sbState === void 0 ? void 0 : (_sbState$config = sbState.config) === null || _sbState$config === void 0 ? void 0 : _sbState$config.theme;
-  const isMentionEnabled = sbState === null || sbState === void 0 ? void 0 : (_sbState$config2 = sbState.config) === null || _sbState$config2 === void 0 ? void 0 : _sbState$config2.isMentionEnabled;
-  const isFrozen = (channel === null || channel === void 0 ? void 0 : channel.isFrozen) || false;
-  const isBroadcast = (channel === null || channel === void 0 ? void 0 : channel.isBroadcast) || false;
-  const isChannelTyping = isTypingIndicatorEnabled && isTyping;
-  const isMessageStatusEnabled = isMessageReceiptStatusEnabled && ((channel === null || channel === void 0 ? void 0 : (_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.messageType) === 'user' || (channel === null || channel === void 0 ? void 0 : (_channel$lastMessage2 = channel.lastMessage) === null || _channel$lastMessage2 === void 0 ? void 0 : _channel$lastMessage2.messageType) === 'file') && (channel === null || channel === void 0 ? void 0 : (_channel$lastMessage3 = channel.lastMessage) === null || _channel$lastMessage3 === void 0 ? void 0 : (_channel$lastMessage4 = _channel$lastMessage3.sender) === null || _channel$lastMessage4 === void 0 ? void 0 : _channel$lastMessage4.userId) === userId;
-  const onLongPress = useLongPress({
-    onLongPress: () => {
-      if (isMobile) {
-        setShowMobileLeave(true);
-      }
-    },
-    onClick
-  }, {
-    delay: 1000
-  });
-  const channelName = getChannelTitle(channel, userId, stringSet);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: ['sendbird-channel-preview', isActive ? 'sendbird-channel-preview--active' : ''].join(' '),
-    role: "link",
-    tabIndex: tabIndex
-  }, isMobile ? _objectSpread2({}, onLongPress) : {
-    onClick
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__avatar"
-  }, /*#__PURE__*/React__default.createElement(ChannelAvatar, {
-    channel: channel,
-    userId: userId,
-    theme: theme
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__content"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__content__upper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__content__upper__header"
-  }, isBroadcast && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__content__upper__header__broadcast-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.BROADCAST,
-    fillColor: IconColors.SECONDARY,
-    height: "16px",
-    width: "16px"
-  })), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-channel-preview__content__upper__header__channel-name",
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, channelName), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-channel-preview__content__upper__header__total-members",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, getTotalMembers(channel)), isFrozen && /*#__PURE__*/React__default.createElement("div", {
-    title: "Frozen",
-    className: "sendbird-channel-preview__content__upper__header__frozen-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.FREEZE,
-    fillColor: IconColors.PRIMARY,
-    height: 12,
-    width: 12
-  }))), !(channel !== null && channel !== void 0 && channel.isEphemeral) && isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(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 && channel.isEphemeral) && !isMessageStatusEnabled && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-channel-preview__content__upper__last-message-at",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, getLastMessageCreatedAt({
-    channel,
-    locale: dateLocale,
-    stringSet
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__content__lower"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-channel-preview__content__lower__last-message",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, isChannelTyping && /*#__PURE__*/React__default.createElement(TypingIndicatorText, {
-    members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
-  }), !isChannelTyping && !isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && getLastMessage(channel), !isChannelTyping && isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel !== null && channel !== void 0 && channel.isEphemeral) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__content__lower__unread-message-count"
-  }, isMentionEnabled && (channel === null || channel === void 0 ? void 0 : channel.unreadMentionCount) > 0 ? /*#__PURE__*/React__default.createElement(MentionUserLabel, {
-    className: "sendbird-channel-preview__content__lower__unread-message-count__mention",
-    color: "purple"
-  }, '@') : null, getChannelUnreadMessageCount(channel) // return number
-  ? /*#__PURE__*/React__default.createElement(Badge, {
-    count: getChannelUnreadMessageCount(channel)
-  }) : null))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-channel-preview__action"
-  }, renderChannelAction({
-    channel
-  }))), showMobileLeave && isMobile && /*#__PURE__*/React__default.createElement(Modal, {
-    className: "sendbird-channel-preview__leave--mobile",
-    titleText: channelName,
-    hideFooter: true,
-    isCloseOnClickOutside: true,
-    onCancel: () => setShowMobileLeave(false)
-  }, /*#__PURE__*/React__default.createElement(TextButton, {
-    onClick: () => {
-      onLeaveChannel();
-      setShowMobileLeave(false);
-    },
-    className: "sendbird-channel-preview__leave-label--mobile"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.SUBTITLE_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))));
-};
-
-export { ChannelPreview as default };
-//# sourceMappingURL=ChannelPreview.js.map

package/dist/ChannelList/components/ChannelPreviewAction.js

@@ -1,133 +0,0 @@
-import React__default, { useRef, useState, useContext } from 'react';
-import PropTypes from 'prop-types';
-import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-1701e5c8.js';
-import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
-import IconButton from '../../ui/IconButton.js';
-import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { n as noop } from '../../utils-05aa9060.js';
-import Modal from '../../ui/Modal.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-6c1df64a.js';
-import '../../stringSet-e9bb0333.js';
-import '../../index-ff8f2f61.js';
-import '../../_rollupPluginBabelHelpers-cc035350.js';
-import 'react-dom';
-import '../../ui/SortByRow.js';
-import '../../uuid-8b344dd2.js';
-import '../../index-99ab01f6.js';
-import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-f50d7ab0.js';
-import '../../withSendbird.js';
-import '../../index-44c86e58.js';
-import '../../ui/Button.js';
-import '../../MediaQueryContext-e5b401d0.js';
-import '@sendbird/chat/groupChannel';
-import '../../topics-0b30f52b.js';
-import '../../UserProfileContext-74e9a128.js';
-
-const LeaveChannel = props => {
-  var _useChannelListContex, _state$config, _state$config2;
-  const {
-    channel = null,
-    onSubmit = noop,
-    onCancel = noop
-  } = props;
-  const channelFromContext = (_useChannelListContex = useChannelListContext()) === null || _useChannelListContex === void 0 ? void 0 : _useChannelListContex.currentChannel;
-  const leavingChannel = channel || channelFromContext;
-  const state = useSendbirdStateContext();
-  const {
-    stringSet
-  } = useLocalization();
-  const logger = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.logger;
-  const isOnline = state === null || state === void 0 ? void 0 : (_state$config2 = state.config) === null || _state$config2 === void 0 ? void 0 : _state$config2.isOnline;
-  if (leavingChannel) {
-    return /*#__PURE__*/React__default.createElement(Modal, {
-      disabled: !isOnline,
-      onCancel: onCancel,
-      onSubmit: () => {
-        logger.info('ChannelSettings: Leaving channel', leavingChannel);
-        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(() => {
-          logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
-          onSubmit();
-        });
-      },
-      submitText: stringSet.MODAL__LEAVE_CHANNEL__FOOTER,
-      titleText: stringSet.MODAL__LEAVE_CHANNEL__TITLE
-    });
-  }
-};
-
-function ChannelPreviewAction(_ref) {
-  let {
-    channel,
-    disabled,
-    onLeaveChannel
-  } = _ref;
-  const parentRef = useRef(null);
-  const parentContainerRef = useRef(null);
-  const [showModal, setShowModal] = useState(false);
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  return /*#__PURE__*/React__default.createElement("div", {
-    role: "button",
-    style: {
-      display: 'inline-block'
-    },
-    onKeyDown: e => {
-      e.stopPropagation();
-    },
-    tabIndex: 0,
-    onClick: e => {
-      e.stopPropagation();
-    },
-    ref: parentContainerRef
-  }, /*#__PURE__*/React__default.createElement(ContextMenu
-  /* eslint-disable react/no-unstable-nested-components */, {
-    menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(IconButton, {
-      ref: parentRef,
-      onClick: toggleDropdown,
-      height: "32px",
-      width: "32px"
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.MORE,
-      fillColor: IconColors.PRIMARY,
-      width: "24px",
-      height: "24px"
-    }))
-    /* eslint-disable react/no-unstable-nested-components */,
-    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-      parentRef: parentRef,
-      parentContainRef: parentContainerRef,
-      closeDropdown: closeDropdown
-    }, /*#__PURE__*/React__default.createElement(MenuItem, {
-      onClick: () => {
-        if (disabled) {
-          return;
-        }
-        setShowModal(true);
-        closeDropdown();
-      },
-      dataSbId: "channel_list_item_context_menu_leave_channel"
-    }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))
-  }), showModal && /*#__PURE__*/React__default.createElement(LeaveChannel, {
-    channel: channel,
-    onSubmit: () => {
-      setShowModal(false);
-      onLeaveChannel();
-    },
-    onCancel: () => setShowModal(false)
-  }));
-}
-ChannelPreviewAction.propTypes = {
-  disabled: PropTypes.bool,
-  onLeaveChannel: PropTypes.func.isRequired,
-  channel: PropTypes.shape({})
-};
-ChannelPreviewAction.defaultProps = {
-  disabled: false,
-  channel: null
-};
-
-export { ChannelPreviewAction as default };
-//# sourceMappingURL=ChannelPreviewAction.js.map

package/dist/ChannelList/context.js

@@ -1,14 +0,0 @@
-import '../_rollupPluginBabelHelpers-cc035350.js';
-import 'react';
-import '@sendbird/chat/groupChannel';
-export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-6c1df64a.js';
-import '../uuid-8b344dd2.js';
-import '../utils-05aa9060.js';
-import '../UserProfileContext-74e9a128.js';
-import '../useSendbirdStateContext.js';
-import '../topics-0b30f52b.js';
-import '../index-99ab01f6.js';
-import '../utils/message/getOutgoingMessageState.js';
-import 'prop-types';
-import '../withSendbird.js';
-//# sourceMappingURL=context.js.map

package/dist/ChannelList.js

@@ -1,97 +0,0 @@
-import React__default from 'react';
-import { C as ChannelListProvider } from './ChannelListProvider-6c1df64a.js';
-import ChannelListUI from './ChannelList/components/ChannelListUI.js';
-import './_rollupPluginBabelHelpers-cc035350.js';
-import '@sendbird/chat/groupChannel';
-import './topics-0b30f52b.js';
-import './uuid-8b344dd2.js';
-import './utils-05aa9060.js';
-import './UserProfileContext-74e9a128.js';
-import 'prop-types';
-import './useSendbirdStateContext.js';
-import './withSendbird.js';
-import './index-99ab01f6.js';
-import './utils/message/getOutgoingMessageState.js';
-import './ChannelList/components/ChannelListHeader.js';
-import './LocalizationContext-1701e5c8.js';
-import './stringSet-e9bb0333.js';
-import './index-ff8f2f61.js';
-import './index-f50d7ab0.js';
-import './ui/Avatar.js';
-import './ui/ImageRenderer.js';
-import './ui/Icon.js';
-import './ChannelList/components/AddChannel.js';
-import './ui/IconButton.js';
-import './CreateChannel.js';
-import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-ec477081.js';
-import './sendbirdSelectors.js';
-import './CreateChannel/components/InviteUsers.js';
-import './ui/Modal.js';
-import 'react-dom';
-import './index-44c86e58.js';
-import './ui/Button.js';
-import './MediaQueryContext-e5b401d0.js';
-import './ui/UserListItem.js';
-import './ui/MutedAvatarOverlay.js';
-import './ui/Checkbox.js';
-import './ui/UserProfile.js';
-import './ui/ContextMenu.js';
-import './ui/SortByRow.js';
-import './CreateChannel/components/SelectChannelType.js';
-import './ChannelList/components/ChannelPreview.js';
-import './ui/ChannelAvatar.js';
-import './utils-cd7ab927.js';
-import './ui/Badge.js';
-import './index-0aa8cbad.js';
-import './index-5a62f6b7.js';
-import './ui/Loader.js';
-import './index-7e5538e6.js';
-import './index-3f8e1a51.js';
-import './ui/MentionUserLabel.js';
-import './consts-a0834b70.js';
-import './ui/TextButton.js';
-import './color-ea3bf5b8.js';
-import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-1dc36682.js';
-import './const-7c266a95.js';
-import './compareIds-367bb030.js';
-import '@sendbird/chat/message';
-import './consts-44eaef6b.js';
-import './resolvedReplyType-6bb8f548.js';
-import './useLongPress-6d0b6619.js';
-import './ChannelList/components/ChannelPreviewAction.js';
-import './EditUserProfile.js';
-import './index-9c80246a.js';
-import './ui/Input.js';
-import './actionTypes-cccf62ac.js';
-import './index-11fe17e1.js';
-
-const ChannelList = props => {
-  return /*#__PURE__*/React__default.createElement(ChannelListProvider, {
-    className: props === null || props === void 0 ? void 0 : props.className,
-    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
-    allowProfileEdit: props === null || props === void 0 ? void 0 : props.allowProfileEdit,
-    onBeforeCreateChannel: props === null || props === void 0 ? void 0 : props.onBeforeCreateChannel,
-    onThemeChange: props === null || props === void 0 ? void 0 : props.onThemeChange,
-    overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser,
-    onProfileEditSuccess: props === null || props === void 0 ? void 0 : props.onProfileEditSuccess,
-    onChannelSelect: props === null || props === void 0 ? void 0 : props.onChannelSelect,
-    sortChannelList: props === null || props === void 0 ? void 0 : props.sortChannelList,
-    queries: props === null || props === void 0 ? void 0 : props.queries,
-    disableAutoSelect: props === null || props === void 0 ? void 0 : props.disableAutoSelect,
-    activeChannelUrl: props === null || props === void 0 ? void 0 : props.activeChannelUrl,
-    isTypingIndicatorEnabled: props === null || props === void 0 ? void 0 : props.isTypingIndicatorEnabled,
-    isMessageReceiptStatusEnabled: props === null || props === void 0 ? void 0 : props.isMessageReceiptStatusEnabled
-  }, /*#__PURE__*/React__default.createElement(ChannelListUI, {
-    renderChannelPreview: props === null || props === void 0 ? void 0 : props.renderChannelPreview,
-    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
-    renderHeader: props === null || props === void 0 ? void 0 : props.renderHeader,
-    renderPlaceHolderEmptyList: props === null || props === void 0 ? void 0 : props.renderPlaceHolderEmptyList,
-    renderPlaceHolderError: props === null || props === void 0 ? void 0 : props.renderPlaceHolderError,
-    renderPlaceHolderLoading: props === null || props === void 0 ? void 0 : props.renderPlaceHolderLoading
-  }));
-};
-
-export { ChannelList as default };
-//# sourceMappingURL=ChannelList.js.map