@sendbird/uikit-react 3.14.7 → 3.14.8

package/index.js

@@ -3,91 +3,91 @@ 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-jnlxpEwT.js';
+export { g as getStringSet } from './chunks/bundle-BBNNCVgD.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-CuDWL8gy.js';
-import './chunks/bundle-CtnlbyqE.js';
+export { T as TypingIndicatorType } from './chunks/bundle-Lg46FDnz.js';
+import './chunks/bundle-DlFdSxvC.js';
 import 'react';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import './chunks/bundle-B_Ady4Jz.js';
-import './chunks/bundle-B0botgJT.js';
+import './chunks/bundle-9u0MWDuF.js';
+import './chunks/bundle-DCMOXTSM.js';
 import '@sendbird/chat';
-import './chunks/bundle-hYgEdA4x.js';
+import './chunks/bundle-AnT7R0wX.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './chunks/bundle-cy2fD3AD.js';
-import './chunks/bundle-BTBTTyfL.js';
-import './chunks/bundle-Bzt7n3-D.js';
-import './chunks/bundle-B2PCbkKa.js';
-import './chunks/bundle-CXddjat5.js';
+import './chunks/bundle-C8qp8u68.js';
+import './chunks/bundle-Bt9wsU0z.js';
+import './chunks/bundle-D70fpWll.js';
+import './chunks/bundle-021cIMZ5.js';
+import './chunks/bundle-b-FYiCDP.js';
 import 'react-dom';
-import './chunks/bundle-B_rOpfwf.js';
-import './chunks/bundle-B0LnLbQA.js';
-import './chunks/bundle-CKOMqv9E.js';
+import './chunks/bundle-D-emSqoh.js';
+import './chunks/bundle-Chh1lOPn.js';
+import './chunks/bundle-CfzNjGmr.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-B87nIGEb.js';
+import './chunks/bundle-CJm78NeA.js';
 import './ui/Icon.js';
-import './chunks/bundle-BNiQPnk5.js';
-import './chunks/bundle-BbJk9uGk.js';
+import './chunks/bundle-CYpEvsrY.js';
+import './chunks/bundle-CXtVIcwh.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
 import './GroupChannel.js';
 import './GroupChannel/context.js';
 import '@sendbird/chat/message';
-import './chunks/bundle-D2-qqcCQ.js';
-import './chunks/bundle-BVJluXZM.js';
-import './chunks/bundle-CCRPnSU5.js';
-import './chunks/bundle-DBe-a7XX.js';
-import './chunks/bundle-CStpPvb9.js';
+import './chunks/bundle-BQIouDdf.js';
+import './chunks/bundle-DTUNr1BU.js';
+import './chunks/bundle-DqJw5Zs6.js';
+import './chunks/bundle-DcWxk5a4.js';
+import './chunks/bundle-pZ4uNXwu.js';
 import './GroupChannel/components/GroupChannelUI.js';
-import './chunks/bundle-C4e5BfuC.js';
+import './chunks/bundle-DQaaU4Jj.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-DR-jARGr.js';
+import './chunks/bundle-Bg4q4411.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-BZoyVX3J.js';
+import './chunks/bundle-ob8tFv61.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-DOKEfD_R.js';
-import './chunks/bundle-D07dmf-d.js';
-import './chunks/bundle-BEIAKc0E.js';
+import './chunks/bundle-CpOZ-vVg.js';
+import './chunks/bundle-DDIr59rJ.js';
+import './chunks/bundle-HTnw7-82.js';
 import './ui/Header.js';
 import './ui/TextButton.js';
-import './chunks/bundle-CS1knj9V.js';
+import './chunks/bundle-n6neEdcR.js';
 import './GroupChannel/components/MessageList.js';
 import './GroupChannel/components/Message.js';
-import './chunks/bundle-qVRGaph4.js';
-import './chunks/bundle-BWndmYTX.js';
-import './chunks/bundle-CVd7O0k2.js';
+import './chunks/bundle-WU0noqy6.js';
+import './chunks/bundle-ByhXcncY.js';
+import './chunks/bundle-C3fQOaL6.js';
 import './Message/hooks/useDirtyGetMentions.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
-import './chunks/bundle-BTxU0pki.js';
-import './chunks/bundle-CXbjstQ6.js';
+import './chunks/bundle-ZA_TsLfg.js';
+import './chunks/bundle-DqnsVA96.js';
 import 'dompurify';
-import './chunks/bundle-BuwN5WEP.js';
-import './chunks/bundle-rix7smxF.js';
-import './chunks/bundle-CbgzPP_n.js';
-import './chunks/bundle-DE7fSRle.js';
+import './chunks/bundle-Cdo_FpIC.js';
+import './chunks/bundle-jsjTDN7O.js';
+import './chunks/bundle-ByyxrO7x.js';
+import './chunks/bundle-r28gqNc0.js';
 import './ui/MessageContent.js';
-import './chunks/bundle-Bv2FvQvj.js';
+import './chunks/bundle-DaSr9tmm.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-BI62XQLq.js';
-import './chunks/bundle-BbaL20Cw.js';
+import './chunks/bundle-CeffBU0n.js';
+import './chunks/bundle-_bdwbH50.js';
 import './ui/MessageItemMenu.js';
-import './chunks/bundle-DIFem4s5.js';
+import './chunks/bundle-BhFWIfjd.js';
 import './ui/MessageItemReactionMenu.js';
 import './ui/ReactionButton.js';
-import './chunks/bundle-NPIazOH5.js';
+import './chunks/bundle-D8vfKzAs.js';
 import './ui/EmojiReactions.js';
 import './ui/ReactionBadge.js';
 import './ui/BottomSheet.js';
@@ -100,18 +100,18 @@ import './ui/TooltipWrapper.js';
 import './Message/context.js';
 import './ui/AdminMessage.js';
 import './ui/QuoteMessage.js';
-import './chunks/bundle-cldO4GYf.js';
-import './chunks/bundle-Dj-KPmM7.js';
+import './chunks/bundle-qV7-WZhl.js';
+import './chunks/bundle-C5Az2zLC.js';
 import './ui/ThreadReplies.js';
 import './ui/OGMessageItemBody.js';
-import './chunks/bundle-BRK8g8DU.js';
+import './chunks/bundle-BfC8BXO3.js';
 import './ui/MentionLabel.js';
 import './ui/LinkLabel.js';
 import './ui/TextMessageItemBody.js';
 import './ui/FileMessageItemBody.js';
-import './chunks/bundle-DATMPVoe.js';
-import './chunks/bundle-D3-g8oQx.js';
-import './chunks/bundle-ef1bGpRZ.js';
+import './chunks/bundle-B1bvprAz.js';
+import './ui/FileViewer.js';
+import './chunks/bundle-CKAOqUX1.js';
 import './ui/VoiceMessageItemBody.js';
 import './ui/ProgressBar.js';
 import './VoicePlayer/useVoicePlayer.js';
@@ -119,7 +119,7 @@ import './ui/PlaybackTime.js';
 import './ui/ThumbnailMessageItemBody.js';
 import './ui/UnknownMessageItemBody.js';
 import './ui/TemplateMessageItemBody.js';
-import './chunks/bundle-CTKTyDhD.js';
+import './chunks/bundle-Dx5z32-k.js';
 import './ui/FallbackTemplateMessageItemBody.tsx.js';
 import './ui/LoadingTemplateMessageItemBody.tsx.js';
 import './ui/FeedbackIconButton.js';
@@ -128,58 +128,58 @@ import './ui/MessageFeedbackModal.js';
 import './ui/Input.js';
 import './ui/MessageFeedbackFailedModal.js';
 import './GroupChannel/components/SuggestedReplies.js';
-import './chunks/bundle-DndHcr91.js';
+import './chunks/bundle-z43HPJVe.js';
 import './GroupChannel/components/FileViewer.js';
-import './chunks/bundle-BXmQ-pQA.js';
+import './chunks/bundle-BTophPbK.js';
 import './GroupChannel/components/RemoveMessageModal.js';
-import './chunks/bundle-CVUJqUUE.js';
-import './chunks/bundle-Bhhlrf1K.js';
+import './chunks/bundle-CtkBrjUj.js';
+import './chunks/bundle-DgsBptfe.js';
 import './GroupChannel/components/UnreadCount.js';
 import './GroupChannel/components/FrozenNotification.js';
 import './ui/TypingIndicatorBubble.js';
 import './Channel/utils/getMessagePartsInfo.js';
 import './Channel/utils/compareMessagesForGrouping.js';
-import './chunks/bundle-D3hX3vUQ.js';
+import './chunks/bundle-BisngXq5.js';
 import './GroupChannel/components/MessageInputWrapper.js';
-import './chunks/bundle-Duk60lsO.js';
+import './chunks/bundle-zMGvQ27I.js';
 import './GroupChannel/components/SuggestedMentionList.js';
 import './ui/QuoteMessageInput.js';
 import './VoiceRecorder/useVoiceRecorder.js';
-import './chunks/bundle-CZcyGQ9x.js';
-import './chunks/bundle-BJgIR7-s.js';
+import './chunks/bundle-DFdCvUbu.js';
+import './chunks/bundle-CYb-R0dP.js';
 import './GroupChannelList.js';
 import './GroupChannelList/context.js';
 import './GroupChannelList/components/GroupChannelListUI.js';
-import './chunks/bundle-Cm8XFxsA.js';
+import './chunks/bundle-iykJTXEM.js';
 import './GroupChannelList/components/GroupChannelListHeader.js';
 import './EditUserProfile.js';
 import './EditUserProfile/context.js';
 import './EditUserProfile/components/EditUserProfileUI.js';
-import './chunks/bundle-DhjiWHqn.js';
-import './chunks/bundle-BM2H_B3t.js';
+import './chunks/bundle-CLQwCMbo.js';
+import './chunks/bundle-CczCegSK.js';
 import './GroupChannelList/components/GroupChannelPreviewAction.js';
 import './GroupChannelList/components/GroupChannelListItem.js';
-import './chunks/bundle-Br5Yn5F6.js';
+import './chunks/bundle-Bk-LSlXK.js';
 import './ui/Badge.js';
 import './ui/MentionUserLabel.js';
 import './GroupChannelList/components/AddGroupChannel.js';
-import './chunks/bundle-CUoTvDy2.js';
+import './chunks/bundle-BUe--_Mc.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './chunks/bundle-CYPpN1_3.js';
+import './chunks/bundle-RAnyuNhc.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './Thread.js';
 import './Thread/context.js';
-import './chunks/bundle-Cgze8yML.js';
+import './chunks/bundle-mwGwE0m9.js';
 import './Thread/context/types.js';
-import './chunks/bundle-Ct1NkUMR.js';
-import './chunks/bundle-b13bcjF2.js';
+import './chunks/bundle-BnRw6uxd.js';
+import './chunks/bundle-B94FhrB0.js';
 import './Thread/components/ThreadUI.js';
 import './Thread/components/ParentMessageInfo.js';
-import './chunks/bundle-BjTdQbhe.js';
+import './chunks/bundle-Bo3mnVmp.js';
 import './Thread/components/ParentMessageInfoItem.js';
-import './chunks/bundle-CIGBcOGl.js';
+import './chunks/bundle-D4Flp5xY.js';
 import './Thread/components/ThreadHeader.js';
 import './Thread/components/ThreadList.js';
 import './Thread/components/ThreadListItem.js';
@@ -196,34 +196,34 @@ import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 import './ui/Toggle.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-DSa-975O.js';
+import './chunks/bundle-C0MBb9OS.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './chunks/bundle-CILVacQ6.js';
-import './chunks/bundle-gCJprnxl.js';
+import './chunks/bundle-BTVhOcac.js';
+import './chunks/bundle-CTSVqXR9.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelPreview.js';
 import './ChannelList/components/AddChannel.js';
 import './Channel/context.js';
-import './chunks/bundle-CAVBWGfT.js';
+import './chunks/bundle-B6t-OOt8.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-Dq4GjvdQ.js';
+import './chunks/bundle-BZK5E1_7.js';
 import './Channel/components/MessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './chunks/bundle-CmOjEmCs.js';
+import './chunks/bundle-D6I1bAf9.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-zjEUIwHJ.js';
-import './chunks/bundle-8goL2eMR.js';
+import './chunks/bundle-BzlpyibM.js';
+import './chunks/bundle-D0zv6X_2.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -234,7 +234,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-B0-qpM61.js';
+import './chunks/bundle-BBiGfbDR.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.14.7",
+  "version": "3.14.8",
   "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-DBe-a7XX.js';
+export { b as PUBSUB_TOPICS, P as PublishingModuleType, p as default } from '../chunks/bundle-DcWxk5a4.js';
 //# sourceMappingURL=topics.js.map

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DBe-a7XX.js';
-import { n as noop } from './chunks/bundle-cy2fD3AD.js';
+import { p as pubSubTopics } from './chunks/bundle-DcWxk5a4.js';
+import { n as noop } from './chunks/bundle-C8qp8u68.js';
 
 /**
  * 1. UIKit Instances

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

@@ -1,4 +1,4 @@
-import { SendbirdError } from '@sendbird/chat';
+import { SendbirdChatWith, SendbirdError } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { SetupConnectionTypes } from './types';
@@ -8,12 +8,15 @@ export declare function getMissingParamError({ userId, appId }: {
     appId?: string;
 }): string;
 export declare function getConnectSbError(error?: SendbirdError): string;
-export declare function setUpParams({ appId, isNewApp, customApiHost, customWebSocketHost, sdkInitParams, }: {
+export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, isNewApp, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, initializeMessageTemplatesInfo, }: SetupConnectionTypes): Promise<void>;
+/**
+ * Initializes the Sendbird SDK with the provided parameters.
+ * */
+export declare function initSDK({ appId, isNewApp, customApiHost, customWebSocketHost, sdkInitParams, }: {
     appId: string;
     isNewApp?: boolean;
     customApiHost?: string;
     customWebSocketHost?: string;
     sdkInitParams?: SendbirdChatInitParams;
     customExtensionParams?: CustomExtensionParams;
-}): import("@sendbird/chat").SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (GroupChannelModule | OpenChannelModule)[]>;
-export declare function setUpConnection({ logger, sdkDispatcher, userDispatcher, initDashboardConfigs, userId, appId, isNewApp, customApiHost, customWebSocketHost, configureSession, nickname, profileUrl, accessToken, isUserIdUsedForNickname, sdkInitParams, customExtensionParams, isMobile, eventHandlers, initializeMessageTemplatesInfo, }: SetupConnectionTypes): Promise<void>;
+}): SendbirdChatWith<import("@sendbird/chat/lib/__definition").Module[] & (GroupChannelModule | OpenChannelModule)[]>;

package/types/lib/types.d.ts

@@ -30,6 +30,7 @@ export interface SBUEventHandlers {
         onPressUserProfile?(member: User): void;
     };
     connection?: {
+        onConnected?(user: User): void;
         onFailed?(error: SendbirdError): void;
     };
     modal?: {

package/types/modules/GroupChannel/components/MessageList/InfiniteList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { DependencyList } from 'react';
 import type { BaseMessage } from '@sendbird/chat/message';
 type Props = {
     messages: BaseMessage[];
@@ -13,6 +13,7 @@ type Props = {
     loadThreshold?: number;
     typingIndicator?: React.ReactNode;
     onScrollPosition?: (position: 'top' | 'bottom' | 'middle') => void;
+    initDeps?: DependencyList;
 };
 export declare const InfiniteList: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,14 +1,18 @@
 import './index.scss';
 import React from 'react';
-import { BaseMessage } from '@sendbird/chat/message';
 export interface SuggestedRepliesProps {
     replyOptions: string[];
     onSendMessage: ({ message }: {
         message: string;
     }) => void;
-    message: BaseMessage;
     type?: 'vertical' | 'horizontal';
     gap?: number;
 }
+export interface ReplyItemProps {
+    value: string;
+    onClickReply: (event: React.MouseEvent<HTMLDivElement>, option: string) => void;
+    type?: 'vertical' | 'horizontal';
+}
+export declare const ReplyItem: ({ value, onClickReply, type, }: ReplyItemProps) => React.JSX.Element;
 declare const SuggestedReplies: ({ replyOptions, onSendMessage, type }: SuggestedRepliesProps) => React.JSX.Element;
 export default SuggestedReplies;

package/types/stories/common/const.d.ts

@@ -0,0 +1,3 @@
+export declare const STORYBOOK_APP_ID = "FEA2129A-EA73-4EB9-9E0B-EC738E7EB768";
+export declare const STORYBOOK_USER_ID = "public.storybook.tester.1";
+export declare const STORYBOOK_NICKNAME = "Tester";

package/types/stories/common/useSampleChannel.d.ts

@@ -0,0 +1,7 @@
+import { GroupChannel } from "@sendbird/chat/groupChannel";
+type UseSampleChannelParams = {
+    appId?: string;
+    userId?: string;
+};
+export declare const useSampleChannel: ({ appId, userId, }?: UseSampleChannelParams) => GroupChannel | null;
+export {};

package/types/ui/FileViewer/types.d.ts

@@ -1,16 +1,4 @@
 import { MouseEvent } from 'react';
-export type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';
-export type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';
-export type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;
-export declare const isImage: (type: string) => boolean;
-export declare const isVideo: (type: string) => boolean;
-export declare const isGif: (type: string) => boolean;
-export declare const unSupported: (type: string) => boolean;
-declare const _default: {
-    IMAGE: string[];
-    VIDEO: string[];
-};
-export default _default;
 export declare const ViewerTypes: {
     readonly SINGLE: "SINGLE";
     readonly MULTI: "MULTI";

package/types/utils/browser.d.ts

@@ -0,0 +1,2 @@
+export declare const isSafari: (userAgent: string) => boolean;
+export declare const isMobileIOS: (userAgent: string) => boolean;

package/types/utils/index.d.ts

@@ -39,6 +39,12 @@ 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
+ * We limitedly support .mov file type for ThumbnailMessage only in Safari browser.
+ * */
+export declare const isSupportedVideoFileTypeInSafari: (type: string) => boolean;
 export declare const isImage: (type: string) => boolean;
 export declare const isVideo: (type: string) => boolean;
 export declare const isGif: (type: string) => boolean;

package/types/utils/utils.d.ts

@@ -3,7 +3,6 @@ export declare const noop: () => void;
 export declare const getSenderProfileUrl: (message: SendableMessageType) => string;
 export declare const getSenderName: (message: SendableMessageType) => string;
 export declare const isAboutSame: (a: number, b: number, px: number) => boolean;
-export declare const isMobileIOS: (userAgent: string) => boolean;
 export declare const deleteNullish: <T>(obj: T) => T;
 export declare function openURL(url?: string | null): void;
 type Falsy = undefined | null | false | 0 | '';

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-cy2fD3AD.js';
-import '../chunks/bundle-CtnlbyqE.js';
+import { c as classnames } from '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-DlFdSxvC.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-cy2fD3AD.js';
+import { n as noop } from '../chunks/bundle-C8qp8u68.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CtnlbyqE.js';
+import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import '../chunks/bundle-jnlxpEwT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-BBNNCVgD.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-CtnlbyqE.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-BZoyVX3J.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-DOKEfD_R.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-ob8tFv61.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CpOZ-vVg.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-CtnlbyqE.js';
+import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.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,29 +1,29 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-CXddjat5.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-b-FYiCDP.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-CuDWL8gy.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-Lg46FDnz.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
-import '../chunks/bundle-CKOMqv9E.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
+import '../chunks/bundle-CfzNjGmr.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-B87nIGEb.js';
+import '../chunks/bundle-CJm78NeA.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-hYgEdA4x.js';
+import '../chunks/bundle-AnT7R0wX.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-Bzt7n3-D.js';
-import '../chunks/bundle-B2PCbkKa.js';
-import '../chunks/bundle-BNiQPnk5.js';
+import '../chunks/bundle-D70fpWll.js';
+import '../chunks/bundle-021cIMZ5.js';
+import '../chunks/bundle-CYpEvsrY.js';
 
 var BottomSheet = function (props) {
     var _a, _b, _c;

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CtnlbyqE.js';
+import { c as __spreadArray } from '../chunks/bundle-DlFdSxvC.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-B87nIGEb.js';
-import '../chunks/bundle-jnlxpEwT.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import '../chunks/bundle-BBNNCVgD.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-BZoyVX3J.js';
+import { A as Avatar } from '../chunks/bundle-ob8tFv61.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-D07dmf-d.js';
-import '../chunks/bundle-CtnlbyqE.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DDIr59rJ.js';
+import '../chunks/bundle-DlFdSxvC.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-DOKEfD_R.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-CpOZ-vVg.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,11 +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-B87nIGEb.js';
-import { L as LocalizationContext } from '../chunks/bundle-B_rOpfwf.js';
-import '../chunks/bundle-CtnlbyqE.js';
-import '../chunks/bundle-cy2fD3AD.js';
-import '../chunks/bundle-jnlxpEwT.js';
-import '../chunks/bundle-B0LnLbQA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CJm78NeA.js';
+import { L as LocalizationContext } from '../chunks/bundle-D-emSqoh.js';
+import '../chunks/bundle-DlFdSxvC.js';
+import '../chunks/bundle-C8qp8u68.js';
+import '../chunks/bundle-BBNNCVgD.js';
+import '../chunks/bundle-Chh1lOPn.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;