@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.js","sources":["../../../../src/modules/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport ChannelAvatar from '../../../../ui/ChannelAvatar';\nimport Badge from '../../../../ui/Badge';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport * as utils from './utils';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport MentionUserLabel from '../../../../ui/MentionUserLabel';\nimport Modal from '../../../../ui/Modal';\nimport TextButton from '../../../../ui/TextButton';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { CoreMessageType, isVoiceMessage, SendableMessageType } from '../../../../utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport useLongPress from '../../../../hooks/useLongPress';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  onLeaveChannel?: () => void;\n  renderChannelAction: (props: { channel: GroupChannel }) => React.ReactElement;\n  tabIndex: number;\n}\n\nconst ChannelPreview: React.FC<ChannelPreviewInterface> = ({\n  channel,\n  isActive = false,\n  isTyping = false,\n  renderChannelAction,\n  onLeaveChannel,\n  onClick,\n  tabIndex,\n}: ChannelPreviewInterface) => {\n  const sbState = useSendbirdStateContext();\n  const {\n    isTypingIndicatorEnabled = false,\n    isMessageReceiptStatusEnabled = false,\n  } = useChannelListContext();\n  const { dateLocale, stringSet } = useLocalization();\n  const { isMobile } = useMediaQueryContext();\n\n  const [showMobileLeave, setShowMobileLeave] = useState(false);\n\n  const userId = sbState?.stores?.userStore?.user?.userId;\n  const theme = sbState?.config?.theme;\n  const isMentionEnabled = sbState?.config?.isMentionEnabled;\n  const isFrozen = channel?.isFrozen || false;\n  const isBroadcast = channel?.isBroadcast || false;\n  const isChannelTyping = isTypingIndicatorEnabled && isTyping;\n  const isMessageStatusEnabled = isMessageReceiptStatusEnabled\n    && (channel?.lastMessage?.messageType === 'user' || channel?.lastMessage?.messageType === 'file')\n    && (channel?.lastMessage as SendableMessageType)?.sender?.userId === userId;\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\n      >\n        <div\n          className=\"sendbird-channel-preview__avatar\"\n        >\n          <ChannelAvatar\n            channel={channel}\n            userId={userId}\n            theme={theme}\n          />\n        </div>\n        <div className=\"sendbird-channel-preview__content\">\n          <div className=\"sendbird-channel-preview__content__upper\">\n            <div className=\"sendbird-channel-preview__content__upper__header\">\n              {\n                isBroadcast\n                && (\n                  <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                    <Icon\n                      type={IconTypes.BROADCAST}\n                      fillColor={IconColors.SECONDARY}\n                      height=\"16px\"\n                      width=\"16px\"\n                    />\n                  </div>\n                )\n              }\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {channelName}\n              </Label>\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__total-members\"\n                type={LabelTypography.CAPTION_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {utils.getTotalMembers(channel)}\n              </Label>\n              {\n                isFrozen\n                && (\n                  <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                    <Icon\n                      type={IconTypes.FREEZE}\n                      fillColor={IconColors.PRIMARY}\n                      height={12}\n                      width={12}\n                    />\n                  </div>\n                )\n              }\n            </div>\n            {\n              (!channel?.isEphemeral && isMessageStatusEnabled) && (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as CoreMessageType}\n                  isDateSeparatorConsidered={false}\n                />\n              )\n            }\n            {\n              (!channel?.isEphemeral && !isMessageStatusEnabled) && (\n                <Label\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {utils.getLastMessageCreatedAt({\n                    channel,\n                    locale: dateLocale,\n                    stringSet,\n                  })}\n                </Label>\n              )\n            }\n          </div>\n          <div className=\"sendbird-channel-preview__content__lower\">\n            <Label\n              className=\"sendbird-channel-preview__content__lower__last-message\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {\n                isChannelTyping && (\n                  <TypingIndicatorText members={channel?.getTypingUsers()} />\n                )\n              }\n              {\n                !isChannelTyping && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel)\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            {\n              !channel?.isEphemeral && (\n                <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n                  {\n                    (isMentionEnabled && channel?.unreadMentionCount > 0)\n                      ? (\n                        <MentionUserLabel\n                          className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                          color=\"purple\"\n                        >\n                          {'@'}\n                        </MentionUserLabel>\n                      )\n                      : null\n                  }\n                  {\n                    utils.getChannelUnreadMessageCount(channel) // return number\n                      ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                      : null\n                  }\n                </div>\n              )\n            }\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n};\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_ref","_sbState$stores","_sbState$stores$userS","_sbState$stores$userS2","_sbState$config","_sbState$config2","_channel$lastMessage","_channel$lastMessage2","_channel$lastMessage3","_channel$lastMessage4","channel","isActive","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","useChannelListContext","dateLocale","stringSet","useLocalization","isMobile","useMediaQueryContext","showMobileLeave","setShowMobileLeave","useState","userId","stores","userStore","user","theme","config","isMentionEnabled","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","lastMessage","messageType","sender","onLongPress","useLongPress","delay","channelName","utils","React","createElement","Fragment","_extends","className","join","role","_objectSpread","ChannelAvatar","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","SECONDARY","height","width","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","title","FREEZE","PRIMARY","isEphemeral","MessageStatus","message","isDateSeparatorConsidered","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","members","getTypingUsers","isVoiceMessage","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","count","Modal","titleText","hideFooter","isCloseOnClickOutside","onCancel","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}
+{"version":3,"file":"ChannelPreview.js","sources":["../../../../src/modules/ChannelList/components/ChannelPreview/index.tsx"],"sourcesContent":["import './channel-preview.scss';\n\nimport React, { useState } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport ChannelAvatar from '../../../../ui/ChannelAvatar';\nimport Badge from '../../../../ui/Badge';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport * as utils from './utils';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport MentionUserLabel from '../../../../ui/MentionUserLabel';\nimport Modal from '../../../../ui/Modal';\nimport TextButton from '../../../../ui/TextButton';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { TypingIndicatorText } from '../../../Channel/components/TypingIndicator';\nimport MessageStatus from '../../../../ui/MessageStatus';\nimport { CoreMessageType, isVoiceMessage, SendableMessageType } from '../../../../utils';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport useLongPress from '../../../../hooks/useLongPress';\n\ninterface ChannelPreviewInterface {\n  channel: GroupChannel;\n  isActive?: boolean;\n  isTyping?: boolean;\n  onClick: () => void;\n  onLeaveChannel?: () => void;\n  renderChannelAction: (props: { channel: GroupChannel }) => React.ReactElement;\n  tabIndex: number;\n}\n\nconst ChannelPreview: React.FC<ChannelPreviewInterface> = ({\n  channel,\n  isActive = false,\n  isTyping = false,\n  renderChannelAction,\n  onLeaveChannel,\n  onClick,\n  tabIndex,\n}: ChannelPreviewInterface) => {\n  const sbState = useSendbirdStateContext();\n  const {\n    isTypingIndicatorEnabled = false,\n    isMessageReceiptStatusEnabled = false,\n  } = useChannelListContext();\n  const { dateLocale, stringSet } = useLocalization();\n  const { isMobile } = useMediaQueryContext();\n\n  const [showMobileLeave, setShowMobileLeave] = useState(false);\n\n  const userId = sbState?.stores?.userStore?.user?.userId;\n  const theme = sbState?.config?.theme;\n  const isMentionEnabled = sbState?.config?.isMentionEnabled;\n  const isFrozen = channel?.isFrozen || false;\n  const isBroadcast = channel?.isBroadcast || false;\n  const isChannelTyping = isTypingIndicatorEnabled && isTyping;\n  const isMessageStatusEnabled = isMessageReceiptStatusEnabled\n    && (channel?.lastMessage?.messageType === 'user' || channel?.lastMessage?.messageType === 'file')\n    && (channel?.lastMessage as SendableMessageType)?.sender?.userId === userId;\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      if (isMobile) {\n        setShowMobileLeave(true);\n      }\n    },\n    onClick,\n  }, {\n    delay: 1000,\n  });\n  const channelName = utils.getChannelTitle(channel, userId, stringSet);\n  return (\n    <>\n      <div\n        className={[\n          'sendbird-channel-preview',\n          isActive ? 'sendbird-channel-preview--active' : '',\n        ].join(' ')}\n        role=\"link\"\n        tabIndex={tabIndex}\n        {...(isMobile ? { ...onLongPress } : { onClick })}\n      >\n        <div\n          className=\"sendbird-channel-preview__avatar\"\n        >\n          <ChannelAvatar\n            channel={channel}\n            userId={userId}\n            theme={theme}\n          />\n        </div>\n        <div className=\"sendbird-channel-preview__content\">\n          <div className=\"sendbird-channel-preview__content__upper\">\n            <div className=\"sendbird-channel-preview__content__upper__header\">\n              {\n                isBroadcast\n                && (\n                  <div className=\"sendbird-channel-preview__content__upper__header__broadcast-icon\">\n                    <Icon\n                      type={IconTypes.BROADCAST}\n                      fillColor={IconColors.SECONDARY}\n                      height=\"16px\"\n                      width=\"16px\"\n                    />\n                  </div>\n                )\n              }\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__channel-name\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {channelName}\n              </Label>\n              <Label\n                className=\"sendbird-channel-preview__content__upper__header__total-members\"\n                type={LabelTypography.CAPTION_2}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {utils.getTotalMembers(channel)}\n              </Label>\n              {\n                isFrozen\n                && (\n                  <div title=\"Frozen\" className=\"sendbird-channel-preview__content__upper__header__frozen-icon\">\n                    <Icon\n                      type={IconTypes.FREEZE}\n                      fillColor={IconColors.PRIMARY}\n                      height={12}\n                      width={12}\n                    />\n                  </div>\n                )\n              }\n            </div>\n            {\n              (!channel?.isEphemeral && isMessageStatusEnabled) && (\n                <MessageStatus\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  channel={channel}\n                  message={channel?.lastMessage as CoreMessageType}\n                  isDateSeparatorConsidered={false}\n                />\n              )\n            }\n            {\n              (!channel?.isEphemeral && !isMessageStatusEnabled) && (\n                <Label\n                  className=\"sendbird-channel-preview__content__upper__last-message-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {utils.getLastMessageCreatedAt({\n                    channel,\n                    locale: dateLocale,\n                    stringSet,\n                  })}\n                </Label>\n              )\n            }\n          </div>\n          <div className=\"sendbird-channel-preview__content__lower\">\n            <Label\n              className=\"sendbird-channel-preview__content__lower__last-message\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {\n                isChannelTyping && (\n                  <TypingIndicatorText members={channel?.getTypingUsers()} />\n                )\n              }\n              {\n                !isChannelTyping && !isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  utils.getLastMessage(channel, stringSet)\n                )\n              }\n              {\n                !isChannelTyping && isVoiceMessage(channel?.lastMessage as FileMessage) && (\n                  stringSet.VOICE_MESSAGE\n                )\n              }\n            </Label>\n            {\n              !channel?.isEphemeral && (\n                <div className=\"sendbird-channel-preview__content__lower__unread-message-count\">\n                  {\n                    (isMentionEnabled && channel?.unreadMentionCount > 0)\n                      ? (\n                        <MentionUserLabel\n                          className=\"sendbird-channel-preview__content__lower__unread-message-count__mention\"\n                          color=\"purple\"\n                        >\n                          {'@'}\n                        </MentionUserLabel>\n                      )\n                      : null\n                  }\n                  {\n                    utils.getChannelUnreadMessageCount(channel) // return number\n                      ? <Badge count={utils.getChannelUnreadMessageCount(channel)} />\n                      : null\n                  }\n                </div>\n              )\n            }\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-channel-preview__action\"\n            >\n              {renderChannelAction({ channel })}\n            </div>\n          )\n        }\n      </div>\n      {/*\n        Event from portal is transferred to parent\n        If this modal goes inside channel preview, it will propogate event to\n        ChannelPreview and cause many issues with click/touchEnd etc\n        https://github.com/facebook/react/issues/11387#issuecomment-340019419\n      */}\n      {\n        showMobileLeave && isMobile && (\n          <Modal\n            className=\"sendbird-channel-preview__leave--mobile\"\n            titleText={channelName}\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => setShowMobileLeave(false)}\n          >\n            <TextButton\n              onClick={() => {\n                onLeaveChannel();\n                setShowMobileLeave(false);\n              }}\n              className=\"sendbird-channel-preview__leave-label--mobile\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE}\n              </Label>\n            </TextButton>\n          </Modal>\n        )\n      }\n    </>\n  );\n};\n\nexport default ChannelPreview;\n"],"names":["ChannelPreview","_a","channel","_l","isActive","_m","isTyping","renderChannelAction","onLeaveChannel","onClick","tabIndex","sbState","useSendbirdStateContext","_o","useChannelListContext","_p","isTypingIndicatorEnabled","_q","isMessageReceiptStatusEnabled","_r","useLocalization","dateLocale","stringSet","isMobile","useMediaQueryContext","_s","useState","showMobileLeave","setShowMobileLeave","userId","_d","_b","stores","userStore","user","theme","_e","config","isMentionEnabled","_f","isFrozen","isBroadcast","isChannelTyping","isMessageStatusEnabled","_g","lastMessage","messageType","_h","_k","_j","sender","onLongPress","useLongPress","delay","channelName","utils","React","createElement","Fragment","_extends","className","join","role","__assign","ChannelAvatar","Icon","type","IconTypes","BROADCAST","fillColor","IconColors","SECONDARY","height","width","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","title","FREEZE","PRIMARY","isEphemeral","MessageStatus","message","isDateSeparatorConsidered","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","members","getTypingUsers","isVoiceMessage","VOICE_MESSAGE","unreadMentionCount","MentionUserLabel","Badge","count","Modal","titleText","hideFooter","isCloseOnClickOutside","onCancel","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -1,61 +1,60 @@
 'use strict';
 
 var React = require('react');
-var PropTypes = require('prop-types');
-var LocalizationContext = require('../../LocalizationContext-482c1343.js');
+var LocalizationContext = require('../../LocalizationContext-5009012e.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('../../utils-c47c68b1.js');
+var utils = require('../../utils-180c6bc8.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ChannelList_context = require('../../ChannelListProvider-e55e6242.js');
-require('../../stringSet-d00535a5.js');
-require('../../index-d04f312e.js');
-require('../../_rollupPluginBabelHelpers-83d7e84b.js');
+var ChannelList_context = require('../../ChannelListProvider-a418de2e.js');
+require('../../stringSet-98b52c49.js');
+require('../../index-fd8a0abb.js');
+require('../../tslib.es6-2f2b0bca.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-b2806cf5.js');
-require('../../index-fbe9cc73.js');
+require('../../uuid-c74bbbb6.js');
+require('../../index-b995f638.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index.module-a24e9cd7.js');
-require('../../index-18720f0d.js');
+require('../../index-609b07a2.js');
+require('../../index-35820a94.js');
+require('prop-types');
 require('../../withSendbird.js');
-require('../../index-cbcacbee.js');
-require('../../MediaQueryContext-73aac8cf.js');
+require('../../index-daf80c58.js');
+require('../../MediaQueryContext-d6fdbe43.js');
 require('../../ui/Button.js');
+require('../../types-66554668.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-adde627b.js');
-require('../../consts-fb07c671.js');
-require('../../UserProfileContext-fa8d0383.js');
+require('../../pubSub/topics.js');
+require('../../consts-95462b21.js');
+require('../../UserProfileContext-922a43ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-const LeaveChannel = props => {
-  var _useChannelListContex, _state$config, _state$config2;
-  const {
-    channel = null,
-    onSubmit = utils.noop,
-    onCancel = utils.noop
-  } = props;
-  const channelFromContext = (_useChannelListContex = ChannelList_context.useChannelListContext()) === null || _useChannelListContex === void 0 ? void 0 : _useChannelListContex.currentChannel;
-  const leavingChannel = channel || channelFromContext;
-  const state = useSendbirdStateContext();
-  const {
-    stringSet
-  } = LocalizationContext.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;
+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 /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
       disabled: !isOnline,
       onCancel: onCancel,
-      onSubmit: () => {
+      onSubmit: function () {
         logger.info('ChannelSettings: Leaving channel', leavingChannel);
-        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(() => {
+        leavingChannel === null || leavingChannel === void 0 ? void 0 : leavingChannel.leave().then(function () {
           logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);
           onSubmit();
         });
@@ -66,77 +65,71 @@ const LeaveChannel = props => {
   }
 };
 
-function ChannelPreviewAction(_ref) {
-  let {
-    channel,
-    disabled,
-    onLeaveChannel
-  } = _ref;
-  const parentRef = React.useRef(null);
-  const parentContainerRef = React.useRef(null);
-  const [showModal, setShowModal] = React.useState(false);
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
+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 /*#__PURE__*/React__default["default"].createElement("div", {
+    ref: parentContainerRef,
+    tabIndex: 0,
     role: "button",
     style: {
       display: 'inline-block'
     },
-    onKeyDown: e => {
-      e.stopPropagation();
+    onKeyDown: function (e) {
+      return e.stopPropagation();
     },
-    tabIndex: 0,
-    onClick: e => {
-      e.stopPropagation();
+    onClick: function (e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
+    menuTrigger: function (toggleDropdown) {
+      return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+        ref: parentRef,
+        onClick: toggleDropdown,
+        height: "32px",
+        width: "32px"
+      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+        type: ui_Icon.IconTypes.MORE,
+        fillColor: ui_Icon.IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      }));
     },
-    ref: parentContainerRef
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"]
-  /* eslint-disable react/no-unstable-nested-components */, {
-    menuTrigger: toggleDropdown => /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-      ref: parentRef,
-      onClick: toggleDropdown,
-      height: "32px",
-      width: "32px"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.MORE,
-      fillColor: ui_Icon.IconColors.PRIMARY,
-      width: "24px",
-      height: "24px"
-    }))
-    /* eslint-disable react/no-unstable-nested-components */,
-    menuItems: closeDropdown => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-      parentRef: parentRef,
-      parentContainRef: parentContainerRef,
-      closeDropdown: closeDropdown
-    }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      onClick: () => {
-        if (disabled) {
-          return;
-        }
-        setShowModal(true);
-        closeDropdown();
-      },
-      dataSbId: "channel_list_item_context_menu_leave_channel"
-    }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE))
+    menuItems: function (closeDropdown) {
+      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
+        parentRef: parentRef,
+        parentContainRef: parentContainerRef,
+        closeDropdown: closeDropdown
+      }, /*#__PURE__*/React__default["default"].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 && /*#__PURE__*/React__default["default"].createElement(LeaveChannel, {
     channel: channel,
-    onSubmit: () => {
+    onSubmit: function () {
       setShowModal(false);
       onLeaveChannel();
     },
-    onCancel: () => setShowModal(false)
+    onCancel: function () {
+      return setShowModal(false);
+    }
   }));
 }
-ChannelPreviewAction.propTypes = {
-  disabled: PropTypes__default["default"].bool,
-  onLeaveChannel: PropTypes__default["default"].func.isRequired,
-  channel: PropTypes__default["default"].shape({})
-};
-ChannelPreviewAction.defaultProps = {
-  disabled: false,
-  channel: null
-};
 
 module.exports = ChannelPreviewAction;
 //# sourceMappingURL=ChannelPreviewAction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreviewAction.js","sources":["../../../../src/modules/ChannelList/components/LeaveChannel/index.tsx","../../../../src/modules/ChannelList/components/ChannelPreviewAction.jsx"],"sourcesContent":["import React from 'react';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nexport type LeaveChannelProps = {\n  channel?: GroupChannel;\n  onSubmit: () => void;\n  onCancel: () => void;\n};\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    channel = null,\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const channelFromContext = useChannelListContext()?.currentChannel;\n  const leavingChannel = channel || channelFromContext;\n  const state = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  if (leavingChannel) {\n    return (\n      <Modal\n        disabled={!isOnline}\n        onCancel={onCancel}\n        onSubmit={() => {\n          logger.info('ChannelSettings: Leaving channel', leavingChannel);\n          leavingChannel?.leave()\n            .then(() => {\n              logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);\n              onSubmit();\n            });\n        }}\n        submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n        titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n      />\n    );\n  }\n};\n\nexport default LeaveChannel;\n","import React, {\n  useState,\n  useRef,\n  useContext,\n} from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../ui/ContextMenu';\nimport IconButton from '../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\nimport LeaveChannelModal from './LeaveChannel';\n\nexport default function ChannelPreviewAction({\n  channel,\n  disabled,\n  onLeaveChannel,\n}) {\n  const parentRef = useRef(null);\n  const parentContainerRef = useRef(null);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      role=\"button\"\n      style={{ display: 'inline-block' }}\n      onKeyDown={(e) => { e.stopPropagation(); }}\n      tabIndex={0}\n      onClick={(e) => { e.stopPropagation(); }}\n      ref={parentContainerRef}\n    >\n      <ContextMenu\n      /* eslint-disable react/no-unstable-nested-components */\n        menuTrigger={(toggleDropdown) => (\n          <IconButton\n            ref={parentRef}\n            onClick={toggleDropdown}\n            height=\"32px\"\n            width=\"32px\"\n          >\n            <Icon\n              type={IconTypes.MORE}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        /* eslint-disable react/no-unstable-nested-components */\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={parentRef}\n            parentContainRef={parentContainerRef}\n            closeDropdown={closeDropdown}\n          >\n            <MenuItem\n              onClick={() => {\n                if (disabled) { return; }\n                setShowModal(true);\n                closeDropdown();\n              }}\n              dataSbId=\"channel_list_item_context_menu_leave_channel\"\n            >\n              {stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE}\n            </MenuItem>\n          </MenuItems>\n        )}\n      />\n      {\n        showModal && (\n          <LeaveChannelModal\n            channel={channel}\n            onSubmit={() => {\n              setShowModal(false);\n              onLeaveChannel();\n            }}\n            onCancel={() => setShowModal(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nChannelPreviewAction.propTypes = {\n  disabled: PropTypes.bool,\n  onLeaveChannel: PropTypes.func.isRequired,\n  channel: PropTypes.shape({}),\n};\n\nChannelPreviewAction.defaultProps = {\n  disabled: false,\n  channel: null,\n};\n"],"names":["LeaveChannel","props","_useChannelListContex","_state$config","_state$config2","channel","onSubmit","noop","onCancel","channelFromContext","useChannelListContext","currentChannel","leavingChannel","state","useSendbirdStateContext","stringSet","useLocalization","logger","config","isOnline","React","createElement","Modal","disabled","info","leave","then","submitText","MODAL__LEAVE_CHANNEL__FOOTER","titleText","MODAL__LEAVE_CHANNEL__TITLE","ChannelPreviewAction","_ref","onLeaveChannel","parentRef","useRef","parentContainerRef","showModal","setShowModal","useState","useContext","LocalizationContext","role","style","display","onKeyDown","e","stopPropagation","tabIndex","onClick","ref","ContextMenu","menuTrigger","toggleDropdown","IconButton","height","width","Icon","type","IconTypes","MORE","fillColor","IconColors","PRIMARY","menuItems","closeDropdown","MenuItems","parentContainRef","MenuItem","dataSbId","CHANNEL_SETTING__LEAVE_CHANNEL__TITLE","LeaveChannelModal","propTypes","PropTypes","bool","func","isRequired","shape","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ChannelPreviewAction.js","sources":["../../../../src/modules/ChannelList/components/LeaveChannel/index.tsx","../../../../src/modules/ChannelList/components/ChannelPreviewAction.tsx"],"sourcesContent":["import React from 'react';\n\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { noop } from '../../../../utils/utils';\n\nimport Modal from '../../../../ui/Modal';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nexport type LeaveChannelProps = {\n  channel?: GroupChannel;\n  onSubmit: () => void;\n  onCancel: () => void;\n};\n\nconst LeaveChannel: React.FC<LeaveChannelProps> = (props: LeaveChannelProps) => {\n  const {\n    channel = null,\n    onSubmit = noop,\n    onCancel = noop,\n  } = props;\n\n  const channelFromContext = useChannelListContext()?.currentChannel;\n  const leavingChannel = channel || channelFromContext;\n  const state = useSendbirdStateContext();\n  const { stringSet } = useLocalization();\n\n  const logger = state?.config?.logger;\n  const isOnline = state?.config?.isOnline;\n  if (leavingChannel) {\n    return (\n      <Modal\n        disabled={!isOnline}\n        onCancel={onCancel}\n        onSubmit={() => {\n          logger.info('ChannelSettings: Leaving channel', leavingChannel);\n          leavingChannel?.leave()\n            .then(() => {\n              logger.info('ChannelSettings: Leaving channel successful!', leavingChannel);\n              onSubmit();\n            });\n        }}\n        submitText={stringSet.MODAL__LEAVE_CHANNEL__FOOTER}\n        titleText={stringSet.MODAL__LEAVE_CHANNEL__TITLE}\n      />\n    );\n  }\n};\n\nexport default LeaveChannel;\n","import React, { useState, useRef, useContext } from 'react';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../ui/ContextMenu';\nimport IconButton from '../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\nimport LeaveChannelModal from './LeaveChannel';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\ntype ChannelPreviewActionProps = {\n  channel?: GroupChannel;\n  disabled: boolean;\n  onLeaveChannel(): void;\n};\n\nexport default function ChannelPreviewAction({ channel, disabled = false, onLeaveChannel }: ChannelPreviewActionProps) {\n  const parentRef = useRef(null);\n  const parentContainerRef = useRef(null);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      ref={parentContainerRef}\n      tabIndex={0}\n      role=\"button\"\n      style={{ display: 'inline-block' }}\n      onKeyDown={(e) => e.stopPropagation()}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <IconButton ref={parentRef} onClick={toggleDropdown} height=\"32px\" width=\"32px\">\n            <Icon type={IconTypes.MORE} fillColor={IconColors.PRIMARY} width=\"24px\" height=\"24px\" />\n          </IconButton>\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems parentRef={parentRef} parentContainRef={parentContainerRef} closeDropdown={closeDropdown}>\n            <MenuItem\n              onClick={() => {\n                if (disabled) {\n                  return;\n                }\n                setShowModal(true);\n                closeDropdown();\n              }}\n              dataSbId=\"channel_list_item_context_menu_leave_channel\"\n            >\n              {stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE}\n            </MenuItem>\n          </MenuItems>\n        )}\n      />\n      {showModal && (\n        <LeaveChannelModal\n          channel={channel}\n          onSubmit={() => {\n            setShowModal(false);\n            onLeaveChannel();\n          }}\n          onCancel={() => setShowModal(false)}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["LeaveChannel","props","_d","channel","_e","onSubmit","noop","_f","onCancel","channelFromContext","_a","useChannelListContext","currentChannel","leavingChannel","state","useSendbirdStateContext","stringSet","useLocalization","logger","_b","config","isOnline","_c","React","createElement","Modal","disabled","info","leave","then","submitText","MODAL__LEAVE_CHANNEL__FOOTER","titleText","MODAL__LEAVE_CHANNEL__TITLE","ChannelPreviewAction","onLeaveChannel","parentRef","useRef","parentContainerRef","useState","showModal","setShowModal","useContext","LocalizationContext","ref","tabIndex","role","style","display","onKeyDown","e","stopPropagation","onClick","ContextMenu","menuTrigger","toggleDropdown","IconButton","height","width","Icon","type","IconTypes","MORE","fillColor","IconColors","PRIMARY","menuItems","closeDropdown","MenuItems","parentContainRef","MenuItem","dataSbId","CHANNEL_SETTING__LEAVE_CHANNEL__TITLE","LeaveChannelModal"],"mappings":"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"}

package/cjs/ChannelList/context.js

@@ -2,20 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../tslib.es6-2f2b0bca.js');
 require('react');
 require('@sendbird/chat/groupChannel');
-var ChannelList_context = require('../ChannelListProvider-e55e6242.js');
-require('../uuid-b2806cf5.js');
-require('../utils-c47c68b1.js');
-require('../consts-fb07c671.js');
-require('../UserProfileContext-fa8d0383.js');
+var ChannelList_context = require('../ChannelListProvider-a418de2e.js');
+require('../uuid-c74bbbb6.js');
+require('../utils-180c6bc8.js');
+require('../consts-95462b21.js');
+require('../UserProfileContext-922a43ec.js');
 require('../useSendbirdStateContext.js');
-require('../topics-adde627b.js');
-require('../index-fbe9cc73.js');
+require('../pubSub/topics.js');
+require('../index-609b07a2.js');
+require('../index-b995f638.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-a24e9cd7.js');
-require('prop-types');
 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":";;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/ChannelList.js

@@ -1,26 +1,26 @@
 'use strict';
 
 var React = require('react');
-var ChannelList_context = require('./ChannelListProvider-e55e6242.js');
+var ChannelList_context = require('./ChannelListProvider-a418de2e.js');
 var ChannelList_components_ChannelListUI = require('./ChannelList/components/ChannelListUI.js');
-require('./_rollupPluginBabelHelpers-83d7e84b.js');
+require('./tslib.es6-2f2b0bca.js');
 require('@sendbird/chat/groupChannel');
-require('./topics-adde627b.js');
-require('./uuid-b2806cf5.js');
-require('./utils-c47c68b1.js');
-require('./consts-fb07c671.js');
-require('./UserProfileContext-fa8d0383.js');
-require('prop-types');
+require('./pubSub/topics.js');
+require('./uuid-c74bbbb6.js');
+require('./utils-180c6bc8.js');
+require('./consts-95462b21.js');
+require('./UserProfileContext-922a43ec.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./index-fbe9cc73.js');
+require('./index-609b07a2.js');
+require('./index-b995f638.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./index.module-a24e9cd7.js');
 require('./ChannelList/components/ChannelListHeader.js');
-require('./LocalizationContext-482c1343.js');
-require('./stringSet-d00535a5.js');
-require('./index-d04f312e.js');
-require('./index-18720f0d.js');
+require('./LocalizationContext-5009012e.js');
+require('./stringSet-98b52c49.js');
+require('./index-fd8a0abb.js');
+require('./index-35820a94.js');
+require('prop-types');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
@@ -28,14 +28,15 @@ require('./ChannelList/components/AddChannel.js');
 require('./ui/IconButton.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./CreateChannelProvider-8b8a557c.js');
+require('./CreateChannelProvider-70c9cb7c.js');
 require('./sendbirdSelectors.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-cbcacbee.js');
-require('./MediaQueryContext-73aac8cf.js');
+require('./index-daf80c58.js');
+require('./MediaQueryContext-d6fdbe43.js');
 require('./ui/Button.js');
+require('./types-66554668.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -44,39 +45,41 @@ require('./ui/ContextMenu.js');
 require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./ChannelList/components/ChannelPreview.js');
+require('./_rollupPluginBabelHelpers-94c18dc1.js');
 require('./ui/ChannelAvatar.js');
-require('./utils-5bfb4516.js');
+require('./utils-e313131f.js');
 require('./ui/Badge.js');
-require('./index-8ec12d1d.js');
-require('./index-c9b003b3.js');
+require('./index-aeb36f01.js');
+require('./index-b6d51e74.js');
 require('./ui/Loader.js');
-require('./index-11f9cc0f.js');
-require('./index-4eb7e2b5.js');
+require('./index-83d2aed9.js');
+require('./index-826b76d5.js');
 require('./ui/MentionUserLabel.js');
-require('./consts-b018b1ed.js');
+require('./consts-54f5c12d.js');
 require('./ui/TextButton.js');
-require('./color-d83b77ac.js');
+require('./color-477ddbd4.js');
 require('./Channel/components/TypingIndicator.js');
-require('./ChannelProvider-6fa73019.js');
-require('./const-67ff9e34.js');
-require('./utils-68aa6bf6.js');
-require('./compareIds-bef997cb.js');
+require('./ChannelProvider-7fa98120.js');
+require('./const-9def5c09.js');
+require('./utils-55fc6797.js');
 require('@sendbird/chat/message');
-require('./resolvedReplyType-85b4bd7c.js');
-require('./useSendMultipleFilesMessage-81cdc9d0.js');
-require('./useLongPress-1c0f4696.js');
+require('./useSendMultipleFilesMessage-87e0ffa3.js');
+require('./compareIds-de541666.js');
+require('./resolvedReplyType-c20ef661.js');
+require('./useLongPress-c1da8ba7.js');
 require('./ChannelList/components/ChannelPreviewAction.js');
 require('./EditUserProfile.js');
-require('./index-56a25735.js');
+require('./EditUserProfile/context.js');
+require('./EditUserProfile/components/EditUserProfileUI.js');
 require('./ui/Input.js');
-require('./actionTypes-1d118952.js');
-require('./index-7f41c4b6.js');
+require('./actionTypes-7fa02f94.js');
+require('./ui/PlaceHolder.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ChannelList = props => {
+var ChannelList = function (props) {
   return /*#__PURE__*/React__default["default"].createElement(ChannelList_context.ChannelListProvider, {
     className: props === null || props === void 0 ? void 0 : props.className,
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,

package/cjs/ChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelList.js","sources":["../../src/modules/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      overrideInviteUser={props?.overrideInviteUser}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      activeChannelUrl={props?.activeChannelUrl}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n};\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","createElement","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","activeChannelUrl","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}
+{"version":3,"file":"ChannelList.js","sources":["../../src/modules/ChannelList/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ChannelListProvider,\n  ChannelListProviderProps,\n} from './context/ChannelListProvider';\n\nimport ChannelListUI, { ChannelListUIProps } from './components/ChannelListUI';\n\ninterface ChannelListProps extends ChannelListProviderProps, ChannelListUIProps {}\n\nconst ChannelList: React.FC<ChannelListProps> = (props: ChannelListProps) => {\n  return (\n    <ChannelListProvider\n      className={props?.className}\n      disableUserProfile={props?.disableUserProfile}\n      allowProfileEdit={props?.allowProfileEdit}\n      onBeforeCreateChannel={props?.onBeforeCreateChannel}\n      onThemeChange={props?.onThemeChange}\n      overrideInviteUser={props?.overrideInviteUser}\n      onProfileEditSuccess={props?.onProfileEditSuccess}\n      onChannelSelect={props?.onChannelSelect}\n      sortChannelList={props?.sortChannelList}\n      queries={props?.queries}\n      disableAutoSelect={props?.disableAutoSelect}\n      activeChannelUrl={props?.activeChannelUrl}\n      isTypingIndicatorEnabled={props?.isTypingIndicatorEnabled}\n      isMessageReceiptStatusEnabled={props?.isMessageReceiptStatusEnabled}\n    >\n      <ChannelListUI\n        renderChannelPreview={props?.renderChannelPreview}\n        renderUserProfile={props?.renderUserProfile}\n        renderHeader={props?.renderHeader}\n        renderPlaceHolderEmptyList={props?.renderPlaceHolderEmptyList}\n        renderPlaceHolderError={props?.renderPlaceHolderError}\n        renderPlaceHolderLoading={props?.renderPlaceHolderLoading}\n      />\n    </ChannelListProvider>\n  );\n};\n\nexport default ChannelList;\n"],"names":["ChannelList","props","React","createElement","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","activeChannelUrl","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}