@sendbird/uikit-react 3.4.3 → 3.4.4-rc.0

package/cjs/Channel/components/ChannelUI.js

@@ -2,66 +2,66 @@
 
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-af11f0e6.js');
-var ui_PlaceHolder = require('../../index-6ed2df90.js');
+var Channel_context = require('../../ChannelProvider-218991b0.js');
+var ui_PlaceHolder = require('../../index-addd3be5.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-6bd3ed3b.js');
-require('../../UserProfileContext-6b73c8c7.js');
+require('../../tslib.es6-08359f50.js');
+require('../../UserProfileContext-4c1cc9e7.js');
 require('prop-types');
-require('../../index-31298927.js');
-require('../../index-3b0363a8.js');
-require('../../topics-33dacb94.js');
-require('../../index-7ba6befd.js');
-require('../../tslib.es6-a674f4e5.js');
+require('../../index-1dd6b0e3.js');
+require('../../index-bef0eca0.js');
+require('../../topics-a335cb1e.js');
+require('../../index-39a87513.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-cedb6c39.js');
-require('../../const-b8ef9240.js');
+require('../../_rollupPluginBabelHelpers-6137a140.js');
+require('../../compareIds-83a57e5f.js');
+require('../../const-743dfc24.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-f5d1a1fe.js');
+require('../../uuid-cd03215f.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-8aa6d8c9.js');
-require('../../stringSet-1e9a4bf2.js');
+require('../../index-ba572c7a.js');
+require('../../stringSet-618eb438.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../consts-0e64ad01.js');
-require('../../LocalizationContext-d6a49817.js');
+require('../../consts-7df240d1.js');
+require('../../LocalizationContext-51dc836f.js');
 require('../../ui/Loader.js');
-require('../../utils-50ff8ad6.js');
+require('../../utils-60cddb64.js');
 require('../../ui/IconButton.js');
 require('../../ui/ChannelAvatar.js');
 require('../../ui/Avatar.js');
-require('../../utils-afdab4b0.js');
-require('../../MediaQueryContext-fe920821.js');
-require('../../utils-9df4cc6c.js');
+require('../../utils-81f8670a.js');
+require('../../MediaQueryContext-07055899.js');
+require('../../utils-66a05605.js');
 require('./Message.js');
 require('./SuggestedMentionList.js');
-require('../../const-5de4173e.js');
-require('../../ThreadProvider-03fb5452.js');
+require('../../const-eb0722bc.js');
+require('../../ThreadProvider-77682d98.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../ui/DateSeparator.js');
-require('../../color-273e8911.js');
+require('../../color-6be2e9f3.js');
 require('../../ui/MessageInput.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-9d6ed0a6.js');
+require('../../consts-bb5e01e7.js');
 require('../../ui/MessageContent.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../index-f0d6f431.js');
-require('../../index-684be350.js');
-require('../../index-197e3c5b.js');
+require('../../index-adcde1d2.js');
+require('../../index-c78778a6.js');
+require('../../index-42d826d2.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-ff787253.js');
+require('../../types-518abc78.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
@@ -78,16 +78,15 @@ require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../useLongPress-37c403d8.js');
+require('../../useLongPress-50b32689.js');
 require('../../ui/BottomSheet.js');
-require('../../index-c810e78c.js');
+require('../../index-f52eb778.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-f2e27f6a.js');
+require('../../index-9e4bf057.js');
 require('../../VoiceRecorder/context.js');
-require('../../lame.all.js');
 require('../../ui/PlaybackTime.js');
 require('./FileViewer.js');
 require('./RemoveMessageModal.js');
@@ -95,9 +94,9 @@ require('../../ui/Modal.js');
 require('./UnreadCount.js');
 require('./FrozenNotification.js');
 require('../../ui/QuoteMessageInput.js');
-require('../../VoiceMessageInputWrapper-b00f09e0.js');
+require('../../VoiceMessageInputWrapper-bb085ef5.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-36be8d44.js');
+require('../../index-30065b59.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/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","PlaceHolder","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","info","ChannelHeader","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"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","PlaceHolder","PlaceHolderTypes","LOADING","NO_CHANNELS","WRONG","info","ChannelHeader","MessageList","MessageInputWrapper","TypingIndicator","ConnectionStatus"],"mappings":"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"}

package/cjs/Channel/components/FileViewer.js

@@ -5,32 +5,32 @@ 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-8aa6d8c9.js');
+var ui_Label = require('../../index-ba572c7a.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index$1 = require('../../index-c810e78c.js');
-var index = require('../../index-7ba6befd.js');
+var index$1 = require('../../index-f52eb778.js');
+var index = require('../../index-39a87513.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-af11f0e6.js');
-require('../../tslib.es6-a674f4e5.js');
+var Channel_context = require('../../ChannelProvider-218991b0.js');
+require('../../tslib.es6-08359f50.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f5d1a1fe.js');
+require('../../uuid-cd03215f.js');
 require('prop-types');
-require('../../stringSet-1e9a4bf2.js');
+require('../../stringSet-618eb438.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-6bd3ed3b.js');
-require('../../UserProfileContext-6b73c8c7.js');
-require('../../index-31298927.js');
-require('../../index-3b0363a8.js');
-require('../../topics-33dacb94.js');
-require('../../compareIds-cedb6c39.js');
-require('../../const-b8ef9240.js');
+require('../../UserProfileContext-4c1cc9e7.js');
+require('../../index-1dd6b0e3.js');
+require('../../index-bef0eca0.js');
+require('../../topics-a335cb1e.js');
+require('../../_rollupPluginBabelHelpers-6137a140.js');
+require('../../compareIds-83a57e5f.js');
+require('../../const-743dfc24.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ReactionButton.js');
-require('../../consts-0e64ad01.js');
+require('../../consts-7df240d1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Channel/components/FrozenNotification.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-d6a49817.js');
-var ui_Label = require('../../index-8aa6d8c9.js');
-require('../../stringSet-1e9a4bf2.js');
-require('../../index-3b0363a8.js');
+var LocalizationContext = require('../../LocalizationContext-51dc836f.js');
+var ui_Label = require('../../index-ba572c7a.js');
+require('../../stringSet-618eb438.js');
+require('../../index-bef0eca0.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Channel/components/Message.js

@@ -1,58 +1,58 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-a674f4e5.js');
+var tslib_es6 = require('../../tslib.es6-08359f50.js');
 var React = require('react');
-var index$1 = require('../../index-31298927.js');
+var index$1 = require('../../index-1dd6b0e3.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Channel_context = require('../../ChannelProvider-af11f0e6.js');
-var index = require('../../index-7ba6befd.js');
-var _const = require('../../const-b8ef9240.js');
+var Channel_context = require('../../ChannelProvider-218991b0.js');
+var index = require('../../index-39a87513.js');
+var _const = require('../../const-743dfc24.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-8aa6d8c9.js');
+var ui_Label = require('../../index-ba572c7a.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-5de4173e.js');
-var LocalizationContext = require('../../LocalizationContext-d6a49817.js');
-require('../../index-3b0363a8.js');
+var _const$1 = require('../../const-eb0722bc.js');
+var LocalizationContext = require('../../LocalizationContext-51dc836f.js');
+require('../../index-bef0eca0.js');
 require('../../ui/Icon.js');
 require('prop-types');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-f5d1a1fe.js');
-require('../../ThreadProvider-03fb5452.js');
+require('../../uuid-cd03215f.js');
+require('../../ThreadProvider-77682d98.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../UserProfileContext-6b73c8c7.js');
+require('../../UserProfileContext-4c1cc9e7.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
-require('../../topics-33dacb94.js');
+require('../../topics-a335cb1e.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-0e64ad01.js');
+require('../../consts-7df240d1.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-6bd3ed3b.js');
-require('../../compareIds-cedb6c39.js');
+require('../../_rollupPluginBabelHelpers-6137a140.js');
+require('../../compareIds-83a57e5f.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../stringSet-1e9a4bf2.js');
+require('../../stringSet-618eb438.js');
 require('../../ui/ReactionButton.js');
-require('../../color-273e8911.js');
+require('../../color-6be2e9f3.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-9d6ed0a6.js');
+require('../../consts-bb5e01e7.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-9df4cc6c.js');
-require('../../index-f0d6f431.js');
+require('../../utils-66a05605.js');
+require('../../index-adcde1d2.js');
 require('../../ui/Loader.js');
-require('../../index-684be350.js');
-require('../../index-197e3c5b.js');
+require('../../index-c78778a6.js');
+require('../../index-42d826d2.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-ff787253.js');
+require('../../types-518abc78.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
@@ -65,21 +65,20 @@ require('../../ui/LinkLabel.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/FileMessageItemBody.js');
 require('../../ui/TextButton.js');
-require('../../MediaQueryContext-fe920821.js');
+require('../../MediaQueryContext-07055899.js');
 require('../../ui/ThumbnailMessageItemBody.js');
 require('../../ui/OGMessageItemBody.js');
 require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/QuoteMessage.js');
-require('../../useLongPress-37c403d8.js');
+require('../../useLongPress-50b32689.js');
 require('../../ui/BottomSheet.js');
-require('../../index-c810e78c.js');
+require('../../index-f52eb778.js');
 require('../../ui/ThreadReplies.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-f2e27f6a.js');
+require('../../index-9e4bf057.js');
 require('../../VoiceRecorder/context.js');
-require('../../lame.all.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Modal.js');
 

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

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sources":["../../../../src/utils/useDidMountEffect.ts","../../../../src/smart-components/Channel/components/Message/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDidMountEffect = (func: () => void, deps: Array<unknown>): void => {\n    const [didMount, setDidmount] = useState(false);\n    useEffect(() => {\n        if (didMount) {\n          func();\n        } else {\n          setDidmount(true);\n        }\n    }, deps);\n};\n\nexport default useDidMountEffect;\n","import React, {\n  useRef,\n  useMemo,\n  useState,\n  useEffect,\n  useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport useDidMountEffect from '../../../../utils/useDidMountEffect';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype MessageUIProps = {\n  message: EveryMessage;\n  hasSeparator?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  handleScroll: () => void;\n  // for extending\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderEditInput?: () => React.ReactElement;\n  renderMessageContent?: () => React.ReactElement;\n};\n\n// todo: Refactor this component, is too complex now\nconst Message = ({\n  message,\n  hasSeparator,\n  chainTop,\n  chainBottom,\n  handleScroll,\n  renderCustomSeparator,\n  renderEditInput,\n  renderMessage,\n  renderMessageContent,\n}: MessageUIProps): React.ReactElement => {\n  const { dateLocale } = useLocalization();\n  const globalStore = useSendbirdStateContext();\n  const {\n    userId,\n    isOnline,\n    isMentionEnabled,\n    userMention,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || MAX_USER_MENTION_COUNT;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || MAX_USER_SUGGESTION_COUNT;\n\n  const {\n    initialized,\n    currentGroupChannel,\n    highLightedMessageId,\n    setHighLightedMessageId,\n    animatedMessageId,\n    setAnimatedMessageId,\n    updateMessage,\n    scrollToMessage,\n    replyType,\n    threadReplySelectType,\n    isReactionEnabled,\n    toggleReaction,\n    emojiContainer,\n    nicknamesMap,\n    setQuoteMessage,\n    resendMessage,\n    renderUserMentionItem,\n    onReplyInThread,\n    onQuoteMessageClick,\n    onMessageAnimated,\n    onMessageHighlighted,\n  } = useChannelContext();\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [isHighlighted, setIsHighlighted] = useState(false);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const editMessageInputRef = useRef(null);\n  const useMessageScrollRef = useRef(null);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isDisabledBecauseFrozen(currentGroupChannel)\n    && !isDisabledBecauseMuted(currentGroupChannel);\n  const disabled = !initialized\n    || isDisabledBecauseFrozen(currentGroupChannel)\n    || isDisabledBecauseMuted(currentGroupChannel)\n    || !isOnline;\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  useDidMountEffect(() => {\n    if (currentGroupChannel?.lastMessage?.messageId === message?.messageId) {\n      handleScroll?.();\n    }\n  }, [showEdit, message?.reactions?.length]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageHighlightedTimeout = null;\n    if (highLightedMessageId === message.messageId && useMessageScrollRef?.current) {\n      useMessageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });\n      setIsAnimated(false);\n      animationTimeout = setTimeout(() => {\n        setIsHighlighted(true);\n      }, 500);\n      messageHighlightedTimeout = setTimeout(() => {\n        setHighLightedMessageId(0);\n        onMessageHighlighted?.();\n      }, 1600);\n    } else {\n      setIsHighlighted(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageHighlightedTimeout);\n    }\n  }, [highLightedMessageId, useMessageScrollRef.current, message.messageId]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageAnimatedTimeout = null;\n    if (animatedMessageId === message.messageId && useMessageScrollRef?.current) {\n      useMessageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });\n      setIsHighlighted(false);\n      animationTimeout = setTimeout(() => {\n        setIsAnimated(true);\n      }, 500);\n      messageAnimatedTimeout = setTimeout(() => {\n        setAnimatedMessageId(0);\n        onMessageAnimated?.();\n      }, 1600);\n    } else {\n      setIsAnimated(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageAnimatedTimeout);\n    }\n  }, [animatedMessageId, useMessageScrollRef.current, message.messageId, onMessageAnimated]);\n  const renderedMessage = useMemo(() => {\n    return renderMessage?.({\n      message,\n      chainTop,\n      chainBottom,\n    });\n  }, [message, renderMessage]);\n  const renderedCustomSeparator = useMemo(() => {\n    if (renderCustomSeparator) {\n      return renderCustomSeparator?.({ message: message });\n    }\n    return null;\n  }, [message, renderCustomSeparator]);\n\n  if (renderedMessage) {\n    return (\n      <div\n        ref={useMessageScrollRef}\n        className={getClassName([\n          'sendbird-msg-hoc sendbird-msg--scroll-ref',\n          isAnimated ? 'sendbird-msg-hoc__animated' : '',\n          isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n        ])}\n      >\n        {/* date-separator */}\n        {\n          // TODO: Add message instance as a function parameter\n          hasSeparator && (renderedCustomSeparator || (\n            <DateSeparator>\n              <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n                {format(message.createdAt, 'MMMM dd, yyyy', {\n                  locale: dateLocale,\n                })}\n              </Label>\n            </DateSeparator>\n          ))\n        }\n        {renderedMessage}\n      </div>\n    );\n  }\n\n  if (showEdit && message?.isUserMessage?.()) {\n    return renderEditInput?.() || (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              targetNickname={mentionNickname}\n              inputEvent={messageInputEvent}\n              renderUserMentionItem={renderUserMentionItem}\n              onUserItemClick={(user) => {\n                if (user) {\n                  setMentionedUsers([...mentionedUsers, user]);\n                }\n                setMentionNickname('');\n                setSelectedUser(user);\n                setMessageInputEvent(null);\n              }}\n              onFocusItemChange={() => {\n                setMessageInputEvent(null);\n              }}\n              onFetchUsers={(users) => {\n                setMentionSuggestedUsers(users);\n              }}\n              ableAddMention={ableMention}\n              maxMentionCount={maxUserMentionCount}\n              maxSuggestionCount={maxUserSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={message}\n          onStartTyping={() => {\n            currentGroupChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onUserMentioned={(user) => {\n            if (selectedUser?.userId === user?.userId) {\n              setSelectedUser(null);\n              setMentionNickname('');\n            }\n          }}\n          onMentionStringChange={(mentionText) => {\n            setMentionNickname(mentionText);\n          }}\n          onMentionedUserIdsUpdated={(userIds) => {\n            setMentionedUserIds(userIds);\n          }}\n          onKeyDown={(e) => {\n            if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n              && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n            ) {\n              setMessageInputEvent(e);\n              return true;\n            }\n            return false;\n          }}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div\n      className={getClassName([\n        'sendbird-msg-hoc sendbird-msg--scroll-ref',\n        isAnimated ? 'sendbird-msg-hoc__animated' : '',\n        isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n      ])}\n      style={{ marginBottom: '2px' }}\n      ref={useMessageScrollRef}\n    >\n      {/* date-separator */}\n      {\n        hasSeparator && (renderedCustomSeparator || (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        ))\n      }\n      {/* Message */}\n      {\n        renderMessageContent?.() || (\n          <MessageContent\n            className=\"sendbird-message-hoc__message-content\"\n            userId={userId}\n            scrollToMessage={scrollToMessage}\n            channel={currentGroupChannel}\n            message={message}\n            disabled={!isOnline}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            threadReplySelectType={threadReplySelectType}\n            nicknamesMap={nicknamesMap}\n            emojiContainer={emojiContainer}\n            showEdit={setShowEdit}\n            showRemove={setShowRemove}\n            showFileViewer={setShowFileViewer}\n            resendMessage={resendMessage}\n            toggleReaction={toggleReaction}\n            setQuoteMessage={setQuoteMessage}\n            onReplyInThread={onReplyInThread}\n            onQuoteMessageClick={onQuoteMessageClick}\n          />\n        )\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\n            onCancel={() => setShowRemove(false)}\n          />\n        )\n      }\n      {\n        showFileViewer && (\n          <FileViewer\n            message={message as FileMessage}\n            onCancel={() => setShowFileViewer(false)}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default Message;\n"],"names":["useDidMountEffect","func","deps","_a","useState","didMount","setDidmount","useEffect","Message","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","_d","config","userId","isOnline","isMentionEnabled","userMention","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","_e","useChannelContext","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","_f","showEdit","setShowEdit","_g","showRemove","setShowRemove","_h","showFileViewer","setShowFileViewer","_j","isAnimated","setIsAnimated","_k","isHighlighted","setIsHighlighted","_l","mentionNickname","setMentionNickname","_m","mentionedUsers","setMentionedUsers","_o","mentionedUserIds","setMentionedUserIds","_p","messageInputEvent","setMessageInputEvent","_q","selectedUser","setSelectedUser","_r","mentionSuggestedUsers","setMentionSuggestedUsers","_s","ableMention","setAbleMention","editMessageInputRef","useRef","useMessageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","filter","i","indexOf","splice","lastMessage","messageId","_b","reactions","useLayoutEffect","animationTimeout","messageHighlightedTimeout","current","scrollIntoView","block","inline","setTimeout","clearTimeout","messageAnimatedTimeout","renderedMessage","useMemo","renderedCustomSeparator","React","getClassName","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","createdAt","locale","_c","isUserMessage","call","SuggestedMentionList","user","__spreadArray","users","MessageInput","startTyping","mentionTemplate","endTyping","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","marginBottom","MessageContent","RemoveMessageModal","FileViewer"],"mappings":"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"}
+{"version":3,"file":"Message.js","sources":["../../../../src/utils/useDidMountEffect.ts","../../../../src/smart-components/Channel/components/Message/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useDidMountEffect = (func: () => void, deps: Array<unknown>): void => {\n    const [didMount, setDidmount] = useState(false);\n    useEffect(() => {\n        if (didMount) {\n          func();\n        } else {\n          setDidmount(true);\n        }\n    }, deps);\n};\n\nexport default useDidMountEffect;\n","import React, {\n  useRef,\n  useMemo,\n  useState,\n  useEffect,\n  useLayoutEffect,\n} from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\n\nimport useDidMountEffect from '../../../../utils/useDidMountEffect';\nimport SuggestedMentionList from '../SuggestedMentionList';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelContext } from '../../context/ChannelProvider';\nimport { getClassName } from '../../../../utils';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\nimport { MAX_USER_MENTION_COUNT, MAX_USER_SUGGESTION_COUNT } from '../../context/const';\n\nimport DateSeparator from '../../../../ui/DateSeparator';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport MessageInput from '../../../../ui/MessageInput';\nimport MessageContent from '../../../../ui/MessageContent';\nimport FileViewer from '../FileViewer';\nimport RemoveMessageModal from '../RemoveMessageModal';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\nimport { EveryMessage, RenderCustomSeparatorProps, RenderMessageProps } from '../../../../types';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype MessageUIProps = {\n  message: EveryMessage;\n  hasSeparator?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  handleScroll: () => void;\n  // for extending\n  renderMessage?: (props: RenderMessageProps) => React.ReactElement;\n  renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;\n  renderEditInput?: () => React.ReactElement;\n  renderMessageContent?: () => React.ReactElement;\n};\n\n// todo: Refactor this component, is too complex now\nconst Message = ({\n  message,\n  hasSeparator,\n  chainTop,\n  chainBottom,\n  handleScroll,\n  renderCustomSeparator,\n  renderEditInput,\n  renderMessage,\n  renderMessageContent,\n}: MessageUIProps): React.ReactElement => {\n  const { dateLocale } = useLocalization();\n  const globalStore = useSendbirdStateContext();\n  const {\n    userId,\n    isOnline,\n    isMentionEnabled,\n    userMention,\n  } = globalStore?.config;\n  const maxUserMentionCount = userMention?.maxMentionCount || MAX_USER_MENTION_COUNT;\n  const maxUserSuggestionCount = userMention?.maxSuggestionCount || MAX_USER_SUGGESTION_COUNT;\n\n  const {\n    initialized,\n    currentGroupChannel,\n    highLightedMessageId,\n    setHighLightedMessageId,\n    animatedMessageId,\n    setAnimatedMessageId,\n    updateMessage,\n    scrollToMessage,\n    replyType,\n    threadReplySelectType,\n    isReactionEnabled,\n    toggleReaction,\n    emojiContainer,\n    nicknamesMap,\n    setQuoteMessage,\n    resendMessage,\n    renderUserMentionItem,\n    onReplyInThread,\n    onQuoteMessageClick,\n    onMessageAnimated,\n    onMessageHighlighted,\n  } = useChannelContext();\n  const [showEdit, setShowEdit] = useState(false);\n  const [showRemove, setShowRemove] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const [isAnimated, setIsAnimated] = useState(false);\n  const [isHighlighted, setIsHighlighted] = useState(false);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const editMessageInputRef = useRef(null);\n  const useMessageScrollRef = useRef(null);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isDisabledBecauseFrozen(currentGroupChannel)\n    && !isDisabledBecauseMuted(currentGroupChannel);\n  const disabled = !initialized\n    || isDisabledBecauseFrozen(currentGroupChannel)\n    || isDisabledBecauseMuted(currentGroupChannel)\n    || !isOnline;\n\n  useEffect(() => {\n    if (mentionedUsers?.length >= maxUserMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  useDidMountEffect(() => {\n    if (currentGroupChannel?.lastMessage?.messageId === message?.messageId) {\n      handleScroll?.();\n    }\n  }, [showEdit, message?.reactions?.length]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageHighlightedTimeout = null;\n    if (highLightedMessageId === message.messageId && useMessageScrollRef?.current) {\n      useMessageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });\n      setIsAnimated(false);\n      animationTimeout = setTimeout(() => {\n        setIsHighlighted(true);\n      }, 500);\n      messageHighlightedTimeout = setTimeout(() => {\n        setHighLightedMessageId(0);\n        onMessageHighlighted?.();\n      }, 1600);\n    } else {\n      setIsHighlighted(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageHighlightedTimeout);\n    }\n  }, [highLightedMessageId, useMessageScrollRef.current, message.messageId]);\n\n  useLayoutEffect(() => {\n    let animationTimeout = null;\n    let messageAnimatedTimeout = null;\n    if (animatedMessageId === message.messageId && useMessageScrollRef?.current) {\n      useMessageScrollRef.current.scrollIntoView({ block: 'center', inline: 'center' });\n      setIsHighlighted(false);\n      animationTimeout = setTimeout(() => {\n        setIsAnimated(true);\n      }, 500);\n      messageAnimatedTimeout = setTimeout(() => {\n        setAnimatedMessageId(0);\n        onMessageAnimated?.();\n      }, 1600);\n    } else {\n      setIsAnimated(false);\n    }\n    return () => {\n      clearTimeout(animationTimeout);\n      clearTimeout(messageAnimatedTimeout);\n    }\n  }, [animatedMessageId, useMessageScrollRef.current, message.messageId, onMessageAnimated]);\n  const renderedMessage = useMemo(() => {\n    return renderMessage?.({\n      message,\n      chainTop,\n      chainBottom,\n    });\n  }, [message, renderMessage]);\n  const renderedCustomSeparator = useMemo(() => {\n    if (renderCustomSeparator) {\n      return renderCustomSeparator?.({ message: message });\n    }\n    return null;\n  }, [message, renderCustomSeparator]);\n\n  if (renderedMessage) {\n    return (\n      <div\n        ref={useMessageScrollRef}\n        className={getClassName([\n          'sendbird-msg-hoc sendbird-msg--scroll-ref',\n          isAnimated ? 'sendbird-msg-hoc__animated' : '',\n          isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n        ])}\n      >\n        {/* date-separator */}\n        {\n          // TODO: Add message instance as a function parameter\n          hasSeparator && (renderedCustomSeparator || (\n            <DateSeparator>\n              <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n                {format(message.createdAt, 'MMMM dd, yyyy', {\n                  locale: dateLocale,\n                })}\n              </Label>\n            </DateSeparator>\n          ))\n        }\n        {renderedMessage}\n      </div>\n    );\n  }\n\n  if (showEdit && message?.isUserMessage?.()) {\n    return renderEditInput?.() || (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              targetNickname={mentionNickname}\n              inputEvent={messageInputEvent}\n              renderUserMentionItem={renderUserMentionItem}\n              onUserItemClick={(user) => {\n                if (user) {\n                  setMentionedUsers([...mentionedUsers, user]);\n                }\n                setMentionNickname('');\n                setSelectedUser(user);\n                setMessageInputEvent(null);\n              }}\n              onFocusItemChange={() => {\n                setMessageInputEvent(null);\n              }}\n              onFetchUsers={(users) => {\n                setMentionSuggestedUsers(users);\n              }}\n              ableAddMention={ableMention}\n              maxMentionCount={maxUserMentionCount}\n              maxSuggestionCount={maxUserSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={message}\n          onStartTyping={() => {\n            currentGroupChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEdit(false);\n            currentGroupChannel?.endTyping?.();\n          }}\n          onUserMentioned={(user) => {\n            if (selectedUser?.userId === user?.userId) {\n              setSelectedUser(null);\n              setMentionNickname('');\n            }\n          }}\n          onMentionStringChange={(mentionText) => {\n            setMentionNickname(mentionText);\n          }}\n          onMentionedUserIdsUpdated={(userIds) => {\n            setMentionedUserIds(userIds);\n          }}\n          onKeyDown={(e) => {\n            if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n              && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n            ) {\n              setMessageInputEvent(e);\n              return true;\n            }\n            return false;\n          }}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div\n      className={getClassName([\n        'sendbird-msg-hoc sendbird-msg--scroll-ref',\n        isAnimated ? 'sendbird-msg-hoc__animated' : '',\n        isHighlighted ? 'sendbird-msg-hoc__highlighted' : '',\n      ])}\n      style={{ marginBottom: '2px' }}\n      ref={useMessageScrollRef}\n    >\n      {/* date-separator */}\n      {\n        hasSeparator && (renderedCustomSeparator || (\n          <DateSeparator>\n            <Label type={LabelTypography.CAPTION_2} color={LabelColors.ONBACKGROUND_2}>\n              {format(message.createdAt, 'MMMM dd, yyyy', {\n                locale: dateLocale,\n              })}\n            </Label>\n          </DateSeparator>\n        ))\n      }\n      {/* Message */}\n      {\n        renderMessageContent?.() || (\n          <MessageContent\n            className=\"sendbird-message-hoc__message-content\"\n            userId={userId}\n            scrollToMessage={scrollToMessage}\n            channel={currentGroupChannel}\n            message={message}\n            disabled={!isOnline}\n            chainTop={chainTop}\n            chainBottom={chainBottom}\n            isReactionEnabled={isReactionEnabled}\n            replyType={replyType}\n            threadReplySelectType={threadReplySelectType}\n            nicknamesMap={nicknamesMap}\n            emojiContainer={emojiContainer}\n            showEdit={setShowEdit}\n            showRemove={setShowRemove}\n            showFileViewer={setShowFileViewer}\n            resendMessage={resendMessage}\n            toggleReaction={toggleReaction}\n            setQuoteMessage={setQuoteMessage}\n            onReplyInThread={onReplyInThread}\n            onQuoteMessageClick={onQuoteMessageClick}\n          />\n        )\n      }\n      {/* Modal */}\n      {\n        showRemove && (\n          <RemoveMessageModal\n            message={message}\n            onCancel={() => setShowRemove(false)}\n          />\n        )\n      }\n      {\n        showFileViewer && (\n          <FileViewer\n            message={message as FileMessage}\n            onCancel={() => setShowFileViewer(false)}\n          />\n        )\n      }\n    </div>\n  );\n};\n\nexport default Message;\n"],"names":["useDidMountEffect","func","deps","_a","useState","didMount","setDidmount","useEffect","Message","message","hasSeparator","chainTop","chainBottom","handleScroll","renderCustomSeparator","renderEditInput","renderMessage","renderMessageContent","dateLocale","useLocalization","globalStore","useSendbirdStateContext","_d","config","userId","isOnline","isMentionEnabled","userMention","maxUserMentionCount","maxMentionCount","MAX_USER_MENTION_COUNT","maxUserSuggestionCount","maxSuggestionCount","MAX_USER_SUGGESTION_COUNT","_e","useChannelContext","initialized","currentGroupChannel","highLightedMessageId","setHighLightedMessageId","animatedMessageId","setAnimatedMessageId","updateMessage","scrollToMessage","replyType","threadReplySelectType","isReactionEnabled","toggleReaction","emojiContainer","nicknamesMap","setQuoteMessage","resendMessage","renderUserMentionItem","onReplyInThread","onQuoteMessageClick","onMessageAnimated","onMessageHighlighted","_f","showEdit","setShowEdit","_g","showRemove","setShowRemove","_h","showFileViewer","setShowFileViewer","_j","isAnimated","setIsAnimated","_k","isHighlighted","setIsHighlighted","_l","mentionNickname","setMentionNickname","_m","mentionedUsers","setMentionedUsers","_o","mentionedUserIds","setMentionedUserIds","_p","messageInputEvent","setMessageInputEvent","_q","selectedUser","setSelectedUser","_r","mentionSuggestedUsers","setMentionSuggestedUsers","_s","ableMention","setAbleMention","editMessageInputRef","useRef","useMessageScrollRef","displaySuggestedMentionList","length","isDisabledBecauseFrozen","isDisabledBecauseMuted","disabled","filter","i","indexOf","splice","lastMessage","messageId","_b","reactions","useLayoutEffect","animationTimeout","messageHighlightedTimeout","current","scrollIntoView","block","inline","setTimeout","clearTimeout","messageAnimatedTimeout","renderedMessage","useMemo","renderedCustomSeparator","React","getClassName","DateSeparator","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","format","createdAt","locale","_c","isUserMessage","call","SuggestedMentionList","user","__spreadArray","users","MessageInput","startTyping","mentionTemplate","endTyping","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","marginBottom","MessageContent","RemoveMessageModal","FileViewer"],"mappings":"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"}

package/cjs/Channel/components/MessageInput.js

@@ -1,59 +1,58 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6-a674f4e5.js');
+var tslib_es6 = require('../../tslib.es6-08359f50.js');
 var React = require('react');
-var Channel_context = require('../../ChannelProvider-af11f0e6.js');
+var Channel_context = require('../../ChannelProvider-218991b0.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_QuoteMessageInput = require('../../ui/QuoteMessageInput.js');
-var LocalizationContext = require('../../LocalizationContext-d6a49817.js');
+var LocalizationContext = require('../../LocalizationContext-51dc836f.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('./SuggestedMentionList.js');
-var _const = require('../../const-5de4173e.js');
-var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-b00f09e0.js');
-require('../../UserProfileContext-6b73c8c7.js');
+var _const = require('../../const-eb0722bc.js');
+var VoiceMessageInputWrapper = require('../../VoiceMessageInputWrapper-bb085ef5.js');
+require('../../UserProfileContext-4c1cc9e7.js');
 require('prop-types');
-require('../../index-31298927.js');
-require('../../index-3b0363a8.js');
-require('../../topics-33dacb94.js');
-require('../../index-7ba6befd.js');
+require('../../index-1dd6b0e3.js');
+require('../../index-bef0eca0.js');
+require('../../topics-a335cb1e.js');
+require('../../index-39a87513.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../_rollupPluginBabelHelpers-6bd3ed3b.js');
-require('../../compareIds-cedb6c39.js');
-require('../../const-b8ef9240.js');
+require('../../_rollupPluginBabelHelpers-6137a140.js');
+require('../../compareIds-83a57e5f.js');
+require('../../const-743dfc24.js');
 require('@sendbird/chat/groupChannel');
-require('../../uuid-f5d1a1fe.js');
+require('../../uuid-cd03215f.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-8aa6d8c9.js');
-require('../../stringSet-1e9a4bf2.js');
+require('../../index-ba572c7a.js');
+require('../../stringSet-618eb438.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../consts-0e64ad01.js');
+require('../../consts-7df240d1.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
 require('dompurify');
-require('../../consts-9d6ed0a6.js');
+require('../../consts-bb5e01e7.js');
 require('../../withSendbird.js');
 require('../../ui/Avatar.js');
-require('../../ThreadProvider-03fb5452.js');
+require('../../ThreadProvider-77682d98.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-f2e27f6a.js');
+require('../../index-9e4bf057.js');
 require('../../VoiceRecorder/context.js');
-require('../../lame.all.js');
 require('../../VoiceRecorder/useVoiceRecorder.js');
-require('../../index-36be8d44.js');
+require('../../index-30065b59.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/ProgressBar.js');
 require('../../ui/TextButton.js');
-require('../../color-273e8911.js');
+require('../../color-6be2e9f3.js');
 require('../../ui/Modal.js');
-require('../../index-c810e78c.js');
-require('../../MediaQueryContext-fe920821.js');
+require('../../index-f52eb778.js');
+require('../../MediaQueryContext-07055899.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }