diff --git a/src/modules/Channel/components/ChannelHeader/index.tsx b/src/modules/Channel/components/ChannelHeader/index.tsx
index 5a2c3ecd14..50c2bb0188 100644
--- a/src/modules/Channel/components/ChannelHeader/index.tsx
+++ b/src/modules/Channel/components/ChannelHeader/index.tsx
@@ -6,6 +6,12 @@ export interface ChannelHeaderProps {
className?: string;
}
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
export const ChannelHeader = ({ className }: ChannelHeaderProps) => {
const context = useChannelContext();
return (
diff --git a/src/modules/Channel/components/ChannelUI/index.tsx b/src/modules/Channel/components/ChannelUI/index.tsx
index e992fd9843..c5b14103a8 100644
--- a/src/modules/Channel/components/ChannelUI/index.tsx
+++ b/src/modules/Channel/components/ChannelUI/index.tsx
@@ -18,6 +18,12 @@ export interface ChannelUIProps extends GroupChannelUIBasicProps {
renderMessage?: GroupChannelUIBasicProps['renderMessage'];
}
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
const ChannelUI = (props: ChannelUIProps) => {
const context = useChannelContext();
const { channelUrl, isInvalid } = context;
diff --git a/src/modules/Channel/components/FileViewer/index.tsx b/src/modules/Channel/components/FileViewer/index.tsx
index 97ef33c499..bbcb5529bf 100644
--- a/src/modules/Channel/components/FileViewer/index.tsx
+++ b/src/modules/Channel/components/FileViewer/index.tsx
@@ -8,6 +8,12 @@ export interface FileViewerProps {
message: FileMessage;
}
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
export const FileViewer = (props: FileViewerProps) => {
const { deleteMessage } = useChannelContext();
return ;
diff --git a/src/modules/Channel/components/Message/index.tsx b/src/modules/Channel/components/Message/index.tsx
index a55423a4fe..36a1b14341 100644
--- a/src/modules/Channel/components/Message/index.tsx
+++ b/src/modules/Channel/components/Message/index.tsx
@@ -8,6 +8,12 @@ import MessageView, { MessageProps } from '../../../GroupChannel/components/Mess
import FileViewer from '../FileViewer';
import RemoveMessageModal from '../RemoveMessageModal';
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
const Message = (props: MessageProps) => {
const { config } = useSendbirdStateContext();
const {
diff --git a/src/modules/Channel/components/MessageInputWrapper/index.tsx b/src/modules/Channel/components/MessageInputWrapper/index.tsx
index e15d442e10..d26ee8b989 100644
--- a/src/modules/Channel/components/MessageInputWrapper/index.tsx
+++ b/src/modules/Channel/components/MessageInputWrapper/index.tsx
@@ -12,6 +12,12 @@ export interface MessageInputWrapperProps {
renderSendMessageIcon?: GroupChannelUIBasicProps['renderSendMessageIcon'];
}
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
export const MessageInputWrapper = (props: MessageInputWrapperProps) => {
const context = useChannelContext();
const { quoteMessage, currentGroupChannel, sendMessage, sendFileMessage, sendVoiceMessage, sendMultipleFilesMessage } = context;
diff --git a/src/modules/Channel/components/MessageList/index.tsx b/src/modules/Channel/components/MessageList/index.tsx
index dadde67620..3722f7ed2f 100644
--- a/src/modules/Channel/components/MessageList/index.tsx
+++ b/src/modules/Channel/components/MessageList/index.tsx
@@ -35,6 +35,13 @@ export interface MessageListProps extends GroupChannelMessageListProps {
* */
renderMessage?: GroupChannelUIBasicProps['renderMessage'];
}
+
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
export const MessageList = (props: MessageListProps) => {
const { className = '' } = props;
const {
diff --git a/src/modules/Channel/components/RemoveMessageModal/index.tsx b/src/modules/Channel/components/RemoveMessageModal/index.tsx
index 8149d5b430..f8892bb2a3 100644
--- a/src/modules/Channel/components/RemoveMessageModal/index.tsx
+++ b/src/modules/Channel/components/RemoveMessageModal/index.tsx
@@ -4,6 +4,12 @@ import RemoveMessageModalView, {
} from '../../../GroupChannel/components/RemoveMessageModal/RemoveMessageModalView';
import { useChannelContext } from '../../context/ChannelProvider';
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
const RemoveMessageModal = (props: RemoveMessageModalProps) => {
const { deleteMessage } = useChannelContext();
return ;
diff --git a/src/modules/Channel/components/SuggestedMentionList/index.tsx b/src/modules/Channel/components/SuggestedMentionList/index.tsx
index e2d0b1f7cc..83be415b7f 100644
--- a/src/modules/Channel/components/SuggestedMentionList/index.tsx
+++ b/src/modules/Channel/components/SuggestedMentionList/index.tsx
@@ -5,6 +5,12 @@ import { useChannelContext } from '../../context/ChannelProvider';
export type SuggestedMentionListProps = Omit;
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
export const SuggestedMentionList = (props: SuggestedMentionListProps) => {
const { currentGroupChannel } = useChannelContext();
return (
diff --git a/src/modules/ChannelList/components/ChannelListUI/index.tsx b/src/modules/ChannelList/components/ChannelListUI/index.tsx
index 10a1a6b578..0c7882aa91 100644
--- a/src/modules/ChannelList/components/ChannelListUI/index.tsx
+++ b/src/modules/ChannelList/components/ChannelListUI/index.tsx
@@ -23,6 +23,12 @@ export interface ChannelListUIProps {
renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;
}
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
const ChannelListUI: React.FC = (props: ChannelListUIProps) => {
const { renderHeader, renderChannelPreview, renderPlaceHolderError, renderPlaceHolderLoading, renderPlaceHolderEmptyList } = props;
diff --git a/src/modules/ChannelList/components/ChannelPreview/index.tsx b/src/modules/ChannelList/components/ChannelPreview/index.tsx
index af4b6d9b5d..e665feba93 100644
--- a/src/modules/ChannelList/components/ChannelPreview/index.tsx
+++ b/src/modules/ChannelList/components/ChannelPreview/index.tsx
@@ -12,6 +12,12 @@ interface ChannelPreviewInterface extends GroupChannelListItemBasicProps {
isActive?: boolean;
}
+/**
+ * @deprecated This component is deprecated and will be removed in the next major update.
+ * Please use the `GroupChannel` component from '@sendbird/uikit-react/GroupChannel' instead.
+ * For more information, please refer to the migration guide:
+ * https://docs.sendbird.com/docs/chat/uikit/v3/react/introduction/group-channel-migration-guide
+ */
const ChannelPreview = ({
channel,
isActive = false,