@sendbird/uikit-react 3.3.5 → 3.5.0-rc.0

package/cjs/ChannelList/components/ChannelPreview.js

@@ -1,48 +1,49 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-41d3db2d.js');
-var tslib_es6 = require('../../tslib.es6-f1d22d7f.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
+var tslib_es6 = require('../../tslib.es6-5a7eb30d.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-06816ee5.js');
-var ui_MessageStatus = require('../../index-bec34de9.js');
+var ui_Label = require('../../index-bdd889a2.js');
+var ui_MessageStatus = require('../../index-e191d245.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-caedb682.js');
+var LocalizationContext = require('../../LocalizationContext-8780a64e.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-f2606052.js');
+var ChannelList_context = require('../../ChannelListProvider-65473831.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-476f089f.js');
-var MediaQueryContext = require('../../MediaQueryContext-cdba25c1.js');
-var useLongPress = require('../../useLongPress-72c5c822.js');
+var index = require('../../index-b3371ef2.js');
+var MediaQueryContext = require('../../MediaQueryContext-e455934a.js');
+var useLongPress = require('../../useLongPress-e7140087.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-2c11c530.js');
-require('../../utils-68a6f93a.js');
+require('../../uuid-a9006ea2.js');
+require('../../utils-693dd952.js');
 require('prop-types');
-require('../../stringSet-af541fde.js');
-require('../../index-942c3f15.js');
-require('../../index-e01cd4a9.js');
+require('../../stringSet-60660a99.js');
+require('../../index-5ea12b7a.js');
+require('../../index-48d85d8f.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-50984f15.js');
-require('../../index-ceb058fa.js');
+require('../../index-c13771a7.js');
+require('../../index-abe135e6.js');
+require('../../index-8a4b2f10.js');
 require('../../withSendbird.js');
 require('react-dom');
-require('../../index-d47bc642.js');
+require('../../index-08d232f8.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../color-d7217651.js');
+require('../../color-fdbe394d.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-33f5f434.js');
-require('../../utils-33e5dfc7.js');
-require('../../UserProfileContext-80409a4d.js');
-require('../../ChannelProvider-beea5a02.js');
-require('../../compareIds-caa9f926.js');
-require('../../const-4235b5b5.js');
+require('../../topics-f3f74edc.js');
+require('../../utils-708aa730.js');
+require('../../UserProfileContext-0808e413.js');
+require('../../ChannelProvider-1e08a7a9.js');
+require('../../compareIds-d0c02eca.js');
+require('../../const-beb25e10.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');

package/cjs/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 } 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              isMessageStatusEnabled\n                ? (\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                  <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 && (\n                  utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n                )\n              }\n            </Label>\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          </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","_extends","join","__assign","ChannelAvatar","Icon","IconTypes","BROADCAST","IconColors","SECONDARY","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","FREEZE","PRIMARY","MessageStatus","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","getTypingUsers","isEditedMessage","MESSAGE_EDITED","unreadMentionCount","MentionUserLabel","Badge","Modal","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 } 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              isMessageStatusEnabled\n                ? (\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                  <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 && (\n                  utils.getLastMessage(channel) + (isEditedMessage(channel?.lastMessage as UserMessage | FileMessage) ? ` ${stringSet.MESSAGE_EDITED}` : '')\n                )\n              }\n            </Label>\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          </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","_extends","join","__assign","ChannelAvatar","Icon","IconTypes","BROADCAST","IconColors","SECONDARY","Label","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","CAPTION_2","ONBACKGROUND_2","FREEZE","PRIMARY","MessageStatus","CAPTION_3","locale","BODY_2","ONBACKGROUND_3","TypingIndicatorText","getTypingUsers","isEditedMessage","MESSAGE_EDITED","unreadMentionCount","MentionUserLabel","Badge","Modal","TextButton","SUBTITLE_1","CHANNEL_PREVIEW_MOBILE_LEAVE"],"mappings":"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"}

package/cjs/ChannelList/components/ChannelPreviewAction.js

@@ -2,31 +2,31 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var LocalizationContext = require('../../LocalizationContext-caedb682.js');
+var LocalizationContext = require('../../LocalizationContext-8780a64e.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-33e5dfc7.js');
+var utils = require('../../utils-708aa730.js');
 var ui_Modal = require('../../ui/Modal.js');
-var ChannelList_context = require('../../ChannelListProvider-f2606052.js');
-require('../../stringSet-af541fde.js');
-require('../../index-e01cd4a9.js');
-require('../../tslib.es6-f1d22d7f.js');
+var ChannelList_context = require('../../ChannelListProvider-65473831.js');
+require('../../stringSet-60660a99.js');
+require('../../index-48d85d8f.js');
+require('../../tslib.es6-5a7eb30d.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-2c11c530.js');
-require('../../index-476f089f.js');
+require('../../uuid-a9006ea2.js');
+require('../../index-b3371ef2.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-06816ee5.js');
+require('../../index-bdd889a2.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-41d3db2d.js');
-require('../../index-d47bc642.js');
+require('../../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../../index-08d232f8.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-cdba25c1.js');
+require('../../MediaQueryContext-e455934a.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-33f5f434.js');
-require('../../UserProfileContext-80409a4d.js');
+require('../../topics-f3f74edc.js');
+require('../../UserProfileContext-0808e413.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/context.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-f1d22d7f.js');
+require('../tslib.es6-5a7eb30d.js');
 require('react');
 require('@sendbird/chat/groupChannel');
-var ChannelList_context = require('../ChannelListProvider-f2606052.js');
-require('../uuid-2c11c530.js');
-require('../utils-33e5dfc7.js');
-require('../UserProfileContext-80409a4d.js');
+var ChannelList_context = require('../ChannelListProvider-65473831.js');
+require('../uuid-a9006ea2.js');
+require('../utils-708aa730.js');
+require('../UserProfileContext-0808e413.js');
 require('../useSendbirdStateContext.js');
-require('../topics-33f5f434.js');
-require('../_rollupPluginBabelHelpers-41d3db2d.js');
-require('../index-476f089f.js');
+require('../topics-f3f74edc.js');
+require('../_rollupPluginBabelHelpers-bd6baf0a.js');
+require('../index-b3371ef2.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
 require('../withSendbird.js');

package/cjs/ChannelList.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var React = require('react');
-var ChannelList_context = require('./ChannelListProvider-f2606052.js');
+var ChannelList_context = require('./ChannelListProvider-65473831.js');
 var ChannelList_components_ChannelListUI = require('./ChannelList/components/ChannelListUI.js');
-require('./tslib.es6-f1d22d7f.js');
+require('./tslib.es6-5a7eb30d.js');
 require('@sendbird/chat/groupChannel');
-require('./topics-33f5f434.js');
-require('./uuid-2c11c530.js');
-require('./utils-33e5dfc7.js');
-require('./UserProfileContext-80409a4d.js');
+require('./topics-f3f74edc.js');
+require('./uuid-a9006ea2.js');
+require('./utils-708aa730.js');
+require('./UserProfileContext-0808e413.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-41d3db2d.js');
-require('./index-476f089f.js');
+require('./_rollupPluginBabelHelpers-bd6baf0a.js');
+require('./index-b3371ef2.js');
 require('./utils/message/getOutgoingMessageState.js');
 require('./ChannelList/components/ChannelListHeader.js');
-require('./LocalizationContext-caedb682.js');
-require('./stringSet-af541fde.js');
-require('./index-e01cd4a9.js');
-require('./index-06816ee5.js');
+require('./LocalizationContext-8780a64e.js');
+require('./stringSet-60660a99.js');
+require('./index-48d85d8f.js');
+require('./index-bdd889a2.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
@@ -27,14 +27,14 @@ require('./ChannelList/components/AddChannel.js');
 require('./ui/IconButton.js');
 require('./CreateChannel.js');
 require('./CreateChannel/components/CreateChannelUI.js');
-require('./CreateChannelProvider-c123ffbb.js');
+require('./CreateChannelProvider-cbf490c6.js');
 require('./sendbirdSelectors.js');
 require('./CreateChannel/components/InviteUsers.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-d47bc642.js');
+require('./index-08d232f8.js');
 require('./ui/Button.js');
-require('./MediaQueryContext-cdba25c1.js');
+require('./MediaQueryContext-e455934a.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
@@ -44,29 +44,30 @@ require('./ui/SortByRow.js');
 require('./CreateChannel/components/SelectChannelType.js');
 require('./ChannelList/components/ChannelPreview.js');
 require('./ui/ChannelAvatar.js');
-require('./utils-68a6f93a.js');
+require('./utils-693dd952.js');
 require('./ui/Badge.js');
-require('./index-bec34de9.js');
-require('./index-942c3f15.js');
+require('./index-e191d245.js');
+require('./index-5ea12b7a.js');
 require('./ui/Loader.js');
-require('./index-50984f15.js');
-require('./index-ceb058fa.js');
+require('./index-c13771a7.js');
+require('./index-abe135e6.js');
+require('./index-8a4b2f10.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/TextButton.js');
-require('./color-d7217651.js');
+require('./color-fdbe394d.js');
 require('./Channel/components/TypingIndicator.js');
-require('./ChannelProvider-beea5a02.js');
-require('./compareIds-caa9f926.js');
-require('./const-4235b5b5.js');
+require('./ChannelProvider-1e08a7a9.js');
+require('./compareIds-d0c02eca.js');
+require('./const-beb25e10.js');
 require('@sendbird/chat/message');
 require('./ui/ReactionButton.js');
-require('./useLongPress-72c5c822.js');
+require('./useLongPress-e7140087.js');
 require('./ChannelList/components/ChannelPreviewAction.js');
 require('./EditUserProfile.js');
-require('./index-f0df9942.js');
+require('./index-ebb542c3.js');
 require('./ui/Input.js');
-require('./actionTypes-697b5dfb.js');
-require('./index-c6abe71b.js');
+require('./actionTypes-561bdde9.js');
+require('./index-e8544e24.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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      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","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","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      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","ChannelListProvider","className","disableUserProfile","allowProfileEdit","onBeforeCreateChannel","onThemeChange","overrideInviteUser","onProfileEditSuccess","onChannelSelect","sortChannelList","queries","disableAutoSelect","isTypingIndicatorEnabled","isMessageReceiptStatusEnabled","ChannelListUI","renderChannelPreview","renderUserProfile","renderHeader","renderPlaceHolderEmptyList","renderPlaceHolderError","renderPlaceHolderLoading"],"mappings":"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"}

package/cjs/{ChannelListProvider-f2606052.js → ChannelListProvider-65473831.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f1d22d7f.js');
+var tslib_es6 = require('./tslib.es6-5a7eb30d.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var topics = require('./topics-33f5f434.js');
-var uuid = require('./uuid-2c11c530.js');
-var utils = require('./utils-33e5dfc7.js');
-var UserProfileContext = require('./UserProfileContext-80409a4d.js');
+var topics = require('./topics-f3f74edc.js');
+var uuid = require('./uuid-a9006ea2.js');
+var utils = require('./utils-708aa730.js');
+var UserProfileContext = require('./UserProfileContext-0808e413.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-41d3db2d.js');
-var index = require('./index-476f089f.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-bd6baf0a.js');
+var index = require('./index-b3371ef2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1028,4 +1028,4 @@ exports.FETCH_CHANNELS_SUCCESS = FETCH_CHANNELS_SUCCESS;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=ChannelListProvider-f2606052.js.map
+//# sourceMappingURL=ChannelListProvider-65473831.js.map