@sendbird/uikit-react 3.11.0 → 3.11.2-alpha.0

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-fgwje9pW.js';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-lecuE4TA.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-n9wVwJwL.js';
-import { n as noop } from '../chunks/bundle-tOpyp2TM.js';
-import { M as Modal } from '../chunks/bundle-K0s-Ect1.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-K0s-Ect1.js';
+import { K } from '../chunks/bundle-ufJxA-XY.js';
+import { n as noop } from '../chunks/bundle-9V468X-z.js';
+import { M as Modal } from '../chunks/bundle-mZbqaM1H.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-mZbqaM1H.js';
 import 'react-dom';
-import '../chunks/bundle-hOV701rb.js';
-import '../chunks/bundle-oRyfuopS.js';
-import '../chunks/bundle-b6xyPdyj.js';
-import '../chunks/bundle-SbHFlBY0.js';
+import '../chunks/bundle-x89ikMo3.js';
+import '../chunks/bundle-vD0TG7zV.js';
+import '../chunks/bundle-3D1PZ-ud.js';
+import '../chunks/bundle-YRvxgYKR.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-kVopRZZG.js';
+import '../chunks/bundle-b3SHlOhn.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,95 +3,112 @@ 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-oRyfuopS.js';
+export { g as getStringSet } from './chunks/bundle-vD0TG7zV.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-wsahaI_Z.js';
-import './chunks/bundle-fgwje9pW.js';
+export { T as TypingIndicatorType } from './chunks/bundle-Tga27YgW.js';
+import './chunks/bundle-lecuE4TA.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-n9wVwJwL.js';
-import './chunks/bundle-zLlQw-jW.js';
-import './chunks/bundle-W8as0zrL.js';
+import './chunks/bundle-ufJxA-XY.js';
+import './chunks/bundle-2W5CyGcR.js';
+import './chunks/bundle-tq1N8mXT.js';
 import '@sendbird/chat';
-import './chunks/bundle-4IsRvL2E.js';
+import './chunks/bundle-SixFq6AN.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-GQt7EDbt.js';
+import './chunks/bundle-tuaNTnsI.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-tOpyp2TM.js';
-import './chunks/bundle-byix4-_Z.js';
-import './chunks/bundle-eHUDbnaD.js';
-import './chunks/bundle-zpdae5WH.js';
+import './chunks/bundle-9V468X-z.js';
+import './chunks/bundle-t6XeIQNm.js';
+import './chunks/bundle-BGYKrNzm.js';
+import './chunks/bundle-AGBz-vkr.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle-hOV701rb.js';
-import './chunks/bundle-b6xyPdyj.js';
-import './chunks/bundle-K0s-Ect1.js';
+import './chunks/bundle-x89ikMo3.js';
+import './chunks/bundle-3D1PZ-ud.js';
+import './chunks/bundle-mZbqaM1H.js';
 import 'react-dom';
-import './chunks/bundle-SbHFlBY0.js';
+import './chunks/bundle-YRvxgYKR.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-kVopRZZG.js';
+import './chunks/bundle-b3SHlOhn.js';
 import './ui/Icon.js';
-import './chunks/bundle-WK57RaQR.js';
+import './chunks/bundle-nbI9uEwl.js';
 import './hooks/useModal.js';
-import './chunks/bundle-7jAH-Rav.js';
+import './chunks/bundle-3voNlUUD.js';
+import './ui/MessageInput.js';
+import './chunks/bundle-gW6uMATy.js';
+import './chunks/bundle-vhdBaDF3.js';
+import './chunks/bundle-1MLJ8bKz.js';
+import 'dompurify';
+import './chunks/bundle-Oj2BtjtX.js';
+import './chunks/bundle-VYxAZvjJ.js';
+import './chunks/bundle-IxZaogwa.js';
+import './chunks/bundle-7kUZVeKf.js';
+import './chunks/bundle-vDQ-M9vf.js';
+import './chunks/bundle-ZvLiKWK6.js';
+import './chunks/bundle-4V0JvqcA.js';
+import './ui/ImageRenderer.js';
+import './chunks/bundle-UnPRF3Nm.js';
+import './Thread/context.js';
+import './chunks/bundle-jHcn1nNl.js';
+import './chunks/bundle-eAstRp6b.js';
+import './chunks/bundle-8y_Wbyn2.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-NQlEMhhs.js';
-import './chunks/bundle-NeB2uoNn.js';
-import './chunks/bundle-2mo18Chz.js';
-import './chunks/bundle-143lYf48.js';
-import './chunks/bundle-BbdMr4SL.js';
-import './chunks/bundle-l3_ubbH6.js';
-import './chunks/bundle-pfcIdF14.js';
-import './chunks/bundle-82c4Z7tx.js';
+import './chunks/bundle-e2Vf46hw.js';
+import './Thread/context/types.js';
+import './chunks/bundle-DFJxeHcS.js';
+import './chunks/bundle-e06TkgoP.js';
+import './chunks/bundle-bMcW1GEP.js';
+import './chunks/bundle-V_OdjTo0.js';
+import './Message/hooks/useDirtyGetMentions.js';
+import './ui/QuoteMessageInput.js';
+import './chunks/bundle-98tjOpH2.js';
+import './VoicePlayer/useVoicePlayer.js';
+import './VoiceRecorder/useVoiceRecorder.js';
+import './chunks/bundle-YWMb9Ley.js';
+import './ui/PlaybackTime.js';
+import './ui/ProgressBar.js';
+import './ui/TextButton.js';
+import './chunks/bundle-AmJs7yMV.js';
+import './chunks/bundle-va8TD_Fs.js';
+import './chunks/bundle-sYlsEiNr.js';
+import './chunks/bundle-S3d13RAB.js';
+import './chunks/bundle-jkXn2rcR.js';
+import './chunks/bundle-jprwmfK0.js';
+import './Channel/hooks/useHandleUploadFiles.js';
+import './chunks/bundle-ykz8bgi9.js';
 import './Channel/context.js';
-import './chunks/bundle-ZcOjo_4l.js';
-import './chunks/bundle-GpRTDFGV.js';
-import './chunks/bundle-yE5T9BpV.js';
-import './chunks/bundle-nA9SX_Hi.js';
-import './chunks/bundle-T9LQyh_7.js';
+import './chunks/bundle-kRJ4EZ82.js';
+import './chunks/bundle-93t4h18D.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
-import './chunks/bundle-NxSCk3As.js';
-import './chunks/bundle-qLmDwx8F.js';
-import './chunks/bundle-aaseqnuB.js';
-import './ui/ChannelAvatar.js';
-import './chunks/bundle-2QckWBqt.js';
-import './ui/ImageRenderer.js';
-import './chunks/bundle-Rq3p335Q.js';
-import './chunks/bundle-kTQOM0SQ.js';
-import './chunks/bundle-7MnAkGtU.js';
+import './chunks/bundle-nVxyz_Ps.js';
+import './chunks/bundle-iM79wLQe.js';
+import './ui/ConnectionStatus.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
-import './chunks/bundle-qGLQQXlH.js';
-import './chunks/bundle-QOv6Bgtw.js';
-import './chunks/bundle-ueo2Sf-L.js';
-import './Message/hooks/useDirtyGetMentions.js';
+import './chunks/bundle-O76AfJcB.js';
+import './ui/ChannelAvatar.js';
+import './chunks/bundle-DGx57oZD.js';
+import './chunks/bundle-mFqS5lYt.js';
+import './Channel/components/MessageInput.js';
+import './chunks/bundle-8qqVdWGU.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-j8bOxoFa.js';
-import './ui/MessageInput.js';
-import './chunks/bundle-qXA8wWBC.js';
-import 'dompurify';
-import './chunks/bundle-4l6RpXkL.js';
-import './chunks/bundle-qvDlYEM_.js';
-import './chunks/bundle-JHAEGHwc.js';
-import './chunks/bundle-dVzhcuE8.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-rgUMi-vG.js';
-import './chunks/bundle-3cuuQsdK.js';
-import './chunks/bundle-QaBTXAtO.js';
+import './chunks/bundle-03KTtPvp.js';
+import './chunks/bundle-IIsEENu-.js';
+import './chunks/bundle-V2BHS5YW.js';
 import './ui/MessageItemMenu.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-WdOdwp-Y.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-jXtqc1kU.js';
+import './chunks/bundle-RO3-Tf7C.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -104,75 +121,57 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-thvveea5.js';
-import './chunks/bundle-zJNJlM2H.js';
+import './chunks/bundle-NaRW0ez0.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-0v0L0TbZ.js';
+import './chunks/bundle-HjzQRddo.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './ui/TextButton.js';
-import './chunks/bundle-o1VHRKp9.js';
-import './chunks/bundle-bTljiK8B.js';
-import './chunks/bundle-9lUB2eTP.js';
+import './chunks/bundle-gOoIGWGP.js';
+import './chunks/bundle-aJFlCJGp.js';
+import './chunks/bundle-5b9e9OHZ.js';
 import './ui/VoiceMessageItemBody.js';
-import './ui/ProgressBar.js';
-import './VoicePlayer/useVoicePlayer.js';
-import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/FeedbackIconButton.js';
 import './ui/MobileFeedbackMenu.js';
 import './Channel/components/MessageFeedbackModal.js';
 import './ui/Input.js';
-import './chunks/bundle-8CxBlReU.js';
-import './chunks/bundle-1nyUxr-Z.js';
-import './chunks/bundle-KWJtSpuF.js';
+import './chunks/bundle-1pmw9ZjP.js';
+import './chunks/bundle-BdJkMGvq.js';
+import './chunks/bundle-7pdr9tV3.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-HRsLD2CW.js';
-import './chunks/bundle-xkOWTTW1.js';
+import './chunks/bundle-6ruaH4rs.js';
+import './chunks/bundle-nHrkzCe9.js';
 import './ui/TypingIndicatorBubble.js';
-import './chunks/bundle-2jWyEzHg.js';
-import './ui/ConnectionStatus.js';
-import './chunks/bundle-b1IOVyYG.js';
-import './ui/QuoteMessageInput.js';
-import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-lxPqhWGY.js';
-import './chunks/bundle-2d4_n6Eh.js';
-import './Channel/components/MessageInput.js';
-import './chunks/bundle-AnoUW9yQ.js';
-import './chunks/bundle-areDE3aT.js';
+import './chunks/bundle-e4D37XFd.js';
+import './chunks/bundle-JDmJWzNI.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
-import './chunks/bundle-vBXnDJn4.js';
-import './chunks/bundle-zuRObww2.js';
-import './chunks/bundle-IbFVsltH.js';
+import './chunks/bundle-saqL4CE1.js';
+import './chunks/bundle-yGKmazki.js';
+import './chunks/bundle-MQsPfC_7.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-oszCig8K.js';
+import './chunks/bundle-_umZmDrR.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-wBOLbuH7.js';
+import './chunks/bundle-uaykoMl_.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
-import './Thread/context.js';
-import './Thread/context/types.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-2vQfu2KQ.js';
+import './chunks/bundle-gNV9jB2z.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-MvpO_S_k.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import 'date-fns';
-import './Thread/components/ThreadMessageInput.js';
-import './Channel/hooks/useHandleUploadFiles.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
@@ -180,34 +179,34 @@ import './ChannelSettings/components/EditDetailsModal.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-x1NoGtpJ.js';
+import './chunks/bundle-HactSQTv.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-rCo3Zf4a.js';
+import './chunks/bundle-ylVRefJG.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-Jm7rtWnz.js';
+import './chunks/bundle-sLXsdMZM.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-fsBmcKjs.js';
-import './chunks/bundle-Bph6KjZN.js';
+import './chunks/bundle-dsbw7A1o.js';
+import './chunks/bundle-qj7zvnVz.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
-import './chunks/bundle-MGkFgiJm.js';
+import './chunks/bundle-ZG2fGdWl.js';
 import './OpenChannelSettings/components/OpenChannelSettingsUI.js';
 import './OpenChannelSettings/context.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-HOZJLjST.js';
+import './chunks/bundle-9g2IatI1.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.11.0",
+  "version": "3.11.2-alpha.0",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-pfcIdF14.js';
-import { n as noop } from './chunks/bundle-tOpyp2TM.js';
+import { p as pubSubTopics } from './chunks/bundle-eAstRp6b.js';
+import { n as noop } from './chunks/bundle-9V468X-z.js';
 
 /**
  * 1. UIKit Instances

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

@@ -1,23 +1,7 @@
 import React from 'react';
-import type { MessageContentProps } from '../../../../ui/MessageContent';
-import type { GroupChannelHeaderProps } from '../../../GroupChannel/components/GroupChannelHeader';
-import type { RenderCustomSeparatorProps } from '../../../../types';
-import { RenderMessageParamsType } from '../../../../types';
-export interface ChannelUIProps {
+import { GroupChannelUIBasicProps } from '../../../GroupChannel/components/GroupChannelUI/GroupChannelUIView';
+export interface ChannelUIProps extends GroupChannelUIBasicProps {
     isLoading?: boolean;
-    renderPlaceholderLoader?: () => React.ReactElement;
-    renderPlaceholderInvalid?: () => React.ReactElement;
-    renderPlaceholderEmpty?: () => React.ReactElement;
-    renderChannelHeader?: (props: GroupChannelHeaderProps) => React.ReactElement;
-    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
-    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
-    renderMessageInput?: () => React.ReactElement;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
-    renderTypingIndicator?: () => React.ReactElement;
-    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
-    renderFrozenNotification?: () => React.ReactElement;
 }
 declare const ChannelUI: (props: ChannelUIProps) => React.JSX.Element;
 export default ChannelUI;

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

@@ -1,15 +1,6 @@
 import '../../../GroupChannel/components/MessageList/index.scss';
 import React from 'react';
-import type { MessageContentProps } from '../../../../ui/MessageContent';
-import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
-export interface MessageListProps {
-    className?: string;
-    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
-    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
-    renderPlaceholderEmpty?: () => React.ReactElement;
-    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
-    renderPlaceholderLoader?: () => React.ReactElement;
-    renderFrozenNotification?: () => React.ReactElement;
-}
+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;
 export default MessageList;

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

@@ -1,10 +1,31 @@
 import './index.scss';
 import React from 'react';
-import type { GroupChannelUIProps } from '.';
-import { type GroupChannelHeaderProps } from '../GroupChannelHeader';
-export interface GroupChannelUIViewProps extends GroupChannelUIProps, GroupChannelHeaderProps {
-    requestedChannelUrl: string;
+import type { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
+import type { GroupChannelHeaderProps } from '../GroupChannelHeader';
+import type { GroupChannelMessageListProps } from '../MessageList';
+import type { MessageContentProps } from '../../../../ui/MessageContent';
+export interface GroupChannelUIBasicProps {
+    renderPlaceholderLoader?: () => React.ReactElement;
+    renderPlaceholderInvalid?: () => React.ReactElement;
+    renderPlaceholderEmpty?: () => React.ReactElement;
+    renderChannelHeader?: (props: GroupChannelHeaderProps) => React.ReactElement;
+    renderMessageList?: (props: GroupChannelMessageListProps) => React.ReactElement;
+    renderMessageInput?: () => React.ReactElement;
+    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
+    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
+    renderFrozenNotification?: () => React.ReactElement;
+    renderFileUploadIcon?: () => React.ReactElement;
+    renderVoiceMessageIcon?: () => React.ReactElement;
+    renderSendMessageIcon?: () => React.ReactElement;
+    renderTypingIndicator?: () => React.ReactElement;
+}
+export interface GroupChannelUIViewProps extends GroupChannelUIBasicProps {
     loading: boolean;
     isInvalid: boolean;
+    channelUrl: string;
+    renderChannelHeader: GroupChannelUIBasicProps['renderChannelHeader'];
+    renderMessageList: GroupChannelUIBasicProps['renderMessageList'];
+    renderMessageInput: GroupChannelUIBasicProps['renderMessageInput'];
 }
 export declare const GroupChannelUIView: (props: GroupChannelUIViewProps) => React.JSX.Element;

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

@@ -1,24 +1,6 @@
 import React from 'react';
-import type { GroupChannelHeaderProps } from '../GroupChannelHeader';
-import type { MessageListProps } from '../../../Channel/components/MessageList';
-import type { GroupChannelMessageListProps } from '../MessageList';
-import { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../../../types';
-import type { MessageContentProps } from '../../../../ui/MessageContent';
-export interface GroupChannelUIProps {
-    renderPlaceholderLoader?: () => React.ReactElement;
-    renderPlaceholderInvalid?: () => React.ReactElement;
-    renderPlaceholderEmpty?: () => React.ReactElement;
-    renderChannelHeader?: (props: GroupChannelHeaderProps) => React.ReactElement;
-    renderMessage?: (props: RenderMessageParamsType) => React.ReactElement;
-    renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
-    renderMessageList?: (props: MessageListProps | GroupChannelMessageListProps) => React.ReactElement;
-    renderMessageInput?: () => React.ReactElement;
-    renderFileUploadIcon?: () => React.ReactElement;
-    renderVoiceMessageIcon?: () => React.ReactElement;
-    renderSendMessageIcon?: () => React.ReactElement;
-    renderTypingIndicator?: () => React.ReactElement;
-    renderCustomSeparator?: (props: RenderCustomSeparatorProps) => React.ReactElement;
-    renderFrozenNotification?: () => React.ReactElement;
+import { GroupChannelUIBasicProps } from './GroupChannelUIView';
+export interface GroupChannelUIProps extends GroupChannelUIBasicProps {
 }
 export declare const GroupChannelUI: (props: GroupChannelUIProps) => React.JSX.Element;
 export default GroupChannelUI;

package/types/utils/index.d.ts

@@ -10,7 +10,7 @@ export declare const SUPPORTED_MIMES: {
     DOCUMENT: string[];
     APPLICATION: string[];
 };
-export declare const getMimeTypesUIKitAccepts: (acceptableMimeTypes?: Array<string>) => string;
+export declare const getMimeTypesUIKitAccepts: (acceptableMimeTypes?: string[]) => string;
 export interface UIKitMessageTypes {
     ADMIN: 'ADMIN';
     TEXT: 'TEXT';

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-fgwje9pW.js';
+import { a as __spreadArray } from '../chunks/bundle-lecuE4TA.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-x1NoGtpJ.js';
-import '../chunks/bundle-tOpyp2TM.js';
+import { C as Consumer } from '../chunks/bundle-HactSQTv.js';
+import '../chunks/bundle-9V468X-z.js';
 
 function Accordion(_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../chunks/bundle-x1NoGtpJ.js';
-import '../chunks/bundle-tOpyp2TM.js';
+import { P as Provider } from '../chunks/bundle-HactSQTv.js';
+import '../chunks/bundle-9V468X-z.js';
 
 // Wraps all the accordions in an accordion set
 // keep one accordion open at a time

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-fgwje9pW.js';
+import { a as __spreadArray } from '../chunks/bundle-lecuE4TA.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-kVopRZZG.js';
-import '../chunks/bundle-oRyfuopS.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-b3SHlOhn.js';
+import '../chunks/bundle-vD0TG7zV.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-fgwje9pW.js';
+import '../chunks/bundle-lecuE4TA.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-2QckWBqt.js';
-import '../chunks/bundle-tOpyp2TM.js';
-import '../chunks/bundle-Rq3p335Q.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-4V0JvqcA.js';
+import '../chunks/bundle-9V468X-z.js';
+import '../chunks/bundle-UnPRF3Nm.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-fgwje9pW.js';
+import { a as __spreadArray } from '../chunks/bundle-lecuE4TA.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-kVopRZZG.js';
-import { L as LocalizationContext } from '../chunks/bundle-hOV701rb.js';
-import '../chunks/bundle-oRyfuopS.js';
-import '../chunks/bundle-b6xyPdyj.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-b3SHlOhn.js';
+import { L as LocalizationContext } from '../chunks/bundle-x89ikMo3.js';
+import '../chunks/bundle-vD0TG7zV.js';
+import '../chunks/bundle-3D1PZ-ud.js';
 
 function Badge(_a) {
     var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;

package/ui/BottomSheet.js

@@ -1,17 +1,17 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-K0s-Ect1.js';
-import '../chunks/bundle-fgwje9pW.js';
-import '../chunks/bundle-n9wVwJwL.js';
-import '../chunks/bundle-tOpyp2TM.js';
-import '../chunks/bundle-hOV701rb.js';
-import '../chunks/bundle-oRyfuopS.js';
-import '../chunks/bundle-b6xyPdyj.js';
-import '../chunks/bundle-SbHFlBY0.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-mZbqaM1H.js';
+import '../chunks/bundle-lecuE4TA.js';
+import '../chunks/bundle-ufJxA-XY.js';
+import '../chunks/bundle-9V468X-z.js';
+import '../chunks/bundle-x89ikMo3.js';
+import '../chunks/bundle-vD0TG7zV.js';
+import '../chunks/bundle-3D1PZ-ud.js';
+import '../chunks/bundle-YRvxgYKR.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-kVopRZZG.js';
+import '../chunks/bundle-b3SHlOhn.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-fgwje9pW.js';
+import { a as __spreadArray } from '../chunks/bundle-lecuE4TA.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-kVopRZZG.js';
-import '../chunks/bundle-oRyfuopS.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-b3SHlOhn.js';
+import '../chunks/bundle-vD0TG7zV.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,11 +1,11 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-2QckWBqt.js';
+import { A as Avatar } from '../chunks/bundle-4V0JvqcA.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-kTQOM0SQ.js';
-import '../chunks/bundle-fgwje9pW.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DGx57oZD.js';
+import '../chunks/bundle-lecuE4TA.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-tOpyp2TM.js';
-import '../chunks/bundle-Rq3p335Q.js';
+import '../chunks/bundle-9V468X-z.js';
+import '../chunks/bundle-UnPRF3Nm.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;