@sendbird/uikit-react 3.15.13 → 3.15.14

package/types/modules/Thread/context/hooks/useSetCurrentUserId.d.ts

@@ -0,0 +1,6 @@
+import type { User } from '@sendbird/chat';
+interface DynamicParams {
+    user: User | null;
+}
+declare function useSetCurrentUserId({ user }: DynamicParams): void;
+export default useSetCurrentUserId;

package/types/modules/Thread/context/hooks/useThreadFetchers.d.ts

@@ -1,21 +1,28 @@
 import { BaseMessage } from '@sendbird/chat/message';
-import { SendableMessageType } from '../../../../utils';
-import { CustomUseReducerDispatcher } from '../../../../lib/SendbirdState';
+import { CoreMessageType, SendableMessageType } from '../../../../utils';
 import { LoggerInterface } from '../../../../lib/Logger';
 import { ThreadListStateTypes } from '../../types';
 type Params = {
     anchorMessage?: SendableMessageType;
     parentMessage: SendableMessageType | null;
     isReactionEnabled?: boolean;
-    threadDispatcher: CustomUseReducerDispatcher;
     logger: LoggerInterface;
     threadListState: ThreadListStateTypes;
     oldestMessageTimeStamp: number;
     latestMessageTimeStamp: number;
+    initializeThreadListStart: () => void;
+    initializeThreadListSuccess: (parentMessage: BaseMessage, anchorMessage: SendableMessageType, threadedMessages: BaseMessage[]) => void;
+    initializeThreadListFailure: () => void;
+    getPrevMessagesStart: () => void;
+    getPrevMessagesSuccess: (threadedMessages: CoreMessageType[]) => void;
+    getPrevMessagesFailure: () => void;
+    getNextMessagesStart: () => void;
+    getNextMessagesSuccess: (threadedMessages: CoreMessageType[]) => void;
+    getNextMessagesFailure: () => void;
 };
-export declare const useThreadFetchers: ({ isReactionEnabled, anchorMessage, parentMessage: staleParentMessage, threadDispatcher, logger, oldestMessageTimeStamp, latestMessageTimeStamp, threadListState, }: Params) => {
-    initialize: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
-    loadPrevious: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
-    loadNext: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+export declare const useThreadFetchers: ({ isReactionEnabled, anchorMessage, parentMessage: staleParentMessage, logger, oldestMessageTimeStamp, latestMessageTimeStamp, threadListState, initializeThreadListStart, initializeThreadListSuccess, initializeThreadListFailure, getPrevMessagesStart, getPrevMessagesSuccess, getPrevMessagesFailure, getNextMessagesStart, getNextMessagesSuccess, getNextMessagesFailure, }: Params) => {
+    initializeThreadFetcher: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+    fetchPrevThreads: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+    fetchNextThreads: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
 };
 export {};

package/types/modules/Thread/context/hooks/useToggleReactionsCallback.d.ts

@@ -1,6 +1,6 @@
 import { GroupChannel } from '@sendbird/chat/groupChannel';
-import { Logger } from '../../../../lib/SendbirdState';
 import { BaseMessage } from '@sendbird/chat/message';
+import type { Logger } from '../../../../lib/Sendbird/types';
 interface DynamicProps {
     currentChannel: GroupChannel | null;
 }

package/types/modules/Thread/context/hooks/useUpdateMessageCallback.d.ts

@@ -1,15 +1,16 @@
 import { User } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
-import { CustomUseReducerDispatcher, Logger } from '../../../../lib/SendbirdState';
+import type { Logger } from '../../../../lib/Sendbird/types';
 import { SBUGlobalPubSub } from '../../../../lib/pubSub/topics';
+import { SendableMessageType } from '../../../../utils';
 interface DynamicProps {
     currentChannel: GroupChannel | null;
     isMentionEnabled?: boolean;
+    onMessageUpdated: (currentChannel: GroupChannel, message: SendableMessageType) => void;
 }
 interface StaticProps {
     logger: Logger;
     pubSub: SBUGlobalPubSub;
-    threadDispatcher: CustomUseReducerDispatcher;
 }
 type CallbackParams = {
     messageId: number;
@@ -17,5 +18,5 @@ type CallbackParams = {
     mentionedUsers?: User[];
     mentionTemplate?: string;
 };
-export default function useUpdateMessageCallback({ currentChannel, isMentionEnabled, }: DynamicProps, { logger, pubSub, threadDispatcher, }: StaticProps): (props: CallbackParams) => void;
+export default function useUpdateMessageCallback({ currentChannel, isMentionEnabled, onMessageUpdated, }: DynamicProps, { logger, pubSub, }: StaticProps): (props: CallbackParams) => void;
 export {};

package/types/modules/Thread/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThreadProvider';
+export { default as useThread } from './useThread';

package/types/modules/Thread/context/useThread.d.ts

@@ -0,0 +1,64 @@
+import { ThreadState } from './ThreadProvider';
+import { FileUploadInfoParams } from '../types';
+import { GroupChannel, Member } from '@sendbird/chat/groupChannel';
+import { CoreMessageType, SendableMessageType } from '../../../utils';
+import { EmojiContainer, User } from '@sendbird/chat';
+import { BaseMessage, ReactionEvent } from '@sendbird/chat/message';
+declare const useThread: () => {
+    state: ThreadState;
+    actions: {
+        initializeThreadFetcher: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+        fetchPrevThreads: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+        fetchNextThreads: (callback?: (messages: BaseMessage[]) => void) => Promise<void>;
+        initializeThreadListStart: () => void;
+        initializeThreadListSuccess: (parentMessage: BaseMessage, anchorMessage: SendableMessageType, threadedMessages: BaseMessage[]) => void;
+        initializeThreadListFailure: () => void;
+        getPrevMessagesStart: () => void;
+        getPrevMessagesSuccess: (threadedMessages: CoreMessageType[]) => void;
+        getPrevMessagesFailure: () => void;
+        getNextMessagesStart: () => void;
+        getNextMessagesSuccess: (threadedMessages: CoreMessageType[]) => void;
+        getNextMessagesFailure: () => void;
+        updateMessage: (props: {
+            messageId: number;
+            message: string;
+            mentionedUsers?: User[];
+            mentionTemplate?: string;
+        }) => void;
+        deleteMessage: (message: SendableMessageType) => Promise<void>;
+        onMessageUpdated: (channel: GroupChannel, message: SendableMessageType) => void;
+        onMessageDeleted: (channel: GroupChannel, messageId: number) => void;
+        onMessageDeletedByReqId: (reqId: string | number) => void;
+        sendMessage: (props: import("./hooks/useSendUserMessageCallback").SendMessageParams) => void;
+        sendFileMessage: import("./hooks/useSendFileMessage").SendFileMessageFunctionType;
+        sendVoiceMessage: (file: File, duration: number, quoteMessage: SendableMessageType) => void;
+        sendMultipleFilesMessage: import("../../Channel/context/hooks/useSendMultipleFilesMessage").SendMFMFunctionType;
+        resendMessage: (failedMessage: SendableMessageType) => void;
+        sendMessageStart: (message: SendableMessageType) => void;
+        sendMessageSuccess: (message: SendableMessageType) => void;
+        sendMessageFailure: (message: SendableMessageType) => void;
+        resendMessageStart: (message: SendableMessageType) => void;
+        setCurrentUserId: (currentUserId: string) => void;
+        getChannelStart: () => void;
+        getChannelSuccess: (groupChannel: GroupChannel) => void;
+        getChannelFailure: () => void;
+        getParentMessageStart: () => void;
+        getParentMessageSuccess: (parentMessage: SendableMessageType) => void;
+        getParentMessageFailure: () => void;
+        setEmojiContainer: (emojiContainer: EmojiContainer) => void;
+        onMessageReceived: (channel: GroupChannel, message: SendableMessageType) => void;
+        onReactionUpdated: (reactionEvent: ReactionEvent) => void;
+        onUserMuted: (channel: GroupChannel, user: User) => void;
+        onUserUnmuted: (channel: GroupChannel, user: User) => void;
+        onUserBanned: () => void;
+        onUserUnbanned: () => void;
+        onUserLeft: () => void;
+        onChannelFrozen: () => void;
+        onChannelUnfrozen: () => void;
+        onOperatorUpdated: (channel: GroupChannel) => void;
+        onTypingStatusUpdated: (channel: GroupChannel, typingMembers: Member[]) => void;
+        onFileInfoUpdated: ({ channelUrl, requestId, index, uploadableFileInfo, error, }: FileUploadInfoParams) => void;
+        toggleReaction: (message: BaseMessage, key: string, isReacted: boolean) => void;
+    };
+};
+export default useThread;

package/types/modules/Thread/types.d.ts

@@ -1,3 +1,4 @@
+import { UploadableFileInfo } from '@sendbird/chat/message';
 export declare enum ChannelStateTypes {
     NIL = "NIL",
     LOADING = "LOADING",
@@ -16,3 +17,10 @@ export declare enum ThreadListStateTypes {
     INVALID = "INVALID",
     INITIALIZED = "INITIALIZED"
 }
+export interface FileUploadInfoParams {
+    channelUrl: string;
+    requestId: string;
+    index: number;
+    uploadableFileInfo: UploadableFileInfo;
+    error: Error;
+}

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

@@ -1,7 +1,7 @@
 import './index.scss';
 import { ReactElement } from 'react';
 import type { FileMessage } from '@sendbird/chat/message';
-import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
+import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/types';
 interface Props {
     className?: string | Array<string>;
     message: FileMessage;

package/types/ui/MessageContent/MessageBody/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import '../index.scss';
 import { CoreMessageType } from '../../../utils';
-import { SendBirdStateConfig } from '../../../lib/types';
+import type { SendbirdStateConfig } from '../../../lib/Sendbird/types';
 import { Nullable } from '../../../types';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { OnBeforeDownloadFileMessageType } from '../../../modules/GroupChannel/context/GroupChannelProvider';
+import type { OnBeforeDownloadFileMessageType } from '../../../modules/GroupChannel/context/types';
 export type CustomSubcomponentsProps = Record<'ThumbnailMessageItemBody' | 'MultipleFilesMessageItemBody', Record<string, any>>;
 export interface MessageBodyProps {
     className?: string;
@@ -15,7 +15,7 @@ export interface MessageBodyProps {
     onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     mouseHover: boolean;
     isMobile: boolean;
-    config: SendBirdStateConfig;
+    config: SendbirdStateConfig;
     isReactionEnabledInChannel: boolean;
     isByMe: boolean;
 }

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

@@ -3,7 +3,7 @@ import './index.scss';
 import { type MessageMenuProps } from '../MessageMenu';
 import { MessageEmojiMenuProps } from '../MessageItemReactionMenu';
 import { EmojiReactionsProps } from '../EmojiReactions';
-import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
+import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/types';
 import { CoreMessageType, SendableMessageType } from '../../utils';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { type EmojiCategory, EmojiContainer } from '@sendbird/chat';

package/types/ui/MessageInput/messageInputUtils.d.ts

@@ -4,7 +4,7 @@
  */
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OpenChannel } from '@sendbird/chat/openChannel';
-import type { SendBirdStateConfig } from '../../lib/types';
+import type { SendbirdStateConfig } from '../../lib/Sendbird/types';
 /**
  * FIXME: Simplify this in UIKit@v4
  * If customer is using MessageInput inside our modules(ie: Channel, Thread, etc),
@@ -12,10 +12,10 @@ import type { SendBirdStateConfig } from '../../lib/types';
  * If customer is using MessageInput outside our modules(ie: custom UI),
  * we expect Channel to be undefined and customer gets control to show/hide file-upload.
  * @param {*} channel GroupChannel | OpenChannel
- * @param {*} config SendBirdStateConfig
+ * @param {*} config SendbirdStateConfig
  * @returns boolean
  */
 export declare const checkIfFileUploadEnabled: ({ channel, config }: {
     channel?: GroupChannel | OpenChannel;
-    config?: SendBirdStateConfig;
+    config?: SendbirdStateConfig;
 }) => boolean;

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { MultipleFilesMessage } from '@sendbird/chat/message';
-import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
+import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/types';
 import './index.scss';
 import { UploadedFileInfoWithUpload } from '../../types';
 export declare const ThreadMessageKind: {

package/types/utils/color.d.ts

@@ -5,7 +5,6 @@ export declare enum Colors {
     ONBACKGROUND_3 = "ONBACKGROUND_3",
     ONBACKGROUND_4 = "ONBACKGROUND_4",
     ONCONTENT_1 = "ONCONTENT_1",
-    ONCONTENT_2 = "ONCONTENT_2",
     PRIMARY = "PRIMARY",
     ERROR = "ERROR"
 }

package/types/utils/compressImages.d.ts

@@ -1,5 +1,4 @@
-import type { ImageCompressionOptions, ImageCompressionOutputFormatType } from '../lib/Sendbird';
-import { Logger } from '../lib/SendbirdState';
+import type { ImageCompressionOptions, ImageCompressionOutputFormatType, Logger } from '../lib/Sendbird/types';
 interface CompressImageParams {
     imageFile: File;
     compressionRate: number;

package/types/utils/getIsReactionEnabled.d.ts

@@ -3,10 +3,10 @@
  * related to enabling emoji reaction feature.
  */
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { SendBirdStateConfig } from '../lib/types';
+import type { SendbirdStateConfig } from '../lib/Sendbird/types';
 export interface IsReactionEnabledProps {
     channel: GroupChannel | null;
-    config: SendBirdStateConfig;
+    config: SendbirdStateConfig;
     moduleLevel?: boolean;
 }
 export declare function getIsReactionEnabled({ channel, config, moduleLevel, }: IsReactionEnabledProps): boolean;

package/types/utils/index.d.ts

@@ -1,7 +1,6 @@
-import SendbirdChat, { Emoji, EmojiContainer, User } from '@sendbird/chat';
-import { GroupChannel, SendbirdGroupChat, GroupChannelListQuery, GroupChannelListOrder } from '@sendbird/chat/groupChannel';
+import { Emoji, EmojiContainer, User } from '@sendbird/chat';
+import { GroupChannel, GroupChannelListQuery, GroupChannelListOrder } from '@sendbird/chat/groupChannel';
 import { AdminMessage, BaseMessage, FileMessage, MessageListParams, MultipleFilesMessage, Reaction, UploadedFileInfo, UserMessage } from '@sendbird/chat/message';
-import { OpenChannel, SendbirdOpenChat } from '@sendbird/chat/openChannel';
 import { HTMLTextDirection, Nullable } from '../types';
 import { TemplateType } from '../ui/TemplateMessageItemBody/types';
 export declare const SUPPORTED_MIMES: {
@@ -47,7 +46,6 @@ export interface SendingMessageStatus {
 }
 export type CoreMessageType = AdminMessage | UserMessage | FileMessage | MultipleFilesMessage;
 export type SendableMessageType = UserMessage | FileMessage | MultipleFilesMessage;
-export declare const isTextuallyNull: (text: string) => boolean;
 export declare const isMOVType: (type: string) => boolean;
 /**
  * @link: https://sendbird.atlassian.net/browse/SBISSUE-16031?focusedCommentId=270601
@@ -103,8 +101,6 @@ export declare const getUIKitMessageType: (message: CoreMessageType) => string;
  * */
 export declare const getSendingMessageStatus: () => SendingMessageStatus;
 export declare const getClassName: (classNames: string | Array<string | Array<string>>) => string;
-export declare const startsWithAtAndEndsWithBraces: (str: string) => boolean;
-export declare const removeAtAndBraces: (str: string) => string;
 export declare const isReactedBy: (userId: string, reaction: Reaction) => boolean;
 interface StringSet {
     TOOLTIP__YOU: string;
@@ -112,30 +108,11 @@ interface StringSet {
     TOOLTIP__UNKNOWN_USER: string;
 }
 export declare const getEmojiTooltipString: (reaction: Reaction, userId: string, memberNicknamesMap: Map<string, string>, stringSet: StringSet) => string;
-interface UIKitStore {
-    stores: {
-        sdkStore: {
-            sdk: SendbirdChat | SendbirdOpenChat | SendbirdGroupChat;
-        };
-        userStore: {
-            user: User;
-        };
-    };
-    config: {
-        isReactionEnabled: boolean;
-        htmlTextDirection: HTMLTextDirection;
-        forceLeftToRightMessageLayout: boolean;
-    };
-}
-export declare const getCurrentUserId: (store: UIKitStore) => string;
-export declare const getUseReaction: (store: UIKitStore, channel: GroupChannel | OpenChannel) => boolean;
 export declare function getSuggestedReplies(message?: BaseMessage): string[];
-export declare const isMessageSentByMe: (userId: string, message: SendableMessageType) => boolean;
 /** @deprecated
  * URL detection in a message text will be handled in utils/tokens/tokenize.ts
  */
 export declare const isUrl: (text: string) => boolean;
-export declare const isMentionedText: (text: string) => boolean;
 export declare const truncateString: (fullStr: string, strLen?: number) => string;
 export declare const copyToClipboard: (text: string) => boolean;
 export declare const getEmojiListAll: (emojiContainer: EmojiContainer) => Array<Emoji>;
@@ -153,7 +130,6 @@ export declare const sortChannelList: (channels: GroupChannel[], order: GroupCha
  * Upserts given channel to the channel list and then returns the sorted channel list.
  */
 export declare const getChannelsWithUpsertedChannel: (_channels: Array<GroupChannel>, channel: GroupChannel, order?: GroupChannelListOrder) => Array<GroupChannel>;
-export declare const getMatchedUserIds: (word: string, users: Array<User>, _template?: string) => boolean;
 export declare enum StringObjType {
     normal = "normal",
     mention = "mention",

package/types/utils/messages.d.ts

@@ -2,16 +2,17 @@ import { type BaseMessage } from '@sendbird/chat/message';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { ReplyType } from '../types';
 import type { CoreMessageType } from '.';
+import { StringSet } from '../ui/Label/stringSet';
 /**
  * exported, should be backward compatible
  * @returns [chainTop: `boolean`, chainBottom: `boolean`]
  */
-export declare const compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel | null, replyType?: ReplyType) => boolean[];
-export declare const getMessageCreatedAt: (message: BaseMessage) => string;
-export declare const isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, currentChannel?: GroupChannel) => boolean;
+export declare const compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, stringSet: StringSet, currentChannel?: GroupChannel | null, replyType?: ReplyType) => boolean[];
+export declare const getMessageCreatedAt: (message: BaseMessage, stringSet: StringSet) => string;
+export declare const isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, stringSet: StringSet, currentChannel?: GroupChannel) => boolean;
 declare const _default: {
-    compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel, replyType?: ReplyType) => boolean[];
-    getMessageCreatedAt: (message: BaseMessage) => string;
-    isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, currentChannel?: GroupChannel) => boolean;
+    compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, stringSet: StringSet, currentChannel?: GroupChannel, replyType?: ReplyType) => boolean[];
+    getMessageCreatedAt: (message: BaseMessage, stringSet: StringSet) => string;
+    isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, stringSet: StringSet, currentChannel?: GroupChannel) => boolean;
 };
 export default _default;

package/types/utils/storeManager.d.ts

@@ -0,0 +1,10 @@
+export type Store<T> = {
+    getState: () => T;
+    setState: (partial: Partial<T> | ((state: T) => Partial<T>), force?: boolean) => void;
+    subscribe: (listener: () => void) => () => void;
+};
+export declare function hasStateChanged<T>(prevState: T, updates: Partial<T>): boolean;
+/**
+ * A custom store creation utility
+ */
+export declare function createStore<T extends object>(initialState: T): Store<T>;

package/types/utils/utils.d.ts

@@ -1,4 +1,9 @@
 import { SendableMessageType } from './index';
+/**
+ * @param ms - milliseconds to delay
+ * @returns Promise that resolves after the specified time
+ */
+export declare const delay: (ms?: number) => Promise<unknown>;
 export declare const noop: () => void;
 export declare const getSenderProfileUrl: (message: SendableMessageType) => string;
 export declare const getSenderName: (message: SendableMessageType) => string;

package/ui/Accordion.js

@@ -2,8 +2,8 @@ import React__default, { useMemo } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import { useAccordionGroupContext, AccordionGroupProvider } from './AccordionGroup.js';
 export { AccordionGroupContext } from './AccordionGroup.js';
-import { c as classnames } from '../chunks/bundle-DUTyBaXr.js';
-import '../chunks/bundle-C7jYHvwG.js';
+import { c as classnames } from '../chunks/bundle-CDcu1I4f.js';
+import '../chunks/bundle-B8Grfnrx.js';
 
 var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,5 +1,5 @@
 import React__default, { createContext, useState, useContext } from 'react';
-import { n as noop } from '../chunks/bundle-DUTyBaXr.js';
+import { n as noop } from '../chunks/bundle-CDcu1I4f.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-C7jYHvwG.js';
+import { a as __spreadArray } from '../chunks/bundle-B8Grfnrx.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DImSV9VW.js';
-import '../chunks/bundle-pOZPN8hk.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-HspRRkmy.js';
+import '../chunks/bundle-Y2KBbxRr.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-C7jYHvwG.js';
+import '../chunks/bundle-B8Grfnrx.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-CbEyAimK.js';
-import '../chunks/bundle-DUTyBaXr.js';
-import '../chunks/bundle-BR3O1lZq.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-DgFzcADJ.js';
+import '../chunks/bundle-CDcu1I4f.js';
+import '../chunks/bundle-C_ngoQD_.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,8 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-C7jYHvwG.js';
+import { a as __spreadArray } from '../chunks/bundle-B8Grfnrx.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DImSV9VW.js';
-import { L as LocalizationContext } from '../chunks/bundle-CIN9yQRB.js';
-import '../chunks/bundle-pOZPN8hk.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-HspRRkmy.js';
+import { L as LocalizationContext } from '../chunks/bundle-l_QLKq1Y.js';
+import '../chunks/bundle-Y2KBbxRr.js';
+import '../chunks/bundle-BYOddwmS.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/Badge.js.map

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

package/ui/BottomSheet.js

@@ -1,36 +1,30 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-MyLy9AIu.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-C7jYHvwG.js';
-import '../chunks/bundle-DYeeW5nS.js';
-import '@sendbird/chat/groupChannel';
-import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CDjVXDOc.js';
-import '../chunks/bundle-Dl9NVsui.js';
-import '../chunks/bundle-DkviGBGz.js';
-import '../chunks/bundle-DUTyBaXr.js';
-import '../chunks/bundle-CIN9yQRB.js';
-import '../chunks/bundle-pOZPN8hk.js';
-import '../chunks/bundle-DfDrbjM5.js';
+import '../hooks/useModal.js';
+import { u as useSendbird } from '../chunks/bundle-I25ah_Bv.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-LnGQMQVt.js';
+import '../chunks/bundle-B8Grfnrx.js';
+import '../chunks/bundle-De-3zaYV.js';
+import '../chunks/bundle-CDcu1I4f.js';
+import '../chunks/bundle-l_QLKq1Y.js';
+import '../chunks/bundle-Y2KBbxRr.js';
+import '../chunks/bundle-BYOddwmS.js';
+import '../chunks/bundle-yKqHFFfz.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-DImSV9VW.js';
+import '../chunks/bundle-HspRRkmy.js';
 import './Icon.js';
-import '@sendbird/uikit-tools';
-import '../withSendbird.js';
-import 'css-vars-ponyfill';
+import '../chunks/bundle-CTkGIdt8.js';
+import '../chunks/bundle-C4OmfIXk.js';
+import '../chunks/bundle-Ob7Cw3V-.js';
 import '@sendbird/chat';
-import '../chunks/bundle-4W3uBGU3.js';
+import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-CLonR-iH.js';
-import '../chunks/bundle-C6-Ix-Lk.js';
-import './SortByRow.js';
 
 var BottomSheet = function (props) {
-    var _a, _b, _c;
-    var _d = props.className, className = _d === void 0 ? '' : _d, children = props.children, onBackdropClick = props.onBackdropClick;
-    var logger = (_b = (_a = useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.logger;
+    var _a;
+    var _b = props.className, className = _b === void 0 ? '' : _b, children = props.children, onBackdropClick = props.onBackdropClick;
+    var logger = useSendbird().state.config.logger;
     // https://github.com/testing-library/react-testing-library/issues/62#issuecomment-438653348
     var portalRoot = useRef();
     portalRoot.current = document.getElementById(MODAL_ROOT);
@@ -38,7 +32,7 @@ var BottomSheet = function (props) {
         portalRoot.current = document.createElement('div');
         portalRoot.current.setAttribute('id', MODAL_ROOT);
         document.body.appendChild(portalRoot.current);
-        (_c = logger === null || logger === void 0 ? void 0 : logger.warning) === null || _c === void 0 ? void 0 : _c.call(logger, '@sendbird/uikit-react/ui/BottomSheet | Should put a ModalRoot to use the BottomSheet.');
+        (_a = logger === null || logger === void 0 ? void 0 : logger.warning) === null || _a === void 0 ? void 0 : _a.call(logger, '@sendbird/uikit-react/ui/BottomSheet | Should put a ModalRoot to use the BottomSheet.');
     }
     return createPortal(React__default.createElement("div", { className: "".concat(className, " sendbird-bottomsheet") },
         React__default.createElement("div", { className: "sendbird-bottomsheet__content", role: 'dialog', "aria-modal": 'true', "aria-expanded": 'true' }, children),

package/ui/BottomSheet.js.map

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

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-C7jYHvwG.js';
+import { a as __spreadArray } from '../chunks/bundle-B8Grfnrx.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DImSV9VW.js';
-import '../chunks/bundle-pOZPN8hk.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-HspRRkmy.js';
+import '../chunks/bundle-Y2KBbxRr.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-CbEyAimK.js';
+import { A as Avatar } from '../chunks/bundle-DgFzcADJ.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-TGosz9cX.js';
-import '../chunks/bundle-C7jYHvwG.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DS6Kt7YS.js';
+import '../chunks/bundle-B8Grfnrx.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DUTyBaXr.js';
-import '../chunks/bundle-BR3O1lZq.js';
+import '../chunks/bundle-CDcu1I4f.js';
+import '../chunks/bundle-C_ngoQD_.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;

package/ui/ConnectionStatus.js

@@ -1,10 +1,11 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DImSV9VW.js';
-import { L as LocalizationContext } from '../chunks/bundle-CIN9yQRB.js';
-import '../chunks/bundle-C7jYHvwG.js';
-import '../chunks/bundle-DUTyBaXr.js';
-import '../chunks/bundle-pOZPN8hk.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-HspRRkmy.js';
+import { L as LocalizationContext } from '../chunks/bundle-l_QLKq1Y.js';
+import '../chunks/bundle-B8Grfnrx.js';
+import '../chunks/bundle-CDcu1I4f.js';
+import '../chunks/bundle-Y2KBbxRr.js';
+import '../chunks/bundle-BYOddwmS.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ConnectionStatus.js.map

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

package/ui/ContextMenu.js

@@ -1,21 +1,23 @@
-import '../chunks/bundle-C7jYHvwG.js';
+import '../chunks/bundle-B8Grfnrx.js';
 import 'react';
-export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-C6-Ix-Lk.js';
-import '../chunks/bundle-DUTyBaXr.js';
-import '../withSendbird.js';
+export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-QCH8CZT8.js';
+import '../chunks/bundle-CDcu1I4f.js';
 import './IconButton.js';
-import '../chunks/bundle-DYeeW5nS.js';
-import '../chunks/bundle-CIN9yQRB.js';
+import '../chunks/bundle-CgLhYjm5.js';
+import '../chunks/bundle-l_QLKq1Y.js';
 import '@sendbird/chat';
-import 'react-dom';
+import '../chunks/bundle-C4OmfIXk.js';
+import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
+import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-4W3uBGU3.js';
-import '../chunks/bundle-DImSV9VW.js';
-import '../chunks/bundle-pOZPN8hk.js';
-import '@sendbird/chat/groupChannel';
+import '../chunks/bundle-CTkGIdt8.js';
+import '../chunks/bundle-HspRRkmy.js';
+import '../chunks/bundle-Y2KBbxRr.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CDjVXDOc.js';
-import '../chunks/bundle-Dl9NVsui.js';
-import '../chunks/bundle-DkviGBGz.js';
+import '../chunks/bundle-BTxw_tIt.js';
+import '../chunks/bundle-De-3zaYV.js';
+import '../chunks/bundle-DYBTopZK.js';
+import '../chunks/bundle-Ob7Cw3V-.js';
+import '../chunks/bundle-BYOddwmS.js';
 //# sourceMappingURL=ContextMenu.js.map

package/ui/ContextMenu.js.map

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