@sendbird/uikit-react 3.5.0-mobile-web-0 → 3.5.0-mobile-web-1

package/cjs/Channel.js

@@ -1,74 +1,74 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./ChannelProvider-b6890429.js');
+var Channel_context = require('./ChannelProvider-2bfafa25.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./UserProfileContext-1bcc48a2.js');
+require('./UserProfileContext-c87514d3.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-919a4db3.js');
-require('./index-60bf4d5c.js');
-require('./index-5e6194f8.js');
-require('./topics-00c67dd6.js');
-require('./index-bca3d144.js');
+require('./_rollupPluginBabelHelpers-3a9d1641.js');
+require('./index-849f44b0.js');
+require('./index-97005534.js');
+require('./topics-3226c6ee.js');
+require('./index-0b8a1074.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./compareIds-8ed822c1.js');
-require('./const-852d5677.js');
+require('./compareIds-a7029d6a.js');
+require('./const-68cf2709.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-d86ea01f.js');
+require('./uuid-5ab4f88b.js');
 require('@sendbird/chat/message');
-require('./consts-6f02fcc4.js');
-require('./index-420b8e6d.js');
-require('./LocalizationContext-461a0816.js');
-require('./stringSet-d1cee26a.js');
+require('./consts-f71467c8.js');
+require('./index-9d9e563e.js');
+require('./LocalizationContext-b42fa07d.js');
+require('./stringSet-4f30313f.js');
 require('./ui/Icon.js');
-require('./index-44186883.js');
+require('./index-72e412f7.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./utils-f1c09ec3.js');
+require('./utils-411a893e.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./utils-c5d4c36e.js');
-require('./MediaQueryContext-de7c63bc.js');
-require('./utils-3dacb9bc.js');
+require('./utils-de654d3c.js');
+require('./MediaQueryContext-372b55a6.js');
+require('./utils-146517a9.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-49de651c.js');
-require('./ThreadProvider-e2098298.js');
+require('./const-3ab3e45c.js');
+require('./ThreadProvider-3ff0ff63.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
 require('./ui/DateSeparator.js');
-require('./color-48ff06b2.js');
+require('./color-a4e73e6f.js');
 require('./ui/MessageInput.js');
 require('./ui/Button.js');
 require('dompurify');
-require('./consts-e9ee4cf4.js');
-require('./consts-2580246d.js');
-require('./consts-5851f376.js');
-require('./tokenize-d3bb1637.js');
+require('./consts-bb2a67c7.js');
+require('./consts-ad8ba629.js');
+require('./consts-26d4668c.js');
+require('./tokenize-e944d548.js');
 require('./ui/MessageContent.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./index-a7025294.js');
-require('./index-60ea6503.js');
-require('./index-849c0736.js');
+require('./index-e1d69370.js');
+require('./index-7ec4fe06.js');
+require('./index-afada680.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
-require('./types-2e9e46b2.js');
+require('./types-31174fcc.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./useLongPress-4c2e9a3b.js');
+require('./useLongPress-bf1e8eee.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
-require('./index-7a68d56f.js');
+require('./index-e8b83547.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -77,8 +77,8 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/TextMessageItemBody.js');
-require('./index-f4682499.js');
-require('./index.module-10ef9afc.js');
+require('./index-1c18afa8.js');
+require('./index.module-d2876b1c.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/FileMessageItemBody.js');
@@ -87,27 +87,27 @@ require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/QuoteMessage.js');
-require('./index-f5399132.js');
+require('./index-a401f2b6.js');
 require('./ui/ThreadReplies.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./index-6a46ed00.js');
+require('./index-cb1d7ac4.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
 require('./ui/Modal.js');
-require('./index-223e9372.js');
-require('./useDirtyGetMentions-7b6c8a19.js');
+require('./index-c38404d2.js');
+require('./useDirtyGetMentions-97c6e05a.js');
 require('./Channel/components/UnreadCount.js');
 require('./Channel/components/FrozenNotification.js');
 require('./Channel/components/TypingIndicator.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
-require('./VoiceMessageInputWrapper-f18d6a5e.js');
+require('./VoiceMessageInputWrapper-6e1d03d7.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./index-0126dbb4.js');
+require('./index-9b23b5c2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/AddChannel.js

@@ -7,35 +7,35 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../ChannelListProvider-b3ffe21a.js');
-require('../../_rollupPluginBabelHelpers-919a4db3.js');
+var ChannelList_context = require('../../ChannelListProvider-46e379c7.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
 require('prop-types');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-e1376032.js');
+require('../../CreateChannelProvider-ef7e4c91.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-00c67dd6.js');
-require('../../utils-3dacb9bc.js');
+require('../../topics-3226c6ee.js');
+require('../../utils-146517a9.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../LocalizationContext-461a0816.js');
-require('../../stringSet-d1cee26a.js');
-require('../../index-5e6194f8.js');
+require('../../LocalizationContext-b42fa07d.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-7a68d56f.js');
+require('../../index-e8b83547.js');
 require('../../ui/Button.js');
-require('../../index-44186883.js');
-require('../../MediaQueryContext-de7c63bc.js');
+require('../../index-72e412f7.js');
+require('../../MediaQueryContext-372b55a6.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-1bcc48a2.js');
+require('../../UserProfileContext-c87514d3.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d86ea01f.js');
+require('../../uuid-5ab4f88b.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-bca3d144.js');
+require('../../index-0b8a1074.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');

package/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../index-44186883.js');
+var ui_Label = require('../../index-72e412f7.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-require('../../stringSet-d1cee26a.js');
-require('../../index-5e6194f8.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-919a4db3.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
 require('prop-types');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-d86ea01f.js');
+require('../../uuid-5ab4f88b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListUI.js

@@ -5,67 +5,67 @@ 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('../../ChannelListProvider-b3ffe21a.js');
+var ChannelList_context = require('../../ChannelListProvider-46e379c7.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../index-420b8e6d.js');
-require('../../LocalizationContext-461a0816.js');
-require('../../stringSet-d1cee26a.js');
-require('../../index-5e6194f8.js');
-require('../../index-44186883.js');
+var ui_PlaceHolder = require('../../index-9d9e563e.js');
+require('../../LocalizationContext-b42fa07d.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
+require('../../index-72e412f7.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-d86ea01f.js');
+require('../../uuid-5ab4f88b.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-919a4db3.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-e1376032.js');
+require('../../CreateChannelProvider-ef7e4c91.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-00c67dd6.js');
-require('../../utils-3dacb9bc.js');
+require('../../topics-3226c6ee.js');
+require('../../utils-146517a9.js');
 require('../../CreateChannel/components/InviteUsers.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-7a68d56f.js');
+require('../../index-e8b83547.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-de7c63bc.js');
+require('../../MediaQueryContext-372b55a6.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-1bcc48a2.js');
+require('../../UserProfileContext-c87514d3.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-bca3d144.js');
+require('../../index-0b8a1074.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../ui/ChannelAvatar.js');
-require('../../utils-c5d4c36e.js');
+require('../../utils-de654d3c.js');
 require('../../ui/Badge.js');
-require('../../index-a7025294.js');
-require('../../index-60bf4d5c.js');
+require('../../index-e1d69370.js');
+require('../../index-849f44b0.js');
 require('../../ui/Loader.js');
-require('../../index-60ea6503.js');
-require('../../index-849c0736.js');
+require('../../index-7ec4fe06.js');
+require('../../index-afada680.js');
 require('../../ui/MentionUserLabel.js');
-require('../../consts-e9ee4cf4.js');
+require('../../consts-bb2a67c7.js');
 require('../../ui/TextButton.js');
-require('../../color-48ff06b2.js');
+require('../../color-a4e73e6f.js');
 require('../../Channel/components/TypingIndicator.js');
 require('@sendbird/chat/groupChannel');
-require('../../ChannelProvider-b6890429.js');
-require('../../compareIds-8ed822c1.js');
-require('../../const-852d5677.js');
+require('../../ChannelProvider-2bfafa25.js');
+require('../../compareIds-a7029d6a.js');
+require('../../const-68cf2709.js');
 require('@sendbird/chat/message');
-require('../../consts-6f02fcc4.js');
-require('../../useLongPress-4c2e9a3b.js');
+require('../../consts-f71467c8.js');
+require('../../useLongPress-bf1e8eee.js');
 require('../../withSendbird.js');
-require('../../index-a51f1b7d.js');
+require('../../index-811da6ee.js');
 require('../../ui/Input.js');
-require('../../actionTypes-1e75e6e9.js');
+require('../../actionTypes-ecb5bef6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelPreview.js

@@ -1,50 +1,50 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-919a4db3.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-3a9d1641.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('../../index-44186883.js');
-var ui_MessageStatus = require('../../index-a7025294.js');
+var ui_Label = require('../../index-72e412f7.js');
+var ui_MessageStatus = require('../../index-e1d69370.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
 var ui_MentionUserLabel = require('../../ui/MentionUserLabel.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ChannelList_context = require('../../ChannelListProvider-b3ffe21a.js');
+var ChannelList_context = require('../../ChannelListProvider-46e379c7.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-bca3d144.js');
-var MediaQueryContext = require('../../MediaQueryContext-de7c63bc.js');
-var useLongPress = require('../../useLongPress-4c2e9a3b.js');
+var index = require('../../index-0b8a1074.js');
+var MediaQueryContext = require('../../MediaQueryContext-372b55a6.js');
+var useLongPress = require('../../useLongPress-bf1e8eee.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d86ea01f.js');
-require('../../utils-c5d4c36e.js');
+require('../../uuid-5ab4f88b.js');
+require('../../utils-de654d3c.js');
 require('prop-types');
-require('../../stringSet-d1cee26a.js');
-require('../../index-60bf4d5c.js');
-require('../../index-5e6194f8.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-849f44b0.js');
+require('../../index-97005534.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-60ea6503.js');
-require('../../index-849c0736.js');
+require('../../index-7ec4fe06.js');
+require('../../index-afada680.js');
 require('../../withSendbird.js');
-require('../../consts-e9ee4cf4.js');
+require('../../consts-bb2a67c7.js');
 require('react-dom');
-require('../../index-7a68d56f.js');
+require('../../index-e8b83547.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../color-48ff06b2.js');
+require('../../color-a4e73e6f.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-00c67dd6.js');
-require('../../utils-3dacb9bc.js');
-require('../../UserProfileContext-1bcc48a2.js');
-require('../../ChannelProvider-b6890429.js');
-require('../../compareIds-8ed822c1.js');
-require('../../const-852d5677.js');
+require('../../topics-3226c6ee.js');
+require('../../utils-146517a9.js');
+require('../../UserProfileContext-c87514d3.js');
+require('../../ChannelProvider-2bfafa25.js');
+require('../../compareIds-a7029d6a.js');
+require('../../const-68cf2709.js');
 require('@sendbird/chat/message');
-require('../../consts-6f02fcc4.js');
+require('../../consts-f71467c8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -154,7 +154,7 @@ const ChannelPreview = _ref => {
     color: ui_Label.LabelColors.ONBACKGROUND_3
   }, isChannelTyping && /*#__PURE__*/React__default["default"].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) + (index.isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? ` ${stringSet.MESSAGE_EDITED}` : ''), !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel !== null && channel !== void 0 && channel.isEphemeral) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), !isChannelTyping && !index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && ui_MessageStatus.getLastMessage(channel), !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel !== null && channel !== void 0 && channel.isEphemeral) && /*#__PURE__*/React__default["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["default"].createElement(ui_MentionUserLabel, {
     className: "sendbird-channel-preview__content__lower__unread-message-count__mention",

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, UserMessage } 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 { isEditedMessage, isVoiceMessage } 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 UserMessage | FileMessage)?.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 UserMessage | FileMessage}\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) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\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","isEditedMessage","MESSAGE_EDITED","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, UserMessage } 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 { isVoiceMessage } 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 UserMessage | FileMessage)?.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 UserMessage | FileMessage}\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCMA,MAAAA,cAAiD,GAAGC,IAAA,IAQ3B;AAAA,EAAA,IAAAC,eAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA,CAAA;EAAA,IAR4B;IACzDC,OAAO;AACPC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,mBAAmB;IACnBC,cAAc;IACdC,OAAO;AACPC,IAAAA,QAAAA;AACuB,GAAC,GAAAhB,IAAA,CAAA;EACxB,MAAMiB,OAAO,GAAGC,uBAAuB,EAAE,CAAA;EACzC,MAAM;AACJC,IAAAA,wBAAwB,GAAG,KAAK;AAChCC,IAAAA,6BAA6B,GAAG,KAAA;GACjC,GAAGC,yCAAqB,EAAE,CAAA;EAC3B,MAAM;IAAEC,UAAU;AAAEC,IAAAA,SAAAA;GAAW,GAAGC,mCAAe,EAAE,CAAA;EACnD,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,sCAAoB,EAAE,CAAA;EAE3C,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAE7D,EAAA,MAAMC,MAAM,GAAGb,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAhB,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,eAAA,GAAPgB,OAAO,CAAEc,MAAM,MAAA9B,IAAAA,IAAAA,eAAA,wBAAAC,qBAAA,GAAfD,eAAA,CAAiB+B,SAAS,MAAA,IAAA,IAAA9B,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,sBAAA,GAA1BD,qBAAA,CAA4B+B,IAAI,MAAA9B,IAAAA,IAAAA,sBAAA,KAAhCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAkC2B,MAAM,CAAA;AACvD,EAAA,MAAMI,KAAK,GAAGjB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAb,eAAA,GAAPa,OAAO,CAAEkB,MAAM,MAAA/B,IAAAA,IAAAA,eAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAA,CAAiB8B,KAAK,CAAA;AACpC,EAAA,MAAME,gBAAgB,GAAGnB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,wBAAAZ,gBAAA,GAAPY,OAAO,CAAEkB,MAAM,MAAA9B,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAiB+B,gBAAgB,CAAA;EAC1D,MAAMC,QAAQ,GAAG,CAAA3B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE2B,QAAQ,KAAI,KAAK,CAAA;EAC3C,MAAMC,WAAW,GAAG,CAAA5B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE4B,WAAW,KAAI,KAAK,CAAA;AACjD,EAAA,MAAMC,eAAe,GAAGpB,wBAAwB,IAAIP,QAAQ,CAAA;AAC5D,EAAA,MAAM4B,sBAAsB,GAAGpB,6BAA6B,KACtD,CAAAV,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAJ,oBAAA,GAAPI,OAAO,CAAE+B,WAAW,MAAAnC,IAAAA,IAAAA,oBAAA,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAsBoC,WAAW,MAAK,MAAM,IAAI,CAAAhC,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAH,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAPG,OAAO,CAAE+B,WAAW,MAAA,IAAA,IAAAlC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,qBAAA,CAAsBmC,WAAW,MAAK,MAAM,CAAC,IAC9F,CAAChC,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAPE,OAAO,CAAE+B,WAAW,MAAA,IAAA,IAAAjC,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,qBAAA,GAArBD,qBAAA,CAAqDmC,MAAM,MAAAlC,IAAAA,IAAAA,qBAAA,KAA3DA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA6DqB,MAAM,MAAKA,MAAM,CAAA;EAEnF,MAAMc,WAAW,GAAGC,yBAAY,CAAC;IAC/BD,WAAW,EAAEA,MAAM;AACjB,MAAA,IAAInB,QAAQ,EAAE;QACZG,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC1B,OAAA;KACD;AACDb,IAAAA,OAAAA;AACF,GAAC,EAAE;AACD+B,IAAAA,KAAK,EAAE,IAAA;AACT,GAAC,CAAC,CAAA;EACF,MAAMC,WAAW,GAAGC,gCAAqB,CAACtC,OAAO,EAAEoB,MAAM,EAAEP,SAAS,CAAC,CAAA;AACrE,EAAA,oBACE0B,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAE,kCAAA,CAAA;AACEC,IAAAA,SAAS,EAAE,CACT,0BAA0B,EAC1B1C,QAAQ,GAAG,kCAAkC,GAAG,EAAE,CACnD,CAAC2C,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,MAAM;AACXvC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACdS,QAAQ,GAAA+B,wCAAA,CAAA,EAAA,EAAQZ,WAAW,CAAK,GAAA;AAAE7B,IAAAA,OAAAA;GAAS,CAAA,eAEhDkC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,eAE5CJ,yBAAA,CAAAC,aAAA,CAACO,gBAAa,EAAA;AACZ/C,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,MAAM,EAAEA,MAAO;AACfI,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,CACb,CACE,eACNe,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,mCAAA;GACbJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,0CAAA;GACbJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,kDAAA;AAAkD,GAAA,EAE7Df,WAAW,iBAETW,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,kEAAA;AAAkE,GAAA,eAC/EJ,yBAAA,CAAAC,aAAA,CAACQ,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,SAAU;IAC1BC,SAAS,EAAEC,kBAAU,CAACC,SAAU;AAChCC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,KAAK,EAAC,MAAA;AAAM,GAAA,CACZ,CAEL,eAEHjB,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,gEAAgE;IAC1EM,IAAI,EAAES,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCzB,WAAW,CACN,eACRE,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,iEAAiE;IAC3EM,IAAI,EAAES,wBAAe,CAACK,SAAU;IAChCH,KAAK,EAAEC,oBAAW,CAACG,cAAAA;AAAe,GAAA,EAEjC1B,gCAAqB,CAACtC,OAAO,CAAC,CACzB,EAEN2B,QAAQ,iBAENY,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKyB,IAAAA,KAAK,EAAC,QAAQ;AAACtB,IAAAA,SAAS,EAAC,+DAAA;AAA+D,GAAA,eAC3FJ,yBAAA,CAAAC,aAAA,CAACQ,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACgB,MAAO;IACvBd,SAAS,EAAEC,kBAAU,CAACc,OAAQ;AAC9BZ,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,KAAK,EAAE,EAAA;AAAG,GAAA,CACV,CAEL,CAEC,EAEH,EAACxD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEoE,WAAW,KAAItC,sBAAsB,iBAC9CS,yBAAA,CAAAC,aAAA,CAAC6B,8BAAa,EAAA;AACZ1B,IAAAA,SAAS,EAAC,2DAA2D;AACrE3C,IAAAA,OAAO,EAAEA,OAAQ;AACjBsE,IAAAA,OAAO,EAAEtE,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE+B,WAAyC;AAC3DwC,IAAAA,yBAAyB,EAAE,KAAA;AAAM,GAAA,CAEpC,EAGA,EAACvE,OAAO,KAAPA,IAAAA,IAAAA,OAAO,eAAPA,OAAO,CAAEoE,WAAW,CAAA,IAAI,CAACtC,sBAAsB,iBAC/CS,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,2DAA2D;IACrEM,IAAI,EAAES,wBAAe,CAACc,SAAU;IAChCZ,KAAK,EAAEC,oBAAW,CAACG,cAAAA;GAElB1B,EAAAA,wCAA6B,CAAC;IAC7BtC,OAAO;AACPyE,IAAAA,MAAM,EAAE7D,UAAU;AAClBC,IAAAA,SAAAA;AACF,GAAC,CAAC,CAEL,CAEC,eACN0B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,0CAAA;AAA0C,GAAA,eACvDJ,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;AACJd,IAAAA,SAAS,EAAC,wDAAwD;IAClEM,IAAI,EAAES,wBAAe,CAACgB,MAAO;IAC7Bd,KAAK,EAAEC,oBAAW,CAACc,cAAAA;AAAe,GAAA,EAGhC9C,eAAe,iBACbU,yBAAA,CAAAC,aAAA,CAACoC,sDAAmB,EAAA;AAACC,IAAAA,OAAO,EAAE7E,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE8E,cAAc,EAAA;GACtD,CAAA,EAGD,CAACjD,eAAe,IAAI,CAACkD,oBAAc,CAAC/E,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE+B,WAAW,CAAgB,IACtEO,+BAAoB,CAACtC,OAAO,CAC7B,EAGD,CAAC6B,eAAe,IAAIkD,oBAAc,CAAC/E,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAE+B,WAAW,CAAgB,IACrElB,SAAS,CAACmE,aACX,CAEG,EAEN,EAAChF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEoE,WAAW,CAAA,iBACnB7B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,gEAAA;AAAgE,GAAA,EAE1EjB,gBAAgB,IAAI,CAAA1B,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEiF,kBAAkB,IAAG,CAAC,gBAEhD1C,yBAAA,CAAAC,aAAA,CAAC0C,mBAAgB,EAAA;AACfvC,IAAAA,SAAS,EAAC,yEAAyE;AACnFiB,IAAAA,KAAK,EAAC,QAAA;GAEL,EAAA,GAAG,CACa,GAEnB,IAAI,EAGRtB,6CAAkC,CAACtC,OAAO,CAAC;AAAC,iBACxCuC,yBAAA,CAAAC,aAAA,CAAC2C,QAAK,EAAA;AAACC,IAAAA,KAAK,EAAE9C,6CAAkC,CAACtC,OAAO,CAAA;GAAK,CAAA,GAC7D,IAAI,CAGb,CAEC,CACF,EAEJ,CAACe,QAAQ,iBACPwB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEG,IAAAA,SAAS,EAAC,kCAAA;AAAkC,GAAA,EAE3CxC,mBAAmB,CAAC;AAAEH,IAAAA,OAAAA;AAAQ,GAAC,CAAC,CAEpC,CAEC,EAQJiB,eAAe,IAAIF,QAAQ,iBACzBwB,yBAAA,CAAAC,aAAA,CAAC6C,mBAAK,EAAA;AACJ1C,IAAAA,SAAS,EAAC,yCAAyC;AACnD2C,IAAAA,SAAS,EAAEjD,WAAY;IACvBkD,UAAU,EAAA,IAAA;IACVC,qBAAqB,EAAA,IAAA;AACrBC,IAAAA,QAAQ,EAAEA,MAAMvE,kBAAkB,CAAC,KAAK,CAAA;AAAE,GAAA,eAE1CqB,yBAAA,CAAAC,aAAA,CAACkD,aAAU,EAAA;IACTrF,OAAO,EAAEA,MAAM;AACbD,MAAAA,cAAc,EAAE,CAAA;MAChBc,kBAAkB,CAAC,KAAK,CAAC,CAAA;KACzB;AACFyB,IAAAA,SAAS,EAAC,+CAAA;AAA+C,GAAA,eAEzDJ,yBAAA,CAAAC,aAAA,CAACiB,cAAK,EAAA;IACJR,IAAI,EAAES,wBAAe,CAACiC,UAAW;IACjC/B,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCjD,SAAS,CAAC+E,4BAA4B,CACjC,CACG,CAEhB,CAEF,CAAA;AAEP;;;;"}

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -2,30 +2,30 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var LocalizationContext = require('../../LocalizationContext-461a0816.js');
+var LocalizationContext = require('../../LocalizationContext-b42fa07d.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-3dacb9bc.js');
+var utils = require('../../utils-146517a9.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ChannelList_context = require('../../ChannelListProvider-b3ffe21a.js');
-require('../../stringSet-d1cee26a.js');
-require('../../index-5e6194f8.js');
-require('../../_rollupPluginBabelHelpers-919a4db3.js');
+var ChannelList_context = require('../../ChannelListProvider-46e379c7.js');
+require('../../stringSet-4f30313f.js');
+require('../../index-97005534.js');
+require('../../_rollupPluginBabelHelpers-3a9d1641.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-d86ea01f.js');
-require('../../index-bca3d144.js');
+require('../../uuid-5ab4f88b.js');
+require('../../index-0b8a1074.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-44186883.js');
+require('../../index-72e412f7.js');
 require('../../withSendbird.js');
-require('../../index-7a68d56f.js');
+require('../../index-e8b83547.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-de7c63bc.js');
+require('../../MediaQueryContext-372b55a6.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-00c67dd6.js');
-require('../../UserProfileContext-1bcc48a2.js');
+require('../../topics-3226c6ee.js');
+require('../../UserProfileContext-c87514d3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -114,7 +114,8 @@ function ChannelPreviewAction(_ref) {
         }
         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,