@sendbird/uikit-react 3.17.12 → 3.18.0

package/package.json

@@ -28,7 +28,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+git@github.com:sendbird/sendbird-uikit-react-sources.git"
+    "url": "git+https://github.com/sendbird/sendbird-uikit-react.git"
   },
   "author": "SendBird <support@sendbird.com>",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.17.12",
+  "version": "3.18.0",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0"

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-CeNQpnlq.js';
-import { n as noop } from './chunks/bundle-D7HOrOoM.js';
+import { p as pubSubTopics } from './chunks/bundle-YDriVB8K.js';
+import { n as noop } from './chunks/bundle-DX6fRIJl.js';
 
 /**
  * 1. UIKit Instances

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

@@ -13,6 +13,7 @@ export interface VoicePlayerContext {
     play: (props: VoicePlayerPlayProps) => void;
     pause: (groupKey?: string) => void;
     stop: (text?: string) => void;
+    reset: (groupKey: string) => void;
     voicePlayerStore: VoicePlayerInitialState;
 }
 export declare const ALL = "ALL";

package/types/hooks/useTypingLifecycle.d.ts

@@ -0,0 +1,21 @@
+type TypingChannel = {
+    url?: string;
+    startTyping?: () => void;
+    endTyping?: () => void;
+} | null | undefined;
+/**
+ * Tracks typing lifecycle on a Sendbird channel and ensures `endTyping` is
+ * sent when the channel changes, the `active` flag toggles to false, or the
+ * component unmounts. Returns memoized `startTyping`/`stopTyping` helpers
+ * that the caller wires to input events.
+ *
+ * @param channel - the channel currently being typed in
+ * @param active  - when set to false, the cleanup runs and clears typing
+ *                  state. Useful for edit-mode wrappers that pass `showEdit`
+ *                  so closing the edit panel emits `endTyping`.
+ */
+export declare function useTypingLifecycle(channel: TypingChannel, active?: boolean): {
+    startTyping: () => void;
+    stopTyping: () => void;
+};
+export {};

package/types/lib/Sendbird/utils.d.ts

@@ -1,7 +1,7 @@
 import { SendbirdChatWith, SessionHandler } from '@sendbird/chat';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
-import type { AppInfoStore, CustomExtensionParams, SdkStore, SendbirdState, UserStore } from './types';
+import type { AppInfoStore, CustomExtensionParams, SdkStore, SendbirdChatInitParams, SendbirdState, UserStore } from './types';
 import { LoggerInterface } from '../Logger';
 type UpdateAppInfoStoreType = (state: SendbirdState, payload: AppInfoStore) => SendbirdState;
 export declare const updateAppInfoStore: UpdateAppInfoStoreType;
@@ -9,11 +9,12 @@ type UpdateSdkStoreType = (state: SendbirdState, payload: Partial<SdkStore>) =>
 export declare const updateSdkStore: UpdateSdkStoreType;
 type UpdateUserStoreType = (state: SendbirdState, payload: Partial<UserStore>) => SendbirdState;
 export declare const updateUserStore: UpdateUserStoreType;
-export declare function initSDK({ appId, customApiHost, customWebSocketHost, sdkInitParams, }: {
+export declare function initSDK({ appId, isNewApp, customApiHost, customWebSocketHost, sdkInitParams, }: {
     appId: string;
+    isNewApp?: boolean;
     customApiHost?: string;
     customWebSocketHost?: string;
-    sdkInitParams?: Record<string, any>;
+    sdkInitParams?: SendbirdChatInitParams;
 }): SendbirdChatWith<(GroupChannelModule | OpenChannelModule)[]>;
 /**
  * Sets up the Sendbird SDK after initialization.

package/types/modules/Channel/context/hooks/useHandleUploadFiles.d.ts

@@ -11,9 +11,10 @@ interface useHandleUploadFilesDynamicProps {
     sendFileMessage: SendFileMessageFunctionType;
     sendMultipleFilesMessage: SendMFMFunctionType;
     quoteMessage?: SendableMessageType;
+    acceptableMimeTypes?: string[];
 }
 interface useHandleUploadFilesStaticProps {
     logger: Logger;
 }
-export declare const useHandleUploadFiles: ({ sendFileMessage, sendMultipleFilesMessage, quoteMessage, }: useHandleUploadFilesDynamicProps, { logger, }: useHandleUploadFilesStaticProps) => (files: File[]) => Promise<void | FileMessage | MultipleFilesMessage>;
+export declare const useHandleUploadFiles: ({ sendFileMessage, sendMultipleFilesMessage, quoteMessage, acceptableMimeTypes, }: useHandleUploadFilesDynamicProps, { logger, }: useHandleUploadFilesStaticProps) => (files: File[]) => Promise<void | FileMessage | MultipleFilesMessage>;
 export {};

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

@@ -10,9 +10,10 @@ interface useHandleUploadFilesDynamicProps {
     sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
     sendMultipleFilesMessage: (params: MultipleFilesMessageCreateParams) => Promise<MultipleFilesMessage>;
     quoteMessage?: SendableMessageType;
+    acceptableMimeTypes?: string[];
 }
 interface useHandleUploadFilesStaticProps {
     logger: Logger;
 }
-export declare const useHandleUploadFiles: ({ sendFileMessage, sendMultipleFilesMessage, quoteMessage }: useHandleUploadFilesDynamicProps, { logger }: useHandleUploadFilesStaticProps) => (files: File[]) => Promise<void | FileMessage | MultipleFilesMessage>;
+export declare const useHandleUploadFiles: ({ sendFileMessage, sendMultipleFilesMessage, quoteMessage, acceptableMimeTypes }: useHandleUploadFilesDynamicProps, { logger }: useHandleUploadFilesStaticProps) => (files: File[]) => Promise<void | FileMessage | MultipleFilesMessage>;
 export {};

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

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

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

@@ -61,6 +61,7 @@ export declare const useThreadContext: () => {
         messageId: number;
         message: string;
         mentionedUsers?: import("@sendbird/chat").User[];
+        mentionedUserIds?: string[];
         mentionTemplate?: string;
     }) => void;
     deleteMessage: (message: SendableMessageType) => Promise<void>;
@@ -89,9 +90,9 @@ export declare const useThreadContext: () => {
     onReactionUpdated: (reactionEvent: import("@sendbird/chat/message").ReactionEvent) => void;
     onUserMuted: (channel: GroupChannel, user: import("@sendbird/chat").User) => void;
     onUserUnmuted: (channel: GroupChannel, user: import("@sendbird/chat").User) => void;
-    onUserBanned: () => void;
+    onUserBanned: (channel: GroupChannel, user: import("@sendbird/chat").User) => void;
     onUserUnbanned: () => void;
-    onUserLeft: () => void;
+    onUserLeft: (channel: GroupChannel, user: import("@sendbird/chat").User) => void;
     onChannelFrozen: () => void;
     onChannelUnfrozen: () => void;
     onOperatorUpdated: (channel: GroupChannel) => void;

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

@@ -16,6 +16,7 @@ type CallbackParams = {
     messageId: number;
     message: string;
     mentionedUsers?: User[];
+    mentionedUserIds?: string[];
     mentionTemplate?: string;
 };
 export default function useUpdateMessageCallback({ currentChannel, isMentionEnabled, onMessageUpdated, }: DynamicProps, { logger, pubSub, }: StaticProps): (props: CallbackParams) => void;

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

@@ -23,6 +23,7 @@ declare const useThread: () => {
             messageId: number;
             message: string;
             mentionedUsers?: User[];
+            mentionedUserIds?: string[];
             mentionTemplate?: string;
         }) => void;
         deleteMessage: (message: SendableMessageType) => Promise<void>;
@@ -51,9 +52,9 @@ declare const useThread: () => {
         onReactionUpdated: (reactionEvent: ReactionEvent) => void;
         onUserMuted: (channel: GroupChannel, user: User) => void;
         onUserUnmuted: (channel: GroupChannel, user: User) => void;
-        onUserBanned: () => void;
+        onUserBanned: (channel: GroupChannel, user: User) => void;
         onUserUnbanned: () => void;
-        onUserLeft: () => void;
+        onUserLeft: (channel: GroupChannel, user: User) => void;
         onChannelFrozen: () => void;
         onChannelUnfrozen: () => void;
         onOperatorUpdated: (channel: GroupChannel) => void;

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

@@ -137,6 +137,9 @@ declare const stringSet: {
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: string;
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: string;
         MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: string;
+        MESSAGE_INPUT__PLACE_HOLDER__FILE_ATTACHED: string;
+        MESSAGE_INPUT__PENDING_FILE__TYPE_UNKNOWN: string;
+        MESSAGE_INPUT__PENDING_FILE__REMOVE: string;
         BUTTON__SUBMIT: string;
         BUTTON__CANCEL: string;
         BUTTON__DELETE: string;
@@ -205,6 +208,7 @@ declare const stringSet: {
         DATE_FORMAT__LAST_MESSAGE_CREATED_AT__PREVIOUS_YEAR: string;
         FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: string;
         FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: string;
+        FILE_UPLOAD_NOTIFICATION__UNSUPPORTED_FILE_TYPE: string;
         FEEDBACK_LIKE: string;
         FEEDBACK_DISLIKE: string;
         EDIT_COMMENT: string;

package/types/ui/MessageInput/composer/PendingFileCard.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import type { PendingFile } from '../hooks/usePendingFiles';
+interface Props {
+    pendingFile: PendingFile;
+    onRemove: (id: string) => void;
+}
+/**
+ * Card representation of a non-image pending file in the composer. Used in
+ * place of the square image thumbnail when `pendingFile.isImage` is false.
+ * The card shows a generic file icon, the (middle-truncated) filename, and
+ * the uppercased extension label.
+ */
+export declare const PendingFileCard: ({ pendingFile, onRemove }: Props) => ReactElement;
+export default PendingFileCard;

package/types/ui/MessageInput/composer/PendingFileItem.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import type { PendingFile } from '../hooks/usePendingFiles';
+interface Props {
+    pendingFile: PendingFile;
+    onRemove: (id: string) => void;
+}
+/**
+ * Renders one staged file in the composer. Images get a square thumbnail with
+ * a corner remove button; non-images delegate to PendingFileCard, which
+ * shows a horizontal card with icon + filename + uppercased extension.
+ */
+export declare const PendingFileItem: ({ pendingFile, onRemove }: Props) => ReactElement;
+export default PendingFileItem;

package/types/ui/MessageInput/composer/PendingFilesPreview.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import type { PendingFile } from '../hooks/usePendingFiles';
+interface Props {
+    pendingFiles: PendingFile[];
+    onRemove: (id: string) => void;
+    className?: string;
+}
+export declare const PendingFilesPreview: ({ pendingFiles, onRemove, className }: Props) => ReactElement | null;
+export default PendingFilesPreview;

package/types/ui/MessageInput/hooks/useDragAndDrop.d.ts

@@ -0,0 +1,25 @@
+export interface UseDragAndDropParams {
+    onAddFiles: (files: File[]) => void;
+    /** When true, listeners are not attached (e.g. mobile, channel disabled). */
+    disabled?: boolean;
+    /**
+     * Per-event filter. Return `false` to skip this drop entirely (no preventDefault,
+     * no onAddFiles). Default: accept every file drop. Used to coordinate multiple
+     * instances on the same page so each one only consumes drops in its own pane —
+     * e.g. main channel vs. thread.
+     */
+    shouldAccept?: (event: DragEvent) => boolean;
+}
+/**
+ * Window-level drag-and-drop for file uploads. While enabled, the entire
+ * viewport accepts file drops — the caller does not need to render a visual
+ * affordance.
+ *
+ * When disabled, no listeners are attached, so the browser's default drop
+ * behavior (open the file) is preserved.
+ *
+ * When multiple instances are mounted concurrently (e.g. main channel composer
+ * + thread composer on desktop), each one passes a `shouldAccept` predicate so
+ * exactly one consumes any given drop based on its position in the DOM.
+ */
+export declare const useDragAndDrop: ({ onAddFiles, disabled, shouldAccept }: UseDragAndDropParams) => void;

package/types/ui/MessageInput/hooks/usePaste/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DynamicProps } from './types';
-export declare function usePaste({ ref, setIsInput, channel, setMentionedUsers, }: DynamicProps): (e: React.ClipboardEvent<HTMLDivElement>) => void;
+export declare function usePaste({ ref, setIsInput, channel, setMentionedUsers, onAddFiles, }: DynamicProps): (e: React.ClipboardEvent<HTMLDivElement>) => void;
 export default usePaste;

package/types/ui/MessageInput/hooks/usePaste/types.d.ts

@@ -11,4 +11,9 @@ export type DynamicProps = {
     channel: OpenChannel | GroupChannel;
     setMentionedUsers: React.Dispatch<React.SetStateAction<User[]>>;
     setIsInput: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * When provided, files in the clipboard short-circuit the text/html paste
+     * branch and are routed here for composer staging.
+     */
+    onAddFiles?: (files: File[]) => void;
 };

package/types/ui/MessageInput/hooks/usePendingFiles.d.ts

@@ -0,0 +1,35 @@
+import type { Logger } from '../../../lib/Sendbird/types';
+import type { OpenGlobalModalProps } from '../../../hooks/useModal';
+import type { StringSet } from '../../Label/stringSet';
+export interface PendingFile {
+    id: string;
+    file: File;
+    /** Object URL for image previews. Undefined for non-image files. Revoked on remove/unmount. */
+    previewUrl?: string;
+    isImage: boolean;
+}
+export interface UsePendingFilesParams {
+    uikitUploadSizeLimit: number;
+    uikitMultipleFilesMessageLimit: number;
+    acceptableMimeTypes?: string[];
+    openModal: (props: OpenGlobalModalProps) => void;
+    stringSet: StringSet;
+    logger?: Logger;
+}
+export interface UsePendingFilesReturn {
+    pendingFiles: PendingFile[];
+    /**
+     * Adds files to the staging list. Validates combined-count + per-file size.
+     * On count/size violation, opens the standard modal and rejects the batch.
+     */
+    addFiles: (files: File[]) => void;
+    removeFile: (id: string) => void;
+    clear: () => void;
+    hasPendingFiles: boolean;
+}
+/**
+ * Holds files staged for the message composer before send. Producers (file
+ * picker, drag-and-drop, clipboard paste) all call addFiles. The owning
+ * wrapper drains pendingFiles on submit and calls clear().
+ */
+export declare const usePendingFiles: ({ uikitUploadSizeLimit, uikitMultipleFilesMessageLimit, acceptableMimeTypes, openModal, stringSet, logger, }: UsePendingFilesParams) => UsePendingFilesReturn;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import './index.scss';
+import type { PendingFile } from './hooks/usePendingFiles';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { User } from '@sendbird/chat';
 import { OpenChannel } from '@sendbird/chat/openChannel';
@@ -18,18 +19,50 @@ type MessageInputProps = {
     disabled?: boolean;
     placeholder?: string;
     maxLength?: number;
+    /**
+     * @deprecated Pass `onAddFiles` + `onSubmit` for the composer flow. When
+     * `onAddFiles` is undefined, files from the picker are routed here for
+     * immediate send (legacy behavior).
+     */
     onFileUpload?: (file: File[]) => void;
     onSendMessage?: (params: {
         message: string;
         mentionTemplate: string;
     }) => void;
+    /**
+     * Composer mode: files staged for send. When defined and non-empty, the
+     * preview strip renders above the textarea and the send button activates
+     * regardless of text input state.
+     */
+    pendingFiles?: PendingFile[];
+    /**
+     * Composer mode: routes files from the picker, drag-drop, and clipboard
+     * paste to the staging hook. When defined, takes precedence over
+     * `onFileUpload`.
+     */
+    onAddFiles?: (files: File[]) => void;
+    /**
+     * Composer mode: removes a staged file by id from the preview strip.
+     */
+    onRemoveFile?: (id: string) => void;
+    /**
+     * Composer mode: unified send action. When defined, takes precedence over
+     * `onSendMessage` for the click and Enter-key paths.
+     */
+    onSubmit?: (params: {
+        message: string;
+        mentionTemplate: string;
+        files: PendingFile[];
+    }) => void;
     onUpdateMessage?: (params: {
         messageId: number;
         message: string;
         mentionTemplate: string;
+        mentionedUserIds?: string[];
     }) => void;
     onCancelEdit?: () => void;
     onStartTyping?: () => void;
+    onStopTyping?: () => void;
     channelUrl?: string;
     mentionSelectedUser?: null | User;
     onUserMentioned?: (user: User) => void;

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

@@ -16,4 +16,5 @@ export declare function extractTextAndMentions(childNodes: NodeListOf<ChildNode>
     messageText: string;
     mentionTemplate: string;
     isMentionedMessage: boolean;
+    mentionedUserIds: string[];
 };

package/types/utils/fileValidation.d.ts

@@ -0,0 +1,62 @@
+import type { Logger } from '../lib/Sendbird/types';
+import type { OpenGlobalModalProps } from '../hooks/useModal';
+import type { StringSet } from '../ui/Label/stringSet';
+interface CountLimitParams {
+    totalCount: number;
+    uikitMultipleFilesMessageLimit: number;
+    openModal: (props: OpenGlobalModalProps) => void;
+    stringSet: StringSet;
+    logger?: Logger;
+    logTag?: string;
+}
+/**
+ * Validates that the resulting file count (existing + incoming) does not
+ * exceed the configured limit. Opens the count-limit modal on failure.
+ * Returns true when within limit.
+ */
+export declare const validateFileCount: ({ totalCount, uikitMultipleFilesMessageLimit, openModal, stringSet, logger, logTag, }: CountLimitParams) => boolean;
+interface TypeFilterParams {
+    files: File[];
+    acceptableMimeTypes?: string[];
+    openModal: (props: OpenGlobalModalProps) => void;
+    stringSet: StringSet;
+    logger?: Logger;
+    logTag?: string;
+}
+/**
+ * Validates that every file matches the consumer's acceptableMimeTypes (or
+ * the UIKit default supported list when unspecified). Opens the unsupported-
+ * type modal and rejects the whole batch when any file fails.
+ */
+export declare const validateFileTypes: ({ files, acceptableMimeTypes, openModal, stringSet, logger, logTag, }: TypeFilterParams) => boolean;
+interface SizeLimitParams {
+    files: File[];
+    uikitUploadSizeLimit: number;
+    openModal: (props: OpenGlobalModalProps) => void;
+    stringSet: StringSet;
+    logger?: Logger;
+    logTag?: string;
+}
+/**
+ * Validates that no file exceeds the configured size limit. Opens the
+ * size-limit modal on failure. Returns true when all files within limit.
+ */
+export declare const validateFileSizes: ({ files, uikitUploadSizeLimit, openModal, stringSet, logger, logTag, }: SizeLimitParams) => boolean;
+export interface ValidateFilesForUploadParams {
+    files: File[];
+    uikitUploadSizeLimit: number;
+    uikitMultipleFilesMessageLimit: number;
+    acceptableMimeTypes: string[] | undefined;
+    openModal: (props: OpenGlobalModalProps) => void;
+    stringSet: StringSet;
+    logger?: Logger;
+    /** Logger context tag (e.g. 'GroupChannel|useHandleUploadFiles'). */
+    logTag?: string;
+}
+/**
+ * Validates a File[] before upload. Used by the legacy immediate-send hooks.
+ * Composer staging (usePendingFiles) calls validateFileTypes, validateFileCount,
+ * and validateFileSizes directly so it can check combined-with-staging count.
+ */
+export declare const validateFilesForUpload: ({ files, uikitUploadSizeLimit, uikitMultipleFilesMessageLimit, acceptableMimeTypes, openModal, stringSet, logger, logTag, }: ValidateFilesForUploadParams) => boolean;
+export {};

package/types/utils/index.d.ts

@@ -19,6 +19,7 @@ export declare const SUPPORTED_FILE_EXTENSIONS: {
     ARCHIVE: string[];
 };
 export declare const getMimeTypesUIKitAccepts: (acceptableTypes?: string[]) => string;
+export declare const isFileAllowedByAccept: (file: File, acceptableMimeTypes?: string[]) => boolean;
 export interface UIKitMessageTypes {
     ADMIN: 'ADMIN';
     TEXT: 'TEXT';

package/types/utils/truncateMiddleKeepExtension.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Truncate `filename` to fit within `maxChars` by inserting `...` near the
+ * middle while preserving the file extension. If the filename already fits,
+ * returns it unchanged. If the extension alone exceeds the budget, the
+ * extension is dropped and the head is truncated.
+ *
+ * The utility operates on Unicode code points (after NFC normalization), so
+ * Hangul syllables stay intact even when the input is decomposed jamo (as
+ * macOS produces), and surrogate pairs (emoji, supplementary CJK) are never
+ * split. The caller is responsible for picking a `maxChars` that fits the
+ * rendered container.
+ *
+ * Examples:
+ *   truncateMiddleKeepExtension('File-name-is-too-long.pdf', 14) -> 'File...ong.pdf'
+ *   truncateMiddleKeepExtension('short.pdf', 14)                 -> 'short.pdf'
+ *   truncateMiddleKeepExtension('noextension', 14)               -> 'noextension'
+ *   truncateMiddleKeepExtension('verylong.tar.gz', 10)           -> 've...tar.gz'
+ *   truncateMiddleKeepExtension('long', 3)                       -> '...'
+ */
+export declare function truncateMiddleKeepExtension(filename: string, maxChars: number): 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-D7HOrOoM.js';
-import '../chunks/bundle-Rf2YUo_V.js';
+import { c as classnames } from '../chunks/bundle-DX6fRIJl.js';
+import '../chunks/bundle-Bpofr334.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-D7HOrOoM.js';
+import { n as noop } from '../chunks/bundle-DX6fRIJl.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-Rf2YUo_V.js';
+import { e as __spreadArray } from '../chunks/bundle-Bpofr334.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
-import '../chunks/bundle-DKXmeTpK.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from '../chunks/bundle-Cdplrrlw.js';
+import '../chunks/bundle-oM0Fxt9G.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-Rf2YUo_V.js';
+import '../chunks/bundle-Bpofr334.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-TVnsbl6m.js';
-import '../chunks/bundle-D7HOrOoM.js';
-import '../chunks/bundle-nToh_fKd.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-BJShQs4P.js';
+import '../chunks/bundle-DX6fRIJl.js';
+import '../chunks/bundle-F_R9C4cW.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-Rf2YUo_V.js';
+import { e as __spreadArray } from '../chunks/bundle-Bpofr334.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
-import { L as LocalizationContext } from '../chunks/bundle-D-RwYEMS.js';
-import '../chunks/bundle-DKXmeTpK.js';
-import '../chunks/bundle-V2GjRdnC.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from '../chunks/bundle-Cdplrrlw.js';
+import { L as LocalizationContext } from '../chunks/bundle-Cdqsdoa8.js';
+import '../chunks/bundle-oM0Fxt9G.js';
+import '../chunks/bundle-DmnXeBdU.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,22 +1,22 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { u as useSendbird } from '../chunks/bundle-N4pYliV4.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-7U4PQody.js';
-import '../chunks/bundle-Rf2YUo_V.js';
-import '../chunks/bundle-DSBzIeUm.js';
-import '../chunks/bundle-D7HOrOoM.js';
-import '../chunks/bundle-D-RwYEMS.js';
-import '../chunks/bundle-DKXmeTpK.js';
-import '../chunks/bundle-V2GjRdnC.js';
-import '../chunks/bundle-CA3QA8D9.js';
+import { u as useSendbird } from '../chunks/bundle-4clodtJA.js';
+import { M as MODAL_ROOT } from '../chunks/bundle-C4anRHWY.js';
+import '../chunks/bundle-Bpofr334.js';
+import '../chunks/bundle-lqEjT2ED.js';
+import '../chunks/bundle-DX6fRIJl.js';
+import '../chunks/bundle-Cdqsdoa8.js';
+import '../chunks/bundle-oM0Fxt9G.js';
+import '../chunks/bundle-DmnXeBdU.js';
+import '../chunks/bundle-C2ARCMSL.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-C0kbt3jK.js';
+import '../chunks/bundle-Cdplrrlw.js';
 import './Icon.js';
-import '../chunks/bundle-B9eInLCQ.js';
-import '../chunks/bundle-Do4xiOif.js';
-import '../chunks/bundle-C8L0rqDO.js';
+import '../chunks/bundle-LLA95Pqf.js';
+import '../chunks/bundle-B56O1y8C.js';
+import '../chunks/bundle-JhKiWlXT.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-Rf2YUo_V.js';
+import { e as __spreadArray } from '../chunks/bundle-Bpofr334.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C0kbt3jK.js';
-import '../chunks/bundle-DKXmeTpK.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from '../chunks/bundle-Cdplrrlw.js';
+import '../chunks/bundle-oM0Fxt9G.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-TVnsbl6m.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DllTlF8y.js';
-import '../chunks/bundle-Rf2YUo_V.js';
+import { A as Avatar } from '../chunks/bundle-BJShQs4P.js';
+import Icon, { IconColors, IconTypes } from './Icon.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-D646l1Rn.js';
+import '../chunks/bundle-Bpofr334.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-D7HOrOoM.js';
-import '../chunks/bundle-nToh_fKd.js';
+import '../chunks/bundle-DX6fRIJl.js';
+import '../chunks/bundle-F_R9C4cW.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-C0kbt3jK.js';
-import { L as LocalizationContext } from '../chunks/bundle-D-RwYEMS.js';
-import '../chunks/bundle-Rf2YUo_V.js';
-import '../chunks/bundle-D7HOrOoM.js';
-import '../chunks/bundle-DKXmeTpK.js';
-import '../chunks/bundle-V2GjRdnC.js';
+import Icon, { IconColors, IconTypes } from './Icon.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from '../chunks/bundle-Cdplrrlw.js';
+import { L as LocalizationContext } from '../chunks/bundle-Cdqsdoa8.js';
+import '../chunks/bundle-Bpofr334.js';
+import '../chunks/bundle-DX6fRIJl.js';
+import '../chunks/bundle-oM0Fxt9G.js';
+import '../chunks/bundle-DmnXeBdU.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;