@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/types/ui/ContextMenu/MenuItems.d.ts

@@ -1,16 +1,17 @@
 import React, { ReactElement } from 'react';
 interface MenuItemsProps {
     className?: string;
+    testID?: string;
     style?: Record<string, string>;
     openLeft?: boolean;
     children: React.ReactElement | Array<React.ReactElement> | React.ReactNode;
-    parentRef: React.RefObject<HTMLElement>;
+    parentRef?: React.RefObject<HTMLElement>;
     parentContainRef?: React.RefObject<HTMLElement>;
     closeDropdown: () => void;
 }
 type MenuStyleType = {
-    top?: number;
-    left?: number;
+    top: number;
+    left: number;
 };
 interface MenuItemsState {
     menuStyle: MenuStyleType;

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

@@ -10,9 +10,13 @@ export interface MenuItemProps {
     children: ReactElement | ReactElement[] | ReactNode;
     onClick?: (e: MouseEvent<HTMLLIElement>) => void;
     disable?: boolean;
+    /**
+     * @deprecated Please use the testID instead
+     */
     dataSbId?: string;
+    testID?: string;
 }
-export declare const MenuItem: ({ className, children, onClick, disable, dataSbId, }: MenuItemProps) => ReactElement;
+export declare const MenuItem: ({ className, children, onClick, disable, dataSbId, testID, }: MenuItemProps) => ReactElement;
 export declare const MenuRoot: () => ReactElement;
 export declare const EmojiReactionListRoot: () => ReactElement;
 type MenuDisplayingFunc = () => void;

package/types/ui/ContextMenu/items/MuteMenuItem.d.ts

@@ -8,8 +8,12 @@ export interface MuteMenuItemProps {
     className?: string | Array<string>;
     children: ReactElement | ReactElement[] | ReactNode;
     disable?: boolean;
+    /**
+     * @deprecated Please use the testID instead
+     */
     dataSbId?: string;
+    testID?: string;
     onChange?: (channel: BaseChannel, user: User, isMuted: boolean) => void;
     onError?: (reason: any) => void;
 }
-export declare const MuteMenuItem: ({ channel, user, className, children, disable, dataSbId, onChange, onError, }: MuteMenuItemProps) => ReactElement;
+export declare const MuteMenuItem: ({ channel, user, className, children, disable, dataSbId, testID, onChange, onError, }: MuteMenuItemProps) => ReactElement;

package/types/ui/ContextMenu/items/OperatorMenuItem.d.ts

@@ -8,8 +8,12 @@ export interface OperatorMenuItemProps {
     className?: string | Array<string>;
     children: ReactElement | ReactElement[] | ReactNode;
     disable?: boolean;
+    /**
+     * @deprecated Please use the testID instead
+     */
     dataSbId?: string;
+    testID?: string;
     onChange?: (channel: BaseChannel, user: User, isOperator: boolean) => void;
     onError?: (reason: any) => void;
 }
-export declare const OperatorMenuItem: ({ channel, user, className, children, disable, dataSbId, onChange, onError, }: OperatorMenuItemProps) => ReactElement;
+export declare const OperatorMenuItem: ({ channel, user, className, children, disable, dataSbId, testID, onChange, onError, }: OperatorMenuItemProps) => ReactElement;

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

@@ -12,8 +12,9 @@ export interface IconProps {
     height?: string | number;
     onClick?: React.MouseEventHandler<HTMLDivElement> & React.KeyboardEventHandler<HTMLDivElement>;
     children?: React.ReactNode;
+    testID?: string;
 }
-export default function Icon({ className, type, fillColor, width, height, onClick, children, }: IconProps): React.JSX.Element;
+export default function Icon({ className, type, fillColor, width, height, onClick, children, testID, }: IconProps): React.JSX.Element;
 export declare const IconTypes: {
     readonly ADD: "ADD";
     readonly ARROW_LEFT: "ARROW_LEFT";

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

@@ -12,6 +12,7 @@ export interface IconButtonProps {
     };
     onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    testID?: string;
 }
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

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

@@ -1,21 +1,21 @@
 import { ReactElement } from 'react';
 import './index.scss';
-export declare function getBorderRadiusForImageRenderer(circle?: boolean, borderRadius?: string | number): string;
+export declare function getBorderRadiusForImageRenderer(circle?: boolean, borderRadius?: string | number | null): string | undefined;
 export declare function getBorderRadiusForMultipleImageRenderer(borderRadius: string | number, index: number, totalCount: number): string;
 export interface ImageRendererProps {
     className?: string | Array<string>;
     url: string;
     alt?: string;
-    width?: string | number;
-    maxSideLength?: string;
-    height?: string | number;
+    width?: string | number | null;
+    maxSideLength?: string | null;
+    height?: string | number | null;
     circle?: boolean;
     fixedSize?: boolean;
     placeHolder?: ((props: {
         style: Record<string, string | number>;
-    }) => ReactElement) | ReactElement;
-    defaultComponent?: (() => ReactElement) | ReactElement;
-    borderRadius?: string | number;
+    }) => ReactElement) | ReactElement | null;
+    defaultComponent?: (() => ReactElement) | ReactElement | null;
+    borderRadius?: string | number | null;
     onLoad?: () => void;
     onError?: () => void;
     shadeOnHover?: boolean;

package/types/ui/ImageRenderer/useDynamicSideLength.d.ts

@@ -1,6 +1,6 @@
 interface DynamicSideLengthProps {
-    width: string | number;
-    height: string | number;
+    width: string | number | null;
+    height: string | number | null;
     maxSideLength: string | null;
     defaultMinLength: string;
 }

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

@@ -1 +1 @@
-export declare function getDynamicMinLengthInPx(sideLength: string | number, maxSideLength: string | null, defaultMinLength: string): string;
+export declare function getDynamicMinLengthInPx(sideLength: string | number | null, maxSideLength: string | null, defaultMinLength: string): string;

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

@@ -7,6 +7,7 @@ type LabelProps = {
     type?: ObjectValues<typeof Typography>;
     color?: ObjectValues<typeof Colors>;
     children?: React.ReactNode;
+    testID?: string;
 };
 export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLDivElement>>;
 declare const LabelTypography: {

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

@@ -127,6 +127,7 @@ declare const stringSet: {
         EDIT_PROFILE__THEME_LABEL: string;
         MESSAGE_INPUT__PLACE_HOLDER: string;
         MESSAGE_INPUT__PLACE_HOLDER__DISABLED: string;
+        MESSAGE_INPUT__PLACE_HOLDER__FROZEN: string;
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: string;
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: string;
         MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: string;

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

@@ -5,7 +5,7 @@ interface Props {
     user: User;
     theme?: string;
     onCancel(): void;
-    onSubmit(newFile: File, newNickname: string): void;
+    onSubmit(newFile: File | null, newNickname: string): void;
     changeTheme?(theme: string): void;
     onThemeChange?(theme: string): void;
 }

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

@@ -5,5 +5,6 @@ export interface LoaderProps {
     width?: string | number;
     height?: string | number;
     children?: ReactElement;
+    testID?: string;
 }
-export default function Loader({ className, width, height, children, }: LoaderProps): ReactElement;
+export default function Loader({ className, width, height, children, testID, }: LoaderProps): ReactElement;

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

@@ -6,4 +6,4 @@ export interface MessageProfileProps extends MessageContentProps {
     displayThreadReplies?: boolean;
     bottom?: string;
 }
-export default function MessageProfile(props: MessageProfileProps): ReactElement;
+export default function MessageProfile(props: MessageProfileProps): ReactElement | null;

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

@@ -7,7 +7,7 @@ export type Word = {
     userId?: string;
 };
 export type DynamicProps = {
-    ref: React.RefObject<HTMLDivElement>;
+    ref: React.RefObject<HTMLInputElement> | null;
     channel: OpenChannel | GroupChannel;
     setMentionedUsers: React.Dispatch<React.SetStateAction<User[]>>;
     setIsInput: React.Dispatch<React.SetStateAction<boolean>>;

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

@@ -1,20 +1,18 @@
 import './index.scss';
-import { MouseEvent, ReactElement } from 'react';
+import { ReactElement } from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OpenChannel } from '@sendbird/chat/openChannel';
+import { MenuItemProps } from '../ContextMenu';
 import { SendableMessageType } from '../../utils/index';
 import { ReplyType } from '../../types';
-export interface MessageMenuRenderMenuItemProps {
+export interface MessageMenuRenderMenuItemProps extends Omit<MenuItemProps, 'children' | 'className'> {
     className?: string;
-    onClick?: (e: MouseEvent) => void;
-    dataSbId?: string;
-    disable?: boolean;
     text: string;
 }
 export interface MessageMenuProps {
     className?: string | Array<string>;
     message: SendableMessageType;
-    channel: GroupChannel | OpenChannel;
+    channel: GroupChannel | OpenChannel | null;
     isByMe?: boolean;
     disabled?: boolean;
     replyType?: ReplyType;
@@ -31,5 +29,5 @@ export interface MessageMenuProps {
     onMoveToParentMessage?: () => void;
     renderMenuItem?: (props: MessageMenuRenderMenuItemProps) => ReactElement;
 }
-export declare function MessageMenu(props: MessageMenuProps): ReactElement;
+export declare function MessageMenu(props: MessageMenuProps): ReactElement | null;
 export default MessageMenu;

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

@@ -12,5 +12,5 @@ export interface MessageEmojiMenuProps {
     toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
     setSupposedHover?: (bool: boolean) => void;
 }
-export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, setSupposedHover, }: MessageEmojiMenuProps): ReactElement;
+export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, setSupposedHover, }: MessageEmojiMenuProps): ReactElement | null;
 export default MessageEmojiMenu;

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

@@ -2,6 +2,7 @@ import React, { KeyboardEvent, MouseEvent, ReactElement, TouchEvent } from 'reac
 import './index.scss';
 export interface ReactionBadgeProps {
     className?: string | Array<string>;
+    testID?: string;
     children: ReactElement;
     count?: number | string;
     isAdd?: boolean;

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

@@ -6,7 +6,11 @@ export interface ReactionButtonProps {
     width?: string | number;
     height?: string | number;
     selected?: boolean;
+    /**
+     * @deprecated Please use the testID instead
+     */
     dataSbId?: string;
+    testID?: string;
     onClick?: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;
 }
 declare const ReactionButton: React.ForwardRefExoticComponent<ReactionButtonProps & React.RefAttributes<HTMLDivElement>>;

package/types/ui/TemplateMessageItemBody/LoadingTemplateMessageItemBody.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 export interface LoadingTemplateMessageItemBodyProps {
-    className?: string | Array<string>;
+    className?: string;
     isByMe?: boolean;
 }
 export declare function LoadingTemplateMessageItemBody({ className, isByMe, }: LoadingTemplateMessageItemBodyProps): ReactElement;

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

@@ -4,7 +4,7 @@ import type { BaseMessage } from '@sendbird/chat/message';
 import { SendbirdTheme } from '../../types';
 import { RenderedTemplateBodyType } from '../MessageContent/MessageBody';
 interface TemplateMessageItemBodyProps {
-    className?: string | Array<string>;
+    className?: string;
     message: BaseMessage;
     isByMe?: boolean;
     theme?: SendbirdTheme;

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

@@ -6,6 +6,6 @@ export interface ThreadRepliesProps {
     threadInfo: ThreadInfo;
     onClick?: (e: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
 }
-export declare function ThreadReplies({ className, threadInfo, onClick, }: ThreadRepliesProps, ref?: RefObject<HTMLDivElement>): React.ReactElement;
+export declare function ThreadReplies({ className, threadInfo, onClick, }: ThreadRepliesProps, ref: RefObject<HTMLDivElement>): React.ReactElement;
 declare const _default: React.ForwardRefExoticComponent<ThreadRepliesProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -6,7 +6,7 @@ interface Logger {
     info?(message: string, channel: GroupChannel): void;
 }
 interface Props {
-    user: User;
+    user?: User | null;
     currentUserId?: string;
     logger?: Logger;
     disableMessaging?: boolean;

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

@@ -13,5 +13,5 @@ interface WordProps {
     mentionTemplate?: string;
     renderString?: (stringObj: StringObj) => JSX.Element;
 }
-export default function Word(props: WordProps): JSX.Element;
+export default function Word(props: WordProps): JSX.Element | null;
 export {};

package/types/utils/consts.d.ts

@@ -24,5 +24,6 @@ export declare const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = "voice/mp3";
 export declare const DELIVERY_RECEIPT = "delivery_receipt";
 export declare const SLIDER_BUTTON_ICON_SIDE_LENGTH = "32px";
 export declare const DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
+export declare const DEFAULT_UPLOAD_SIZE_LIMIT: number;
 export declare const CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = "sendbird_message_templates_token_key";
 export declare const CACHED_MESSAGE_TEMPLATES_KEY = "sendbird_message_templates_key";

package/types/utils/exports/getOutgoingMessageState.d.ts

@@ -10,4 +10,4 @@ export declare enum OutgoingMessageStates {
     DELIVERED = "DELIVERED",
     READ = "READ"
 }
-export declare const getOutgoingMessageState: (channel: Nullable<GroupChannel | OpenChannel>, message: CoreMessageType) => string;
+export declare const getOutgoingMessageState: (channel: Nullable<GroupChannel | OpenChannel>, message: CoreMessageType | undefined | null) => OutgoingMessageStates;

package/types/utils/getIsReactionEnabled.d.ts

@@ -5,7 +5,7 @@
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { SendBirdStateConfig } from '../lib/types';
 export interface IsReactionEnabledProps {
-    channel: GroupChannel;
+    channel: GroupChannel | null;
     config: SendBirdStateConfig;
     moduleLevel?: boolean;
 }

package/types/utils/index.d.ts

@@ -54,8 +54,8 @@ export declare const isPendingMessage: (message: SendableMessageType) => boolean
 export declare const isSentStatus: (state: string) => boolean;
 export declare const isAdminMessage: (message: CoreMessageType) => message is AdminMessage;
 export declare const isUserMessage: (message: CoreMessageType) => message is UserMessage;
-export declare const isFileMessage: (message: CoreMessageType) => message is FileMessage;
-export declare const isMultipleFilesMessage: (message: CoreMessageType) => message is MultipleFilesMessage;
+export declare const isFileMessage: (message?: CoreMessageType) => message is FileMessage;
+export declare const isMultipleFilesMessage: (message?: CoreMessageType) => message is MultipleFilesMessage;
 export declare const isParentMessage: (message: CoreMessageType) => boolean;
 export declare const isThreadMessage: (message: CoreMessageType) => boolean;
 export declare const isTemplateMessage: (message: CoreMessageType) => boolean;

package/types/utils/messages.d.ts

@@ -6,7 +6,7 @@ import type { CoreMessageType } from '.';
  * exported, should be backward compatible
  * @returns [chainTop: `boolean`, chainBottom: `boolean`]
  */
-export declare const compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel, replyType?: ReplyType) => 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;
 declare const _default: {

package/types/utils/numberToPx.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (value: string | number) => string;
+declare const _default: (value: string | number | null) => string | undefined;
 export default _default;

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 '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-DhJuLwLJ.js';
+import { c as classnames } from '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-zAvvLMA9.js';
 
 var Accordion = function (_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;
@@ -17,7 +17,7 @@ var Accordion = function (_a) {
             addOpenedListKey(id);
         }
     };
-    return (React__default.createElement("div", { className: "sendbird-accordion ".concat(className, " ").concat(isOpened ? 'sendbird-accordion--opened' : 'sendbird-accordion--closed') },
+    return (React__default.createElement("div", { className: classnames('sendbird-accordion', className, isOpened ? 'sendbird-accordion--opened' : 'sendbird-accordion--closed') },
         React__default.createElement("div", { className: "sendbird-accordion__panel-header", id: id, role: "switch", "aria-checked": false, onClick: handleClick, onKeyDown: handleClick, tabIndex: 0 },
             renderTitle(),
             React__default.createElement(Icon, { type: IconTypes.CHEVRON_RIGHT, className: [

package/ui/AccordionGroup.js

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

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import '../chunks/bundle-BvFSwy4a.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-C1XVT5qc.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-lS9BV-1I.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.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-DiVyB2HD.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-DEcnZTr9.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-Cj-w5I5i.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
+import '../chunks/bundle-DS8lmYaF.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-DyVURRtM.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-D2MpL8t0.js';
-import '../chunks/bundle-thdxvFU8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-CflUdLjG.js';
+import '../chunks/bundle-DaqQkuav.js';
+import '../chunks/bundle-HbS5lB90.js';
 
 var BottomSheet = function (props) {
     var _a, _b, _c;
@@ -39,10 +39,10 @@ var BottomSheet = function (props) {
         (_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.');
     }
     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),
-        React__default.createElement("div", { className: "\n          sendbird-bottomsheet__backdrop\n        ", onClick: function (e) {
+        React__default.createElement("div", { className: "sendbird-bottomsheet__content", role: 'dialog', "aria-modal": 'true', "aria-expanded": 'true' }, children),
+        React__default.createElement("div", { className: "sendbird-bottomsheet__backdrop", onClick: function (e) {
                 e === null || e === void 0 ? void 0 : e.stopPropagation();
-                onBackdropClick();
+                onBackdropClick === null || onBackdropClick === void 0 ? void 0 : onBackdropClick();
             } })), portalRoot.current);
 };
 

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import '../chunks/bundle-BvFSwy4a.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {
@@ -24,14 +24,14 @@ function changeTypeToClassName(type) {
         case ButtonTypes.DANGER: return 'sendbird-button--danger';
         case ButtonTypes.DISABLED: return 'sendbird-button--disabled';
         case ButtonTypes.WARNING: return 'sendbird-button--warning';
-        default: return null;
+        default: return '';
     }
 }
 function changeSizeToClassName(size) {
     switch (size) {
         case ButtonSizes.BIG: return 'sendbird-button--big';
         case ButtonSizes.SMALL: return 'sendbird-button--small';
-        default: return null;
+        default: return '';
     }
 }
 

package/ui/ChannelAvatar.js

@@ -1,11 +1,11 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { A as Avatar } from '../chunks/bundle-lS9BV-1I.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DHrYAkRt.js';
-import '../chunks/bundle-CDy_GVNR.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DaVYmO9d.js';
+import '../chunks/bundle-zAvvLMA9.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BEDpWEUq.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-q3jyuKU7.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-DyVURRtM.js';
+import { L as LocalizationContext } from '../chunks/bundle-4r7ZPzcx.js';
+import '../chunks/bundle-zAvvLMA9.js';
+import '../chunks/bundle-Dl6p5CcR.js';
+import '../chunks/bundle-BvFSwy4a.js';
+import '../chunks/bundle-D2RTt6tN.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;