@sendbird/uikit-react 3.9.3-rc-0 → 3.9.3-rc.0

package/hooks/useModal.js

@@ -1,17 +1,17 @@
-import { a as __spreadArray, _ as __assign } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-vwWaTJzg.js';
 import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
-import { K } from '../chunks/bundle-grwjdnuR.js';
-import { n as noop } from '../chunks/bundle-39Q2USX9.js';
-import { M as Modal } from '../chunks/bundle-vEgsgkZU.js';
-export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-vEgsgkZU.js';
+import { K } from '../chunks/bundle-bDWAVmob.js';
+import { n as noop } from '../chunks/bundle-wwLAI-Tt.js';
+import { M as Modal } from '../chunks/bundle-dNxyH8Er.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-dNxyH8Er.js';
 import 'react-dom';
-import '../chunks/bundle--MiZG3Js.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-bSqchLGB.js';
-import '../chunks/bundle-gRSst73Y.js';
+import '../chunks/bundle-gKkAyMAQ.js';
+import '../chunks/bundle-yeq5dlz7.js';
+import '../chunks/bundle-1DDGx2zI.js';
+import '../chunks/bundle-lsEXnFwe.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-Ulft7jAF.js';
+import '../chunks/bundle-udE7DsNo.js';
 import '../ui/Icon.js';
 
 var GlobalModalContext = createContext({

package/index.js

@@ -3,71 +3,71 @@ 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-U_oG_Fli.js';
+export { g as getStringSet } from './chunks/bundle-yeq5dlz7.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-Gt-hdHTb.js';
-import './chunks/bundle-5MXMpsdy.js';
+export { T as TypingIndicatorType } from './chunks/bundle--ItQfSTI.js';
+import './chunks/bundle-vwWaTJzg.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-grwjdnuR.js';
-import './chunks/bundle-ZhiMeChf.js';
+import './chunks/bundle-bDWAVmob.js';
+import './chunks/bundle-AcAJGwBh.js';
 import '@sendbird/chat';
-import './chunks/bundle-27GyiefI.js';
+import './chunks/bundle-P1wmnvy9.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-Nc3CgLMw.js';
+import './chunks/bundle--yRzbc9U.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-39Q2USX9.js';
-import './chunks/bundle-mIzXbj76.js';
-import './chunks/bundle-76TfTByX.js';
+import './chunks/bundle-wwLAI-Tt.js';
+import './chunks/bundle-IKv9Z9_Y.js';
+import './chunks/bundle-78pBi79a.js';
 import './VoiceRecorder/context.js';
-import './chunks/bundle--MiZG3Js.js';
-import './chunks/bundle-bSqchLGB.js';
-import './chunks/bundle-vEgsgkZU.js';
+import './chunks/bundle-gKkAyMAQ.js';
+import './chunks/bundle-1DDGx2zI.js';
+import './chunks/bundle-dNxyH8Er.js';
 import 'react-dom';
-import './chunks/bundle-gRSst73Y.js';
+import './chunks/bundle-lsEXnFwe.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-Ulft7jAF.js';
+import './chunks/bundle-udE7DsNo.js';
 import './ui/Icon.js';
-import './chunks/bundle-izXEaAzu.js';
+import './chunks/bundle-JhkOoTkQ.js';
 import './hooks/useModal.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-bdchyPw2.js';
-import './chunks/bundle--t8HI__x.js';
-import './chunks/bundle-gF9Zk7CT.js';
-import './chunks/bundle-F-7fIVr5.js';
+import './chunks/bundle-u3j2nR-h.js';
+import './chunks/bundle-gpPQ_Did.js';
+import './chunks/bundle-T-S631y-.js';
+import './chunks/bundle-brC7Asxc.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-ohZbnliW.js';
+import './chunks/bundle-uHZAUI7c.js';
 import './Thread/context/types.js';
-import './chunks/bundle-MCNLGc7G.js';
-import './chunks/bundle-7X4gNGSL.js';
+import './chunks/bundle-st6t2DcW.js';
+import './chunks/bundle-KMF_Auff.js';
 import './Thread/components/ThreadUI.js';
-import './chunks/bundle-18sxXz96.js';
+import './chunks/bundle-pUEPyEg9.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-wAk4n8_J.js';
-import './chunks/bundle-cOTYyV89.js';
+import './chunks/bundle-0LVBY1Kh.js';
+import './chunks/bundle-8RtzOyFC.js';
 import './Thread/components/ParentMessageInfoItem.js';
 import './ui/ImageRenderer.js';
 import './ui/TextButton.js';
-import './chunks/bundle-n_jRVaG_.js';
+import './chunks/bundle-58DQiUD5.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-442ZifHc.js';
+import './chunks/bundle-0fMsVhUd.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './ui/BottomSheet.js';
 import './ui/UserListItem.js';
-import './chunks/bundle-Lwkqzb0b.js';
-import './chunks/bundle-cX8U_VhV.js';
+import './chunks/bundle-4IJH7QEY.js';
+import './chunks/bundle-TsienPu3.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
@@ -79,73 +79,73 @@ import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
 import './ui/PlaybackTime.js';
 import './ui/Loader.js';
-import './chunks/bundle-ZVc6IN6u.js';
-import './chunks/bundle-zZdwWoac.js';
+import './chunks/bundle-czxH9r2i.js';
+import './chunks/bundle-zqu04qTx.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
-import './chunks/bundle-f3fJ8rol.js';
-import './chunks/bundle-r9tWURLe.js';
-import './chunks/bundle-tlmDc6Lb.js';
-import './chunks/bundle-HoEu_6S5.js';
+import './chunks/bundle-l4t9ThVv.js';
+import './chunks/bundle-7pl3B4SW.js';
+import './chunks/bundle-nrm7--0q.js';
+import './chunks/bundle-ui21vRGg.js';
 import './Channel/hooks/useInitialMessagesFetch.js';
 import './Channel/components/SuggestedMentionList.js';
-import './chunks/bundle-zF2UEFCC.js';
+import './chunks/bundle-yDQ7CB8I.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-A7XbXTsq.js';
+import './chunks/bundle-OrHk5n_A.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-QROPFDle.js';
+import './chunks/bundle-DRnzKt-b.js';
 import 'dompurify';
-import './chunks/bundle-C4qp0Rjl.js';
-import './chunks/bundle-UoyQlaRI.js';
-import './chunks/bundle-0PyFB1mS.js';
-import './chunks/bundle-Yw8SfpVI.js';
+import './chunks/bundle-mcex4MSM.js';
+import './chunks/bundle-uI7_T-M6.js';
+import './chunks/bundle-zNT2XhnG.js';
+import './chunks/bundle-Lh-vR1CZ.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
 import './ui/DateSeparator.js';
-import './chunks/bundle-Eu9o4mDx.js';
-import './chunks/bundle-okm6lFGI.js';
-import './chunks/bundle-gLilEEG5.js';
+import './chunks/bundle-qVHH4JST.js';
+import './chunks/bundle-H-0BE_Ym.js';
+import './chunks/bundle-fnSnz19k.js';
 import './ui/TextMessageItemBody.js';
 import './ui/OGMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
 import './ui/ThumbnailMessageItemBody.js';
-import './chunks/bundle-op5reery.js';
+import './chunks/bundle-0ALwnHNc.js';
 import './ui/UnknownMessageItemBody.js';
 import 'date-fns';
 import './Thread/components/ThreadMessageInput.js';
-import './chunks/bundle-BeVTS3Bd.js';
+import './chunks/bundle-AkASiaaY.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-VMKYsVyS.js';
+import './chunks/bundle-i1mS-JcY.js';
 import './Channel/hooks/useHandleUploadFiles.js';
-import './chunks/bundle-c9lGdHcW.js';
+import './chunks/bundle-pxrescev.js';
 import './ui/PlaceHolder.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-jZN4I8YR.js';
+import './chunks/bundle-HyKeX972.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './chunks/bundle-FpzNzZJe.js';
+import './chunks/bundle-7zXnNfIQ.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-QvPkmWeZ.js';
+import './chunks/bundle-wNKgjzsO.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-9rcM31fD.js';
+import './chunks/bundle-EMSxA1Fh.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-VS0auAdJ.js';
+import './chunks/bundle-VjG3_Cxe.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
@@ -161,27 +161,27 @@ import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-uZo9yT-4.js';
+import './chunks/bundle-xnF6_yRz.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-uZ3cCjNz.js';
-import './chunks/bundle-lcNrWbsV.js';
+import './chunks/bundle-5OkWTjml.js';
+import './chunks/bundle-PLqfF7ux.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
-import './chunks/bundle-jAaenNES.js';
+import './chunks/bundle-A-MnkKwW.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-NKVaui__.js';
+import './chunks/bundle-zZ8I6zHr.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/package.json

@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.9.3-rc-0",
+  "version": "3.9.3-rc.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--t8HI__x.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-gpPQ_Did.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle--t8HI__x.js';
-import { n as noop } from './chunks/bundle-39Q2USX9.js';
+import { p as pubSubTopics } from './chunks/bundle-gpPQ_Did.js';
+import { n as noop } from './chunks/bundle-wwLAI-Tt.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useModal/index.d.ts

@@ -10,6 +10,6 @@ export type GlobalModalProviderProps = React.PropsWithChildren<unknown>;
 export interface GlobalModalContextInterface {
     openModal: (props: OpenGlobalModalProps) => void;
 }
-export declare const GlobalModalProvider: ({ children }: GlobalModalProviderProps) => JSX.Element;
+export declare const GlobalModalProvider: ({ children }: GlobalModalProviderProps) => React.JSX.Element;
 export declare const useGlobalModalContext: () => GlobalModalContextInterface;
 export * from './ModalRoot';

package/types/lib/Sendbird.d.ts

@@ -61,5 +61,5 @@ export interface SendbirdProviderProps extends CommonUIKitConfigProps, React.Pro
     isMultipleFilesMessageEnabled?: boolean;
     eventHandlers?: SBUEventHandlers;
 }
-export declare function SendbirdProvider(props: SendbirdProviderProps): JSX.Element;
+export declare function SendbirdProvider(props: SendbirdProviderProps): React.JSX.Element;
 export default SendbirdProvider;

package/types/lib/UserProfileContext.d.ts

@@ -18,5 +18,5 @@ type UserProfileProviderProps = React.PropsWithChildren<{
     renderUserProfile?: (props: RenderUserProfileProps) => React.ReactElement;
     onUserProfileMessage?: (channel: GroupChannel) => void;
 }>;
-declare const UserProfileProvider: ({ isOpenChannel, disableUserProfile, renderUserProfile, onUserProfileMessage, children, }: UserProfileProviderProps) => JSX.Element;
+declare const UserProfileProvider: ({ isOpenChannel, disableUserProfile, renderUserProfile, onUserProfileMessage, children, }: UserProfileProviderProps) => React.JSX.Element;
 export { UserProfileContext, UserProfileProvider };

package/types/lib/hooks/useConnect/setupConnection.d.ts

@@ -1,4 +1,4 @@
-import SendbirdChat, { SendbirdError } from '@sendbird/chat';
+import { SendbirdError } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { SetupConnectionTypes } from './types';
@@ -14,5 +14,5 @@ export declare function setUpParams({ appId, customApiHost, customWebSocketHost,
     customWebSocketHost?: string;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
-}): SendbirdChat & import("@sendbird/chat/lib/__definition").ModuleNamespaces<[...(import("@sendbird/chat/lib/__definition").Module & (GroupChannelModule | OpenChannelModule))[], import("@sendbird/chat/message").MessageModule, import("@sendbird/chat/poll").PollModule], import("@sendbird/chat/message").MessageModule | import("@sendbird/chat/poll").PollModule | (import("@sendbird/chat/lib/__definition").Module & (GroupChannelModule | OpenChannelModule))>;
+}): import("@sendbird/chat").SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (GroupChannelModule | OpenChannelModule)[]>;
 export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, }: SetupConnectionTypes): Promise<void>;

package/types/modules/App/index.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+/**
+ * This is a drop in Chat solution
+ * Can also be used as an example for creating
+ * default chat apps
+ */
+import React from 'react';
 import { SendbirdProviderProps } from '../../lib/Sendbird';
 import './index.scss';
 import { AppLayoutProps } from './types';
@@ -40,5 +45,5 @@ interface AppProps {
     disableAutoSelect?: AppLayoutProps['disableAutoSelect'];
     onProfileEditSuccess?: AppLayoutProps['onProfileEditSuccess'];
 }
-export default function App(props: AppProps): JSX.Element;
+export default function App(props: AppProps): React.JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import './index.scss';
+import React from 'react';
 interface Props {
     replyOptions: string[];
     onSendMessage: ({ message }: {
         message: string;
     }) => void;
 }
-declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => JSX.Element;
+declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => React.JSX.Element;
 export default SuggestedReplies;

package/types/modules/Channel/components/TypingIndicator.d.ts

@@ -3,6 +3,6 @@ import { Member } from '@sendbird/chat/groupChannel';
 export interface TypingIndicatorTextProps {
     members: Member[];
 }
-export declare const TypingIndicatorText: ({ members }: TypingIndicatorTextProps) => JSX.Element;
+export declare const TypingIndicatorText: ({ members }: TypingIndicatorTextProps) => React.JSX.Element;
 declare const TypingIndicator: React.FC;
 export default TypingIndicator;

package/types/modules/ChannelList/components/ChannelPreviewAction.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 type ChannelPreviewActionProps = {
     channel?: GroupChannel;
     disabled: boolean;
     onLeaveChannel(): void;
 };
-export default function ChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): JSX.Element;
+export default function ChannelPreviewAction({ channel, disabled, onLeaveChannel }: ChannelPreviewActionProps): React.JSX.Element;
 export {};

package/types/modules/ChannelList/components/Placeholder.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { PlaceHolderTypes } from '../../../ui/PlaceHolder';
 type ChannelsPlaceholderProps = {
     type: keyof typeof PlaceHolderTypes;
 };
-export default function ChannelsPlaceholder({ type }: ChannelsPlaceholderProps): JSX.Element;
+export default function ChannelsPlaceholder({ type }: ChannelsPlaceholderProps): React.JSX.Element;
 export {};

package/types/modules/EditUserProfile/components/EditUserProfileUI/EditUserProfileUIView.d.ts

@@ -1,8 +1,8 @@
-import { type MutableRefObject, type Dispatch } from 'react';
+import React, { type MutableRefObject, type Dispatch } from 'react';
 export interface EditUserProfileUIViewProps {
     formRef: MutableRefObject<any>;
     inputRef: MutableRefObject<any>;
     onThemeChange: (theme: string) => void;
     setProfileImage: Dispatch<File | null>;
 }
-export declare const EditUserProfileUIView: ({ formRef, inputRef, onThemeChange, setProfileImage, }: EditUserProfileUIViewProps) => JSX.Element;
+export declare const EditUserProfileUIView: ({ formRef, inputRef, onThemeChange, setProfileImage, }: EditUserProfileUIViewProps) => React.JSX.Element;

package/types/modules/EditUserProfile/components/EditUserProfileUI/index.d.ts

@@ -12,6 +12,6 @@ export declare const useEditUserProfileUISates: ({ onEditProfile, }: UseEditUser
     profileImage: File;
     setProfileImage: React.Dispatch<React.SetStateAction<File>>;
 };
-export declare const EditUserProfileUI: () => JSX.Element;
+export declare const EditUserProfileUI: () => React.JSX.Element;
 export { EditUserProfileUIView };
 export default EditUserProfileUI;

package/types/modules/OpenChannel/context/hooks/useFileUploadCallback.d.ts

@@ -23,5 +23,5 @@ interface StaticParams {
     scrollRef: React.MutableRefObject<HTMLElement>;
 }
 type CallbackReturn = (files: Array<File> | File) => void;
-declare function useFileUploadCallback({ currentOpenChannel, checkScrollBottom, imageCompression, onBeforeSendFileMessage, }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): CallbackReturn;
+declare function useFileUploadCallback({ currentOpenChannel, imageCompression, onBeforeSendFileMessage, }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): CallbackReturn;
 export default useFileUploadCallback;

package/types/modules/OpenChannel/context/hooks/useSendMessageCallback.d.ts

@@ -18,5 +18,5 @@ interface StaticParams {
     }) => void;
     scrollRef: React.RefObject<HTMLElement>;
 }
-declare function useSendMessageCallback({ currentOpenChannel, onBeforeSendUserMessage, checkScrollBottom, messageInputRef }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): () => void;
+declare function useSendMessageCallback({ currentOpenChannel, onBeforeSendUserMessage, messageInputRef }: DynamicParams, { sdk, logger, messagesDispatcher, scrollRef }: StaticParams): () => void;
 export default useSendMessageCallback;

package/types/modules/OpenChannelApp/assets/Icons.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare const Collapse: () => JSX.Element;
-export declare const Freeze: () => JSX.Element;
-export declare const Expand: () => JSX.Element;
-export declare const Members: () => JSX.Element;
-export declare const LiveBadge: () => JSX.Element;
-export declare const ProfileAvatar: () => JSX.Element;
+import React from 'react';
+export declare const Collapse: () => React.JSX.Element;
+export declare const Freeze: () => React.JSX.Element;
+export declare const Expand: () => React.JSX.Element;
+export declare const Members: () => React.JSX.Element;
+export declare const LiveBadge: () => React.JSX.Element;
+export declare const ProfileAvatar: () => React.JSX.Element;

package/types/ui/Avatar/AvatarDefault.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 interface AvatarDefaultProps {
     width: string | number;
     height: string | number;
     text?: string;
 }
-declare const AvatarDefault: (props: AvatarDefaultProps) => JSX.Element;
+declare const AvatarDefault: (props: AvatarDefaultProps) => React.JSX.Element;
 export default AvatarDefault;

package/types/ui/EmojiReactions/ReactionItem.d.ts

@@ -14,5 +14,5 @@ type Props = {
     channel: Nullable<GroupChannel | OpenChannel>;
     message?: SendableMessageType;
 };
-export default function ReactionItem({ reaction, memberNicknamesMap, setEmojiKey, toggleReaction, emojisMap, channel, message, }: Props): JSX.Element;
+export default function ReactionItem({ reaction, memberNicknamesMap, setEmojiKey, toggleReaction, emojisMap, channel, message, }: Props): React.JSX.Element;
 export {};

package/types/ui/Icon/index.d.ts

@@ -13,7 +13,7 @@ type IconProps = {
     onClick?: React.MouseEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLDivElement>;
     children?: React.ReactNode;
 };
-export default function Icon({ className, type, fillColor, width, height, onClick, children, }: IconProps): JSX.Element;
+export default function Icon({ className, type, fillColor, width, height, onClick, children, }: IconProps): React.JSX.Element;
 export declare const IconTypes: {
     readonly ADD: "ADD";
     readonly ARROW_LEFT: "ARROW_LEFT";

package/types/ui/Label/index.d.ts

@@ -8,7 +8,7 @@ type LabelProps = {
     color?: ObjectValues<typeof Colors>;
     children?: React.ReactNode;
 };
-export default function Label({ className, type, color, children, }: LabelProps): JSX.Element;
+export default function Label({ className, type, color, children, }: LabelProps): React.JSX.Element;
 declare const LabelTypography: {
     readonly H_1: "H_1";
     readonly H_2: "H_2";

package/types/ui/LinkLabel/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { LabelColors, LabelTypography } from '../Label';
 import './index.scss';
 import { ObjectValues } from '../../utils/typeHelpers/objectValues';
@@ -9,7 +9,7 @@ type LinkLabelProps = {
     color?: ObjectValues<typeof LabelColors>;
     children: ReactNode;
 };
-export default function LinkLabel({ className, src, type, color, children }: LinkLabelProps): JSX.Element;
+export default function LinkLabel({ className, src, type, color, children }: LinkLabelProps): React.JSX.Element;
 export declare const LinkLabelTypography: {
     readonly H_1: "H_1";
     readonly H_2: "H_2";

package/types/ui/TypingIndicatorBubble/TypingDots.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './typingDots.scss';
-declare const TypingDots: () => JSX.Element;
+declare const TypingDots: () => React.JSX.Element;
 export default TypingDots;

package/types/ui/TypingIndicatorBubble/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Member } from '@sendbird/chat/groupChannel';
 export interface TypingIndicatorBubbleProps {
     typingMembers: Member[];
@@ -8,5 +8,5 @@ export interface AvatarStackProps {
     sources: string[];
     max: number;
 }
-declare const TypingIndicatorBubble: (props: TypingIndicatorBubbleProps) => JSX.Element;
+declare const TypingIndicatorBubble: (props: TypingIndicatorBubbleProps) => React.JSX.Element;
 export default TypingIndicatorBubble;

package/types/utils/compressImages.d.ts

@@ -1,5 +1,12 @@
 import { ImageCompressionOptions } from '../lib/Sendbird';
 import { Logger } from '../lib/SendbirdState';
+interface CompressImageParams {
+    imageFile: File;
+    compressionRate: number;
+    resizingWidth?: number;
+    resizingHeight?: number;
+}
+export declare const compressImage: ({ imageFile, compressionRate, resizingWidth, resizingHeight, }: CompressImageParams) => Promise<File>;
 export interface CompressImagesParams {
     files: File[];
     imageCompression: ImageCompressionOptions;
@@ -9,3 +16,4 @@ export declare const compressImages: ({ files, logger, imageCompression, }: Comp
     failedIndexes: number[];
     compressedFiles: File[];
 }>;
+export {};

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-vwWaTJzg.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-FpzNzZJe.js';
-import '../chunks/bundle-39Q2USX9.js';
+import { C as Consumer } from '../chunks/bundle-7zXnNfIQ.js';
+import '../chunks/bundle-wwLAI-Tt.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-FpzNzZJe.js';
-import '../chunks/bundle-39Q2USX9.js';
+import { P as Provider } from '../chunks/bundle-7zXnNfIQ.js';
+import '../chunks/bundle-wwLAI-Tt.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-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-vwWaTJzg.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import '../chunks/bundle-U_oG_Fli.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-udE7DsNo.js';
+import '../chunks/bundle-yeq5dlz7.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,9 +1,9 @@
-import '../chunks/bundle-5MXMpsdy.js';
+import '../chunks/bundle-vwWaTJzg.js';
 import 'react';
 import './ImageRenderer.js';
-import '../chunks/bundle-27GyiefI.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-Lwkqzb0b.js';
-import '../chunks/bundle-cX8U_VhV.js';
+import '../chunks/bundle-P1wmnvy9.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-4IJH7QEY.js';
+import '../chunks/bundle-TsienPu3.js';
 import './Icon.js';
-import '../chunks/bundle-39Q2USX9.js';
+import '../chunks/bundle-wwLAI-Tt.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-5MXMpsdy.js';
+import { a as __spreadArray } from '../chunks/bundle-vwWaTJzg.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Ulft7jAF.js';
-import { L as LocalizationContext } from '../chunks/bundle--MiZG3Js.js';
-import '../chunks/bundle-U_oG_Fli.js';
-import '../chunks/bundle-bSqchLGB.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-udE7DsNo.js';
+import { L as LocalizationContext } from '../chunks/bundle-gKkAyMAQ.js';
+import '../chunks/bundle-yeq5dlz7.js';
+import '../chunks/bundle-1DDGx2zI.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;