@sendbird/uikit-react 3.4.2 → 3.4.3-rc.1

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-ceb727c7.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-f1d24f7b.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,30 +9,30 @@ import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './uuid-d072af26.js';
-import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-59f719d8.js';
-import './_rollupPluginBabelHelpers-945410b2.js';
+import { u as uuidv4 } from './uuid-9dda9b20.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-bf94452f.js';
+import './_rollupPluginBabelHelpers-a6fb8db9.js';
 import './withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './actionTypes-aa211f48.js';
-import './index-43834bc0.js';
-import './tslib.es6-e1c2b6be.js';
+import './actionTypes-b2910bb9.js';
+import './index-dad39ace.js';
+import './tslib.es6-0d507bec.js';
 import './utils/message/getOutgoingMessageState.js';
 import 'css-vars-ponyfill';
 import './VoiceRecorder/context.js';
 import './lame.all.js';
-import './index-ac5a0725.js';
-import './LocalizationContext-8725e9b2.js';
-import './stringSet-a513039b.js';
-import './index-c10fcd31.js';
-import './ChannelListProvider-e6254f07.js';
-import './topics-a581acbb.js';
-import './utils-b439eac3.js';
-import './UserProfileContext-cc71f901.js';
+import './index-ba0f687e.js';
+import './LocalizationContext-faa869e6.js';
+import './stringSet-f4c04194.js';
+import './index-0598a3f8.js';
+import './ChannelListProvider-b9b9b8b8.js';
+import './topics-34615bc5.js';
+import './utils-1d822c74.js';
+import './UserProfileContext-798ff1f9.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-e121c395.js';
+import './index-40fcb60b.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -40,12 +40,12 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-9f4f5302.js';
+import './CreateChannelProvider-b5261b6f.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-10a05022.js';
+import './index-245c7032.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -56,45 +56,45 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-5cc87999.js';
+import './utils-b438b300.js';
 import './ui/Badge.js';
-import './index-1ac4456b.js';
-import './index-99933718.js';
+import './index-5ebdd2f3.js';
+import './index-9d1fdd2f.js';
 import './ui/Loader.js';
-import './index-a1a19702.js';
-import './index-2988897b.js';
+import './index-47bacf36.js';
+import './index-efddd5d1.js';
 import './ui/MentionUserLabel.js';
+import './consts-bdb24796.js';
 import './ui/TextButton.js';
-import './color-f6b2bdb7.js';
+import './color-3ea2f32a.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-c1c00018.js';
-import './compareIds-87972c5f.js';
-import './const-85535a89.js';
+import './ChannelProvider-e8beff2d.js';
+import './compareIds-0df93c10.js';
+import './const-3e90ab6a.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './useLongPress-d942e028.js';
+import './useLongPress-932defe8.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-3c7ecbec.js';
+import './index-dc60c446.js';
 import './ui/Input.js';
-import './index-7d65494a.js';
+import './index-14887308.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-b10ed497.js';
+import './utils-889ef91c.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-0f759572.js';
-import './ThreadProvider-e64f95cc.js';
+import './const-15b18d4f.js';
+import './ThreadProvider-ad0690f5.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import 'react-dom/server';
 import 'dompurify';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
-import './types-5cc94910.js';
+import './types-277b33ab.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/EmojiReactions.js';
 import './ui/Tooltip.js';
@@ -122,9 +122,9 @@ import './Channel/components/UnreadCount.js';
 import './Channel/components/FrozenNotification.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
-import './VoiceMessageInputWrapper-94005482.js';
+import './VoiceMessageInputWrapper-4a79cd88.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './index-a73afdab.js';
+import './index-9e13245e.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -132,9 +132,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-f9c07d84.js';
+import './context-77ebb473.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-7676a6a8.js';
+import './MemberList-a13a5723.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -143,7 +143,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-9b81dfb2.js';
+import './RemoveMessageModal-513fca41.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -1,6 +1,32 @@
 # Changelog - v3
 
-## [v3.4.1] (Mar 17 2023)
+## [v3.4.3] (Mar 24 2023)
+
+## Features:
+* Add rollup-plugin-size-snapshot for bundle-size
+  Run rollup-plugin-size-snapshot on build,
+  we will check bundle size before every release
+* Move old samples to use vite
+  React team these days are using vite for their samples,
+  CRA is discourged
+* Run code coverage on commenting `./coverage`
+  Check code coverage on PR comment
+* Add prop to disable Channel & Thread inputs
+  Add prop: `disabled?: false` for Channel & Thread MessageInputWrapper
+* Replace renderToString(react-dom) with custom fn
+  Replace renderToString from react-dom/server with custom function
+  This function was creating issue in customers with cra@4 & react@17
+
+## Fixes:
+* Replace outdated CSS rules
+  `justify-content: start;` and  `height: fill-available;`
+* Menu position in tight screens
+  * Condition where some menus get clipped in left side:
+    * Usually user profile in channel moderation
+  * Context menu of last item in channel gets clipped in the bottom
+
+
+## [v3.4.2] (Mar 17 2023)
 
 Features:
 * Mentions should be preserved when copy pasted from sendbird-messages and message input

package/Channel/components/ChannelHeader.js

@@ -1,38 +1,38 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-b10ed497.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e121c395.js';
+import { g as getChannelTitle } from '../../utils-889ef91c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-40fcb60b.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-8725e9b2.js';
+import { a as LocalizationContext } from '../../LocalizationContext-faa869e6.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-c1c00018.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-ceb727c7.js';
-import { n as noop } from '../../utils-b439eac3.js';
+import { u as useChannelContext } from '../../ChannelProvider-e8beff2d.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-f1d24f7b.js';
+import { n as noop } from '../../utils-1d822c74.js';
 import 'prop-types';
-import '../../stringSet-a513039b.js';
-import '../../tslib.es6-e1c2b6be.js';
+import '../../stringSet-f4c04194.js';
+import '../../tslib.es6-0d507bec.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-d072af26.js';
-import '../../utils-5cc87999.js';
-import '../../index-c10fcd31.js';
+import '../../uuid-9dda9b20.js';
+import '../../utils-b438b300.js';
+import '../../index-0598a3f8.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-945410b2.js';
-import '../../UserProfileContext-cc71f901.js';
-import '../../index-99933718.js';
-import '../../topics-a581acbb.js';
-import '../../index-43834bc0.js';
+import '../../_rollupPluginBabelHelpers-a6fb8db9.js';
+import '../../UserProfileContext-798ff1f9.js';
+import '../../index-9d1fdd2f.js';
+import '../../topics-34615bc5.js';
+import '../../index-dad39ace.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-87972c5f.js';
-import '../../const-85535a89.js';
+import '../../compareIds-0df93c10.js';
+import '../../const-3e90ab6a.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-59f719d8.js';
+import '../../consts-bf94452f.js';
 
 var ChannelHeader = function (_a) {
   var _b, _c, _d;

package/Channel/components/ChannelUI.js

@@ -1,66 +1,65 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-c1c00018.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-7d65494a.js';
+import { u as useChannelContext } from '../../ChannelProvider-e8beff2d.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-14887308.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
 import TypingIndicator from './TypingIndicator.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-945410b2.js';
-import '../../UserProfileContext-cc71f901.js';
+import '../../_rollupPluginBabelHelpers-a6fb8db9.js';
+import '../../UserProfileContext-798ff1f9.js';
 import 'prop-types';
-import '../../index-99933718.js';
-import '../../index-c10fcd31.js';
-import '../../topics-a581acbb.js';
-import '../../index-43834bc0.js';
-import '../../tslib.es6-e1c2b6be.js';
+import '../../index-9d1fdd2f.js';
+import '../../index-0598a3f8.js';
+import '../../topics-34615bc5.js';
+import '../../index-dad39ace.js';
+import '../../tslib.es6-0d507bec.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-87972c5f.js';
-import '../../const-85535a89.js';
+import '../../compareIds-0df93c10.js';
+import '../../const-3e90ab6a.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-d072af26.js';
+import '../../uuid-9dda9b20.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-e121c395.js';
-import '../../stringSet-a513039b.js';
+import '../../index-40fcb60b.js';
+import '../../stringSet-f4c04194.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../consts-59f719d8.js';
-import '../../LocalizationContext-8725e9b2.js';
+import '../../consts-bf94452f.js';
+import '../../LocalizationContext-faa869e6.js';
 import '../../ui/Loader.js';
-import '../../utils-b10ed497.js';
+import '../../utils-889ef91c.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-5cc87999.js';
-import '../../MediaQueryContext-ceb727c7.js';
-import '../../utils-b439eac3.js';
+import '../../utils-b438b300.js';
+import '../../MediaQueryContext-f1d24f7b.js';
+import '../../utils-1d822c74.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-0f759572.js';
-import '../../ThreadProvider-e64f95cc.js';
+import '../../const-15b18d4f.js';
+import '../../ThreadProvider-ad0690f5.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-f6b2bdb7.js';
+import '../../color-3ea2f32a.js';
 import '../../ui/MessageInput.js';
-import 'react-dom/server';
 import '../../ui/Button.js';
-import '../../ui/MentionUserLabel.js';
 import 'dompurify';
+import '../../consts-bdb24796.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-1ac4456b.js';
-import '../../index-a1a19702.js';
-import '../../index-2988897b.js';
+import '../../index-5ebdd2f3.js';
+import '../../index-47bacf36.js';
+import '../../index-efddd5d1.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-5cc94910.js';
+import '../../types-277b33ab.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -77,14 +76,14 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-d942e028.js';
+import '../../useLongPress-932defe8.js';
 import '../../ui/BottomSheet.js';
-import '../../index-10a05022.js';
+import '../../index-245c7032.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-ac5a0725.js';
+import '../../index-ba0f687e.js';
 import '../../VoiceRecorder/context.js';
 import '../../lame.all.js';
 import '../../ui/PlaybackTime.js';
@@ -94,9 +93,9 @@ import '../../ui/Modal.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-94005482.js';
+import '../../VoiceMessageInputWrapper-4a79cd88.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-a73afdab.js';
+import '../../index-9e13245e.js';
 
 var ChannelUI = function (_a) {
   var _b, _c, _d, _e;

package/Channel/components/ChannelUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelUI.js","sources":["../../../src/smart-components/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","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_f","useChannelContext","channelUrl","isInvalid","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","info"],"mappings":"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"}
+{"version":3,"file":"ChannelUI.js","sources":["../../../src/smart-components/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","_a","isLoading","renderPlaceholderLoader","renderPlaceholderInvalid","renderPlaceholderEmpty","renderChannelHeader","renderMessage","renderMessageInput","renderTypingIndicator","renderCustomSeparator","renderFileUploadIcon","renderVoiceMessageIcon","renderSendMessageIcon","_f","useChannelContext","channelUrl","isInvalid","globalStore","useSendbirdStateContext","sdkError","_c","_b","stores","sdkStore","error","logger","_d","config","isOnline","_e","React","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","info"],"mappings":"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"}

package/Channel/components/FileViewer.js

@@ -1,32 +1,32 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
 import Avatar from '../../ui/Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e121c395.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-40fcb60b.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-10a05022.js';
-import { E as isSupportedFileView, F as isVideo, G as isImage } from '../../index-43834bc0.js';
+import { M as MODAL_ROOT } from '../../index-245c7032.js';
+import { E as isSupportedFileView, F as isVideo, G as isImage } from '../../index-dad39ace.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-c1c00018.js';
-import '../../tslib.es6-e1c2b6be.js';
+import { u as useChannelContext } from '../../ChannelProvider-e8beff2d.js';
+import '../../tslib.es6-0d507bec.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-d072af26.js';
+import '../../uuid-9dda9b20.js';
 import 'prop-types';
-import '../../stringSet-a513039b.js';
+import '../../stringSet-f4c04194.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-945410b2.js';
-import '../../UserProfileContext-cc71f901.js';
-import '../../index-99933718.js';
-import '../../index-c10fcd31.js';
-import '../../topics-a581acbb.js';
-import '../../compareIds-87972c5f.js';
-import '../../const-85535a89.js';
+import '../../_rollupPluginBabelHelpers-a6fb8db9.js';
+import '../../UserProfileContext-798ff1f9.js';
+import '../../index-9d1fdd2f.js';
+import '../../index-0598a3f8.js';
+import '../../topics-34615bc5.js';
+import '../../compareIds-0df93c10.js';
+import '../../const-3e90ab6a.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../consts-59f719d8.js';
+import '../../consts-bf94452f.js';
 
 var FileViewerComponent = function (_a) {
   var // sender

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-8725e9b2.js';
-import { L as Label, a as LabelTypography } from '../../index-e121c395.js';
-import '../../stringSet-a513039b.js';
-import '../../index-c10fcd31.js';
+import { a as LocalizationContext } from '../../LocalizationContext-faa869e6.js';
+import { L as Label, a as LabelTypography } from '../../index-40fcb60b.js';
+import '../../stringSet-f4c04194.js';
+import '../../index-0598a3f8.js';
 import 'prop-types';
 
 var FrozenNotification = function (_a) {

package/Channel/components/Message.js

@@ -1,57 +1,56 @@
-import { a as __spreadArray } from '../../tslib.es6-e1c2b6be.js';
+import { a as __spreadArray } from '../../tslib.es6-0d507bec.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-99933718.js';
+import { f as format } from '../../index-9d1fdd2f.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-c1c00018.js';
-import { j as getClassName } from '../../index-43834bc0.js';
-import { a as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from '../../const-85535a89.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-e8beff2d.js';
+import { j as getClassName } from '../../index-dad39ace.js';
+import { a as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from '../../const-3e90ab6a.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e121c395.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-40fcb60b.js';
 import MessageInput from '../../ui/MessageInput.js';
 import MessageContent from '../../ui/MessageContent.js';
 import FileViewer from './FileViewer.js';
 import RemoveMessage from './RemoveMessageModal.js';
-import { M as MessageInputKeys } from '../../const-0f759572.js';
-import { u as useLocalization } from '../../LocalizationContext-8725e9b2.js';
-import '../../index-c10fcd31.js';
+import { M as MessageInputKeys } from '../../const-15b18d4f.js';
+import { u as useLocalization } from '../../LocalizationContext-faa869e6.js';
+import '../../index-0598a3f8.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-d072af26.js';
-import '../../ThreadProvider-e64f95cc.js';
+import '../../uuid-9dda9b20.js';
+import '../../ThreadProvider-ad0690f5.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-cc71f901.js';
+import '../../UserProfileContext-798ff1f9.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-a581acbb.js';
+import '../../topics-34615bc5.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-59f719d8.js';
+import '../../consts-bf94452f.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-945410b2.js';
-import '../../compareIds-87972c5f.js';
+import '../../_rollupPluginBabelHelpers-a6fb8db9.js';
+import '../../compareIds-0df93c10.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-a513039b.js';
+import '../../stringSet-f4c04194.js';
 import '../../ui/ReactionButton.js';
-import '../../color-f6b2bdb7.js';
-import 'react-dom/server';
+import '../../color-3ea2f32a.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../ui/MentionUserLabel.js';
 import 'dompurify';
+import '../../consts-bdb24796.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-b439eac3.js';
-import '../../index-1ac4456b.js';
+import '../../utils-1d822c74.js';
+import '../../index-5ebdd2f3.js';
 import '../../ui/Loader.js';
-import '../../index-a1a19702.js';
-import '../../index-2988897b.js';
+import '../../index-47bacf36.js';
+import '../../index-efddd5d1.js';
 import '../../ui/MessageItemMenu.js';
-import '../../types-5cc94910.js';
+import '../../types-277b33ab.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
@@ -64,19 +63,19 @@ import '../../ui/LinkLabel.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../MediaQueryContext-ceb727c7.js';
+import '../../MediaQueryContext-f1d24f7b.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-d942e028.js';
+import '../../useLongPress-932defe8.js';
 import '../../ui/BottomSheet.js';
-import '../../index-10a05022.js';
+import '../../index-245c7032.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-ac5a0725.js';
+import '../../index-ba0f687e.js';
 import '../../VoiceRecorder/context.js';
 import '../../lame.all.js';
 import '../../ui/PlaybackTime.js';