@sendbird/uikit-react 3.15.5 → 3.15.6

package/package.json

@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.15.5",
+  "version": "3.15.6",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
@@ -163,6 +163,12 @@
       "import": "./hooks/useModal.js",
       "default": "./hooks/useModal.js"
     },
+    "./hooks/useLocalization": {
+      "types": "./types/hooks/useLocalization.d.ts",
+      "require": "./cjs/hooks/useLocalization.js",
+      "import": "./hooks/useLocalization.js",
+      "default": "./hooks/useLocalization.js"
+    },
     "./utils/message/getOutgoingMessageState": {
       "types": "./types/utils/exports/getOutgoingMessageState.d.ts",
       "require": "./cjs/utils/message/getOutgoingMessageState.js",
@@ -1312,6 +1318,9 @@
       "hooks/useModal": [
         "./types/hooks/useModal/index.d.ts"
       ],
+      "hooks/useLocalization": [
+        "./types/hooks/useLocalization.d.ts"
+      ],
       "utils/message/getOutgoingMessageState": [
         "./types/utils/exports/getOutgoingMessageState.d.ts"
       ],

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DRlnZqdp.js';
-import { n as noop } from './chunks/bundle-BHC96gO0.js';
+import { p as pubSubTopics } from './chunks/bundle-mqagBpi9.js';
+import { n as noop } from './chunks/bundle-kFa80LJe.js';
 
 /**
  * 1. UIKit Instances

package/types/hooks/useLocalization.d.ts

@@ -0,0 +1,7 @@
+/**
+ * This file is only for re-exporting the `useLocalization` hook.
+ * It should not be used internally within the project.
+ */
+import { useLocalization } from '../lib/LocalizationContext';
+export { useLocalization } from '../lib/LocalizationContext';
+export default useLocalization;

package/types/modules/Channel/context/ChannelProvider.d.ts

@@ -8,6 +8,7 @@ import { CoreMessageType, SendableMessageType } from '../../../utils';
 import { ThreadReplySelectType } from './const';
 import * as channelActions from './dux/actionTypes';
 import { ChannelActionTypes } from './dux/actionTypes';
+export { ThreadReplySelectType } from './const';
 export interface MessageListParams extends Partial<SDKMessageListParams> {
     /** @deprecated It won't work even if you activate this props */
     reverse?: boolean;

package/types/modules/ChannelSettings/components/ChannelSettingsUI/MenuItem.d.ts

@@ -16,5 +16,5 @@ export interface MenuItemActionProps {
     accordionOpened: boolean;
     children?: ReactNode;
 }
-export declare const MenuItemAction: ({ useAccordion, accordionOpened, children, }: MenuItemActionProps) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode>;
+export declare const MenuItemAction: ({ useAccordion, accordionOpened, children, }: MenuItemActionProps) => string | number | true | React.JSX.Element | Iterable<React.ReactNode>;
 export default MenuItem;

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

@@ -10,6 +10,7 @@ import { ReplyType } from '../../../types';
 import { ScrollTopics, ScrollTopicUnion } from './hooks/useMessageListScroll';
 import { PubSubTypes } from '../../../lib/pubSub';
 import { useMessageActions } from './hooks/useMessageActions';
+export { ThreadReplySelectType } from './const';
 type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
 type MessageListQueryParamsType = Omit<MessageCollectionParams, 'filter'> & MessageFilterParams;
 type MessageActions = ReturnType<typeof useMessageActions>;
@@ -78,4 +79,3 @@ export interface GroupChannelProviderProps extends ContextBaseType, Pick<UserPro
 export declare const GroupChannelContext: React.Context<GroupChannelContextType>;
 export declare const GroupChannelProvider: (props: GroupChannelProviderProps) => React.JSX.Element;
 export declare const useGroupChannelContext: () => GroupChannelContextType;
-export {};

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

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

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

@@ -10,5 +10,4 @@ export type DynamicProps = {
     channel: OpenChannel | GroupChannel;
     setMentionedUsers: React.Dispatch<React.SetStateAction<User[]>>;
     setIsInput: React.Dispatch<React.SetStateAction<boolean>>;
-    setHeight: () => void;
 };

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

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-DS1EhNtb.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-CxLxJCBu.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-52W7LREX.js';
-import '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-BdwvjJsK.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-DOfhjbKd.js';
+import '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-C_zEpfCP.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import '../chunks/bundle-DS1EhNtb.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,30 +1,30 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { a as MODAL_ROOT } from '../chunks/bundle-NL8iE1lF.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-DRpjMk0B.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-XQWyv823.js';
-import '../chunks/bundle-D_-9RmNe.js';
+import '../chunks/bundle-CxLxJCBu.js';
+import '../chunks/bundle-BA9oFJ90.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
-import '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle--PhH_XFy.js';
-import '../chunks/bundle-BPcbf_pM.js';
-import '../chunks/bundle-R3uJ_0BB.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
+import '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-d1cOX5nv.js';
+import '../chunks/bundle-DS1EhNtb.js';
+import '../chunks/bundle-Ci-RNuvu.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-ixnsp7Bg.js';
+import '../chunks/bundle-CjJk57u5.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-BMJP8SSM.js';
-import '../chunks/bundle-ml-PByBw.js';
+import '../chunks/bundle-DdJ9pMWn.js';
+import '../chunks/bundle-BzR1dD25.js';
 import './SortByRow.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-DS1EhNtb.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-52W7LREX.js';
+import { A as Avatar } from '../chunks/bundle-DOfhjbKd.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-CcuSHuDt.js';
-import '../chunks/bundle-XQWyv823.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-BlguTwHI.js';
+import '../chunks/bundle-CxLxJCBu.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-BdwvjJsK.js';
+import '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-C_zEpfCP.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,10 +1,10 @@
 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-ixnsp7Bg.js';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import '../chunks/bundle-XQWyv823.js';
-import '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import '../chunks/bundle-CxLxJCBu.js';
+import '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-DS1EhNtb.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,21 +1,21 @@
-import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-CxLxJCBu.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-ml-PByBw.js';
-import '../chunks/bundle-BHC96gO0.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-BzR1dD25.js';
+import '../chunks/bundle-kFa80LJe.js';
 import '../withSendbird.js';
 import './IconButton.js';
-import '../chunks/bundle-D_-9RmNe.js';
-import '../chunks/bundle--PhH_XFy.js';
+import '../chunks/bundle-BA9oFJ90.js';
+import '../chunks/bundle-d1cOX5nv.js';
 import '@sendbird/chat';
 import 'react-dom';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-Bq93DTET.js';
-import '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import '../chunks/bundle-DKdROCX_.js';
+import '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
 //# sourceMappingURL=ContextMenu.js.map

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-BL3yUpTV.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-B5157rdG.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-DS1EhNtb.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-ml-PByBw.js';
-import { V as getEmojiUrl, W as isReactedBy, X as getEmojiTooltipString, T as getEmojiListAll, Y as getEmojiMapAll, u as getEmojiListByCategoryIds, x as getClassName } from '../chunks/bundle-D_-9RmNe.js';
+import { C as ContextMenu, f as EmojiListItems } from '../chunks/bundle-BzR1dD25.js';
+import { V as getEmojiUrl, W as isReactedBy, X as getEmojiTooltipString, T as getEmojiListAll, Y as getEmojiMapAll, u as getEmojiListByCategoryIds, x as getClassName } from '../chunks/bundle-BA9oFJ90.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
 import { UserListItem } from './UserListItem.js';
-import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
-import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
+import { c as classnames } from '../chunks/bundle-kFa80LJe.js';
+import { _ as __assign } from '../chunks/bundle-CxLxJCBu.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
-import { u as useLongPress } from '../chunks/bundle-CruP9bVM.js';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ci-RNuvu.js';
+import { u as useLongPress } from '../chunks/bundle-QsOiwa9F.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { b as useGlobalModalContext, c as ModalFooter } from '../chunks/bundle-NL8iE1lF.js';
+import { b as useGlobalModalContext, c as ModalFooter } from '../chunks/bundle-DRpjMk0B.js';
 import { ButtonTypes } from './Button.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-B2NeDUAs.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-QgerWYLz.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '../withSendbird.js';
 import './IconButton.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-BMJP8SSM.js';
-import '../chunks/bundle-Bv8KtnvF.js';
-import '../chunks/bundle-52W7LREX.js';
-import '../chunks/bundle-BdwvjJsK.js';
+import '../chunks/bundle-DdJ9pMWn.js';
+import '../chunks/bundle-DXFVroy5.js';
+import '../chunks/bundle-DOfhjbKd.js';
+import '../chunks/bundle-C_zEpfCP.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DRlnZqdp.js';
+import '../chunks/bundle-mqagBpi9.js';
 
 var ReactedMembersBottomSheet = function (_a) {
     var _b, _c, _d;

package/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import { x as getClassName } from '../chunks/bundle-D_-9RmNe.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-XQWyv823.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import { x as getClassName } from '../chunks/bundle-BA9oFJ90.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-CxLxJCBu.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/ui/FileMessageItemBody.js

@@ -1,19 +1,19 @@
-import { a as __awaiter, b as __generator } from '../chunks/bundle-XQWyv823.js';
+import { a as __awaiter, b as __generator } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { x as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-D_-9RmNe.js';
-import { C as Colors } from '../chunks/bundle-BL3yUpTV.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
+import { x as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-BA9oFJ90.js';
+import { C as Colors } from '../chunks/bundle-B5157rdG.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ci-RNuvu.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { o as openURL } from '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { o as openURL } from '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-DS1EhNtb.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-DnujA9kt.js';
-import '../chunks/bundle-DABR6HKW.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-C-nZYnmy.js';
+import '../chunks/bundle-DP3z2QNm.js';
 import '../withSendbird.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileViewer.js

@@ -1,35 +1,35 @@
-import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
+import { _ as __assign } from '../chunks/bundle-CxLxJCBu.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from '../chunks/bundle--PhH_XFy.js';
-import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-NL8iE1lF.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-D_-9RmNe.js';
-import { n as noop } from '../chunks/bundle-BHC96gO0.js';
-import { A as Avatar } from '../chunks/bundle-52W7LREX.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
+import { L as LocalizationContext } from '../chunks/bundle-d1cOX5nv.js';
+import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-DRpjMk0B.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-BA9oFJ90.js';
+import { n as noop } from '../chunks/bundle-kFa80LJe.js';
+import { A as Avatar } from '../chunks/bundle-DOfhjbKd.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { n as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-DABR6HKW.js';
-import { u as useKeyDown } from '../chunks/bundle-vS1u8K1w.js';
-import '../chunks/bundle-BPcbf_pM.js';
-import '../chunks/bundle-R3uJ_0BB.js';
+import { n as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-DP3z2QNm.js';
+import { u as useKeyDown } from '../chunks/bundle-CH6t4mkR.js';
+import '../chunks/bundle-DS1EhNtb.js';
+import '../chunks/bundle-Ci-RNuvu.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-Bq93DTET.js';
+import '../chunks/bundle-DKdROCX_.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-BMJP8SSM.js';
+import '../chunks/bundle-DdJ9pMWn.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-eZsqrPY3.js';
-import '../chunks/bundle-ml-PByBw.js';
+import '../chunks/bundle-DiK8ifY3.js';
+import '../chunks/bundle-BzR1dD25.js';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DnujA9kt.js';
+import '../chunks/bundle-C-nZYnmy.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BdwvjJsK.js';
+import '../chunks/bundle-C_zEpfCP.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var ViewerTypes = {

package/ui/Header.js

@@ -1,13 +1,13 @@
-import { _ as __assign } from '../chunks/bundle-XQWyv823.js';
+import { _ as __assign } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-R3uJ_0BB.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ci-RNuvu.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-BHC96gO0.js';
-import '../chunks/bundle-BPcbf_pM.js';
-import '../chunks/bundle-BL3yUpTV.js';
+import { c as classnames, n as noop } from '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-DS1EhNtb.js';
+import '../chunks/bundle-B5157rdG.js';
 
 var Header = function (_a) {
     var _b;

package/ui/Icon.js

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

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CxLxJCBu.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-XQWyv823.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CxLxJCBu.js';
 import React__default, { useMemo, useState, useCallback, useEffect, useRef, useLayoutEffect } from 'react';
-import { n as noop } from '../chunks/bundle-BHC96gO0.js';
+import { n as noop } from '../chunks/bundle-kFa80LJe.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-ixnsp7Bg.js';
-import '../chunks/bundle-XQWyv823.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-CxLxJCBu.js';
+import '../chunks/bundle-DS1EhNtb.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-XQWyv823.js';
+import '../chunks/bundle-CxLxJCBu.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-ixnsp7Bg.js';
-import '../chunks/bundle-BPcbf_pM.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-CjJk57u5.js';
+import '../chunks/bundle-DS1EhNtb.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-ixnsp7Bg.js';
-import { o as openURL } from '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-BPcbf_pM.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CjJk57u5.js';
+import { o as openURL } from '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-DS1EhNtb.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-XQWyv823.js';
+import { c as __spreadArray } from '../chunks/bundle-CxLxJCBu.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-BHC96gO0.js';
+import '../chunks/bundle-kFa80LJe.js';
 
 function Loader(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '26px' : _c, _d = _a.height, height = _d === void 0 ? '26px' : _d, children = _a.children, testID = _a.testID;

package/ui/LoadingTemplateMessageItemBody.tsx.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { c as classnames } from '../chunks/bundle-BHC96gO0.js';
-import '../chunks/bundle-XQWyv823.js';
+import { c as classnames } from '../chunks/bundle-kFa80LJe.js';
+import '../chunks/bundle-CxLxJCBu.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {