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

package/App.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Sendbird from './SendbirdProvider.js';
-import { u as useMediaQueryContext } from './MediaQueryContext-4b77fc65.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-090910cd.js';
 import ChannelList from './ChannelList.js';
 import Channel from './Channel.js';
 import ChannelSettings from './ChannelSettings.js';
@@ -9,26 +9,26 @@ import MessageSearchPannel from './MessageSearch.js';
 import Thread from './Thread.js';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as uuidv4 } from './uuid-f376ea4b.js';
-import './_rollupPluginBabelHelpers-c0cff13a.js';
+import { u as uuidv4 } from './uuid-40d04eb4.js';
+import './_rollupPluginBabelHelpers-ff9b2c51.js';
 import './withSendbird.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import './actionTypes-7a81aa4a.js';
-import './index-27fd8d9e.js';
-import './tslib.es6-bacd991d.js';
+import './actionTypes-47956ffa.js';
+import './index-7f5ef1e1.js';
+import './tslib.es6-356e4352.js';
 import './utils/message/getOutgoingMessageState.js';
 import 'css-vars-ponyfill';
-import './LocalizationContext-2884fc26.js';
-import './stringSet-140ed862.js';
-import './index-e38e42b0.js';
-import './ChannelListProvider-88cdca14.js';
-import './topics-65e08b70.js';
-import './utils-796bbfd8.js';
-import './UserProfileContext-f1df8507.js';
+import './LocalizationContext-18d80268.js';
+import './stringSet-9e97eb68.js';
+import './index-a0a7b2d5.js';
+import './ChannelListProvider-0acdc048.js';
+import './topics-c899a4b5.js';
+import './utils-11d16985.js';
+import './UserProfileContext-b97d337b.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
-import './index-e525702f.js';
+import './index-8a4055b8.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
@@ -36,12 +36,12 @@ import './ChannelList/components/AddChannel.js';
 import './ui/IconButton.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-86bd8f13.js';
+import './CreateChannelProvider-0f611910.js';
 import './sendbirdSelectors.js';
 import './CreateChannel/components/InviteUsers.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1542c9b8.js';
+import './index-d1cf8ac0.js';
 import './ui/Button.js';
 import './ui/UserListItem.js';
 import './ui/MutedAvatarOverlay.js';
@@ -52,37 +52,37 @@ import './ui/SortByRow.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ui/ChannelAvatar.js';
-import './utils-6fc7ca06.js';
+import './utils-ab38ad8d.js';
 import './ui/Badge.js';
-import './index-7cae08fd.js';
-import './index-358a7883.js';
+import './index-e9f7e30a.js';
+import './index-dc6ec6c6.js';
 import './ui/Loader.js';
-import './index-12c40d25.js';
-import './index-a1799197.js';
+import './index-f4ea44d2.js';
+import './index-686c220a.js';
 import './ui/MentionUserLabel.js';
 import './ui/TextButton.js';
-import './color-a3418d45.js';
+import './color-874fad60.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-01c79c11.js';
-import './compareIds-473e9b83.js';
-import './const-ce6aac84.js';
+import './ChannelProvider-725d7d1d.js';
+import './compareIds-6d933e55.js';
+import './const-3c9cbe82.js';
 import '@sendbird/chat/message';
 import './ui/ReactionButton.js';
-import './useLongPress-952b34b2.js';
+import './useLongPress-b6324cd2.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-f6887522.js';
+import './index-508fde69.js';
 import './ui/Input.js';
-import './index-a88158af.js';
+import './index-1c396c78.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
-import './utils-d9ba26da.js';
+import './utils-eda8644e.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-ab1efff9.js';
-import './ThreadProvider-2e278d0b.js';
+import './const-d0b9ef03.js';
+import './ThreadProvider-2c626537.js';
 import './Thread/context/types.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
@@ -119,9 +119,9 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-c3839563.js';
+import './context-8fdca3df.js';
 import './ChannelSettings/components/UserListItem.js';
-import './MemberList-72872fdc.js';
+import './MemberList-2f5e3cee.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './MessageSearch/components/MessageSearchUI.js';
@@ -130,7 +130,7 @@ import './ui/MessageSearchItem.js';
 import './ui/MessageSearchFileItem.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './RemoveMessageModal-a5901174.js';
+import './RemoveMessageModal-af130425.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/FileViewer.js';
 import './Thread/components/ThreadHeader.js';

package/CHANGELOG.md

@@ -1,5 +1,87 @@
 # Changelog - v3
 
+## [v3.3.6] (Feb 13 2023)
+
+Fixes:
+* pubsub should be initialized with useState
+* update onBeforeCreateChannel example to use chat V4
+
+## [v3.5.0-beta.0] (Feb 6 2023)
+
+### Notification Channel
+
+A notification channel is a new group channel dedicated to receiving one way marketing and transactional messages. To allow users to view messages sent through Sendbird Message Builder with the correct rendering, you need to implement the notification channel view using <NotificationChannel>
+
+Overview:
+* Provide new module `NotificationChannel`
+  * NotificationChannel
+    `import NotificationChannel from '@sendbird/uikit-react/NotificationChannel'`
+  props:
+    * channelUrl: string;
+    * children?: React.ReactElement;
+    // To customize Query
+    * messageListParams?: MessageListParams;
+    // Sets last seen externally
+    * lastSeen?: number;
+    // handles Actions sepcified in Message Templates
+    * handleWebAction?(event: React.SyntheticEvent, action: Action, message: BaseMessage): null;
+    * handleCustomAction?(event: React.SyntheticEvent, action: Action, message: BaseMessage): null;
+    * handlePredefinedAction?(event: React.SyntheticEvent, action: Action, message: BaseMessage): null;
+    // UI overrides
+    * isLoading?: boolean;
+    * renderPlaceholderLoader?: () => React.ReactElement;
+    * renderPlaceholderInvalid?: () => React.ReactElement;
+    * renderPlaceholderEmpty?: () => React.ReactElement;
+    * renderHeader?: () => React.ReactElement;
+    * renderMessageHeader?: ({ message }) => React.ReactElement;
+    * renderMessage?: ({ message }) => React.ReactElement;
+
+```
+example:
+export const NotificationChannelComponenet = () => (
+  <Sendbird
+    appId={appId}
+    userId={userId}
+    accessToken={accessToken}
+  >
+    <div style={{ height: '960px', width: '360px' }}>
+      <NotificationChannel
+        channelUrl={`SENDBIRD_NOTIFICATION_CHANNEL_NOTIFICATION_${userId}`}
+        renderPlaceholderLoader={() => <MyBrandLogo />};
+        handleCustomAction={(event, action, message) => {
+          ... implement custom action
+        }}
+      />
+    </div>
+  </Sendbird>
+);
+```
+* Submodules:
+  * Context
+    `import { NotficationChannelProvider useNotficationChannelContext } from '@sendbird/uikit-react/NotificationChannel/context'`
+    Handles business logic of Notification Channel
+  * NotificationChannelUI
+    `import NotificationChannelUI from '@sendbird/uikit-react/NotificationChannel/components/NotificationChannelUI'`
+    UI wrapper of Notification Channel
+  * NotificationMessageWrap
+    `import NotificationMessageWrap from '@sendbird/uikit-react/NotificationChannel/components/NotificationMessageWrap'`
+  * NotificationList
+    `import NotificationList from '@sendbird/uikit-react/NotificationChannel/components/NotificationList'`
+* External modules:
+  Unlike some of our other releases we decide to release some components into seperate packages to enahnce reusability with other platforms/projects
+  * MessageTemplateParser('@sendbird/react-message-template')
+    * MessageTemplate
+      `import { createMessageTemplate } from '@sendbird/react-message-template'`
+    * Parser
+      `import { createParser } from '@sendbird/react-message-template'`
+    * Renderer
+      `import { createRenderer } from '@sendbird/react-message-template'`
+  * MessageTemplateParser('@sendbird/react-message-template')
+    * Context
+      `import { MessageProvider, useMessageContext } from '@sendbird/react-uikit-message-template-view';`
+    * MessageTemplateView
+      `import { MessageTemplateView } from '@sendbird/react-uikit-message-template-view';`
+
 ## [v3.3.5] (Feb 3 2023)
 Features:
 * Voice Recorder&Player logic(not public yet)

package/Channel/components/ChannelHeader.js

@@ -1,31 +1,31 @@
 import React__default, { useContext } from 'react';
-import { g as getChannelTitle } from '../../utils-d9ba26da.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e525702f.js';
+import { g as getChannelTitle } from '../../utils-eda8644e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8a4055b8.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import IconButton from '../../ui/IconButton.js';
 import ChannelAvatar from '../../ui/ChannelAvatar.js';
-import { a as LocalizationContext } from '../../LocalizationContext-2884fc26.js';
+import { a as LocalizationContext } from '../../LocalizationContext-18d80268.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-01c79c11.js';
-import { u as useMediaQueryContext } from '../../MediaQueryContext-4b77fc65.js';
-import { n as noop } from '../../utils-796bbfd8.js';
+import { u as useChannelContext } from '../../ChannelProvider-725d7d1d.js';
+import { u as useMediaQueryContext } from '../../MediaQueryContext-090910cd.js';
+import { n as noop } from '../../utils-11d16985.js';
 import 'prop-types';
-import '../../stringSet-140ed862.js';
-import '../../tslib.es6-bacd991d.js';
+import '../../stringSet-9e97eb68.js';
+import '../../tslib.es6-356e4352.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-f376ea4b.js';
-import '../../utils-6fc7ca06.js';
-import '../../index-e38e42b0.js';
+import '../../uuid-40d04eb4.js';
+import '../../utils-ab38ad8d.js';
+import '../../index-a0a7b2d5.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-c0cff13a.js';
-import '../../UserProfileContext-f1df8507.js';
-import '../../index-358a7883.js';
-import '../../topics-65e08b70.js';
-import '../../index-27fd8d9e.js';
+import '../../_rollupPluginBabelHelpers-ff9b2c51.js';
+import '../../UserProfileContext-b97d337b.js';
+import '../../index-dc6ec6c6.js';
+import '../../topics-c899a4b5.js';
+import '../../index-7f5ef1e1.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-473e9b83.js';
-import '../../const-ce6aac84.js';
+import '../../compareIds-6d933e55.js';
+import '../../const-3c9cbe82.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';

package/Channel/components/ChannelUI.js

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, M as MARK_AS_READ } from '../../ChannelProvider-01c79c11.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a88158af.js';
+import { u as useChannelContext, M as MARK_AS_READ } from '../../ChannelProvider-725d7d1d.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-1c396c78.js';
 import ConnectionStatus from '../../ui/ConnectionStatus.js';
 import ChannelHeader from './ChannelHeader.js';
 import MessageList from './MessageList.js';
@@ -10,46 +10,46 @@ import FrozenNotification from './FrozenNotification.js';
 import UnreadCount from './UnreadCount.js';
 import MessageInputWrapper from './MessageInput.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-c0cff13a.js';
-import '../../UserProfileContext-f1df8507.js';
+import '../../_rollupPluginBabelHelpers-ff9b2c51.js';
+import '../../UserProfileContext-b97d337b.js';
 import 'prop-types';
-import '../../index-358a7883.js';
-import '../../index-e38e42b0.js';
-import '../../topics-65e08b70.js';
-import '../../index-27fd8d9e.js';
-import '../../tslib.es6-bacd991d.js';
+import '../../index-dc6ec6c6.js';
+import '../../index-a0a7b2d5.js';
+import '../../topics-c899a4b5.js';
+import '../../index-7f5ef1e1.js';
+import '../../tslib.es6-356e4352.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../compareIds-473e9b83.js';
-import '../../const-ce6aac84.js';
+import '../../compareIds-6d933e55.js';
+import '../../const-3c9cbe82.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-f376ea4b.js';
+import '../../uuid-40d04eb4.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-e525702f.js';
-import '../../stringSet-140ed862.js';
+import '../../index-8a4055b8.js';
+import '../../stringSet-9e97eb68.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../LocalizationContext-2884fc26.js';
+import '../../LocalizationContext-18d80268.js';
 import '../../ui/Loader.js';
-import '../../utils-d9ba26da.js';
+import '../../utils-eda8644e.js';
 import '../../ui/IconButton.js';
 import '../../ui/ChannelAvatar.js';
 import '../../ui/Avatar.js';
-import '../../utils-6fc7ca06.js';
-import '../../MediaQueryContext-4b77fc65.js';
-import '../../utils-796bbfd8.js';
-import '../../index-a1799197.js';
+import '../../utils-ab38ad8d.js';
+import '../../MediaQueryContext-090910cd.js';
+import '../../utils-11d16985.js';
+import '../../index-686c220a.js';
 import './Message.js';
 import './SuggestedMentionList.js';
-import '../../const-ab1efff9.js';
-import '../../ThreadProvider-2e278d0b.js';
+import '../../const-d0b9ef03.js';
+import '../../ThreadProvider-2c626537.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
 import '../../ui/DateSeparator.js';
-import '../../color-a3418d45.js';
+import '../../color-874fad60.js';
 import '../../ui/MessageInput.js';
 import 'react-dom/server';
 import '../../ui/Button.js';
@@ -57,8 +57,8 @@ import '../../ui/MentionUserLabel.js';
 import '../../ui/MessageContent.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../index-7cae08fd.js';
-import '../../index-12c40d25.js';
+import '../../index-e9f7e30a.js';
+import '../../index-f4ea44d2.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
@@ -76,9 +76,9 @@ import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-952b34b2.js';
+import '../../useLongPress-b6324cd2.js';
 import '../../ui/BottomSheet.js';
-import '../../index-1542c9b8.js';
+import '../../index-d1cf8ac0.js';
 import '../../ui/ThreadReplies.js';
 import './FileViewer.js';
 import './RemoveMessageModal.js';

package/Channel/components/FileViewer.js

@@ -1,26 +1,26 @@
 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-e525702f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8a4055b8.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { M as MODAL_ROOT } from '../../index-1542c9b8.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-27fd8d9e.js';
+import { M as MODAL_ROOT } from '../../index-d1cf8ac0.js';
+import { D as isSupportedFileView, E as isVideo, F as isImage } from '../../index-7f5ef1e1.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext } from '../../ChannelProvider-01c79c11.js';
-import '../../tslib.es6-bacd991d.js';
+import { u as useChannelContext } from '../../ChannelProvider-725d7d1d.js';
+import '../../tslib.es6-356e4352.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-f376ea4b.js';
+import '../../uuid-40d04eb4.js';
 import 'prop-types';
-import '../../stringSet-140ed862.js';
+import '../../stringSet-9e97eb68.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-c0cff13a.js';
-import '../../UserProfileContext-f1df8507.js';
-import '../../index-358a7883.js';
-import '../../index-e38e42b0.js';
-import '../../topics-65e08b70.js';
-import '../../compareIds-473e9b83.js';
-import '../../const-ce6aac84.js';
+import '../../_rollupPluginBabelHelpers-ff9b2c51.js';
+import '../../UserProfileContext-b97d337b.js';
+import '../../index-dc6ec6c6.js';
+import '../../index-a0a7b2d5.js';
+import '../../topics-c899a4b5.js';
+import '../../compareIds-6d933e55.js';
+import '../../const-3c9cbe82.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';

package/Channel/components/FrozenNotification.js

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-2884fc26.js';
-import { L as Label, a as LabelTypography } from '../../index-e525702f.js';
-import '../../stringSet-140ed862.js';
-import '../../index-e38e42b0.js';
+import { a as LocalizationContext } from '../../LocalizationContext-18d80268.js';
+import { L as Label, a as LabelTypography } from '../../index-8a4055b8.js';
+import '../../stringSet-9e97eb68.js';
+import '../../index-a0a7b2d5.js';
 import 'prop-types';
 
 var FrozenNotification = function () {

package/Channel/components/Message.js

@@ -1,53 +1,53 @@
-import { a as __spreadArray } from '../../tslib.es6-bacd991d.js';
+import { a as __spreadArray } from '../../tslib.es6-356e4352.js';
 import React__default, { useState, useRef, useEffect, useLayoutEffect, useMemo } from 'react';
-import { f as format } from '../../index-358a7883.js';
+import { f as format } from '../../index-dc6ec6c6.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-01c79c11.js';
-import { h as getClassName } from '../../index-27fd8d9e.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-ce6aac84.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted } from '../../ChannelProvider-725d7d1d.js';
+import { h as getClassName } from '../../index-7f5ef1e1.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from '../../const-3c9cbe82.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e525702f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-8a4055b8.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-ab1efff9.js';
-import { u as useLocalization } from '../../LocalizationContext-2884fc26.js';
-import '../../index-e38e42b0.js';
+import { M as MessageInputKeys } from '../../const-d0b9ef03.js';
+import { u as useLocalization } from '../../LocalizationContext-18d80268.js';
+import '../../index-a0a7b2d5.js';
 import '../../ui/Icon.js';
 import 'prop-types';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-f376ea4b.js';
-import '../../ThreadProvider-2e278d0b.js';
+import '../../uuid-40d04eb4.js';
+import '../../ThreadProvider-2c626537.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../UserProfileContext-f1df8507.js';
+import '../../UserProfileContext-b97d337b.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';
-import '../../topics-65e08b70.js';
+import '../../topics-c899a4b5.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-c0cff13a.js';
-import '../../compareIds-473e9b83.js';
+import '../../_rollupPluginBabelHelpers-ff9b2c51.js';
+import '../../compareIds-6d933e55.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../stringSet-140ed862.js';
+import '../../stringSet-9e97eb68.js';
 import '../../ui/ReactionButton.js';
-import '../../color-a3418d45.js';
+import '../../color-874fad60.js';
 import 'react-dom/server';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-796bbfd8.js';
-import '../../index-7cae08fd.js';
+import '../../utils-11d16985.js';
+import '../../index-e9f7e30a.js';
 import '../../ui/Loader.js';
-import '../../index-12c40d25.js';
-import '../../index-a1799197.js';
+import '../../index-f4ea44d2.js';
+import '../../index-686c220a.js';
 import '../../ui/MessageItemMenu.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/EmojiReactions.js';
@@ -61,14 +61,14 @@ import '../../ui/LinkLabel.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
-import '../../MediaQueryContext-4b77fc65.js';
+import '../../MediaQueryContext-090910cd.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/QuoteMessage.js';
-import '../../useLongPress-952b34b2.js';
+import '../../useLongPress-b6324cd2.js';
 import '../../ui/BottomSheet.js';
-import '../../index-1542c9b8.js';
+import '../../index-d1cf8ac0.js';
 import '../../ui/ThreadReplies.js';
 import '../../ui/Modal.js';
 

package/Channel/components/MessageInput.js

@@ -1,30 +1,30 @@
-import { a as __spreadArray } from '../../tslib.es6-bacd991d.js';
+import { a as __spreadArray } from '../../tslib.es6-356e4352.js';
 import React__default, { useContext, useState, useEffect } from 'react';
-import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-01c79c11.js';
+import { u as useChannelContext, a as isDisabledBecauseFrozen, b as isDisabledBecauseMuted, d as isOperator } from '../../ChannelProvider-725d7d1d.js';
 import MessageInput from '../../ui/MessageInput.js';
 import QuoteMessageInput from '../../ui/QuoteMessageInput.js';
-import { a as LocalizationContext } from '../../LocalizationContext-2884fc26.js';
+import { a as LocalizationContext } from '../../LocalizationContext-18d80268.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from './SuggestedMentionList.js';
-import { M as MessageInputKeys } from '../../const-ab1efff9.js';
-import '../../UserProfileContext-f1df8507.js';
+import { M as MessageInputKeys } from '../../const-d0b9ef03.js';
+import '../../UserProfileContext-b97d337b.js';
 import 'prop-types';
-import '../../index-358a7883.js';
-import '../../index-e38e42b0.js';
-import '../../topics-65e08b70.js';
-import '../../index-27fd8d9e.js';
+import '../../index-dc6ec6c6.js';
+import '../../index-a0a7b2d5.js';
+import '../../topics-c899a4b5.js';
+import '../../index-7f5ef1e1.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../_rollupPluginBabelHelpers-c0cff13a.js';
-import '../../compareIds-473e9b83.js';
-import '../../const-ce6aac84.js';
+import '../../_rollupPluginBabelHelpers-ff9b2c51.js';
+import '../../compareIds-6d933e55.js';
+import '../../const-3c9cbe82.js';
 import '@sendbird/chat/groupChannel';
-import '../../uuid-f376ea4b.js';
+import '../../uuid-40d04eb4.js';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-e525702f.js';
-import '../../stringSet-140ed862.js';
+import '../../index-8a4055b8.js';
+import '../../stringSet-9e97eb68.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
@@ -34,7 +34,7 @@ import '../../ui/Button.js';
 import '../../ui/MentionUserLabel.js';
 import '../../withSendbird.js';
 import '../../ui/Avatar.js';
-import '../../ThreadProvider-2e278d0b.js';
+import '../../ThreadProvider-2c626537.js';
 import '../../Thread/context/types.js';
 import '@sendbird/chat';