@sendbird/uikit-react 3.12.1 → 3.13.0

package/types/modules/Channel/components/MessageList/index.d.ts

@@ -8,5 +8,5 @@ export interface MessageListProps extends GroupChannelMessageListProps {
      * */
     renderMessage?: GroupChannelUIBasicProps['renderMessage'];
 }
-export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderCustomSeparator, renderPlaceholderLoader, renderPlaceholderEmpty, renderFrozenNotification, }: MessageListProps) => React.JSX.Element;
+export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderSuggestedReplies, renderCustomSeparator, renderPlaceholderLoader, renderPlaceholderEmpty, renderFrozenNotification, }: MessageListProps) => React.JSX.Element;
 export default MessageList;

package/types/modules/GroupChannel/components/GroupChannelUI/GroupChannelUIView.d.ts

@@ -4,6 +4,7 @@ import type { RenderCustomSeparatorProps, RenderMessageParamsType } from '../../
 import type { GroupChannelHeaderProps } from '../GroupChannelHeader';
 import type { GroupChannelMessageListProps } from '../MessageList';
 import type { MessageContentProps } from '../../../../ui/MessageContent';
+import { SuggestedRepliesProps } from '../SuggestedReplies';
 export interface GroupChannelUIBasicProps {
     /**
      * A function that customizes the rendering of a loading placeholder component.
@@ -37,6 +38,10 @@ export interface GroupChannelUIBasicProps {
      * A function that customizes the rendering of the content portion of each message component.
      */
     renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of the suggested replies of each message component.
+     */
+    renderSuggestedReplies?: (props: SuggestedRepliesProps) => React.ReactElement;
     /**
      * A function that customizes the rendering of a separator component between messages.
      */

package/types/modules/GroupChannel/components/Message/MessageView.d.ts

@@ -6,6 +6,7 @@ import type { FileMessage, UserMessageCreateParams, UserMessageUpdateParams } fr
 import { ThreadReplySelectType } from '../../context/const';
 import { CoreMessageType, SendableMessageType } from '../../../../utils';
 import { MessageContentProps } from '../../../../ui/MessageContent';
+import { SuggestedRepliesProps } from '../SuggestedReplies';
 export interface MessageProps {
     message: EveryMessage;
     hasSeparator?: boolean;
@@ -20,6 +21,10 @@ export interface MessageProps {
      * A function that customizes the rendering of the content portion of message component.
      */
     renderMessageContent?: (props: MessageContentProps) => React.ReactElement;
+    /**
+     * A function that customizes the rendering of suggested replies component of messages.
+     */
+    renderSuggestedReplies?: (props: SuggestedRepliesProps) => React.ReactElement;
     /**
      * A function that customizes the rendering of a separator between messages.
      */

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

@@ -27,6 +27,10 @@ export interface GroupChannelMessageListProps {
      * A function that customizes the rendering of a frozen notification component when the channel is frozen.
      */
     renderFrozenNotification?: GroupChannelUIBasicProps['renderFrozenNotification'];
+    /**
+     * A function that customizes the rendering of a suggested replies component.
+     */
+    renderSuggestedReplies?: GroupChannelUIBasicProps['renderSuggestedReplies'];
 }
-export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderCustomSeparator, renderPlaceholderLoader, renderPlaceholderEmpty, renderFrozenNotification, }: GroupChannelMessageListProps) => React.JSX.Element;
+export declare const MessageList: ({ className, renderMessage, renderMessageContent, renderSuggestedReplies, renderCustomSeparator, renderPlaceholderLoader, renderPlaceholderEmpty, renderFrozenNotification, }: GroupChannelMessageListProps) => React.JSX.Element;
 export default MessageList;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseMessage } from '@sendbird/chat/message';
+import { MessageTemplateProps } from '../../../../ui/MessageTemplate';
+export interface MessageTemplateWrapperProps extends MessageTemplateProps {
+    message: BaseMessage;
+}
+export declare const MessageTemplateWrapper: ({ message, templateItems }: MessageTemplateWrapperProps) => React.JSX.Element;
+export default MessageTemplateWrapper;

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

@@ -1,10 +1,12 @@
 import './index.scss';
 import React from 'react';
-interface Props {
+import { BaseMessage } from '@sendbird/chat/message';
+export interface SuggestedRepliesProps {
     replyOptions: string[];
     onSendMessage: ({ message }: {
         message: string;
     }) => void;
+    message: BaseMessage;
 }
-export declare const SuggestedReplies: ({ replyOptions, onSendMessage }: Props) => React.JSX.Element;
+declare const SuggestedReplies: ({ replyOptions, onSendMessage }: SuggestedRepliesProps) => React.JSX.Element;
 export default SuggestedReplies;

package/types/modules/GroupChannel/context/GroupChannelProvider.d.ts

@@ -13,7 +13,7 @@ import { useMessageActions } from './hooks/useMessageActions';
 type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
 type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
 type MessageActions = ReturnType<typeof useMessageActions>;
-type MessageListDataSourceWithoutActions = Omit<ReturnType<typeof useGroupChannelMessages>, keyof MessageActions>;
+type MessageListDataSourceWithoutActions = Omit<ReturnType<typeof useGroupChannelMessages>, keyof MessageActions | `_dangerous_${string}`>;
 interface ContextBaseType {
     channelUrl: string;
     isReactionEnabled?: boolean;

package/types/types.d.ts

@@ -69,3 +69,4 @@ export interface UploadedFileInfoWithUpload {
     url?: string;
     isUploaded?: boolean;
 }
+export type SendbirdTheme = 'light' | 'dark';

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

@@ -5,6 +5,7 @@ export declare const Colors: {
     readonly SECONDARY: "SECONDARY";
     readonly CONTENT: "CONTENT";
     readonly CONTENT_INVERSE: "CONTENT_INVERSE";
+    readonly CONTENT_INVERSE_5: "CONTENT_INVERSE_5";
     readonly WHITE: "WHITE";
     readonly GRAY: "GRAY";
     readonly THUMBNAIL_ICON: "THUMBNAIL_ICON";
@@ -26,6 +27,7 @@ declare const _default: {
         readonly SECONDARY: "SECONDARY";
         readonly CONTENT: "CONTENT";
         readonly CONTENT_INVERSE: "CONTENT_INVERSE";
+        readonly CONTENT_INVERSE_5: "CONTENT_INVERSE_5";
         readonly WHITE: "WHITE";
         readonly GRAY: "GRAY";
         readonly THUMBNAIL_ICON: "THUMBNAIL_ICON";

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

@@ -83,6 +83,7 @@ export declare const IconColors: {
     readonly SECONDARY: "SECONDARY";
     readonly CONTENT: "CONTENT";
     readonly CONTENT_INVERSE: "CONTENT_INVERSE";
+    readonly CONTENT_INVERSE_5: "CONTENT_INVERSE_5";
     readonly WHITE: "WHITE";
     readonly GRAY: "GRAY";
     readonly THUMBNAIL_ICON: "THUMBNAIL_ICON";

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

@@ -30,6 +30,8 @@ declare const LabelColors: {
     readonly ONBACKGROUND_4: "ONBACKGROUND_4";
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
+    readonly ONCONTENT_INVERSE_5: "ONCONTENT_INVERSE_5";
     readonly PRIMARY: "PRIMARY";
     readonly ERROR: "ERROR";
     readonly SECONDARY_3: "SECONDARY_3";

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

@@ -92,6 +92,8 @@ declare const stringSet: {
         TOOLTIP__UNKNOWN_USER: string;
         UNKNOWN__UNKNOWN_MESSAGE_TYPE: string;
         UNKNOWN__CANNOT_READ_MESSAGE: string;
+        UNKNOWN__TEMPLATE_ERROR: string;
+        UNKNOWN__CANNOT_READ_TEMPLATE: string;
         MESSAGE_EDITED: string;
         MODAL__DELETE_MESSAGE__TITLE: string;
         MODAL__CHANNEL_INFORMATION__TITLE: string;
@@ -184,6 +186,7 @@ declare const stringSet: {
         CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO: string;
         CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE: string;
         CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL: string;
+        CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE: string;
         DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE: string;
         DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: string;
         DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR: string;

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

@@ -19,6 +19,8 @@ export declare const Colors: {
     readonly ONBACKGROUND_4: "ONBACKGROUND_4";
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
+    readonly ONCONTENT_INVERSE_5: "ONCONTENT_INVERSE_5";
     readonly PRIMARY: "PRIMARY";
     readonly ERROR: "ERROR";
     readonly SECONDARY_3: "SECONDARY_3";

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-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-inverse-1" | "sendbird-label--color-oncontent-inverse-5" | "sendbird-label--color-primary" | "sendbird-label--color-error" | "sendbird-label--color-secondary-3";

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

@@ -31,6 +31,8 @@ export declare const LinkLabelColors: {
     readonly ONBACKGROUND_4: "ONBACKGROUND_4";
     readonly ONCONTENT_1: "ONCONTENT_1";
     readonly ONCONTENT_2: "ONCONTENT_2";
+    readonly ONCONTENT_INVERSE_1: "ONCONTENT_INVERSE_1";
+    readonly ONCONTENT_INVERSE_5: "ONCONTENT_INVERSE_5";
     readonly PRIMARY: "PRIMARY";
     readonly ERROR: "ERROR";
     readonly SECONDARY_3: "SECONDARY_3";

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

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import './index.scss';
 import { MessageMenuProps } from '../MessageItemMenu';
 import { MessageEmojiMenuProps } from '../MessageItemReactionMenu';
@@ -11,6 +11,7 @@ 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 {
     className?: string | Array<string>;
     userId: string;
@@ -46,5 +47,6 @@ export interface MessageContentProps {
     renderMessageMenu?: (props: MessageMenuProps) => ReactNode;
     renderEmojiMenu?: (props: MessageEmojiMenuProps) => ReactNode;
     renderEmojiReactions?: (props: EmojiReactionsProps) => ReactNode;
+    renderMobileMenuOnLongPress?: (props: MobileBottomSheetProps) => React.ReactElement;
 }
 export default function MessageContent(props: MessageContentProps): ReactElement;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MessageTemplateItem } from '../TemplateMessageItemBody/types';
+import './index.scss';
+export interface MessageTemplateProps {
+    templateItems: MessageTemplateItem[];
+}
+export declare function MessageTemplate({ templateItems }: MessageTemplateProps): React.JSX.Element;
+export default MessageTemplate;

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

@@ -0,0 +1,9 @@
+import type { BaseMessage } from '@sendbird/chat/message';
+import { ReactElement } from 'react';
+export interface FallbackTemplateMessageItemBodyProps {
+    className?: string | Array<string>;
+    message: BaseMessage;
+    isByMe?: boolean;
+}
+export declare function FallbackTemplateMessageItemBody({ className, message, isByMe, }: FallbackTemplateMessageItemBodyProps): ReactElement;
+export default FallbackTemplateMessageItemBody;

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

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

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

@@ -0,0 +1,12 @@
+import './index.scss';
+import { ReactElement } from 'react';
+import type { BaseMessage } from '@sendbird/chat/message';
+import { SendbirdTheme } from '../../types';
+interface TemplateMessageItemBodyProps {
+    className?: string | Array<string>;
+    message: BaseMessage;
+    isByMe?: boolean;
+    theme?: SendbirdTheme;
+}
+export declare function TemplateMessageItemBody({ className, message, isByMe, theme, }: TemplateMessageItemBodyProps): ReactElement;
+export default TemplateMessageItemBody;

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

@@ -0,0 +1,96 @@
+import type { ComponentsUnion } from '@sendbird/uikit-message-template';
+type SendbirdFontWeight = 'bold' | 'normal';
+/**
+ * The value of each theme property contains both light and dark value with comma separated string
+ * ex)
+ * {
+ *   ...
+ *   backgroundColor: "#800000FF, #20FFFFTT" // lgiht , dark with ARGB 8-digit hexacode
+ *   ....
+ * }
+ *  */
+export type MessageTemplateTheme = {
+    key: string;
+    notification: {
+        backgroundColor: string;
+        label?: {
+            textColor: string;
+            textSize: number;
+            fontWeight?: SendbirdFontWeight;
+        };
+        category?: {
+            textColor: string;
+            textSize: number;
+            fontWeight?: SendbirdFontWeight;
+        };
+        pressedColor: string;
+        radius: number;
+        sentAt: {
+            textColor: string;
+            textSize: number;
+            fontWeight?: SendbirdFontWeight;
+        };
+        unreadIndicatorColor: string;
+    };
+    list: {
+        backgroundColor: string;
+        category: {
+            textSize: number;
+            fontWeight: SendbirdFontWeight;
+            radius: number;
+            backgroundColor: string;
+            textColor: string;
+            selectedBackgroundColor: string;
+            selectedTextColor: string;
+        };
+        timeline: {
+            backgroundColor: string;
+            textColor: string;
+            textSize?: number;
+            fontWeight?: SendbirdFontWeight;
+        };
+        tooltip: {
+            backgroundColor: string;
+            textColor: string;
+            textSize?: number;
+            fontWeight?: SendbirdFontWeight;
+        };
+    };
+    header: {
+        backgroundColor: string;
+        buttonIconTintColor: string;
+        lineColor: string;
+        textColor: string;
+        textSize: number;
+        fontWeight?: SendbirdFontWeight;
+    };
+    components?: {
+        text: {
+            textColor: string;
+        };
+        textButton: {
+            textColor: string;
+            backgroundColor: string;
+            radius: number;
+        };
+    };
+};
+export type MessageTemplateItem = ComponentsUnion['properties'];
+export type MessageTemplateData = {
+    key: string;
+    variables?: Record<string, any>;
+};
+export type SendbirdMessageTemplate = {
+    key: string;
+    created_at: number;
+    updated_at: number;
+    ui_template: {
+        version: number;
+        body: {
+            items: MessageTemplateItem[];
+        };
+    };
+    color_variables?: Record<string, string>;
+    name?: string;
+};
+export {};

package/types/ui/TemplateMessageItemBody/utils/flattenObject.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns flattened object.
+ * ex.
+ * given { key-1: { key-1.1: 'value-1.1' }, key-2: 'value-2' }
+ * returns { key-1.key-1.1: 'value-1.1', key-2: 'value-2' }
+ */
+export default function flattenObject(object: Record<string, any>): Record<string, any>;

package/types/ui/TemplateMessageItemBody/utils/mapData.d.ts

@@ -0,0 +1,7 @@
+type SourceData = Record<string, unknown>;
+interface MappingParams<T> {
+    template: T;
+    source: SourceData;
+}
+export default function mapData<T extends Record<string, unknown> | Array<unknown> | string>({ template, source, }: MappingParams<T>): T;
+export {};

package/types/ui/TemplateMessageItemBody/utils/restoreNumbersFromMessageTemplateObject.d.ts

@@ -0,0 +1 @@
+export default function restoreNumbersFromMessageTemplateObject(value: unknown, key?: string): unknown;

package/types/ui/TemplateMessageItemBody/utils/selectColorVariablesByTheme.d.ts

@@ -0,0 +1,6 @@
+import { SendbirdTheme } from '../../../types';
+import { MessageTemplateTheme } from '../types';
+export default function selectColorVariablesByTheme({ colorVariables, theme }: {
+    colorVariables: Record<string, unknown>;
+    theme: SendbirdTheme;
+}): MessageTemplateTheme;

package/types/utils/consts.d.ts

@@ -24,3 +24,5 @@ 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 CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = "sendbird_message_templates_token_key";
+export declare const CACHED_MESSAGE_TEMPLATES_KEY = "sendbird_message_templates_key";

package/types/utils/index.d.ts

@@ -59,6 +59,7 @@ export declare const isFileMessage: (message: CoreMessageType) => boolean;
 export declare const isMultipleFilesMessage: (message: CoreMessageType) => boolean;
 export declare const isParentMessage: (message: CoreMessageType) => boolean;
 export declare const isThreadMessage: (message: CoreMessageType) => boolean;
+export declare const isTemplateMessage: (message: CoreMessageType) => boolean;
 export declare const isOGMessage: (message: SendableMessageType) => boolean;
 export declare const isTextMessage: (message: SendableMessageType) => boolean;
 export declare const isThumbnailMessage: (message: SendableMessageType) => boolean;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-KIf79auh.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-ibeQnj0V.js';
-import '../chunks/bundle-TovLF3ih.js';
+import { C as Consumer } from '../chunks/bundle-6ruK1Zgw.js';
+import '../chunks/bundle-DHw1C5gJ.js';
 
 function Accordion(_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../chunks/bundle-ibeQnj0V.js';
-import '../chunks/bundle-TovLF3ih.js';
+import { P as Provider } from '../chunks/bundle-6ruK1Zgw.js';
+import '../chunks/bundle-DHw1C5gJ.js';
 
 // Wraps all the accordions in an accordion set
 // keep one accordion open at a time

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-KIf79auh.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-9c5vLDe9.js';
+import '../chunks/bundle-XDy3Cf54.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-yoFO4gJM.js';
+import '../chunks/bundle-KIf79auh.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-f1tjVRSh.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-Jun66RyD.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-b2jLXyrm.js';
+import '../chunks/bundle-DHw1C5gJ.js';
+import '../chunks/bundle-Sl-oiala.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-KIf79auh.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-9c5vLDe9.js';
+import { L as LocalizationContext } from '../chunks/bundle-wpc1Fted.js';
+import '../chunks/bundle-XDy3Cf54.js';
+import '../chunks/bundle-wWnN6K3w.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,17 +1,17 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-6hgn3L9Y.js';
-import '../chunks/bundle-yoFO4gJM.js';
-import '../chunks/bundle-5fPKUbCn.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
-import '../chunks/bundle-fMkcL8C8.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-22Jw6ztq.js';
+import '../chunks/bundle-KIf79auh.js';
+import '../chunks/bundle-0QDb7-Y_.js';
+import '../chunks/bundle-DHw1C5gJ.js';
+import '../chunks/bundle-wpc1Fted.js';
+import '../chunks/bundle-XDy3Cf54.js';
+import '../chunks/bundle-wWnN6K3w.js';
+import '../chunks/bundle-Y3ZVN9yF.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-52hs7-M-.js';
+import '../chunks/bundle-9c5vLDe9.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-KIf79auh.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-9c5vLDe9.js';
+import '../chunks/bundle-XDy3Cf54.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-f1tjVRSh.js';
+import { A as Avatar } from '../chunks/bundle-b2jLXyrm.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-SMgyl32k.js';
-import '../chunks/bundle-yoFO4gJM.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-v3VMB7al.js';
+import '../chunks/bundle-KIf79auh.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-Jun66RyD.js';
+import '../chunks/bundle-DHw1C5gJ.js';
+import '../chunks/bundle-Sl-oiala.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-52hs7-M-.js';
-import { L as LocalizationContext } from '../chunks/bundle-_xgfKjN0.js';
-import '../chunks/bundle-yoFO4gJM.js';
-import '../chunks/bundle-TovLF3ih.js';
-import '../chunks/bundle-yPhMS1LV.js';
-import '../chunks/bundle-wO0wz3br.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-9c5vLDe9.js';
+import { L as LocalizationContext } from '../chunks/bundle-wpc1Fted.js';
+import '../chunks/bundle-KIf79auh.js';
+import '../chunks/bundle-DHw1C5gJ.js';
+import '../chunks/bundle-XDy3Cf54.js';
+import '../chunks/bundle-wWnN6K3w.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,14 +1,14 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { e as __extends, _ as __assign } from '../chunks/bundle-yoFO4gJM.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-KIf79auh.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { w as getClassName } from '../chunks/bundle-TYsOyvS5.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-wdUAfmoS.js';
+import { w as getClassName } from '../chunks/bundle-LTiCF37t.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-9c5vLDe9.js';
+import '../chunks/bundle-hjFxrcMW.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-5fPKUbCn.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import '../chunks/bundle-0QDb7-Y_.js';
+import '../chunks/bundle-XDy3Cf54.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-yoFO4gJM.js';
+import { c as __spreadArray } from '../chunks/bundle-KIf79auh.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-2BKREX4m.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-52hs7-M-.js';
-import '../chunks/bundle-yPhMS1LV.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-n2BmCgGV.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-9c5vLDe9.js';
+import '../chunks/bundle-XDy3Cf54.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;