@sendbird/uikit-react 3.17.3 → 3.17.5

package/types/modules/App/types.d.ts

@@ -12,6 +12,7 @@ export interface AppLayoutProps {
     forceLeftToRightMessageLayout?: boolean;
     isMessageGroupingEnabled?: boolean;
     isMultipleFilesMessageEnabled?: boolean;
+    autoscrollMessageOverflowToTop?: boolean;
     allowProfileEdit?: boolean;
     showSearchIcon?: boolean;
     onProfileEditSuccess?(user: User): void;
@@ -34,7 +35,7 @@ export interface DesktopLayoutProps extends AppLayoutProps, SubLayoutCommonProps
     showSettings: boolean;
     setShowSettings: React.Dispatch<boolean>;
     showSearch: boolean;
-    setShowSearch: React.Dispatch<boolean>;
+    setShowSearch: React.Dispatch<React.SetStateAction<boolean>>;
     showThread: boolean;
     setShowThread: React.Dispatch<boolean>;
 }

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

@@ -39,6 +39,10 @@ export interface MessageProps {
      * A function that is called when the new message separator visibility changes.
      */
     onNewMessageSeparatorVisibilityChange?: (isVisible: boolean) => void;
+    /**
+     * A function that forces scroll to message when new message is received.
+     */
+    scrollMessageOverflowToTop?: (ref: React.MutableRefObject<any>, message: CoreMessageType) => void;
     /**
      * @deprecated Please use `children` instead
      * @description Customizes all child components of the message.
@@ -87,6 +91,8 @@ export interface MessageViewProps extends MessageProps {
     onBeforeDownloadFileMessage?: OnBeforeDownloadFileMessageType;
     animatedMessageId: number | null;
     setAnimatedMessageId: React.Dispatch<React.SetStateAction<number | null>>;
+    newMessageIds?: number[] | null;
+    setNewMessageIds?: (ids: number[]) => void;
     onMessageAnimated?: () => void;
     /** @deprecated * */
     highLightedMessageId?: number | null;

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

@@ -17,6 +17,7 @@ declare const useGroupChannelContext: () => {
     sendFileMessage: (params: import("@sendbird/chat/message").FileMessageCreateParams) => Promise<import("@sendbird/chat/message").FileMessage>;
     sendMultipleFilesMessage: (params: import("@sendbird/chat/message").MultipleFilesMessageCreateParams) => Promise<import("@sendbird/chat/message").MultipleFilesMessage>;
     updateUserMessage: (messageId: number, params: import("@sendbird/chat/message").UserMessageUpdateParams) => Promise<import("@sendbird/chat/message").UserMessage>;
+    setNewMessageIds: (ids: number[]) => void;
     setQuoteMessage: (message: import("../../../utils").SendableMessageType) => void;
     setAnimatedMessageId: (messageId: number) => void;
     setIsScrollBottomReached: (isReached: boolean) => void;
@@ -46,6 +47,7 @@ declare const useGroupChannelContext: () => {
     isReactionEnabled?: boolean;
     isMessageGroupingEnabled?: boolean;
     isMultipleFilesMessageEnabled?: boolean;
+    autoscrollMessageOverflowToTop?: boolean;
     showSearchIcon?: boolean;
     replyType?: import("../../../types").ReplyType;
     threadReplySelectType?: ThreadReplySelectType;
@@ -86,6 +88,7 @@ declare const useGroupChannelContext: () => {
     quoteMessage: import("../../../utils").SendableMessageType;
     isScrollBottomReached: boolean;
     readState: string;
+    newMessageIds: number[];
     scrollRef: React.RefObject<HTMLDivElement>;
     scrollDistanceFromBottomRef: React.MutableRefObject<number>;
     scrollPositionRef: React.MutableRefObject<number>;

package/types/modules/GroupChannel/context/hooks/useGroupChannel.d.ts

@@ -14,6 +14,7 @@ export interface GroupChannelActions extends MessageActions {
     sendFileMessage: (params: FileMessageCreateParams) => Promise<FileMessage>;
     sendMultipleFilesMessage: (params: MultipleFilesMessageCreateParams) => Promise<MultipleFilesMessage>;
     updateUserMessage: (messageId: number, params: UserMessageUpdateParams) => Promise<UserMessage>;
+    setNewMessageIds: (ids: number[]) => void;
     setQuoteMessage: (message: SendableMessageType | null) => void;
     setAnimatedMessageId: (messageId: number | null) => void;
     setIsScrollBottomReached: (isReached: boolean) => void;

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

@@ -29,6 +29,7 @@ interface InternalGroupChannelState extends MessageDataSource {
     animatedMessageId: number | null;
     isScrollBottomReached: boolean;
     readState: string | null;
+    newMessageIds: number[] | null;
     scrollRef: React.RefObject<HTMLDivElement>;
     scrollDistanceFromBottomRef: React.MutableRefObject<number>;
     scrollPositionRef: React.MutableRefObject<number>;
@@ -36,6 +37,7 @@ interface InternalGroupChannelState extends MessageDataSource {
     isReactionEnabled: boolean;
     isMessageGroupingEnabled: boolean;
     isMultipleFilesMessageEnabled: boolean;
+    autoscrollMessageOverflowToTop: boolean;
     showSearchIcon: boolean;
     replyType: ReplyType;
     threadReplySelectType: ThreadReplySelectType;
@@ -50,6 +52,7 @@ export interface GroupChannelProviderProps extends PropsWithChildren<Pick<UserPr
     isReactionEnabled?: boolean;
     isMessageGroupingEnabled?: boolean;
     isMultipleFilesMessageEnabled?: boolean;
+    autoscrollMessageOverflowToTop?: boolean;
     showSearchIcon?: boolean;
     replyType?: ReplyType;
     threadReplySelectType?: ThreadReplySelectType;

package/types/modules/MessageSearch/context/MessageSearchProvider.d.ts

@@ -42,7 +42,7 @@ declare const useMessageSearchContext: () => {
     startGettingSearchedMessages: (query: MessageSearchQuery) => void;
     getNextSearchedMessages: (messages: ClientSentMessages[]) => void;
     resetSearchString: () => void;
-    setSelectedMessageId: (messageId: number) => () => void;
+    setSelectedMessageId: (messageId: number) => void;
     handleRetryToConnect: () => void;
     setRetryCount: () => void;
     channelUrl: string;

package/types/modules/MessageSearch/context/hooks/useMessageSearch.d.ts

@@ -13,7 +13,7 @@ declare const useMessageSearch: () => {
         startGettingSearchedMessages: (query: MessageSearchQuery) => void;
         getNextSearchedMessages: (messages: ClientSentMessages[]) => void;
         resetSearchString: () => void;
-        setSelectedMessageId: (messageId: number) => () => void;
+        setSelectedMessageId: (messageId: number) => void;
         handleRetryToConnect: () => void;
         setRetryCount: () => void;
     };

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

@@ -14,4 +14,5 @@ export declare function isChannelTypeSupportsMultipleFilesMessage(channel: BaseC
 export declare function extractTextAndMentions(childNodes: NodeListOf<ChildNode>): {
     messageText: string;
     mentionTemplate: string;
+    isMentionedMessage: 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-DO80aKFO.js';
-import '../chunks/bundle-CzBQNSmE.js';
+import { c as classnames } from '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-CNpbzlLm.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-DO80aKFO.js';
+import { n as noop } from '../chunks/bundle-B9B1mEAa.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray } from '../chunks/bundle-CNpbzlLm.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-BNXGqdb3.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-CzBQNSmE.js';
+import '../chunks/bundle-CNpbzlLm.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-C0tTOdr-.js';
-import '../chunks/bundle-DO80aKFO.js';
-import '../chunks/bundle-QNC758GX.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-DHJjxtO9.js';
+import '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-DNiToB8C.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray } from '../chunks/bundle-CNpbzlLm.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import { L as LocalizationContext } from '../chunks/bundle-BiqO1upP.js';
-import '../chunks/bundle-CQgJrna5.js';
-import '../chunks/bundle-BzRpqUsC.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import { L as LocalizationContext } from '../chunks/bundle-B0kVn5Gr.js';
+import '../chunks/bundle-BNXGqdb3.js';
+import '../chunks/bundle-Cox5n2La.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-DMcf5OHL.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-yCvBYPzY.js';
-import '../chunks/bundle-CzBQNSmE.js';
-import '../chunks/bundle-rNmE31HG.js';
-import '../chunks/bundle-DO80aKFO.js';
-import '../chunks/bundle-BiqO1upP.js';
-import '../chunks/bundle-CQgJrna5.js';
-import '../chunks/bundle-BzRpqUsC.js';
-import '../chunks/bundle-C_EuInqG.js';
+import { u as useSendbird } from '../chunks/bundle-iwSw7cMV.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-CxYPL7WI.js';
+import '../chunks/bundle-CNpbzlLm.js';
+import '../chunks/bundle-BS4kFLtb.js';
+import '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-B0kVn5Gr.js';
+import '../chunks/bundle-BNXGqdb3.js';
+import '../chunks/bundle-Cox5n2La.js';
+import '../chunks/bundle-CqsAiVVW.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-LBf6CphS.js';
+import '../chunks/bundle-Bp-36fPf.js';
 import './Icon.js';
-import '../chunks/bundle-CgQaz0Nj.js';
-import '../chunks/bundle-BRRgVYI5.js';
-import '../chunks/bundle-DmYFHm_s.js';
+import '../chunks/bundle-B7Bjp1Xs.js';
+import '../chunks/bundle-pBfrySrl.js';
+import '../chunks/bundle-Slq44NGE.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-CzBQNSmE.js';
+import { c as __spreadArray } from '../chunks/bundle-CNpbzlLm.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-BNXGqdb3.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-C0tTOdr-.js';
+import { A as Avatar } from '../chunks/bundle-DHJjxtO9.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-Lsd9GvqK.js';
-import '../chunks/bundle-CzBQNSmE.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-CsI4ur_k.js';
+import '../chunks/bundle-CNpbzlLm.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DO80aKFO.js';
-import '../chunks/bundle-QNC758GX.js';
+import '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-DNiToB8C.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-LBf6CphS.js';
-import { L as LocalizationContext } from '../chunks/bundle-BiqO1upP.js';
-import '../chunks/bundle-CzBQNSmE.js';
-import '../chunks/bundle-DO80aKFO.js';
-import '../chunks/bundle-CQgJrna5.js';
-import '../chunks/bundle-BzRpqUsC.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import { L as LocalizationContext } from '../chunks/bundle-B0kVn5Gr.js';
+import '../chunks/bundle-CNpbzlLm.js';
+import '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-BNXGqdb3.js';
+import '../chunks/bundle-Cox5n2La.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,23 +1,23 @@
-import '../chunks/bundle-CzBQNSmE.js';
+import '../chunks/bundle-CNpbzlLm.js';
 import 'react';
-export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-B9rAKDjm.js';
-import '../chunks/bundle-DO80aKFO.js';
+export { E as EMOJI_MENU_ROOT_ID, f as EmojiListItems, i as EmojiReactionListRoot, e as MENU_OBSERVING_CLASS_NAME, d as MENU_ROOT_ID, c as MenuItem, b as MenuItems, j as MenuRoot, h as MuteMenuItem, O as OperatorMenuItem, C as default, g as getObservingId } from '../chunks/bundle-9JkpmMZs.js';
+import '../chunks/bundle-B9B1mEAa.js';
 import './IconButton.js';
-import '../chunks/bundle-BtrLIwe9.js';
-import '../chunks/bundle-BiqO1upP.js';
+import '../chunks/bundle-DrI5IP-C.js';
+import '../chunks/bundle-B0kVn5Gr.js';
 import '@sendbird/chat';
-import '../chunks/bundle-BRRgVYI5.js';
+import '../chunks/bundle-pBfrySrl.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-CgQaz0Nj.js';
-import '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CQgJrna5.js';
+import '../chunks/bundle-B7Bjp1Xs.js';
+import '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-BNXGqdb3.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B-s0FWL1.js';
-import '../chunks/bundle-rNmE31HG.js';
-import '../chunks/bundle-Bw_RT7A_.js';
-import '../chunks/bundle-DmYFHm_s.js';
-import '../chunks/bundle-BzRpqUsC.js';
+import '../chunks/bundle-C6n_gxDo.js';
+import '../chunks/bundle-BS4kFLtb.js';
+import '../chunks/bundle-BS6z2X9B.js';
+import '../chunks/bundle-Slq44NGE.js';
+import '../chunks/bundle-Cox5n2La.js';
 //# sourceMappingURL=ContextMenu.js.map

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray } from '../chunks/bundle-CNpbzlLm.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-CY7euRvz.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-BU9c2ngr.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-BNXGqdb3.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -3,47 +3,47 @@ import ReactionBadge from './ReactionBadge.js';
 import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { C as ContextMenu, f as EmojiListItems } from '../chunks/bundle-B9rAKDjm.js';
-import { W as getEmojiUrl, X as isReactedBy, Y as getEmojiTooltipString, V as getEmojiListAll, Z as getEmojiMapAll, w as getEmojiListByCategoryIds, z as getClassName } from '../chunks/bundle-BtrLIwe9.js';
+import { C as ContextMenu, f as EmojiListItems } from '../chunks/bundle-9JkpmMZs.js';
+import { W as getEmojiUrl, X as isReactedBy, Y as getEmojiTooltipString, V as getEmojiListAll, Z as getEmojiMapAll, w as getEmojiListByCategoryIds, z as getClassName } from '../chunks/bundle-DrI5IP-C.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
 import { UserListItem } from './UserListItem.js';
-import { c as classnames } from '../chunks/bundle-DO80aKFO.js';
-import { _ as __assign } from '../chunks/bundle-CzBQNSmE.js';
+import { c as classnames } from '../chunks/bundle-B9B1mEAa.js';
+import { _ as __assign } from '../chunks/bundle-CNpbzlLm.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-C_EuInqG.js';
-import { u as useLongPress } from '../chunks/bundle-DYC6yyN-.js';
-import { L as LocalizationContext } from '../chunks/bundle-BiqO1upP.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CqsAiVVW.js';
+import { u as useLongPress } from '../chunks/bundle-BPluA1Vt.js';
+import { L as LocalizationContext } from '../chunks/bundle-B0kVn5Gr.js';
 import { useMessageContext } from '../Message/context.js';
-import { c as ModalFooter } from '../chunks/bundle-yCvBYPzY.js';
+import { c as ModalFooter } from '../chunks/bundle-CxYPL7WI.js';
 import { ButtonTypes } from './Button.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import { u as useSendbird } from '../chunks/bundle-DMcf5OHL.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-BTpGKOuy.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { u as useSendbird } from '../chunks/bundle-iwSw7cMV.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-DM_HIxjv.js';
+import '../chunks/bundle-BNXGqdb3.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CgQaz0Nj.js';
+import '../chunks/bundle-B7Bjp1Xs.js';
 import './IconButton.js';
-import '../chunks/bundle-BRRgVYI5.js';
-import '../chunks/bundle-DmYFHm_s.js';
+import '../chunks/bundle-pBfrySrl.js';
+import '../chunks/bundle-Slq44NGE.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B-s0FWL1.js';
-import '../chunks/bundle-rNmE31HG.js';
-import '../chunks/bundle-Bw_RT7A_.js';
-import '../chunks/bundle-BzRpqUsC.js';
-import '../chunks/bundle-CS_zfDpT.js';
-import '../chunks/bundle-C0tTOdr-.js';
-import '../chunks/bundle-QNC758GX.js';
+import '../chunks/bundle-C6n_gxDo.js';
+import '../chunks/bundle-BS4kFLtb.js';
+import '../chunks/bundle-BS6z2X9B.js';
+import '../chunks/bundle-Cox5n2La.js';
+import '../chunks/bundle-BlZjp9Wt.js';
+import '../chunks/bundle-DHJjxtO9.js';
+import '../chunks/bundle-DNiToB8C.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DAYo2mkS.js';
+import '../chunks/bundle-CYv4R30_.js';
 
 var ReactedMembersBottomSheet = function (_a) {
     var _b, _c, _d;

package/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-BiqO1upP.js';
-import { z as getClassName } from '../chunks/bundle-BtrLIwe9.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CzBQNSmE.js';
-import '../chunks/bundle-CQgJrna5.js';
-import '../chunks/bundle-BzRpqUsC.js';
+import { L as LocalizationContext } from '../chunks/bundle-B0kVn5Gr.js';
+import { z as getClassName } from '../chunks/bundle-DrI5IP-C.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-CNpbzlLm.js';
+import '../chunks/bundle-BNXGqdb3.js';
+import '../chunks/bundle-Cox5n2La.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B-s0FWL1.js';
-import '../chunks/bundle-rNmE31HG.js';
-import '../chunks/bundle-Bw_RT7A_.js';
-import '../chunks/bundle-DmYFHm_s.js';
+import '../chunks/bundle-C6n_gxDo.js';
+import '../chunks/bundle-BS4kFLtb.js';
+import '../chunks/bundle-BS6z2X9B.js';
+import '../chunks/bundle-Slq44NGE.js';
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/ui/FileMessageItemBody.js

@@ -1,21 +1,21 @@
-import { a as __awaiter, b as __generator } from '../chunks/bundle-CzBQNSmE.js';
+import { a as __awaiter, b as __generator } from '../chunks/bundle-CNpbzlLm.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { z as getClassName, q as getUIKitFileType, t as truncateString } from '../chunks/bundle-BtrLIwe9.js';
-import { C as Colors } from '../chunks/bundle-CY7euRvz.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-C_EuInqG.js';
-import { o as openURL } from '../chunks/bundle-DO80aKFO.js';
-import { u as useSendbird } from '../chunks/bundle-DMcf5OHL.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { z as getClassName, q as getUIKitFileType, t as truncateString } from '../chunks/bundle-DrI5IP-C.js';
+import { C as Colors } from '../chunks/bundle-BU9c2ngr.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CqsAiVVW.js';
+import { o as openURL } from '../chunks/bundle-B9B1mEAa.js';
+import { u as useSendbird } from '../chunks/bundle-iwSw7cMV.js';
+import '../chunks/bundle-BNXGqdb3.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B-s0FWL1.js';
-import '../chunks/bundle-rNmE31HG.js';
-import '../chunks/bundle-Bw_RT7A_.js';
-import '../chunks/bundle-DmYFHm_s.js';
-import '../chunks/bundle-BRRgVYI5.js';
+import '../chunks/bundle-C6n_gxDo.js';
+import '../chunks/bundle-BS4kFLtb.js';
+import '../chunks/bundle-BS6z2X9B.js';
+import '../chunks/bundle-Slq44NGE.js';
+import '../chunks/bundle-pBfrySrl.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 

package/ui/FileViewer.js

@@ -1,33 +1,33 @@
-import { _ as __assign } from '../chunks/bundle-CzBQNSmE.js';
+import { _ as __assign } from '../chunks/bundle-CNpbzlLm.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from '../chunks/bundle-BiqO1upP.js';
+import { L as LocalizationContext } from '../chunks/bundle-B0kVn5Gr.js';
 import '../hooks/useModal.js';
-import { e as isMultipleFilesMessage, d as isFileMessage, j as isSupportedFileView, k as isVideo, l as isImage } from '../chunks/bundle-BtrLIwe9.js';
-import { n as noop } from '../chunks/bundle-DO80aKFO.js';
-import { A as Avatar } from '../chunks/bundle-C0tTOdr-.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
+import { e as isMultipleFilesMessage, d as isFileMessage, j as isSupportedFileView, k as isVideo, l as isImage } from '../chunks/bundle-DrI5IP-C.js';
+import { n as noop } from '../chunks/bundle-B9B1mEAa.js';
+import { A as Avatar } from '../chunks/bundle-DHJjxtO9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { o as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-DmYFHm_s.js';
-import { u as useKeyDown } from '../chunks/bundle-Rkg87QeA.js';
-import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-yCvBYPzY.js';
-import '../chunks/bundle-CQgJrna5.js';
-import '../chunks/bundle-BzRpqUsC.js';
-import '../chunks/bundle-rNmE31HG.js';
-import '../chunks/bundle-C_EuInqG.js';
+import { o as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-Slq44NGE.js';
+import { u as useKeyDown } from '../chunks/bundle-DYXZPoGV.js';
+import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-CxYPL7WI.js';
+import '../chunks/bundle-BNXGqdb3.js';
+import '../chunks/bundle-Cox5n2La.js';
+import '../chunks/bundle-BS4kFLtb.js';
+import '../chunks/bundle-CqsAiVVW.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-CgQaz0Nj.js';
-import '../chunks/bundle-DMcf5OHL.js';
-import '../chunks/bundle-BRRgVYI5.js';
+import '../chunks/bundle-B7Bjp1Xs.js';
+import '../chunks/bundle-iwSw7cMV.js';
+import '../chunks/bundle-pBfrySrl.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B-s0FWL1.js';
-import '../chunks/bundle-Bw_RT7A_.js';
+import '../chunks/bundle-C6n_gxDo.js';
+import '../chunks/bundle-BS6z2X9B.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-QNC758GX.js';
+import '../chunks/bundle-DNiToB8C.js';
 import '@sendbird/uikit-tools';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types

package/ui/Header.js

@@ -1,13 +1,13 @@
-import { _ as __assign } from '../chunks/bundle-CzBQNSmE.js';
+import { _ as __assign } from '../chunks/bundle-CNpbzlLm.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-C_EuInqG.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CqsAiVVW.js';
 import TextButton from './TextButton.js';
 import Icon$1 from './Icon.js';
 import IconButton$1 from './IconButton.js';
-import { c as classnames, n as noop } from '../chunks/bundle-DO80aKFO.js';
-import '../chunks/bundle-CQgJrna5.js';
-import '../chunks/bundle-CY7euRvz.js';
+import { c as classnames, n as noop } from '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-BNXGqdb3.js';
+import '../chunks/bundle-BU9c2ngr.js';
 
 var Header = function (_a) {
     var _b;

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray } from '../chunks/bundle-CNpbzlLm.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-DO80aKFO.js';
+import { n as noop } from '../chunks/bundle-B9B1mEAa.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CNpbzlLm.js';
 import React__default, { useState } from 'react';
 
 var IconButton = React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CNpbzlLm.js';
 import React__default, { useMemo, useState, useCallback, useEffect, useRef, useLayoutEffect } from 'react';
-import { n as noop } from '../chunks/bundle-DO80aKFO.js';
+import { n as noop } from '../chunks/bundle-B9B1mEAa.js';
 
 var numberToPx = (function (value) {
     if (value === null)

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CzBQNSmE.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-CNpbzlLm.js';
+import '../chunks/bundle-BNXGqdb3.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-CzBQNSmE.js';
+import '../chunks/bundle-CNpbzlLm.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-LBf6CphS.js';
-import '../chunks/bundle-CQgJrna5.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-Bp-36fPf.js';
+import '../chunks/bundle-BNXGqdb3.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-CzBQNSmE.js';
+import { c as __spreadArray } from '../chunks/bundle-CNpbzlLm.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-LBf6CphS.js';
-import { o as openURL } from '../chunks/bundle-DO80aKFO.js';
-import '../chunks/bundle-CQgJrna5.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-Bp-36fPf.js';
+import { o as openURL } from '../chunks/bundle-B9B1mEAa.js';
+import '../chunks/bundle-BNXGqdb3.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {