@sendbird/uikit-react 3.14.14 → 3.15.0

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

@@ -1,15 +1,16 @@
-import React, { ReactElement } from 'react';
-import { User } from '@sendbird/chat';
+import React from 'react';
+import { type EmojiCategory } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { BaseMessage, FileMessage, FileMessageCreateParams, MultipleFilesMessage, MultipleFilesMessageCreateParams, UserMessageCreateParams } from '@sendbird/chat/message';
+import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
 import { ThreadContextInitialState } from './dux/initialState';
+import type { OnBeforeDownloadFileMessageType } from '../../GroupChannel/context/GroupChannelProvider';
 import useUpdateMessageCallback from './hooks/useUpdateMessageCallback';
 import useToggleReactionCallback from './hooks/useToggleReactionsCallback';
 import { SendMessageParams } from './hooks/useSendUserMessageCallback';
 import useSendVoiceMessageCallback from './hooks/useSendVoiceMessageCallback';
 import { SendableMessageType } from '../../../utils';
-import type { OnBeforeDownloadFileMessageType } from '../../GroupChannel/context/GroupChannelProvider';
-export type ThreadProviderProps = {
+export interface ThreadProviderProps extends Pick<UserProfileProviderProps, 'disableUserProfile' | 'renderUserProfile'> {
     children?: React.ReactElement;
     channelUrl: string;
     message: SendableMessageType | null;
@@ -23,13 +24,9 @@ export type ThreadProviderProps = {
     onBeforeSendVoiceMessage?: (file: File, quotedMessage?: SendableMessageType) => FileMessageCreateParams;
     onBeforeSendMultipleFilesMessage?: (files: Array<File>, quotedMessage?: SendableMessageType) => MultipleFilesMessageCreateParams;
     onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
-    disableUserProfile?: boolean;
-    renderUserProfile?: (props: {
-        user: User;
-        close: () => void;
-    }) => ReactElement;
     isMultipleFilesMessageEnabled?: boolean;
-};
+    filterEmojiCategoryIds?: (message: SendableMessageType) => EmojiCategory['id'][];
+}
 export interface ThreadProviderInterface extends ThreadProviderProps, ThreadContextInitialState {
     fetchPrevThreads: (callback?: (messages?: Array<BaseMessage>) => void) => void;
     fetchNextThreads: (callback?: (messages?: Array<BaseMessage>) => void) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 import { Accordion } from './Accordion';
 export default Accordion;

package/types/ui/ChannelAvatar/OpenChannelAvatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OpenChannel } from '@sendbird/chat/openChannel';
 interface Props {
     channel: OpenChannel;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 interface Props {

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

@@ -6,7 +6,7 @@ import { OperatorMenuItem } from './items/OperatorMenuItem';
 export declare const MENU_OBSERVING_CLASS_NAME = "sendbird-observing-message-menu";
 export declare const getObservingId: (txt: string | number) => string;
 export declare const MenuItems: typeof _MenuItems;
-export declare const EmojiListItems: ({ id, children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: import("./EmojiListItems").EmojiListItemsProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const EmojiListItems: ({ id, children, parentRef, parentContainRef, spaceFromTrigger, closeDropdown, }: import("./EmojiListItems").EmojiListItemsProps) => import("../../types").Nullable<React.ReactElement>;
 /**
  * @deprecated
  * Use the `MessageItemProps` from '@sendbird/uikit-react/ui/MessageMenu' instead

package/types/ui/Docs/Introduction.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function Introduction(): JSX.Element;

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

@@ -13,6 +13,7 @@ type Props = {
     emojisMap: Map<string, Emoji>;
     channel: Nullable<GroupChannel | OpenChannel>;
     message?: SendableMessageType;
+    isFiltered?: boolean;
 };
-export default function ReactionItem({ reaction, memberNicknamesMap, setEmojiKey, toggleReaction, emojisMap, channel, message, }: Props): React.JSX.Element;
+export default function ReactionItem({ reaction, memberNicknamesMap, setEmojiKey, toggleReaction, emojisMap, channel, message, isFiltered, }: Props): React.JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import './index.scss';
 import { ReactElement } from 'react';
-import type { EmojiContainer, User } from '@sendbird/chat';
+import type { EmojiCategory, EmojiContainer, User } from '@sendbird/chat';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import { Nullable, SpaceFromTriggerType } from '../../types';
 import { SendableMessageType } from '../../utils';
@@ -15,6 +15,7 @@ export interface EmojiReactionsProps {
     isByMe?: boolean;
     toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;
     onPressUserProfile?: (member: User) => void;
+    filterEmojiCategoryIds?: (message: SendableMessageType) => EmojiCategory['id'][];
 }
-declare const EmojiReactions: ({ className, userId, message, channel, emojiContainer, memberNicknamesMap, spaceFromTrigger, isByMe, toggleReaction, onPressUserProfile, }: EmojiReactionsProps) => ReactElement;
+declare const EmojiReactions: ({ className, userId, message, channel, emojiContainer, memberNicknamesMap, spaceFromTrigger, isByMe, toggleReaction, onPressUserProfile, filterEmojiCategoryIds, }: EmojiReactionsProps) => ReactElement;
 export default EmojiReactions;

package/types/ui/FormMessageItemBody/FormInput.d.ts

@@ -0,0 +1,23 @@
+import { MessageFormItemStyle } from '@sendbird/chat/message';
+import React, { ReactElement, ReactNode } from 'react';
+import './index.scss';
+export interface InputLabelProps {
+    children: ReactNode;
+}
+export declare const InputLabel: ({ children }: InputLabelProps) => ReactElement;
+export interface InputProps {
+    name: string;
+    style: MessageFormItemStyle;
+    isSubmitted: boolean;
+    errorMessage: string | null;
+    values: string[];
+    isInvalidated: boolean;
+    isSubmitTried: boolean;
+    onChange: (values: string[]) => void;
+    required?: boolean;
+    isValid?: boolean;
+    placeHolder?: string;
+    onFocused?: (isFocus: boolean) => void;
+}
+declare const FormInput: (props: InputProps) => React.JSX.Element;
+export default FormInput;

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

@@ -0,0 +1,10 @@
+import { BaseMessage, MessageForm } from '@sendbird/chat/message';
+import React from 'react';
+import './index.scss';
+interface Props {
+    message: BaseMessage;
+    form: MessageForm;
+    isByMe: boolean;
+}
+export default function FormMessageItemBody(props: Props): React.JSX.Element;
+export {};

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

@@ -3,6 +3,7 @@ export declare const Colors: {
     readonly PRIMARY: "PRIMARY";
     readonly PRIMARY_2: "PRIMARY_2";
     readonly SECONDARY: "SECONDARY";
+    readonly SECONDARY_2: "SECONDARY_2";
     readonly CONTENT: "CONTENT";
     readonly CONTENT_INVERSE: "CONTENT_INVERSE";
     readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3";
@@ -25,6 +26,7 @@ declare const _default: {
         readonly PRIMARY: "PRIMARY";
         readonly PRIMARY_2: "PRIMARY_2";
         readonly SECONDARY: "SECONDARY";
+        readonly SECONDARY_2: "SECONDARY_2";
         readonly CONTENT: "CONTENT";
         readonly CONTENT_INVERSE: "CONTENT_INVERSE";
         readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3";

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

@@ -82,6 +82,7 @@ export declare const IconColors: {
     readonly PRIMARY: "PRIMARY";
     readonly PRIMARY_2: "PRIMARY_2";
     readonly SECONDARY: "SECONDARY";
+    readonly SECONDARY_2: "SECONDARY_2";
     readonly CONTENT: "CONTENT";
     readonly CONTENT_INVERSE: "CONTENT_INVERSE";
     readonly CONTENT_INVERSE_3: "CONTENT_INVERSE_3";

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

@@ -31,6 +31,7 @@ declare const LabelColors: {
     readonly ONBACKGROUND_4: "ONBACKGROUND_4";
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly ONCONTENT_3: "ONCONTENT_3";
     readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
     readonly ONCONTENT_INVERSE_3: "ONCONTENT_INVERSE_3";
     readonly PRIMARY: "PRIMARY";

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

@@ -93,6 +93,7 @@ declare const stringSet: {
         UNKNOWN__UNKNOWN_MESSAGE_TYPE: string;
         UNKNOWN__CANNOT_READ_MESSAGE: string;
         UNKNOWN__TEMPLATE_ERROR: string;
+        FORM_VERSION_ERROR: string;
         UNKNOWN__CANNOT_READ_TEMPLATE: string;
         MESSAGE_EDITED: string;
         MODAL__DELETE_MESSAGE__TITLE: string;
@@ -127,6 +128,8 @@ declare const stringSet: {
         EDIT_PROFILE__THEME_LABEL: string;
         MESSAGE_INPUT__PLACE_HOLDER: string;
         MESSAGE_INPUT__PLACE_HOLDER__DISABLED: string;
+        MESSAGE_INPUT__PLACE_HOLDER__SUGGESTED_REPLIES: string;
+        MESSAGE_INPUT__PLACE_HOLDER__MESSAGE_FORM: string;
         MESSAGE_INPUT__PLACE_HOLDER__FROZEN: string;
         MESSAGE_INPUT__PLACE_HOLDER__MUTED: string;
         MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: string;
@@ -203,6 +206,9 @@ declare const stringSet: {
         FEEDBACK_FAILED_SUBMIT: string;
         FEEDBACK_FAILED_SAVE: string;
         FEEDBACK_FAILED_DELETE: string;
+        FORM_ITEM_REQUIRED: string;
+        FORM_ITEM_INVALID: string;
+        FORM_ITEM_OPTIONAL_EMPTY: string;
     };
 };
 declare const getStringSet: (lang?: keyof typeof stringSet) => StringSet;

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

@@ -19,6 +19,7 @@ export declare const Colors: {
     readonly ONBACKGROUND_4: "ONBACKGROUND_4";
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly ONCONTENT_3: "ONCONTENT_3";
     readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
     readonly ONCONTENT_INVERSE_3: "ONCONTENT_INVERSE_3";
     readonly PRIMARY: "PRIMARY";

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

@@ -1,4 +1,4 @@
 import { Typography, Colors } from './types';
 import { ObjectValues } from '../../utils/typeHelpers/objectValues';
 export declare function changeTypographyToClassName(type?: ObjectValues<typeof Typography>): "" | "sendbird-label--h-1" | "sendbird-label--h-2" | "sendbird-label--subtitle-1" | "sendbird-label--subtitle-2" | "sendbird-label--body-1" | "sendbird-label--body-2" | "sendbird-label--button-1" | "sendbird-label--button-2" | "sendbird-label--button-3" | "sendbird-label--caption-1" | "sendbird-label--caption-2" | "sendbird-label--caption-3";
-export declare function changeColorToClassName(color?: ObjectValues<typeof Colors>): "" | "sendbird-label--color-onbackground-1" | "sendbird-label--color-onbackground-2" | "sendbird-label--color-onbackground-3" | "sendbird-label--color-onbackground-4" | "sendbird-label--color-oncontent-1" | "sendbird-label--color-oncontent-2" | "sendbird-label--color-oncontent-inverse-1" | "sendbird-label--color-oncontent-inverse-3" | "sendbird-label--color-primary" | "sendbird-label--color-error" | "sendbird-label--color-secondary-3";
+export declare function changeColorToClassName(color?: ObjectValues<typeof Colors>): "" | "sendbird-label--color-onbackground-1" | "sendbird-label--color-onbackground-2" | "sendbird-label--color-onbackground-3" | "sendbird-label--color-onbackground-4" | "sendbird-label--color-oncontent-1" | "sendbird-label--color-oncontent-2" | "sendbird-label--color-oncontent-3" | "sendbird-label--color-oncontent-inverse-1" | "sendbird-label--color-oncontent-inverse-3" | "sendbird-label--color-primary" | "sendbird-label--color-error" | "sendbird-label--color-secondary-3";

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

@@ -31,6 +31,7 @@ export declare const LinkLabelColors: {
     readonly ONBACKGROUND_4: "ONBACKGROUND_4";
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly ONCONTENT_3: "ONCONTENT_3";
     readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
     readonly ONCONTENT_INVERSE_3: "ONCONTENT_INVERSE_3";
     readonly PRIMARY: "PRIMARY";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 interface MentionLabelProps {
     mentionTemplate: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 interface MentionUserLabelProps {
     className?: string;

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

@@ -1,12 +1,14 @@
-import { ReactElement } from 'react';
+import React from 'react';
 import '../index.scss';
 import { CoreMessageType } from '../../../utils';
 import { SendBirdStateConfig } from '../../../lib/types';
 import { Nullable } from '../../../types';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OnBeforeDownloadFileMessageType } from '../../../modules/GroupChannel/context/GroupChannelProvider';
+export type CustomSubcomponentsProps = Record<'ThumbnailMessageItemBody' | 'MultipleFilesMessageItemBody', Record<string, any>>;
 export type RenderedTemplateBodyType = 'failed' | 'composite' | 'simple';
 export interface MessageBodyProps {
+    className?: string;
     channel: Nullable<GroupChannel>;
     message: CoreMessageType;
     showFileViewer?: (bool: boolean) => void;
@@ -19,4 +21,5 @@ export interface MessageBodyProps {
     isReactionEnabledInChannel: boolean;
     isByMe: boolean;
 }
-export default function MessageBody(props: MessageBodyProps): ReactElement;
+export declare const MessageBody: (props: MessageBodyProps) => React.JSX.Element;
+export default MessageBody;

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React from 'react';
 import '../index.scss';
 import { CoreMessageType } from '../../../utils';
 import { Nullable } from '../../../types';
@@ -7,4 +7,5 @@ export interface MessageHeaderProps {
     channel: Nullable<GroupChannel>;
     message: CoreMessageType;
 }
-export default function MessageHeader(props: MessageHeaderProps): ReactElement;
+export declare const MessageHeader: (props: MessageHeaderProps) => React.JSX.Element;
+export default MessageHeader;

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

@@ -1,9 +1,11 @@
-import { ReactElement } from 'react';
+import React from 'react';
 import '../index.scss';
 import { MessageContentProps } from '../index';
 export interface MessageProfileProps extends MessageContentProps {
+    className?: string;
     isByMe?: boolean;
     displayThreadReplies?: boolean;
     bottom?: string;
 }
-export default function MessageProfile(props: MessageProfileProps): ReactElement | null;
+export declare function MessageProfile({ className, isByMe, displayThreadReplies, bottom, message, channel, userId, chainBottom, }: MessageProfileProps): React.JSX.Element;
+export default MessageProfile;

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

@@ -6,14 +6,17 @@ import { EmojiReactionsProps } from '../EmojiReactions';
 import type { OnBeforeDownloadFileMessageType } from '../../modules/GroupChannel/context/GroupChannelProvider';
 import { CoreMessageType, SendableMessageType } from '../../utils';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
-import { EmojiContainer } from '@sendbird/chat';
+import { type EmojiCategory, EmojiContainer } from '@sendbird/chat';
 import { ThreadReplySelectType } from '../../modules/Channel/context/const';
 import { Nullable, ReplyType } from '../../types';
 import { MessageProfileProps } from './MessageProfile';
 import { MessageBodyProps } from './MessageBody';
 import { MessageHeaderProps } from './MessageHeader';
 import { MobileBottomSheetProps } from '../MobileMenu/types';
-export interface MessageContentProps {
+export { MessageBody } from './MessageBody';
+export { MessageHeader } from './MessageHeader';
+export { MessageProfile } from './MessageProfile';
+export interface MessageContentProps extends MessageComponentRenderers {
     className?: string | Array<string>;
     userId: string;
     channel: Nullable<GroupChannel>;
@@ -43,6 +46,8 @@ export interface MessageContentProps {
     }) => void;
     onMessageHeightChange?: () => void;
     onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
+}
+export interface MessageComponentRenderers {
     renderSenderProfile?: (props: MessageProfileProps) => ReactNode;
     renderMessageBody?: (props: MessageBodyProps) => ReactNode;
     renderMessageHeader?: (props: MessageHeaderProps) => ReactNode;
@@ -50,5 +55,7 @@ export interface MessageContentProps {
     renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
     renderEmojiReactions?: (props: EmojiReactionsProps) => ReactNode;
     renderMobileMenuOnLongPress?: (props: MobileBottomSheetProps) => React.ReactElement;
+    filterEmojiCategoryIds?: (message: SendableMessageType) => EmojiCategory['id'][];
 }
-export default function MessageContent(props: MessageContentProps): ReactElement;
+export declare function MessageContent(props: MessageContentProps): ReactElement;
+export default MessageContent;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { User } from '@sendbird/chat';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { OpenChannel } from '@sendbird/chat/openChannel';

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

@@ -5,7 +5,7 @@ export declare const sanitizeString: (str?: string) => string;
  * @param {NodeListOf<ChildNode>} childNodes
  * @returns Array of child nodes
  */
-export declare const nodeListToArray: (childNodes?: Node['childNodes'] | null) => ChildNode[];
+export declare const nodeListToArray: (childNodes?: Node["childNodes"] | null) => ChildNode[];
 export declare function isChannelTypeSupportsMultipleFilesMessage(channel: BaseChannel): boolean;
 export declare function extractTextAndMentions(childNodes: NodeListOf<ChildNode>): {
     messageText: string;

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

@@ -1,6 +1,6 @@
 import './index.scss';
 import { ReactElement } from 'react';
-import type { EmojiContainer } from '@sendbird/chat';
+import type { EmojiCategory, EmojiContainer } from '@sendbird/chat';
 import { SendableMessageType } from '../../utils';
 import { SpaceFromTriggerType } from '../../types';
 export interface MessageEmojiMenuProps {
@@ -9,7 +9,8 @@ export interface MessageEmojiMenuProps {
     userId: string;
     spaceFromTrigger?: SpaceFromTriggerType;
     emojiContainer?: EmojiContainer;
+    filterEmojiCategoryIds?: (message: SendableMessageType) => EmojiCategory['id'][];
     toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;
 }
-export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, toggleReaction, }: MessageEmojiMenuProps): ReactElement | null;
+export declare function MessageEmojiMenu({ className, message, userId, spaceFromTrigger, emojiContainer, filterEmojiCategoryIds, toggleReaction, }: MessageEmojiMenuProps): ReactElement | null;
 export default MessageEmojiMenu;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 import { UserMessage } from '@sendbird/chat/message';
 interface Props {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.scss';
 interface Props {
     coverImage?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileMessage } from '@sendbird/chat/message';
 import './index.scss';
 interface OpenChannelFileMessageProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UserMessage } from '@sendbird/chat/message';
 import './index.scss';
 interface OpenChannelOGMessageProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FileMessage } from '@sendbird/chat/message';
 import './index.scss';
 interface OpenChannelThumbnailMessageProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @deprecated  This component is deprecated and will be removed in the next major version.
  * Use TextFragment instead.

package/types/utils/index.d.ts

@@ -64,6 +64,7 @@ export declare const isFileMessage: (message?: CoreMessageType) => message is Fi
 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 isFormMessage: (message: CoreMessageType) => boolean;
 export declare const isTemplateMessage: (message: CoreMessageType) => boolean;
 export declare enum UI_CONTAINER_TYPES {
     DEFAULT = "",
@@ -134,6 +135,7 @@ export declare const truncateString: (fullStr: string, strLen?: number) => strin
 export declare const copyToClipboard: (text: string) => boolean;
 export declare const getEmojiListAll: (emojiContainer: EmojiContainer) => Array<Emoji>;
 export declare const getEmojiMapAll: (emojiContainer: EmojiContainer) => Map<string, Emoji>;
+export declare const getEmojiListByCategoryIds: (emojiContainer: EmojiContainer, categoryIds: number[]) => Array<Emoji>;
 export declare const getEmojiUrl: (emojiContainer?: EmojiContainer, emojiKey?: string) => string;
 export declare const getUserName: (user: User) => string;
 export declare const getSenderName: (message: SendableMessageType) => string;

package/types/utils/isVoiceMessage.d.ts

@@ -1 +1 @@
-export declare const isVoiceMessage: (message: import("./index").CoreMessageType) => boolean;
+export declare const isVoiceMessage: (message: import("../types").Nullable<import("./index").CoreMessageType>) => boolean;

package/types/utils/messages.d.ts

@@ -10,7 +10,7 @@ export declare const compareMessagesForGrouping: (prevMessage: CoreMessageType,
 export declare const getMessageCreatedAt: (message: BaseMessage) => string;
 export declare const isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, currentChannel?: GroupChannel) => boolean;
 declare const _default: {
-    compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel, replyType?: ReplyType) => boolean[];
+    compareMessagesForGrouping: (prevMessage: CoreMessageType, currMessage: CoreMessageType, nextMessage: CoreMessageType, currentChannel?: GroupChannel | null, replyType?: ReplyType) => boolean[];
     getMessageCreatedAt: (message: BaseMessage) => string;
     isSameGroup: (message: CoreMessageType, comparingMessage: CoreMessageType, currentChannel?: GroupChannel) => boolean;
 };

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

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-B1SLZ0HT.js';
+import { c as __spreadArray } from '../chunks/bundle-C6zCSlOy.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
-import '../chunks/bundle-D2Fmzffb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import '../chunks/bundle-CtQaDl-3.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-B1SLZ0HT.js';
+import '../chunks/bundle-C6zCSlOy.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-C76-LA1E.js';
-import '../chunks/bundle-CtBgdgkK.js';
-import '../chunks/bundle-DYIdeEpd.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-CIEFjxmJ.js';
+import '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-BjLUCiRW.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-B1SLZ0HT.js';
+import { c as __spreadArray } from '../chunks/bundle-C6zCSlOy.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
-import { L as LocalizationContext } from '../chunks/bundle-BvAzWVA5.js';
-import '../chunks/bundle-D2Fmzffb.js';
-import '../chunks/bundle-kNaMXwgI.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import { L as LocalizationContext } from '../chunks/bundle-BdnV2Y4z.js';
+import '../chunks/bundle-CtQaDl-3.js';
+import '../chunks/bundle-pAwXUsP3.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,31 +1,31 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-Bh6KfMRl.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-BPXxR5Uf.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-B1SLZ0HT.js';
-import '../chunks/bundle-D-cVbGxk.js';
+import '../chunks/bundle-C6zCSlOy.js';
+import '../chunks/bundle-DeJupTzy.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DJDeBhDz.js';
-import '../chunks/bundle-CwQYOWqR.js';
-import '../chunks/bundle-CtBgdgkK.js';
-import '../chunks/bundle-BvAzWVA5.js';
-import '../chunks/bundle-D2Fmzffb.js';
-import '../chunks/bundle-kNaMXwgI.js';
-import '../chunks/bundle-DBzinRyn.js';
+import '../chunks/bundle-DxDfRH2o.js';
+import '../chunks/bundle-ZFQVFwgt.js';
+import '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-BdnV2Y4z.js';
+import '../chunks/bundle-CtQaDl-3.js';
+import '../chunks/bundle-pAwXUsP3.js';
+import '../chunks/bundle-CGStfx_a.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-CEZ0D4qz.js';
+import '../chunks/bundle-BC3_mS0I.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-Cvt9FZvn.js';
+import '../chunks/bundle-DHWrOTdE.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DO8nji3n.js';
-import '../chunks/bundle-c4e24Qt4.js';
-import '../chunks/bundle-C7VSBUKJ.js';
+import '../chunks/bundle-AMVN7cK_.js';
+import '../chunks/bundle-DN5GIyKa.js';
+import '../chunks/bundle-MvZdDAaZ.js';
 import './SortByRow.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-B1SLZ0HT.js';
+import { c as __spreadArray } from '../chunks/bundle-C6zCSlOy.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CEZ0D4qz.js';
-import '../chunks/bundle-D2Fmzffb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import '../chunks/bundle-CtQaDl-3.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-C76-LA1E.js';
+import { A as Avatar } from '../chunks/bundle-CIEFjxmJ.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-CRKkgI5q.js';
-import '../chunks/bundle-B1SLZ0HT.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DPEfWAww.js';
+import '../chunks/bundle-C6zCSlOy.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-CtBgdgkK.js';
-import '../chunks/bundle-DYIdeEpd.js';
+import '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-BjLUCiRW.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-CEZ0D4qz.js';
-import { L as LocalizationContext } from '../chunks/bundle-BvAzWVA5.js';
-import '../chunks/bundle-B1SLZ0HT.js';
-import '../chunks/bundle-CtBgdgkK.js';
-import '../chunks/bundle-D2Fmzffb.js';
-import '../chunks/bundle-kNaMXwgI.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BC3_mS0I.js';
+import { L as LocalizationContext } from '../chunks/bundle-BdnV2Y4z.js';
+import '../chunks/bundle-C6zCSlOy.js';
+import '../chunks/bundle-DQcY2W86.js';
+import '../chunks/bundle-CtQaDl-3.js';
+import '../chunks/bundle-pAwXUsP3.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;