[CLNP-6249] deprecated mark for ChannelXXX

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 (

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;

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 <FileViewerView {...props} deleteMessage={deleteMessage} />;

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 {

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;

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 {

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 <RemoveMessageModalView {...props} deleteMessage={deleteMessage} />;

src/modules/Channel/components/SuggestedMentionList/index.tsx

@@ -5,6 +5,12 @@ import { useChannelContext } from '../../context/ChannelProvider';
 
 export type SuggestedMentionListProps = Omit<SuggestedMentionListViewProps, 'currentChannel'>;
 
+/**
+ * @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 (

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<ChannelListUIProps> = (props: ChannelListUIProps) => {
   const { renderHeader, renderChannelPreview, renderPlaceHolderError, renderPlaceHolderLoading, renderPlaceHolderEmptyList } = props;
 

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,