@sendbird/uikit-react 3.4.7 → 3.4.8-rc.1

package/cjs/Channel/components/ChannelHeader.js

@@ -1,39 +1,35 @@
 'use strict';
 
 var React = require('react');
-var utils = require('../../utils-7e52a10a.js');
-var ui_Label = require('../../index-80b17a7f.js');
+var utils = require('../../utils-76562fb5.js');
+var ui_Label = require('../../index-bb91f996.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var LocalizationContext = require('../../LocalizationContext-30772f4a.js');
+var LocalizationContext = require('../../LocalizationContext-975ffc10.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-12a12f31.js');
-var MediaQueryContext = require('../../MediaQueryContext-3b09499c.js');
-var utils$1 = require('../../utils-f6f55335.js');
+var Channel_context = require('../../ChannelProvider-2a01302b.js');
+var MediaQueryContext = require('../../MediaQueryContext-302f1c4f.js');
+var utils$1 = require('../../utils-eadc245c.js');
 require('prop-types');
-require('../../stringSet-2b481a03.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../../stringSet-ac04b7c1.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0dd45eb.js');
-require('../../utils-1fd1fe8c.js');
-require('../../index-6d3fe482.js');
+require('../../uuid-d5eb7040.js');
+require('../../utils-40b8c201.js');
+require('../../index-f0938824.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-eb5a10d6.js');
-require('../../index-ca85a10a.js');
-require('../../topics-f9cf559a.js');
-require('../../index-4de6caed.js');
+require('../../UserProfileContext-8b19c6c3.js');
+require('../../index-9dd778ed.js');
+require('../../topics-89c25bd7.js');
+require('../../index-551be60f.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-de8d3b96.js');
-require('../../const-bba9510b.js');
+require('../../compareIds-3c9472b4.js');
+require('../../const-7d011d30.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../ui/ContextMenu.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../ui/ReactionButton.js');
-require('../../consts-cafff484.js');
+require('../../consts-9cbf147c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel/components/ChannelHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/modules/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils'\n\ninterface ChannelHeaderProps {\n  className?: string;\n}\n\nconst ChannelHeader: React.FC<ChannelHeaderProps> = ({\n  className = '',\n}) => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === 'muted';\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-chat-header ${className}`}>\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          (showSearchIcon && !currentGroupChannel?.isEphemeral) && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelHeader;\n"],"names":["ChannelHeader","_ref","_globalStore$config","_globalStore$config2","_currentGroupChannel$","className","globalStore","useSendbirdStateContext","userId","config","theme","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","onBackClick","noop","subTitle","members","length","isMuted","myMutedState","stringSet","useContext","LocalizationContext","React","createElement","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","ChannelAvatar","channel","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","ON_BACKGROUND_2","isEphemeral","IconButton","SEARCH","INFO"],"mappings":"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"}
+{"version":3,"file":"ChannelHeader.js","sources":["../../../../src/modules/Channel/components/ChannelHeader/index.tsx"],"sourcesContent":["import './channel-header.scss';\nimport React, { useContext } from 'react';\n\nimport * as utils from './utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport ChannelAvatar from '../../../../ui/ChannelAvatar/index';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { useMediaQueryContext } from '../../../../lib/MediaQueryContext';\nimport { noop } from '../../../../utils/utils';\n\ninterface ChannelHeaderProps {\n  className?: string;\n}\n\nconst ChannelHeader: React.FC<ChannelHeaderProps> = ({\n  className = '',\n}) => {\n  const globalStore = useSendbirdStateContext();\n  const userId = globalStore?.config?.userId;\n  const theme = globalStore?.config?.theme;\n\n  const channelStore = useChannelContext();\n  const { isMobile } = useMediaQueryContext();\n  const {\n    currentGroupChannel,\n    showSearchIcon,\n    onSearchClick,\n    onChatHeaderActionClick,\n    onBackClick = noop,\n  } = channelStore;\n  const subTitle = (currentGroupChannel?.members\n    && currentGroupChannel?.members?.length !== 2);\n  const isMuted = currentGroupChannel?.myMutedState === 'muted';\n\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-chat-header ${className}`}>\n      <div className=\"sendbird-chat-header__left\">\n        {\n          isMobile && (\n            <Icon\n              className=\"sendbird-chat-header__icon_back\"\n              onClick={onBackClick}\n              fillColor={IconColors.PRIMARY}\n              width=\"24px\"\n              height=\"24px\"\n              type={IconTypes.ARROW_LEFT}\n            />\n          )\n        }\n        <ChannelAvatar\n          theme={theme}\n          channel={currentGroupChannel}\n          userId={userId}\n          height={32}\n          width={32}\n        />\n        <Label\n          className=\"sendbird-chat-header__left__title\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {utils.getChannelTitle(currentGroupChannel, userId, stringSet)}\n        </Label>\n        <Label\n          className=\"sendbird-chat-header__left__subtitle\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {subTitle}\n        </Label>\n      </div>\n      <div className=\"sendbird-chat-header__right\">\n        {\n          ((typeof isMuted === 'string' && isMuted === 'true') || (typeof isMuted === 'boolean' && isMuted))\n            && (\n              <Icon\n                className=\"sendbird-chat-header__right__mute\"\n                type={IconTypes.NOTIFICATIONS_OFF_FILLED}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            )\n        }\n        {\n          (showSearchIcon && !currentGroupChannel?.isEphemeral) && (\n            <IconButton\n              className=\"sendbird-chat-header__right__search\"\n              width=\"32px\"\n              height=\"32px\"\n              onClick={onSearchClick}\n            >\n              <Icon\n                type={IconTypes.SEARCH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </IconButton>\n          )\n        }\n        <IconButton\n          className=\"sendbird-chat-header__right__info\"\n          width=\"32px\"\n          height=\"32px\"\n          onClick={onChatHeaderActionClick}\n        >\n          <Icon\n            type={IconTypes.INFO}\n            fillColor={IconColors.PRIMARY}\n            width=\"24px\"\n            height=\"24px\"\n          />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default ChannelHeader;\n"],"names":["ChannelHeader","_ref","_globalStore$config","_globalStore$config2","_currentGroupChannel$","className","globalStore","useSendbirdStateContext","userId","config","theme","channelStore","useChannelContext","isMobile","useMediaQueryContext","currentGroupChannel","showSearchIcon","onSearchClick","onChatHeaderActionClick","onBackClick","noop","subTitle","members","length","isMuted","myMutedState","stringSet","useContext","LocalizationContext","React","createElement","Icon","onClick","fillColor","IconColors","PRIMARY","width","height","type","IconTypes","ARROW_LEFT","ChannelAvatar","channel","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","utils","BODY_1","ONBACKGROUND_2","NOTIFICATIONS_OFF_FILLED","ON_BACKGROUND_2","isEphemeral","IconButton","SEARCH","INFO"],"mappings":"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"}

package/cjs/Channel/components/ChannelUI.js

@@ -2,77 +2,77 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-12a12f31.js');
-var ui_PlaceHolder = require('../../index-2c8ca1d6.js');
+var Channel_context = require('../../ChannelProvider-2a01302b.js');
+var ui_PlaceHolder = require('../../index-f4cf9eb5.js');
 var ui_ConnectionStatus = require('../../ui/ConnectionStatus.js');
 var Channel_components_ChannelHeader = require('./ChannelHeader.js');
 var Channel_components_MessageList = require('./MessageList.js');
 var Channel_components_TypingIndicator = require('./TypingIndicator.js');
 var Channel_components_MessageInput = require('./MessageInput.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
-require('../../UserProfileContext-eb5a10d6.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
+require('../../UserProfileContext-8b19c6c3.js');
 require('prop-types');
-require('../../index-ca85a10a.js');
-require('../../index-6d3fe482.js');
-require('../../topics-f9cf559a.js');
-require('../../index-4de6caed.js');
+require('../../index-9dd778ed.js');
+require('../../index-f0938824.js');
+require('../../topics-89c25bd7.js');
+require('../../index-551be60f.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-de8d3b96.js');
-require('../../const-bba9510b.js');
+require('../../compareIds-3c9472b4.js');
+require('../../const-7d011d30.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-d0dd45eb.js');
+require('../../uuid-d5eb7040.js');
 require('@sendbird/chat/message');
-require('../../ui/ContextMenu.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../index-80b17a7f.js');
-require('../../stringSet-2b481a03.js');
-require('../../ui/ReactionButton.js');
-require('../../ui/ImageRenderer.js');
+require('../../consts-9cbf147c.js');
+require('../../LocalizationContext-975ffc10.js');
+require('../../stringSet-ac04b7c1.js');
 require('../../ui/Icon.js');
-require('../../consts-cafff484.js');
-require('../../LocalizationContext-30772f4a.js');
+require('../../index-bb91f996.js');
 require('../../ui/Loader.js');
-require('../../utils-7e52a10a.js');
+require('../../utils-76562fb5.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../utils-1fd1fe8c.js');
-require('../../MediaQueryContext-3b09499c.js');
-require('../../utils-f6f55335.js');
+require('../../ui/ImageRenderer.js');
+require('../../utils-40b8c201.js');
+require('../../MediaQueryContext-302f1c4f.js');
+require('../../utils-eadc245c.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-97ad0ae2.js');
-require('../../ThreadProvider-1ebd5bc0.js');
+require('../../const-7b049118.js');
+require('../../ThreadProvider-e8f49239.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../color-4904d01e.js');
+require('../../color-ac868fc0.js');
 require('../../ui/MessageInput.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-cb169c09.js');
-require('../../consts-a235ce0a.js');
-require('../../consts-6acebb51.js');
-require('../../tokenize-07747f4c.js');
+require('../../consts-df222988.js');
+require('../../consts-d9ff7fec.js');
+require('../../consts-6cf0ec85.js');
+require('../../tokenize-10b9c2ca.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../index-0514e373.js');
-require('../../index-986b886d.js');
-require('../../index-223d453c.js');
+require('../../index-0d2fba98.js');
+require('../../index-7ffe6f27.js');
+require('../../index-8d2c0bda.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-3dcd9651.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../types-53455550.js');
 require('../../ui/MessageItemReactionMenu.js');
+require('../../ui/ReactionButton.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-43612435.js');
-require('../../index.module-f4ff21b1.js');
+require('../../index-1a324d07.js');
+require('../../index.module-2d344ee2.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
@@ -82,26 +82,26 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../useLongPress-ab63a990.js');
+require('../../useLongPress-472493f7.js');
 require('../../ui/BottomSheet.js');
-require('../../index-5fd03280.js');
+require('../../index-e36db682.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-b2886b93.js');
+require('../../index-8fc4c8ed.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
 require('../../ui/Modal.js');
-require('../../index-2a770f35.js');
+require('../../index-46b412dc.js');
 require('./UnreadCount.js');
 require('./FrozenNotification.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../VoiceMessageInputWrapper-044427b2.js');
+require('../../VoiceMessageInputWrapper-5dfaba8f.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-34cc612a.js');
+require('../../index-263d9317.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel/components/ChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelUI.js","sources":["../../../../src/modules/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ChannelUIProps) => {\n  const {\n    channelUrl,\n    isInvalid,\n  } = useChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {renderChannelHeader?.() || (\n        <ChannelHeader className=\"sendbird-conversation__channel-header\" />\n      )}\n      <MessageList\n        className=\"sendbird-conversation__message-list\"\n        renderMessage={renderMessage}\n        renderPlaceholderEmpty={renderPlaceholderEmpty}\n        renderCustomSeparator={renderCustomSeparator}\n        renderPlaceholderLoader={renderPlaceholderLoader}\n      />\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n            />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_ref","_globalStore$stores","_globalStore$stores$s","_globalStore$config","_globalStore$config2","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","channelUrl","isInvalid","useChannelContext","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","retryToConnect","info","ChannelHeader","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}
+{"version":3,"file":"ChannelUI.js","sources":["../../../../src/modules/Channel/components/ChannelUI/index.tsx"],"sourcesContent":["import './channel-ui.scss';\n\nimport React from 'react';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport ConnectionStatus from '../../../../ui/ConnectionStatus';\nimport ChannelHeader from '../ChannelHeader';\nimport MessageList from '../MessageList';\nimport TypingIndicator from '../TypingIndicator';\nimport MessageInputWrapper from '../MessageInput';\nimport { RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\n\nexport interface ChannelUIProps {\n  isLoading?: boolean;\n  renderPlaceholderLoader?: () => React.ReactElement;\n  renderPlaceholderInvalid?: () => React.ReactElement;\n  renderPlaceholderEmpty?: () => React.ReactElement;\n  renderChannelHeader?: () => React.ReactElement;\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderMessageInput?: () => React.ReactElement;\n  renderFileUploadIcon?: () => React.ReactElement;\n  renderVoiceMessageIcon?: () => React.ReactElement;\n  renderSendMessageIcon?: () => React.ReactElement;\n  renderTypingIndicator?: () => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n}\n\nconst ChannelUI: React.FC<ChannelUIProps> = ({\n  isLoading,\n  renderPlaceholderLoader,\n  renderPlaceholderInvalid,\n  renderPlaceholderEmpty,\n  renderChannelHeader,\n  renderMessage,\n  renderMessageInput,\n  renderTypingIndicator,\n  renderCustomSeparator,\n  renderFileUploadIcon,\n  renderVoiceMessageIcon,\n  renderSendMessageIcon,\n}: ChannelUIProps) => {\n  const {\n    channelUrl,\n    isInvalid,\n  } = useChannelContext();\n\n  const globalStore = useSendbirdStateContext();\n  const sdkError = globalStore?.stores?.sdkStore?.error;\n  const logger = globalStore?.config?.logger;\n  const isOnline = globalStore?.config?.isOnline;\n\n  if (isLoading) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderLoader?.() || (\n          <PlaceHolder type={PlaceHolderTypes.LOADING} />\n        )\n      }\n    </div>);\n  }\n\n  if (!channelUrl) {\n    return (<div className=\"sendbird-conversation\">\n      {\n        renderPlaceholderInvalid?.() || (\n          <PlaceHolder type={PlaceHolderTypes.NO_CHANNELS} />\n        )\n      }\n    </div>);\n  }\n  if (isInvalid) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder type={PlaceHolderTypes.WRONG} />\n          )\n        }\n      </div>\n    );\n  }\n  if (sdkError) {\n    return (\n      <div className=\"sendbird-conversation\">\n        {\n          renderPlaceholderInvalid?.() || (\n            <PlaceHolder\n              type={PlaceHolderTypes.WRONG}\n              retryToConnect={() => {\n                logger.info('Channel: reconnecting');\n                // reconnect();\n              }}\n            />\n          )\n        }\n      </div>\n    );\n  }\n  return (\n    <div className='sendbird-conversation'>\n      {renderChannelHeader?.() || (\n        <ChannelHeader className=\"sendbird-conversation__channel-header\" />\n      )}\n      <MessageList\n        className=\"sendbird-conversation__message-list\"\n        renderMessage={renderMessage}\n        renderPlaceholderEmpty={renderPlaceholderEmpty}\n        renderCustomSeparator={renderCustomSeparator}\n        renderPlaceholderLoader={renderPlaceholderLoader}\n      />\n      <div className=\"sendbird-conversation__footer\">\n        {\n          renderMessageInput?.() || (\n            <MessageInputWrapper\n              renderFileUploadIcon={renderFileUploadIcon}\n              renderVoiceMessageIcon={renderVoiceMessageIcon}\n              renderSendMessageIcon={renderSendMessageIcon}\n            />\n          )\n        }\n        <div className=\"sendbird-conversation__footer__typing-indicator\">\n          {\n            renderTypingIndicator?.() || (\n              <TypingIndicator />\n            )\n          }\n          {\n            !isOnline && (\n              <ConnectionStatus />\n            )\n          }\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ChannelUI;\n"],"names":["ChannelUI","_ref","_globalStore$stores","_globalStore$stores$s","_globalStore$config","_globalStore$config2","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","channelUrl","isInvalid","useChannelContext","globalStore","useSendbirdStateContext","sdkError","stores","sdkStore","error","logger","config","isOnline","React","createElement","className","PlaceHolder","type","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","retryToConnect","info","ChannelHeader","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}

package/cjs/Channel/components/FileViewer.js

@@ -5,31 +5,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactDom = require('react-dom');
 var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-80b17a7f.js');
+var ui_Label = require('../../index-bb91f996.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index$1 = require('../../index-5fd03280.js');
-var index = require('../../index-4de6caed.js');
+var index$1 = require('../../index-e36db682.js');
+var index = require('../../index-551be60f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-12a12f31.js');
+var Channel_context = require('../../ChannelProvider-2a01302b.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0dd45eb.js');
+require('../../uuid-d5eb7040.js');
 require('prop-types');
-require('../../stringSet-2b481a03.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../../stringSet-ac04b7c1.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../UserProfileContext-eb5a10d6.js');
-require('../../index-ca85a10a.js');
-require('../../index-6d3fe482.js');
-require('../../topics-f9cf559a.js');
-require('../../compareIds-de8d3b96.js');
-require('../../const-bba9510b.js');
+require('../../UserProfileContext-8b19c6c3.js');
+require('../../index-9dd778ed.js');
+require('../../index-f0938824.js');
+require('../../topics-89c25bd7.js');
+require('../../compareIds-3c9472b4.js');
+require('../../const-7d011d30.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../ui/ContextMenu.js');
-require('../../ui/SortByRow.js');
-require('../../ui/ReactionButton.js');
-require('../../consts-cafff484.js');
+require('../../consts-9cbf147c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel/components/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":["../../../../src/modules/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal/ModalRoot';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { EveryMessage } from '../../../../types';\n\ntype FileViewerUIProps = {\n  profileUrl: string;\n  nickname: string;\n  // file\n  name: string;\n  type: string;\n  url: string;\n  // others\n  isByMe: boolean;\n  onCancel: () => void;\n  onDelete: () => void;\n  disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n  // sender\n  profileUrl,\n  nickname,\n  // file\n  name,\n  type,\n  url,\n  // others\n  isByMe,\n  onCancel,\n  onDelete,\n  disableDelete,\n}: FileViewerUIProps) => (\n  <div className=\"sendbird-fileviewer\">\n    <div className=\"sendbird-fileviewer__header\">\n      <div className=\"sendbird-fileviewer__header__left\">\n        <div className=\"sendbird-fileviewer__header__left__avatar\">\n          <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n        </div>\n        <Label\n          className=\"sendbird-fileviewer__header__left__filename\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {name}\n        </Label>\n        <Label\n          className=\"sendbird-fileviewer__header__left__sender-name\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {nickname}\n        </Label>\n      </div>\n      <div className=\"sendbird-fileviewer__header__right\">\n        {\n          isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__header__right__actions\">\n              <a\n                className=\"sendbird-fileviewer__header__right__actions__download\"\n                rel=\"noopener noreferrer\"\n                href={url}\n                target=\"_blank\"\n              >\n                <Icon\n                  type={IconTypes.DOWNLOAD}\n                  fillColor={IconColors.ON_BACKGROUND_1}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </a>\n              {\n                onDelete && isByMe && (\n                  <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                    <Icon\n                      className={disableDelete ? 'disabled' : ''}\n                      type={IconTypes.DELETE}\n                      fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                      height=\"24px\"\n                      width=\"24px\"\n                      onClick={() => { if (!disableDelete) { onDelete(); } }}\n                    />\n                  </div>\n                )\n              }\n            </div>\n          )\n        }\n        <div className=\"sendbird-fileviewer__header__right__actions__close\">\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height=\"24px\"\n            width=\"24px\"\n            onClick={onCancel}\n          />\n        </div>\n      </div>\n    </div>\n    <div className=\"sendbird-fileviewer__content\">\n      {isVideo(type) && (\n        <video controls className=\"sendbird-fileviewer__content__video\">\n          <source src={url} type={type} />\n        </video>\n      )}\n      {\n        isImage(type) && (\n          <img\n            src={url}\n            alt={name}\n            className=\"sendbird-fileviewer__content__img\"\n          />\n        )\n      }\n      {\n        !isSupportedFileView(type) && (\n          <div className=\"sendbird-fileviewer__content__unsupported\">\n            <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n              Unsupoprted message\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  </div>\n);\n\ntype FileViewerProps = {\n  onCancel:() => void;\n  message: FileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n  const { deleteMessage } = useChannelContext();\n  const {\n    sender,\n    type,\n    url,\n    name = '',\n    threadInfo,\n  } = message;\n  const user = useSendbirdStateContext()?.config?.userId;\n  const isByMe = user === message?.sender?.userId;\n  const disableDelete = threadInfo?.replyCount > 0;\n  const { profileUrl, nickname = '' } = sender;\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={profileUrl}\n        nickname={nickname}\n        type={type}\n        url={url}\n        name={name}\n        onCancel={onCancel}\n        onDelete={() => {\n          deleteMessage(message as EveryMessage).then(() => {\n            onCancel();\n          });\n        }}\n        isByMe={isByMe}\n        disableDelete={disableDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_ref","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","CLOSE","isVideo","controls","isImage","alt","H_1","FileViewer","_ref2","_useSendbirdStateCont","_useSendbirdStateCont2","_message$sender","message","deleteMessage","useChannelContext","sender","threadInfo","user","useSendbirdStateContext","config","userId","replyCount","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"FileViewer.js","sources":["../../../../src/modules/Channel/components/FileViewer/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport './file-viewer.scss';\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconColors, IconTypes } from '../../../../ui/Icon';\nimport { MODAL_ROOT } from '../../../../hooks/useModal/ModalRoot';\n\nimport { isImage, isVideo, isSupportedFileView } from '../../../../utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { EveryMessage } from '../../../../types';\n\ntype FileViewerUIProps = {\n  profileUrl: string;\n  nickname: string;\n  // file\n  name: string;\n  type: string;\n  url: string;\n  // others\n  isByMe: boolean;\n  onCancel: () => void;\n  onDelete: () => void;\n  disableDelete: boolean;\n};\n\nexport const FileViewerComponent: React.FC<FileViewerUIProps> = ({\n  // sender\n  profileUrl,\n  nickname,\n  // file\n  name,\n  type,\n  url,\n  // others\n  isByMe,\n  onCancel,\n  onDelete,\n  disableDelete,\n}: FileViewerUIProps) => (\n  <div className=\"sendbird-fileviewer\">\n    <div className=\"sendbird-fileviewer__header\">\n      <div className=\"sendbird-fileviewer__header__left\">\n        <div className=\"sendbird-fileviewer__header__left__avatar\">\n          <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n        </div>\n        <Label\n          className=\"sendbird-fileviewer__header__left__filename\"\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {name}\n        </Label>\n        <Label\n          className=\"sendbird-fileviewer__header__left__sender-name\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {nickname}\n        </Label>\n      </div>\n      <div className=\"sendbird-fileviewer__header__right\">\n        {\n          isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__header__right__actions\">\n              <a\n                className=\"sendbird-fileviewer__header__right__actions__download\"\n                rel=\"noopener noreferrer\"\n                href={url}\n                target=\"_blank\"\n              >\n                <Icon\n                  type={IconTypes.DOWNLOAD}\n                  fillColor={IconColors.ON_BACKGROUND_1}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </a>\n              {\n                onDelete && isByMe && (\n                  <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                    <Icon\n                      className={disableDelete ? 'disabled' : ''}\n                      type={IconTypes.DELETE}\n                      fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                      height=\"24px\"\n                      width=\"24px\"\n                      onClick={() => { if (!disableDelete) { onDelete(); } }}\n                    />\n                  </div>\n                )\n              }\n            </div>\n          )\n        }\n        <div className=\"sendbird-fileviewer__header__right__actions__close\">\n          <Icon\n            type={IconTypes.CLOSE}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height=\"24px\"\n            width=\"24px\"\n            onClick={onCancel}\n          />\n        </div>\n      </div>\n    </div>\n    <div className=\"sendbird-fileviewer__content\">\n      {isVideo(type) && (\n        <video controls className=\"sendbird-fileviewer__content__video\">\n          <source src={url} type={type} />\n        </video>\n      )}\n      {\n        isImage(type) && (\n          <img\n            src={url}\n            alt={name}\n            className=\"sendbird-fileviewer__content__img\"\n          />\n        )\n      }\n      {\n        !isSupportedFileView(type) && (\n          <div className=\"sendbird-fileviewer__content__unsupported\">\n            <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n              Unsupoprted message\n            </Label>\n          </div>\n        )\n      }\n    </div>\n  </div>\n);\n\ntype FileViewerProps = {\n  onCancel:() => void;\n  message: FileMessage;\n};\n\nconst FileViewer: React.FC<FileViewerProps> = ({ onCancel, message }: FileViewerProps) => {\n  const { deleteMessage } = useChannelContext();\n  const {\n    sender,\n    type,\n    url,\n    name = '',\n    threadInfo,\n  } = message;\n  const user = useSendbirdStateContext()?.config?.userId;\n  const isByMe = user === message?.sender?.userId;\n  const disableDelete = threadInfo?.replyCount > 0;\n  const { profileUrl, nickname = '' } = sender;\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={profileUrl}\n        nickname={nickname}\n        type={type}\n        url={url}\n        name={name}\n        onCancel={onCancel}\n        onDelete={() => {\n          deleteMessage(message as EveryMessage).then(() => {\n            onCancel();\n          });\n        }}\n        isByMe={isByMe}\n        disableDelete={disableDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n};\n\nexport default FileViewer;\n"],"names":["FileViewerComponent","_ref","profileUrl","nickname","name","type","url","isByMe","onCancel","onDelete","disableDelete","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","CLOSE","isVideo","controls","isImage","alt","H_1","FileViewer","_ref2","_useSendbirdStateCont","_useSendbirdStateCont2","_message$sender","message","deleteMessage","useChannelContext","sender","threadInfo","user","useSendbirdStateContext","config","userId","replyCount","createPortal","then","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/cjs/Channel/components/FrozenNotification.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-30772f4a.js');
-var ui_Label = require('../../index-80b17a7f.js');
-require('../../stringSet-2b481a03.js');
-require('../../index-6d3fe482.js');
+var LocalizationContext = require('../../LocalizationContext-975ffc10.js');
+var ui_Label = require('../../index-bb91f996.js');
+require('../../stringSet-ac04b7c1.js');
+require('../../index-f0938824.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/FrozenNotification.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrozenNotification.js","sources":["../../../../src/modules/Channel/components/FrozenNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\ninterface FrozenNotificationProps {\n  className?: string;\n}\n\nconst FrozenNotification = ({\n  className = '',\n}: FrozenNotificationProps): React.ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-notification sendbird-notification--frozen ${className}`}>\n      <Label\n        className=\"sendbird-notification__text\"\n        type={LabelTypography.CAPTION_2}\n      >\n        {stringSet.CHANNEL_FROZEN}\n      </Label>\n    </div>\n  );\n}\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","_ref","className","stringSet","useContext","LocalizationContext","React","createElement","Label","type","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;AAWMA,MAAAA,kBAAkB,GAAGC,IAAA,IAEwB;EAAA,IAFvB;AAC1BC,IAAAA,SAAS,GAAG,EAAA;AACW,GAAC,GAAAD,IAAA,CAAA;EACxB,MAAM;AAAEE,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKL,SAAS,EAAG,uDAAsDA,SAAU,CAAA,CAAA;AAAE,GAAA,eACjFI,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJN,IAAAA,SAAS,EAAC,6BAA6B;IACvCO,IAAI,EAAEC,wBAAe,CAACC,SAAAA;AAAU,GAAA,EAE/BR,SAAS,CAACS,cACN,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"FrozenNotification.js","sources":["../../../../src/modules/Channel/components/FrozenNotification/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './frozen-notification.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography } from '../../../../ui/Label';\n\ninterface FrozenNotificationProps {\n  className?: string;\n}\n\nconst FrozenNotification = ({\n  className = '',\n}: FrozenNotificationProps): React.ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={`sendbird-notification sendbird-notification--frozen ${className}`}>\n      <Label\n        className=\"sendbird-notification__text\"\n        type={LabelTypography.CAPTION_2}\n      >\n        {stringSet.CHANNEL_FROZEN}\n      </Label>\n    </div>\n  );\n};\n\nexport default FrozenNotification;\n"],"names":["FrozenNotification","_ref","className","stringSet","useContext","LocalizationContext","React","createElement","Label","type","LabelTypography","CAPTION_2","CHANNEL_FROZEN"],"mappings":";;;;;;;;;;;;;AAWMA,MAAAA,kBAAkB,GAAGC,IAAA,IAEwB;EAAA,IAFvB;AAC1BC,IAAAA,SAAS,GAAG,EAAA;AACW,GAAC,GAAAD,IAAA,CAAA;EACxB,MAAM;AAAEE,IAAAA,SAAAA;AAAU,GAAC,GAAGC,gBAAU,CAACC,uCAAmB,CAAC,CAAA;EACrD,oBACEC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKL,SAAS,EAAG,uDAAsDA,SAAU,CAAA,CAAA;AAAE,GAAA,eACjFI,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJN,IAAAA,SAAS,EAAC,6BAA6B;IACvCO,IAAI,EAAEC,wBAAe,CAACC,SAAAA;AAAU,GAAA,EAE/BR,SAAS,CAACS,cAAc,CACnB,CACJ,CAAA;AAEV;;;;"}

package/cjs/Channel/components/Message.js

@@ -1,88 +1,88 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('../../index-ca85a10a.js');
+var index$2 = require('../../index-9dd778ed.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-12a12f31.js');
-var index$1 = require('../../index-4de6caed.js');
-var _const = require('../../const-bba9510b.js');
+var Channel_context = require('../../ChannelProvider-2a01302b.js');
+var index$1 = require('../../index-551be60f.js');
+var _const = require('../../const-7d011d30.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-80b17a7f.js');
+var ui_Label = require('../../index-bb91f996.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_MessageContent = require('../../ui/MessageContent.js');
 var Channel_components_FileViewer = require('./FileViewer.js');
 var Channel_components_RemoveMessageModal = require('./RemoveMessageModal.js');
-var _const$1 = require('../../const-97ad0ae2.js');
-var LocalizationContext = require('../../LocalizationContext-30772f4a.js');
-var index = require('../../index-2a770f35.js');
-require('../../index-6d3fe482.js');
+var _const$1 = require('../../const-7b049118.js');
+var LocalizationContext = require('../../LocalizationContext-975ffc10.js');
+var index = require('../../index-46b412dc.js');
+require('../../index-f0938824.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-d0dd45eb.js');
-require('../../ThreadProvider-1ebd5bc0.js');
+require('../../uuid-d5eb7040.js');
+require('../../ThreadProvider-e8f49239.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-eb5a10d6.js');
-require('../../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../../UserProfileContext-8b19c6c3.js');
+require('../../_rollupPluginBabelHelpers-596e2aef.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
-require('../../topics-f9cf559a.js');
+require('../../topics-89c25bd7.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-cafff484.js');
+require('../../consts-9cbf147c.js');
 require('../../withSendbird.js');
-require('../../compareIds-de8d3b96.js');
-require('../../ui/ContextMenu.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../stringSet-2b481a03.js');
-require('../../ui/ReactionButton.js');
-require('../../color-4904d01e.js');
+require('../../compareIds-3c9472b4.js');
+require('../../color-ac868fc0.js');
+require('../../stringSet-ac04b7c1.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-cb169c09.js');
-require('../../consts-a235ce0a.js');
-require('../../consts-6acebb51.js');
-require('../../tokenize-07747f4c.js');
+require('../../consts-df222988.js');
+require('../../consts-d9ff7fec.js');
+require('../../consts-6cf0ec85.js');
+require('../../tokenize-10b9c2ca.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-f6f55335.js');
-require('../../index-0514e373.js');
+require('../../utils-eadc245c.js');
+require('../../index-0d2fba98.js');
 require('../../ui/Loader.js');
-require('../../index-986b886d.js');
-require('../../index-223d453c.js');
+require('../../index-7ffe6f27.js');
+require('../../index-8d2c0bda.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-3dcd9651.js');
+require('../../ui/ContextMenu.js');
+require('react-dom');
+require('../../ui/SortByRow.js');
+require('../../types-53455550.js');
 require('../../ui/MessageItemReactionMenu.js');
+require('../../ui/ReactionButton.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/AdminMessage.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-43612435.js');
-require('../../index.module-f4ff21b1.js');
+require('../../index-1a324d07.js');
+require('../../index.module-2d344ee2.js');
 require('../../Message/context.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../MediaQueryContext-3b09499c.js');
+require('../../MediaQueryContext-302f1c4f.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../useLongPress-ab63a990.js');
+require('../../useLongPress-472493f7.js');
 require('../../ui/BottomSheet.js');
-require('../../index-5fd03280.js');
+require('../../index-e36db682.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-b2886b93.js');
+require('../../index-8fc4c8ed.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Modal.js');
@@ -125,7 +125,7 @@ const Message = _ref => {
     isOnline,
     isMentionEnabled,
     userMention
-  } = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config;
+  } = globalStore.config;
   const maxUserMentionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount) || _const.MAX_USER_MENTION_COUNT;
   const maxUserSuggestionCount = (userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount) || _const.MAX_USER_SUGGESTION_COUNT;
   const {