@sendbird/uikit-react 3.12.0 → 3.12.1

package/index.js

@@ -3,95 +3,94 @@ export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
 export { default as ChannelList } from './ChannelList.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './chunks/bundle-FS7VoABk.js';
+export { g as getStringSet } from './chunks/bundle-yPhMS1LV.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { default as withSendBird } from './withSendbird.js';
 export { default as sendBirdSelectors, default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-export { T as TypingIndicatorType } from './chunks/bundle-VTgol5b8.js';
-import './chunks/bundle-s7Jm-nQL.js';
+export { T as TypingIndicatorType } from './chunks/bundle-f9AOpkiS.js';
+import './chunks/bundle-yoFO4gJM.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-jnJfrZ-B.js';
-import './chunks/bundle--bzcDcV7.js';
-import './chunks/bundle-y9OFIxWO.js';
+import './chunks/bundle-5fPKUbCn.js';
+import './chunks/bundle-J6qXeThU.js';
+import './chunks/bundle-6cTGHg9E.js';
 import '@sendbird/chat';
-import './chunks/bundle-mXxUWu6C.js';
+import './chunks/bundle-wdUAfmoS.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-aAXpX7Sl.js';
+import './chunks/bundle-TYsOyvS5.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-CBZRgcMe.js';
-import './chunks/bundle-OGLIDsv0.js';
-import './chunks/bundle-5waczf_5.js';
-import './chunks/bundle-42MD-_6f.js';
+import './chunks/bundle-TovLF3ih.js';
+import './chunks/bundle-PrsPGxuw.js';
+import './chunks/bundle-wKSIzWUl.js';
+import './chunks/bundle-S-mn30SU.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-QDjzCG-h.js';
-import './chunks/bundle-Cl9FF01U.js';
-import './chunks/bundle-hwjo__1w.js';
+import './chunks/bundle-_xgfKjN0.js';
+import './chunks/bundle-wO0wz3br.js';
+import './chunks/bundle-6hgn3L9Y.js';
 import 'react-dom';
-import './chunks/bundle-R_8mFuwU.js';
+import './chunks/bundle-fMkcL8C8.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-YcH_HSha.js';
+import './chunks/bundle-52hs7-M-.js';
 import './ui/Icon.js';
-import './chunks/bundle-mah5uoR7.js';
+import './chunks/bundle-taqbMkQe.js';
 import './hooks/useModal.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-7-k9ar1S.js';
-import './chunks/bundle-fIf1YwSi.js';
-import './chunks/bundle-5qVfPYXm.js';
-import './chunks/bundle-aU9DrOs1.js';
-import './chunks/bundle-W5PUqymk.js';
-import './chunks/bundle-hTd1NizA.js';
-import './chunks/bundle-29ZwEQCB.js';
+import './chunks/bundle-bazn-ENb.js';
+import './chunks/bundle-Q3UquQ_i.js';
+import './chunks/bundle-a2TolYYj.js';
+import './chunks/bundle-BGFDI87G.js';
+import './chunks/bundle-pwwvkK5L.js';
+import './chunks/bundle-_o_iMme_.js';
+import './chunks/bundle--q7ObKwF.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-WkSXViPf.js';
+import './chunks/bundle-UDnO8-Dp.js';
 import './GroupChannel/components/TypingIndicator.js';
 import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './GroupChannel/components/GroupChannelHeader.js';
-import './chunks/bundle-IGjDRlEq.js';
+import './chunks/bundle-jHpuKuA-.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-JVFq7QiY.js';
+import './chunks/bundle-f1tjVRSh.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-S3i59_HU.js';
-import './chunks/bundle-dPtRdKjv.js';
-import './chunks/bundle-WJ0Rx9Vt.js';
+import './chunks/bundle-Jun66RyD.js';
+import './chunks/bundle-SMgyl32k.js';
+import './chunks/bundle-r1f2uym4.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-bXxgZ3h3.js';
-import './chunks/bundle-lS2bdzD_.js';
-import './chunks/bundle-ZOw_iEjI.js';
-import './chunks/bundle-iRd3nywJ.js';
+import './chunks/bundle-yQgn6JfU.js';
+import './chunks/bundle-is3QkoNv.js';
+import './chunks/bundle-WImaBVSO.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-jIsbkecD.js';
+import './chunks/bundle-2BKREX4m.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-1Wok5yjx.js';
-import './chunks/bundle-B2cNVPIG.js';
+import './chunks/bundle-YpfSm9dM.js';
+import './chunks/bundle-B_WSWypW.js';
 import 'dompurify';
-import './chunks/bundle-YK6gNh-t.js';
-import './chunks/bundle-ThaFnyA3.js';
-import './chunks/bundle-mbVaGxy-.js';
-import './chunks/bundle-fdlrWGps.js';
+import './chunks/bundle-9JkrMUIl.js';
+import './chunks/bundle-014pCrux.js';
+import './chunks/bundle-tPOBtJjA.js';
+import './chunks/bundle-W_nWubt-.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-InXDhFjw.js';
-import './chunks/bundle-RFQg3r1K.js';
-import './chunks/bundle-OdLkkyEZ.js';
+import './chunks/bundle-1pgLpH_4.js';
+import './chunks/bundle-6ivjnK_C.js';
+import './chunks/bundle-U7_j21Ss.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-NRvvlX8r.js';
+import './chunks/bundle-TzTFcIfJ.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-zftI06HH.js';
+import './chunks/bundle-rW70z6Ho.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -104,19 +103,19 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-FMptIFTe.js';
-import './chunks/bundle-c-m52z_J.js';
+import './chunks/bundle-A8dpIXKJ.js';
+import './chunks/bundle-ykuyabqF.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-PXF29EwZ.js';
+import './chunks/bundle-LG3hn4TL.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/TextButton.js';
-import './chunks/bundle-2ZdAkcAR.js';
-import './chunks/bundle-8msIvFyl.js';
-import './chunks/bundle-5cA2H0cQ.js';
+import './chunks/bundle-xLjEyoT0.js';
+import './chunks/bundle-cJYfaBvk.js';
+import './chunks/bundle-SXGL8fBv.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -128,55 +127,56 @@ import './ui/MobileFeedbackMenu.js';
 import './Channel/components/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './GroupChannel/components/SuggestedReplies.js';
+import './chunks/bundle-BF1Rr3vo.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-H1vLRvsQ.js';
+import './chunks/bundle-gSFYF-34.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-TWhlUSzV.js';
-import './chunks/bundle-HIwSRGfa.js';
+import './chunks/bundle-BLt9vn5B.js';
+import './chunks/bundle--pOSeu9W.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-kPmyq9ap.js';
+import './chunks/bundle-OAC6aJ8X.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-VeP4ZGTy.js';
-import './chunks/bundle-GMuoHJM5.js';
+import './chunks/bundle-BTLUIJqA.js';
+import './chunks/bundle-24By8B6B.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-7gmFtphc.js';
+import './chunks/bundle-IFrmy9_C.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-MVZc-WX7.js';
+import './chunks/bundle-3cwcm2Rk.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-B3ETdLpu.js';
+import './chunks/bundle-DS8eBDjC.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-Yc91ktUe.js';
+import './chunks/bundle-F_qWVzaf.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-Mj9lwGep.js';
+import './chunks/bundle-pJmhSBAn.js';
 import './Thread/context/types.js';
-import './chunks/bundle-ammXYCNc.js';
-import './chunks/bundle-yMF6_bQS.js';
+import './chunks/bundle-ZlvXkXrU.js';
+import './chunks/bundle-UxyhnVkY.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-WJbfhl8B.js';
+import './chunks/bundle-6mWCjL2G.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-zr28rXX0.js';
-import './chunks/bundle-e_hMfMVC.js';
+import './chunks/bundle-oLg6CIrN.js';
+import './chunks/bundle-IOegLdFC.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -190,37 +190,37 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-laqNvtHc.js';
+import './chunks/bundle-ibeQnj0V.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-Eiortw-P.js';
+import './chunks/bundle-Y-ZHrlZJ.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-nuPs9AqY.js';
-import './chunks/bundle-sPCqUzdP.js';
+import './chunks/bundle-VfTA9EY8.js';
+import './chunks/bundle-cIHCEDKb.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './Channel/hooks/useInitialMessagesFetch.js';
+import './chunks/bundle-rXKTCCVw.js';
 import './Channel/components/ChannelUI.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/FileViewer.js';
 import './Channel/components/RemoveMessageModal.js';
-import './chunks/bundle-PrPMpr0d.js';
+import './chunks/bundle-rwixBUpF.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-gb0MSpDp.js';
+import './chunks/bundle-qfOg3sUU.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './chunks/bundle-z995fH4M.js';
-import './chunks/bundle-0wv5nxcS.js';
+import './chunks/bundle-e1b64xud.js';
+import './chunks/bundle-qafY5nY6.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -231,7 +231,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-_jLAjElr.js';
+import './chunks/bundle-GCno1s5H.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/package.json

@@ -36,13 +36,13 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.12.0",
+  "version": "3.12.1",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@sendbird/chat": "^4.10.9",
+    "@sendbird/chat": "^4.10.10",
     "@sendbird/uikit-tools": "0.0.1-alpha.62",
     "css-vars-ponyfill": "^2.3.2",
     "date-fns": "^2.16.1",
@@ -1743,4 +1743,4 @@
       ]
     }
   }
-}
+}

package/pubSub/topics.js

@@ -1,2 +1,2 @@
-export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-29ZwEQCB.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle--q7ObKwF.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-29ZwEQCB.js';
-import { n as noop } from './chunks/bundle-CBZRgcMe.js';
+import { p as pubSubTopics } from './chunks/bundle--q7ObKwF.js';
+import { n as noop } from './chunks/bundle-TovLF3ih.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useAsyncRequest.d.ts

@@ -0,0 +1,17 @@
+interface Request<Response> {
+    (): Promise<Response>;
+    cancel?(): void;
+}
+interface Options {
+    resetResponseOnRefresh?: boolean;
+}
+interface State<T, E = unknown> {
+    loading: boolean;
+    response?: T;
+    error?: E;
+}
+interface Return<T> extends State<T> {
+    refresh(): Promise<void>;
+}
+export declare function useAsyncRequest<T>(request: Request<T>, options?: Options): Return<T>;
+export {};

package/types/modules/Channel/components/ChannelUI/index.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import { GroupChannelUIBasicProps } from '../../../GroupChannel/components/GroupChannelUI/GroupChannelUIView';
 export interface ChannelUIProps extends GroupChannelUIBasicProps {
     isLoading?: boolean;
+    /**
+     * Customizes all child components of the message component.
+     * */
+    renderMessage?: GroupChannelUIBasicProps['renderMessage'];
 }
 declare const ChannelUI: (props: ChannelUIProps) => React.JSX.Element;
 export default ChannelUI;

package/types/modules/Channel/components/MessageInputWrapper/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { GroupChannelUIBasicProps } from '../../../GroupChannel/components/GroupChannelUI/GroupChannelUIView';
 export interface MessageInputWrapperProps {
     value?: string;
     disabled?: boolean;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
     acceptableMimeTypes?: string[];
+    renderFileUploadIcon?: GroupChannelUIBasicProps['renderFileUploadIcon'];
+    renderVoiceMessageIcon?: GroupChannelUIBasicProps['renderVoiceMessageIcon'];
+    renderSendMessageIcon?: GroupChannelUIBasicProps['renderSendMessageIcon'];
 }
 export declare const MessageInputWrapper: (props: MessageInputWrapperProps) => React.JSX.Element;
 export default MessageInputWrapper;

package/types/modules/Channel/components/MessageList/index.d.ts

@@ -1,6 +1,12 @@
 import '../../../GroupChannel/components/MessageList/index.scss';
 import React from 'react';
 import { GroupChannelMessageListProps } from '../../../GroupChannel/components/MessageList';
-export type MessageListProps = GroupChannelMessageListProps;
-export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderPlaceholderEmpty, renderCustomSeparator, renderPlaceholderLoader, renderFrozenNotification, }: MessageListProps) => React.JSX.Element;
+import { GroupChannelUIBasicProps } from '../../../GroupChannel/components/GroupChannelUI/GroupChannelUIView';
+export interface MessageListProps extends GroupChannelMessageListProps {
+    /**
+     * Customizes all child components of the message component.
+     * */
+    renderMessage?: GroupChannelUIBasicProps['renderMessage'];
+}
+export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderCustomSeparator, renderPlaceholderLoader, renderPlaceholderEmpty, renderFrozenNotification, }: MessageListProps) => React.JSX.Element;
 export default MessageList;

package/types/modules/Channel/context/ChannelProvider.d.ts

@@ -1,27 +1,19 @@
 import React from 'react';
 import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
-import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
+import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessage, UserMessageCreateParams, UserMessageUpdateParams, MessageListParams as SDKMessageListParams } from '@sendbird/chat/message';
 import type { EmojiContainer, SendbirdError, User } from '@sendbird/chat';
 import { ReplyType, RenderUserProfileProps, Nullable } from '../../../types';
 import { CoreMessageType, SendableMessageType } from '../../../utils';
 import { ThreadReplySelectType } from './const';
 import * as channelActions from './dux/actionTypes';
 import { ChannelActionTypes } from './dux/actionTypes';
-export type MessageListParams = {
-    replyType?: string;
-    messageType?: string;
-    prevResultSize?: number;
-    nextResultSize?: number;
+export interface MessageListParams extends Partial<SDKMessageListParams> {
+    /**
+     * @deprecated
+     * It won't work even if you activate this props
+     */
     reverse?: boolean;
-    isInclusive?: boolean;
-    includeMetaArray?: boolean;
-    includeReactions?: boolean;
-    includeThreadInfo?: boolean;
-    includeParentMessageInfo?: boolean;
-    showSubchannelMessagesOnly?: boolean;
-    customTypes?: Array<string>;
-    senderUserIds?: Array<string>;
-};
+}
 export type ChannelQueries = {
     messageListParams?: MessageListParams;
 };

package/types/modules/Channel/context/const.d.ts

@@ -1,9 +1,3 @@
+export * from '../../GroupChannel/context/const';
 export declare const PREV_RESULT_SIZE = 30;
 export declare const NEXT_RESULT_SIZE = 15;
-export declare const MAX_USER_MENTION_COUNT = 10;
-export declare const MAX_USER_SUGGESTION_COUNT = 15;
-export declare const USER_MENTION_TEMP_CHAR = "@";
-export declare enum ThreadReplySelectType {
-    PARENT = "PARENT",
-    THREAD = "THREAD"
-}

package/types/modules/Channel/context/dux/actionTypes.d.ts

@@ -1,11 +1,10 @@
+import type { EmojiContainer } from '@sendbird/chat';
+import type { GroupChannel, Member } from '@sendbird/chat/groupChannel';
+import type { ReactionEvent } from '@sendbird/chat/message';
+import type { MessageListParams } from '../ChannelProvider';
+import type { CoreMessageType, SendableMessageType } from '../../../../utils';
+import type { FileUploadedPayload } from '../hooks/useSendMultipleFilesMessage';
 import { CreateAction } from '../../../../utils/typeHelpers/reducers/createAction';
-import { GroupChannel } from '@sendbird/chat/groupChannel';
-import { CoreMessageType, SendableMessageType } from '../../../../utils';
-import { EmojiContainer } from '@sendbird/chat';
-import { ReactionEvent } from '@sendbird/chat/message';
-import { MessageListParams } from '../ChannelProvider';
-import { FileUploadedPayload } from '../hooks/useSendMultipleFilesMessage';
-import { Member } from '@sendbird/chat/lib/__definition';
 export declare const RESET_MESSAGES = "RESET_MESSAGES";
 export declare const FETCH_INITIAL_MESSAGES_START = "FETCH_INITIAL_MESSAGES_START";
 export declare const FETCH_INITIAL_MESSAGES_SUCCESS = "FETCH_INITIAL_MESSAGES_SUCCESS";

package/types/modules/ChannelSettings/components/ChannelSettingsUI/index.d.ts

@@ -1,10 +1,11 @@
 import './channel-settings-ui.scss';
 import React from 'react';
 export interface ChannelSettingsUIProps {
-    renderPlaceholderError?: () => React.ReactElement;
     renderChannelProfile?: () => React.ReactElement;
     renderModerationPanel?: () => React.ReactElement;
     renderLeaveChannel?: () => React.ReactElement;
+    renderPlaceholderError?: () => React.ReactElement;
+    renderPlaceholderLoading?: () => React.ReactElement;
 }
 declare const ChannelSettingsUI: React.FC<ChannelSettingsUIProps>;
 export default ChannelSettingsUI;

package/types/modules/ChannelSettings/context/ChannelSettingsProvider.d.ts

@@ -38,10 +38,10 @@ interface ChannelSettingsProviderInterface {
     queries?: ChannelSettingsQueries;
     setChannelUpdateId(uniqId: string): void;
     forceUpdateUI(): void;
-    channel: GroupChannel;
+    channel: GroupChannel | null;
+    loading: boolean;
     invalidChannel: boolean;
 }
-declare const ChannelSettingsProvider: React.FC<ChannelSettingsContextProps>;
-export type UseChannelSettingsType = () => ChannelSettingsProviderInterface;
-declare const useChannelSettingsContext: UseChannelSettingsType;
-export { ChannelSettingsProvider, useChannelSettingsContext, };
+declare const ChannelSettingsProvider: ({ children, className, channelUrl, onCloseClick, onLeaveChannel, onChannelModified, overrideInviteUser, onBeforeUpdateChannel, queries, renderUserProfile, disableUserProfile, }: ChannelSettingsContextProps) => React.JSX.Element;
+declare const useChannelSettingsContext: () => ChannelSettingsProviderInterface;
+export { ChannelSettingsProvider, useChannelSettingsContext };

package/types/modules/GroupChannel/components/GroupChannelUI/GroupChannelUIView.d.ts

@@ -5,19 +5,61 @@ import type { GroupChannelHeaderProps } from '../GroupChannelHeader';
 import type { GroupChannelMessageListProps } from '../MessageList';
 import type { MessageContentProps } from '../../../../ui/MessageContent';
 export interface GroupChannelUIBasicProps {
+    /**
+     * A function that customizes the rendering of a loading placeholder component.
+     */
     renderPlaceholderLoader?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a invalid placeholder component.
+     */
     renderPlaceholderInvalid?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of an empty placeholder component when there are no messages in the channel.
+     */
     renderPlaceholderEmpty?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a header component.
+     */
     renderChannelHeader?: (props: GroupChannelHeaderProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a message list component.
+     */
     renderMessageList?: (props: GroupChannelMessageListProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a message input component.
+     */
     renderMessageInput?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of each message component in the message list component.
+     */
     renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the content portion of each message component.
+     */
     renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a separator component between messages.
+     */
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a frozen notification component when the channel is frozen.
+     */
     renderFrozenNotification?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the file upload icon in the message input component.
+     */
     renderFileUploadIcon?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the voice message icon in the message input component.
+     */
     renderVoiceMessageIcon?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the send message icon in the message input component.
+     */
     renderSendMessageIcon?: () => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the typing indicator component.
+     */
     renderTypingIndicator?: () => React.ReactElement;
 }
 export interface GroupChannelUIViewProps extends GroupChannelUIBasicProps {

package/types/modules/GroupChannel/components/Message/MessageView.d.ts

@@ -12,10 +12,27 @@ export interface MessageProps {
     chainTop?: boolean;
     chainBottom?: boolean;
     handleScroll?: (isBottomMessageAffected?: boolean) => void;
-    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    /**
+     * Customizes all child components of the message.
+     * */
+    children?: React.ReactNode;
+    /**
+     * A function that customizes the rendering of the content portion of message component.
+     */
     renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of a separator between messages.
+     */
     renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the edit input portion of the message component.
+     * */
     renderEditInput?: () => React.ReactElement;
+    /**
+     * @deprecated Please use `children` instead
+     * @description Customizes all child components of the message.
+     * */
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
 }
 export interface MessageViewProps extends MessageProps {
     channel: GroupChannel;

package/types/modules/GroupChannel/components/MessageInputWrapper/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
+import { GroupChannelUIBasicProps } from '../GroupChannelUI/GroupChannelUIView';
 export interface MessageInputWrapperProps {
     value?: string;
     disabled?: boolean;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
+    acceptableMimeTypes?: string[];
+    renderFileUploadIcon?: GroupChannelUIBasicProps['renderFileUploadIcon'];
+    renderVoiceMessageIcon?: GroupChannelUIBasicProps['renderVoiceMessageIcon'];
+    renderSendMessageIcon?: GroupChannelUIBasicProps['renderSendMessageIcon'];
 }
 export declare const MessageInputWrapper: (props: MessageInputWrapperProps) => React.JSX.Element;
 export { VoiceMessageInputWrapper, VoiceMessageInputWrapperProps, } from './VoiceMessageInputWrapper';