@sendbird/uikit-react 3.4.6-0 → 3.4.6-rc.0

package/ChannelList/components/ChannelPreview.js

@@ -1,52 +1,52 @@
-import { a as _extends } from '../../_rollupPluginBabelHelpers-3756a6a3.js';
-import { _ as __assign } from '../../tslib.es6-5180f9d1.js';
+import { a as _extends } from '../../_rollupPluginBabelHelpers-6e60e429.js';
+import { _ as __assign } from '../../tslib.es6-debac48c.js';
 import React__default, { useState } from 'react';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
 import Badge from '../../ui/Badge.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8f0ae983.js';
-import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-a90edcd2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8efe881f.js';
+import { g as getChannelTitle, a as getTotalMembers, M as MessageStatus, b as getLastMessageCreatedAt, c as getLastMessage, d as getChannelUnreadMessageCount } from '../../index-4a1325ab.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useLocalization } from '../../LocalizationContext-43b10f97.js';
+import { u as useLocalization } from '../../LocalizationContext-428ea690.js';
 import MentionUserLabel from '../../ui/MentionUserLabel.js';
 import Modal from '../../ui/Modal.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-b7ce527e.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-45cf488b.js';
 import { TypingIndicatorText } from '../../Channel/components/TypingIndicator.js';
-import { d as isVoiceMessage, e as isEditedMessage } from '../../index-cd1a9173.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-f2df2472.js';
-import { u as useLongPress } from '../../useLongPress-c1a00d6e.js';
+import { d as isVoiceMessage, e as isEditedMessage } from '../../index-f87c5aab.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-e4d4fb2a.js';
+import { u as useLongPress } from '../../useLongPress-42dc7c5d.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-368c5040.js';
-import '../../utils-760413c9.js';
+import '../../uuid-e979d613.js';
+import '../../utils-b568cd44.js';
 import 'prop-types';
-import '../../stringSet-2d42f6ff.js';
-import '../../index-8a52a6f4.js';
-import '../../index-0f373e79.js';
+import '../../stringSet-fa7e0d83.js';
+import '../../index-8d6fa44a.js';
+import '../../index-8b3cd0b6.js';
 import '../../ui/Loader.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-2932882f.js';
-import '../../index-95f0372d.js';
+import '../../index-b41d07df.js';
+import '../../index-2f83ba2a.js';
 import '../../withSendbird.js';
-import '../../consts-e4e1a8fc.js';
+import '../../consts-3fe926ac.js';
 import 'react-dom';
-import '../../index-5c20d787.js';
+import '../../index-d5a761b9.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
-import '../../color-e54d3ed7.js';
+import '../../color-2037c3b8.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-6d4bf2ed.js';
-import '../../utils-a7563986.js';
-import '../../UserProfileContext-12b6fabf.js';
-import '../../ChannelProvider-cd9afff3.js';
-import '../../compareIds-3e30a438.js';
-import '../../const-71bd6867.js';
+import '../../topics-2647294d.js';
+import '../../utils-87be98af.js';
+import '../../UserProfileContext-576f1ef9.js';
+import '../../ChannelProvider-9a52ed96.js';
+import '../../compareIds-b858e41a.js';
+import '../../const-10a01327.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-30f09302.js';
+import '../../consts-f3b2a046.js';
 
 var ChannelPreview = function (_a) {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -119,7 +119,7 @@ var ChannelPreview = function (_a) {
     className: "sendbird-channel-preview__content__upper__header__channel-name",
     type: LabelTypography.SUBTITLE_2,
     color: LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default.createElement("div", null, channelName)), /*#__PURE__*/React__default.createElement(Label, {
+  }, channelName), /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-channel-preview__content__upper__header__total-members",
     type: LabelTypography.CAPTION_2,
     color: LabelColors.ONBACKGROUND_2

package/ChannelList/components/ChannelPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelPreview.js","sources":["../../../src/smart-components/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                <div>\n                  {channelName}\n                </div>\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","_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","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/smart-components/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","_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","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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"}

package/ChannelList/components/ChannelPreviewAction.js

@@ -1,30 +1,30 @@
 import React__default, { useRef, useState, useContext } from 'react';
 import PropTypes from 'prop-types';
-import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-43b10f97.js';
+import { u as useLocalization, a as LocalizationContext } from '../../LocalizationContext-428ea690.js';
 import ContextMenu, { MenuItems, MenuItem } from '../../ui/ContextMenu.js';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { n as noop } from '../../utils-a7563986.js';
+import { n as noop } from '../../utils-87be98af.js';
 import Modal from '../../ui/Modal.js';
-import { u as useChannelListContext } from '../../ChannelListProvider-b7ce527e.js';
-import '../../stringSet-2d42f6ff.js';
-import '../../index-0f373e79.js';
-import '../../tslib.es6-5180f9d1.js';
+import { u as useChannelListContext } from '../../ChannelListProvider-45cf488b.js';
+import '../../stringSet-fa7e0d83.js';
+import '../../index-8b3cd0b6.js';
+import '../../tslib.es6-debac48c.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-368c5040.js';
-import '../../index-cd1a9173.js';
+import '../../uuid-e979d613.js';
+import '../../index-f87c5aab.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../index-8f0ae983.js';
+import '../../index-8efe881f.js';
 import '../../withSendbird.js';
-import '../../index-5c20d787.js';
+import '../../index-d5a761b9.js';
 import '../../ui/Button.js';
-import '../../MediaQueryContext-f2df2472.js';
+import '../../MediaQueryContext-e4d4fb2a.js';
 import '@sendbird/chat/groupChannel';
-import '../../topics-6d4bf2ed.js';
-import '../../UserProfileContext-12b6fabf.js';
-import '../../_rollupPluginBabelHelpers-3756a6a3.js';
+import '../../topics-2647294d.js';
+import '../../UserProfileContext-576f1ef9.js';
+import '../../_rollupPluginBabelHelpers-6e60e429.js';
 
 var LeaveChannel = function (props) {
   var _a, _b, _c;

package/ChannelList/context.js

@@ -1,14 +1,14 @@
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import 'react';
 import '@sendbird/chat/groupChannel';
-export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-b7ce527e.js';
-import '../uuid-368c5040.js';
-import '../utils-a7563986.js';
-import '../UserProfileContext-12b6fabf.js';
+export { C as ChannelListProvider, u as useChannelListContext } from '../ChannelListProvider-45cf488b.js';
+import '../uuid-e979d613.js';
+import '../utils-87be98af.js';
+import '../UserProfileContext-576f1ef9.js';
 import '../useSendbirdStateContext.js';
-import '../topics-6d4bf2ed.js';
-import '../_rollupPluginBabelHelpers-3756a6a3.js';
-import '../index-cd1a9173.js';
+import '../topics-2647294d.js';
+import '../_rollupPluginBabelHelpers-6e60e429.js';
+import '../index-f87c5aab.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
 import '../withSendbird.js';

package/ChannelList.js

@@ -1,23 +1,23 @@
 import React__default from 'react';
-import { C as ChannelListProvider } from './ChannelListProvider-b7ce527e.js';
+import { C as ChannelListProvider } from './ChannelListProvider-45cf488b.js';
 import ChannelListUI from './ChannelList/components/ChannelListUI.js';
-import './tslib.es6-5180f9d1.js';
+import './tslib.es6-debac48c.js';
 import '@sendbird/chat/groupChannel';
-import './topics-6d4bf2ed.js';
-import './uuid-368c5040.js';
-import './utils-a7563986.js';
-import './UserProfileContext-12b6fabf.js';
+import './topics-2647294d.js';
+import './uuid-e979d613.js';
+import './utils-87be98af.js';
+import './UserProfileContext-576f1ef9.js';
 import 'prop-types';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-3756a6a3.js';
-import './index-cd1a9173.js';
+import './_rollupPluginBabelHelpers-6e60e429.js';
+import './index-f87c5aab.js';
 import './utils/message/getOutgoingMessageState.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './LocalizationContext-43b10f97.js';
-import './stringSet-2d42f6ff.js';
-import './index-0f373e79.js';
-import './index-8f0ae983.js';
+import './LocalizationContext-428ea690.js';
+import './stringSet-fa7e0d83.js';
+import './index-8b3cd0b6.js';
+import './index-8efe881f.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -25,14 +25,14 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-d7e8a10f.js';
+import './CreateChannelProvider-8c395571.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-5c20d787.js';
+import './index-d5a761b9.js';
 import './ui/Button.js';
-import './MediaQueryContext-f2df2472.js';
+import './MediaQueryContext-e4d4fb2a.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
@@ -42,31 +42,30 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-760413c9.js';
+import './utils-b568cd44.js';
 import './ui/Badge.js';
-import './index-a90edcd2.js';
-import './index-8a52a6f4.js';
+import './index-4a1325ab.js';
+import './index-8d6fa44a.js';
 import './ui/Loader.js';
-import './index-2932882f.js';
-import './index-95f0372d.js';
+import './index-b41d07df.js';
+import './index-2f83ba2a.js';
 import './ui/MentionUserLabel.js';
-import './consts-e4e1a8fc.js';
+import './consts-3fe926ac.js';
 import './ui/TextButton.js';
-import './color-e54d3ed7.js';
+import './color-2037c3b8.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-cd9afff3.js';
-import './compareIds-3e30a438.js';
-import './const-71bd6867.js';
+import './ChannelProvider-9a52ed96.js';
+import './compareIds-b858e41a.js';
+import './const-10a01327.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './consts-30f09302.js';
-import './useLongPress-c1a00d6e.js';
+import './consts-f3b2a046.js';
+import './useLongPress-42dc7c5d.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-10377bc5.js';
+import './index-84b28e71.js';
 import './ui/Input.js';
-import './actionTypes-f6400d21.js';
-import './index-ec8cbdfb.js';
+import './index-10da4b99.js';
 
 var ChannelList = function (props) {
   return /*#__PURE__*/React__default.createElement(ChannelListProvider, {

package/ChannelList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelList.js","sources":["../src/smart-components/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/smart-components/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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"}

package/{ChannelListProvider-b7ce527e.js → ChannelListProvider-45cf488b.js}

@@ -1,13 +1,13 @@
-import { a as __spreadArray, _ as __assign } from './tslib.es6-5180f9d1.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-debac48c.js';
 import React__default, { useEffect, useReducer, useState, useMemo, useContext } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
-import { P as PUBSUB_TOPICS } from './topics-6d4bf2ed.js';
-import { u as uuidv4 } from './uuid-368c5040.js';
-import { n as noop } from './utils-a7563986.js';
-import { U as UserProfileProvider } from './UserProfileContext-12b6fabf.js';
+import { P as PUBSUB_TOPICS } from './topics-2647294d.js';
+import { u as uuidv4 } from './uuid-e979d613.js';
+import { n as noop } from './utils-87be98af.js';
+import { U as UserProfileProvider } from './UserProfileContext-576f1ef9.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-3756a6a3.js';
-import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-cd1a9173.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-6e60e429.js';
+import { f as filterChannelListParams, g as getChannelsWithUpsertedChannel } from './index-f87c5aab.js';
 
 const RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 const CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -982,4 +982,4 @@ function useChannelListContext() {
 }
 
 export { ChannelListProvider as C, FETCH_CHANNELS_START as F, LEAVE_CHANNEL_SUCCESS as L, SET_CURRENT_CHANNEL as S, FETCH_CHANNELS_SUCCESS as a, FETCH_CHANNELS_FAILURE as b, useChannelListContext as u };
-//# sourceMappingURL=ChannelListProvider-b7ce527e.js.map
+//# sourceMappingURL=ChannelListProvider-45cf488b.js.map