@sendbird/uikit-react 3.5.0-mobile-web-1 → 3.5.0-mobile-rc-3

package/Channel/components/ChannelUI.js

@@ -1,73 +1,73 @@
 import React__default from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-b41fde4c.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-0f22e96e.js';
+import { u as useChannelContext } from '../../ChannelProvider-f39a427f.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-efad9427.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-0bc76382.js';
-import '../../UserProfileContext-29074346.js';
+import '../../_rollupPluginBabelHelpers-fba60f75.js';
+import '../../UserProfileContext-ca6e2310.js';
 import 'prop-types';
-import '../../index-f1701c11.js';
-import '../../index-865112db.js';
-import '../../topics-5ff88d6f.js';
-import '../../index-e2601165.js';
+import '../../index-ff4bc2bb.js';
+import '../../index-9118a2a4.js';
+import '../../topics-abeef9b5.js';
+import '../../index-200e4585.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-bc881fe7.js';
-import '../../const-e51dda0c.js';
+import '../../compareIds-1bcdf748.js';
+import '../../const-735145c8.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-1f1bbd9c.js';
+import '../../uuid-d20d317b.js';
 import '@sendbird/chat/message';
-import '../../consts-3c0ff1ed.js';
-import '../../LocalizationContext-57b46f6c.js';
-import '../../stringSet-7a8ce1ce.js';
+import '../../consts-67559ec4.js';
+import '../../LocalizationContext-674efe64.js';
+import '../../stringSet-b7fd994d.js';
 import '../../ui/Icon.js';
-import '../../index-4023d1b2.js';
+import '../../index-092e70e5.js';
 import '../../ui/Loader.js';
-import '../../utils-af761f03.js';
+import '../../utils-9d1564a9.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../utils-6f2bb331.js';
-import '../../MediaQueryContext-fbe7af77.js';
-import '../../utils-388a790e.js';
+import '../../utils-b9abb204.js';
+import '../../MediaQueryContext-c2b754b4.js';
+import '../../utils-28649e5d.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-8daee9fc.js';
-import '../../ThreadProvider-a3d3b241.js';
+import '../../const-877bea22.js';
+import '../../ThreadProvider-da0112d8.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-2ed716e6.js';
+import '../../color-f9212f23.js';
 import '../../ui/MessageInput.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-d0b365df.js';
-import '../../consts-d0cfee49.js';
-import '../../consts-7aab5aff.js';
-import '../../tokenize-003bf3f7.js';
+import '../../consts-383d4a75.js';
+import '../../consts-d545cae2.js';
+import '../../consts-d45ca387.js';
+import '../../tokenize-537ba1e5.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-fa140763.js';
-import '../../index-1ec11afb.js';
-import '../../index-37531f98.js';
+import '../../index-d029f899.js';
+import '../../index-3cffa0b8.js';
+import '../../index-b179de93.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-bffbc5f5.js';
+import '../../types-256ac544.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-fbab35a9.js';
+import '../../useLongPress-d6ae865b.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-7bff4ce0.js';
+import '../../index-c165d519.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -76,8 +76,8 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-5141f766.js';
-import '../../index.module-9202ebbd.js';
+import '../../index-6716e8aa.js';
+import '../../index.module-a01d7416.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -86,28 +86,28 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-ac642e0b.js';
+import '../../index-10f046cd.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-d847a382.js';
+import '../../index-96b80cca.js';
 import '../../VoiceRecorder/context.js';
+import '../../ui/Modal.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../ui/Modal.js';
-import '../../index-3f1fa3f9.js';
-import '../../useDirtyGetMentions-aac697f4.js';
+import '../../index-d4617078.js';
+import '../../useDirtyGetMentions-af15b9c7.js';
 import './UnreadCount.js';
 import './FrozenNotification.js';
 import '../../ui/QuoteMessageInput.js';
-import '../../VoiceMessageInputWrapper-bdc53de4.js';
+import '../../VoiceMessageInputWrapper-ceba20ae.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-1e5cf284.js';
+import '../../index-f86cd2f7.js';
 
 const ChannelUI = _ref => {
-  var _globalStore$stores, _globalStore$stores$s, _globalStore$config, _globalStore$config2;
+  var _globalStore$stores, _globalStore$stores$s, _globalStore$config, _globalStore$config2, _globalStore$config3, _globalStore$config3$;
   let {
     isLoading,
     renderPlaceholderLoader,
@@ -181,7 +181,7 @@ const ChannelUI = _ref => {
     renderSendMessageIcon: renderSendMessageIcon
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-conversation__footer__typing-indicator"
-  }, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || /*#__PURE__*/React__default.createElement(TypingIndicator, null), !isOnline && /*#__PURE__*/React__default.createElement(ConnectionStatus, null))));
+  }, (renderTypingIndicator === null || renderTypingIndicator === void 0 ? void 0 : renderTypingIndicator()) || (globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config3 = globalStore.config) === null || _globalStore$config3 === void 0 ? void 0 : (_globalStore$config3$ = _globalStore$config3.groupChannel) === null || _globalStore$config3$ === void 0 ? void 0 : _globalStore$config3$.enableTypingIndicator) && /*#__PURE__*/React__default.createElement(TypingIndicator, null), !isOnline && /*#__PURE__*/React__default.createElement(ConnectionStatus, null))));
 };
 
 export { ChannelUI as default };

package/Channel/components/ChannelUI.js.map

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

package/Channel/components/FileViewer.js

@@ -1,28 +1,28 @@
 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-4023d1b2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-092e70e5.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-7bff4ce0.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-e2601165.js';
+import { M as MODAL_ROOT } from '../../index-c165d519.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../../index-200e4585.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-b41fde4c.js';
+import { u as useChannelContext } from '../../ChannelProvider-f39a427f.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-1f1bbd9c.js';
+import '../../uuid-d20d317b.js';
 import 'prop-types';
-import '../../stringSet-7a8ce1ce.js';
-import '../../_rollupPluginBabelHelpers-0bc76382.js';
+import '../../stringSet-b7fd994d.js';
+import '../../_rollupPluginBabelHelpers-fba60f75.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../UserProfileContext-29074346.js';
-import '../../index-f1701c11.js';
-import '../../index-865112db.js';
-import '../../topics-5ff88d6f.js';
-import '../../compareIds-bc881fe7.js';
-import '../../const-e51dda0c.js';
+import '../../UserProfileContext-ca6e2310.js';
+import '../../index-ff4bc2bb.js';
+import '../../index-9118a2a4.js';
+import '../../topics-abeef9b5.js';
+import '../../compareIds-1bcdf748.js';
+import '../../const-735145c8.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-3c0ff1ed.js';
+import '../../consts-67559ec4.js';
 
 const FileViewerComponent = _ref => {
   let {

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-57b46f6c.js';
-import { L as Label, a as LabelTypography } from '../../index-4023d1b2.js';
-import '../../stringSet-7a8ce1ce.js';
-import '../../index-865112db.js';
+import { a as LocalizationContext } from '../../LocalizationContext-674efe64.js';
+import { L as Label, a as LabelTypography } from '../../index-092e70e5.js';
+import '../../stringSet-b7fd994d.js';
+import '../../index-9118a2a4.js';
 import 'prop-types';
 
 const FrozenNotification = _ref => {

package/Channel/components/Message.js

@@ -1,67 +1,67 @@
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-f1701c11.js';
+import { f as format } from '../../index-ff4bc2bb.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-b41fde4c.js';
-import { h as getClassName } from '../../index-e2601165.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-e51dda0c.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-f39a427f.js';
+import { h as getClassName } from '../../index-200e4585.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-735145c8.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4023d1b2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-092e70e5.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-8daee9fc.js';
-import { u as useLocalization } from '../../LocalizationContext-57b46f6c.js';
-import { a as useHandleOnScrollCallback } from '../../index-3f1fa3f9.js';
-import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-aac697f4.js';
-import '../../index-865112db.js';
+import { M as MessageInputKeys } from '../../const-877bea22.js';
+import { u as useLocalization } from '../../LocalizationContext-674efe64.js';
+import { a as useHandleOnScrollCallback } from '../../index-d4617078.js';
+import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-af15b9c7.js';
+import '../../index-9118a2a4.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-1f1bbd9c.js';
-import '../../ThreadProvider-a3d3b241.js';
+import '../../uuid-d20d317b.js';
+import '../../ThreadProvider-da0112d8.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-29074346.js';
-import '../../_rollupPluginBabelHelpers-0bc76382.js';
+import '../../UserProfileContext-ca6e2310.js';
+import '../../_rollupPluginBabelHelpers-fba60f75.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-5ff88d6f.js';
+import '../../topics-abeef9b5.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-3c0ff1ed.js';
+import '../../consts-67559ec4.js';
 import '../../withSendbird.js';
-import '../../compareIds-bc881fe7.js';
-import '../../color-2ed716e6.js';
-import '../../stringSet-7a8ce1ce.js';
+import '../../compareIds-1bcdf748.js';
+import '../../color-f9212f23.js';
+import '../../stringSet-b7fd994d.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-d0b365df.js';
-import '../../consts-d0cfee49.js';
-import '../../consts-7aab5aff.js';
-import '../../tokenize-003bf3f7.js';
+import '../../consts-383d4a75.js';
+import '../../consts-d545cae2.js';
+import '../../consts-d45ca387.js';
+import '../../tokenize-537ba1e5.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-388a790e.js';
-import '../../index-fa140763.js';
+import '../../utils-28649e5d.js';
+import '../../index-d029f899.js';
 import '../../ui/Loader.js';
-import '../../index-1ec11afb.js';
-import '../../index-37531f98.js';
+import '../../index-3cffa0b8.js';
+import '../../index-b179de93.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-bffbc5f5.js';
+import '../../types-256ac544.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-fbab35a9.js';
-import '../../MediaQueryContext-fbe7af77.js';
+import '../../useLongPress-d6ae865b.js';
+import '../../MediaQueryContext-c2b754b4.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-7bff4ce0.js';
+import '../../index-c165d519.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -70,8 +70,8 @@ import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-5141f766.js';
-import '../../index.module-9202ebbd.js';
+import '../../index-6716e8aa.js';
+import '../../index.module-a01d7416.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -80,15 +80,15 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-ac642e0b.js';
+import '../../index-10f046cd.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-d847a382.js';
+import '../../index-96b80cca.js';
 import '../../VoiceRecorder/context.js';
-import '../../ui/PlaybackTime.js';
 import '../../ui/Modal.js';
+import '../../ui/PlaybackTime.js';
 
 const useDidMountEffect = (func, deps) => {
   const [didMount, setDidmount] = useState(false);

package/Channel/components/MessageInput.js

@@ -1,56 +1,56 @@
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-b41fde4c.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-f39a427f.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-57b46f6c.js';
+import { a as LocalizationContext } from '../../LocalizationContext-674efe64.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-8daee9fc.js';
-import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-bdc53de4.js';
-import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-aac697f4.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-fbe7af77.js';
-import '../../UserProfileContext-29074346.js';
+import { M as MessageInputKeys } from '../../const-877bea22.js';
+import { V as VoiceMessageInputWrapper } from '../../VoiceMessageInputWrapper-ceba20ae.js';
+import { u as useDirtyGetMentions } from '../../useDirtyGetMentions-af15b9c7.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-c2b754b4.js';
+import '../../UserProfileContext-ca6e2310.js';
 import 'prop-types';
-import '../../index-f1701c11.js';
-import '../../index-865112db.js';
-import '../../topics-5ff88d6f.js';
-import '../../index-e2601165.js';
-import '../../_rollupPluginBabelHelpers-0bc76382.js';
+import '../../index-ff4bc2bb.js';
+import '../../index-9118a2a4.js';
+import '../../topics-abeef9b5.js';
+import '../../index-200e4585.js';
+import '../../_rollupPluginBabelHelpers-fba60f75.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-bc881fe7.js';
-import '../../const-e51dda0c.js';
+import '../../compareIds-1bcdf748.js';
+import '../../const-735145c8.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-1f1bbd9c.js';
+import '../../uuid-d20d317b.js';
 import '@sendbird/chat/message';
-import '../../consts-3c0ff1ed.js';
+import '../../consts-67559ec4.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
-import '../../index-4023d1b2.js';
-import '../../stringSet-7a8ce1ce.js';
+import '../../index-092e70e5.js';
+import '../../stringSet-b7fd994d.js';
 import 'dompurify';
-import '../../consts-d0b365df.js';
+import '../../consts-383d4a75.js';
 import '../../ui/Icon.js';
-import '../../consts-d0cfee49.js';
-import '../../consts-7aab5aff.js';
-import '../../tokenize-003bf3f7.js';
+import '../../consts-d545cae2.js';
+import '../../consts-d45ca387.js';
+import '../../tokenize-537ba1e5.js';
 import '../../ui/ImageRenderer.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';
-import '../../ThreadProvider-a3d3b241.js';
+import '../../ThreadProvider-da0112d8.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-d847a382.js';
+import '../../index-96b80cca.js';
 import '../../VoiceRecorder/context.js';
+import '../../ui/Modal.js';
+import 'react-dom';
+import '../../index-c165d519.js';
 import '../../VoiceRecorder/useVoiceRecorder.js';
-import '../../index-1e5cf284.js';
+import '../../index-f86cd2f7.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ProgressBar.js';
 import '../../ui/TextButton.js';
-import '../../color-2ed716e6.js';
-import '../../ui/Modal.js';
-import 'react-dom';
-import '../../index-7bff4ce0.js';
+import '../../color-f9212f23.js';
 
 const MessageInputWrapper = (props, ref) => {
   const {

package/Channel/components/MessageList.js

@@ -1,68 +1,68 @@
 import React__default, { useState } from 'react';
-import { c as compareMessagesForGrouping, u as useChannelContext, i as isAboutSame } from '../../ChannelProvider-b41fde4c.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-0f22e96e.js';
+import { c as compareMessagesForGrouping, u as useChannelContext, i as isAboutSame } from '../../ChannelProvider-f39a427f.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-efad9427.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Message from './Message.js';
-import { i as isSameDay } from '../../index-37531f98.js';
+import { i as isSameDay } from '../../index-b179de93.js';
 import UnreadCount from './UnreadCount.js';
 import FrozenNotification from './FrozenNotification.js';
-import { S as SCROLL_BUFFER } from '../../consts-3c0ff1ed.js';
+import { S as SCROLL_BUFFER } from '../../consts-67559ec4.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { MessageProvider } from '../../Message/context.js';
-import { u as useDebounce, a as useHandleOnScrollCallback } from '../../index-3f1fa3f9.js';
-import '../../UserProfileContext-29074346.js';
+import { u as useDebounce, a as useHandleOnScrollCallback } from '../../index-d4617078.js';
+import '../../UserProfileContext-ca6e2310.js';
 import 'prop-types';
-import '../../index-f1701c11.js';
-import '../../index-865112db.js';
-import '../../topics-5ff88d6f.js';
-import '../../index-e2601165.js';
-import '../../_rollupPluginBabelHelpers-0bc76382.js';
+import '../../index-ff4bc2bb.js';
+import '../../index-9118a2a4.js';
+import '../../topics-abeef9b5.js';
+import '../../index-200e4585.js';
+import '../../_rollupPluginBabelHelpers-fba60f75.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-bc881fe7.js';
-import '../../const-e51dda0c.js';
+import '../../compareIds-1bcdf748.js';
+import '../../const-735145c8.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-1f1bbd9c.js';
+import '../../uuid-d20d317b.js';
 import '@sendbird/chat/message';
-import '../../LocalizationContext-57b46f6c.js';
-import '../../stringSet-7a8ce1ce.js';
-import '../../index-4023d1b2.js';
+import '../../LocalizationContext-674efe64.js';
+import '../../stringSet-b7fd994d.js';
+import '../../index-092e70e5.js';
 import '../../ui/Loader.js';
 import './SuggestedMentionList.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../const-8daee9fc.js';
-import '../../ThreadProvider-a3d3b241.js';
+import '../../const-877bea22.js';
+import '../../ThreadProvider-da0112d8.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-2ed716e6.js';
+import '../../color-f9212f23.js';
 import '../../ui/MessageInput.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import 'dompurify';
-import '../../consts-d0b365df.js';
-import '../../consts-d0cfee49.js';
-import '../../consts-7aab5aff.js';
-import '../../tokenize-003bf3f7.js';
+import '../../consts-383d4a75.js';
+import '../../consts-d545cae2.js';
+import '../../consts-d45ca387.js';
+import '../../tokenize-537ba1e5.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-388a790e.js';
-import '../../index-fa140763.js';
-import '../../index-1ec11afb.js';
+import '../../utils-28649e5d.js';
+import '../../index-d029f899.js';
+import '../../index-3cffa0b8.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../types-bffbc5f5.js';
+import '../../types-256ac544.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../useLongPress-fbab35a9.js';
-import '../../MediaQueryContext-fbe7af77.js';
+import '../../useLongPress-d6ae865b.js';
+import '../../MediaQueryContext-c2b754b4.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
-import '../../index-7bff4ce0.js';
+import '../../index-c165d519.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
@@ -70,8 +70,8 @@ import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../ui/AdminMessage.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../index-5141f766.js';
-import '../../index.module-9202ebbd.js';
+import '../../index-6716e8aa.js';
+import '../../index.module-a01d7416.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/FileMessageItemBody.js';
@@ -80,19 +80,19 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../index-ac642e0b.js';
+import '../../index-10f046cd.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-d847a382.js';
+import '../../index-96b80cca.js';
 import '../../VoiceRecorder/context.js';
+import '../../ui/Modal.js';
 import '../../withSendbird.js';
 import '../../ui/PlaybackTime.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';
-import '../../ui/Modal.js';
-import '../../useDirtyGetMentions-aac697f4.js';
+import '../../useDirtyGetMentions-af15b9c7.js';
 
 const getMessagePartsInfo = _ref => {
   let {