@sendbird/uikit-react 3.14.11-rc-0 → 3.14.11-rc-1

package/package.json

@@ -36,7 +36,7 @@
     "url": "https://community.sendbird.com"
   },
   "homepage": "https://sendbird.com",
-  "version": "3.14.11-rc-0",
+  "version": "3.14.11-rc-1",
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
@@ -1213,6 +1213,12 @@
       "import": "./ui/MobileFeedbackMenu.js",
       "default": "./ui/MobileFeedbackMenu.js"
     },
+    "./ui/MobileMenu": {
+      "types": "./types/ui/MobileMenu/index.d.ts",
+      "require": "./cjs/ui/MobileMenu.js",
+      "import": "./ui/MobileMenu.js",
+      "default": "./ui/MobileMenu.js"
+    },
     "./ui/MessageFeedbackModal": {
       "types": "./types/ui/MessageFeedbackModal/index.d.ts",
       "require": "./cjs/ui/MessageFeedbackModal.js",
@@ -1807,6 +1813,9 @@
       "ui/MobileFeedbackMenu": [
         "./types/ui/MobileFeedbackMenu/index.d.ts"
       ],
+      "ui/MobileMenu": [
+        "./types/ui/MobileMenu/index.d.ts"
+      ],
       "ui/MessageFeedbackModal": [
         "./types/ui/MessageFeedbackModal/index.d.ts"
       ],

package/pubSub/topics.js

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

package/sendbirdSelectors.js

@@ -1,5 +1,5 @@
-import { p as pubSubTopics } from './chunks/bundle-DmIUQle9.js';
-import { n as noop } from './chunks/bundle-CdRIsiQ1.js';
+import { p as pubSubTopics } from './chunks/bundle-mnktcUOP.js';
+import { n as noop } from './chunks/bundle-D_-SsVPb.js';
 
 /**
  * 1. UIKit Instances

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

@@ -1,5 +1,8 @@
 import './mobile-menu.scss';
 import React from 'react';
+import MobileContextMenu from './MobileContextMenu';
+import MobileBottomSheet from './MobileBottomSheet';
 import type { MobileBottomSheetProps } from './types';
 declare const MobileMenu: React.FC<MobileBottomSheetProps>;
+export { MobileMenu, MobileContextMenu, MobileBottomSheet };
 export default MobileMenu;

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-CdRIsiQ1.js';
-import '../chunks/bundle-DIOwxpcG.js';
+import { c as classnames } from '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-CFPctvMY.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-CdRIsiQ1.js';
+import { n as noop } from '../chunks/bundle-D_-SsVPb.js';
 
 var AccordionGroupContext = createContext({
     openedListKeys: [],

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-DpvwJ56x.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import '../chunks/bundle-DIOwxpcG.js';
+import '../chunks/bundle-CFPctvMY.js';
 import 'react';
 import './ImageRenderer.js';
-export { b as AvatarInner, A as default } from '../chunks/bundle-D_CNS70y.js';
-import '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-LJTd2kwV.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-BUTDHQ0K.js';
+import '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-gYCdtXHX.js';
 import './Icon.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import { L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-D7eYnlgm.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import { L as LocalizationContext } from '../chunks/bundle-QidoK1d-.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-BGyFQLds.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-se1hgaQ-.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-Fw4J4vYE.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import '../chunks/bundle-DIOwxpcG.js';
-import '../chunks/bundle-Bq0-bOfM.js';
+import '../chunks/bundle-CFPctvMY.js';
+import '../chunks/bundle-Ci5HsRTf.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CT6oIowo.js';
-import '../chunks/bundle-DKbR0B7W.js';
-import '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-DYYQHn6P.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-D7eYnlgm.js';
-import '../chunks/bundle-5suIscWh.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
+import '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-QidoK1d-.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-BGyFQLds.js';
+import '../chunks/bundle-Ddmh-CSA.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-BlCc7_eN.js';
+import '../chunks/bundle-C5ry_tLy.js';
 import './Icon.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-CjreAsCZ.js';
+import '../chunks/bundle-DBI4R6Wl.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-DDA3KytI.js';
-import '../chunks/bundle-DjH4PXg3.js';
+import '../chunks/bundle-B--KSVZl.js';
+import '../chunks/bundle-Das_HcJY.js';
 import './ContextMenu.js';
 import './SortByRow.js';
 

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-DpvwJ56x.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-D_CNS70y.js';
+import { A as Avatar } from '../chunks/bundle-BUTDHQ0K.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-PaTjZoup.js';
-import '../chunks/bundle-DIOwxpcG.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-DDyW5U8c.js';
+import '../chunks/bundle-CFPctvMY.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-LJTd2kwV.js';
+import '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-gYCdtXHX.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-BlCc7_eN.js';
-import { L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
-import '../chunks/bundle-DIOwxpcG.js';
-import '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-D7eYnlgm.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import { L as LocalizationContext } from '../chunks/bundle-QidoK1d-.js';
+import '../chunks/bundle-CFPctvMY.js';
+import '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-BGyFQLds.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,18 +1,18 @@
 import React__default, { useState, useRef, useCallback, useEffect } from 'react';
-import { e as __extends, _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
+import { e as __extends, _ as __assign } from '../chunks/bundle-CFPctvMY.js';
 import { createPortal } from 'react-dom';
-import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
+import { c as classnames } from '../chunks/bundle-D_-SsVPb.js';
 import { Role } from '@sendbird/chat';
 import { OpenChannel } from '@sendbird/chat/openChannel';
 import SortByRow from './SortByRow.js';
-import { w as getClassName } from '../chunks/bundle-Bq0-bOfM.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import '../chunks/bundle-CjreAsCZ.js';
+import { w as getClassName } from '../chunks/bundle-Ci5HsRTf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-DBI4R6Wl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CT6oIowo.js';
-import '../chunks/bundle-DKbR0B7W.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
+import '../chunks/bundle-DpvwJ56x.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-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-DmtJDvJO.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-D34mzHDX.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-DpvwJ56x.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

@@ -4,47 +4,47 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { P as getEmojiUrl, Q as isReactedBy, R as getEmojiTooltipString, y as getEmojiListAll, V as getEmojiMapAll, w as getClassName } from '../chunks/bundle-Bq0-bOfM.js';
+import { P as getEmojiUrl, Q as isReactedBy, R as getEmojiTooltipString, y as getEmojiListAll, V as getEmojiMapAll, w as getClassName } from '../chunks/bundle-Ci5HsRTf.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
 import UserListItem from './UserListItem.js';
-import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
-import { _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
+import { c as classnames } from '../chunks/bundle-D_-SsVPb.js';
+import { _ as __assign } from '../chunks/bundle-CFPctvMY.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-5suIscWh.js';
-import { u as useLongPress } from '../chunks/bundle-BqDr8EF4.js';
-import { L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ddmh-CSA.js';
+import { u as useLongPress } from '../chunks/bundle-D04CScdZ.js';
+import { L as LocalizationContext } from '../chunks/bundle-QidoK1d-.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { g as getIsReactionEnabled } from '../chunks/bundle-JEz3lgaG.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { g as getIsReactionEnabled } from '../chunks/bundle-DBhARJJE.js';
+import '../chunks/bundle-DpvwJ56x.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CjreAsCZ.js';
+import '../chunks/bundle-DBI4R6Wl.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CT6oIowo.js';
-import '../chunks/bundle-DKbR0B7W.js';
-import '../chunks/bundle-se1hgaQ-.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
+import '../chunks/bundle-Fw4J4vYE.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-DDA3KytI.js';
-import '../chunks/bundle-DjH4PXg3.js';
-import '../chunks/bundle-D7eYnlgm.js';
-import '../chunks/bundle-DwvKuCVj.js';
-import '../chunks/bundle-D_CNS70y.js';
-import '../chunks/bundle-LJTd2kwV.js';
+import '../chunks/bundle-B--KSVZl.js';
+import '../chunks/bundle-Das_HcJY.js';
+import '../chunks/bundle-BGyFQLds.js';
+import '../chunks/bundle-MnMO7fTy.js';
+import '../chunks/bundle-BUTDHQ0K.js';
+import '../chunks/bundle-gYCdtXHX.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DmIUQle9.js';
+import '../chunks/bundle-mnktcUOP.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-DYYQHn6P.js';
-import { w as getClassName } from '../chunks/bundle-Bq0-bOfM.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import '../chunks/bundle-DIOwxpcG.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-D7eYnlgm.js';
+import { L as LocalizationContext } from '../chunks/bundle-QidoK1d-.js';
+import { w as getClassName } from '../chunks/bundle-Ci5HsRTf.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-CFPctvMY.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-BGyFQLds.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CT6oIowo.js';
-import '../chunks/bundle-DKbR0B7W.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
 
 function FallbackTemplateMessageItemBody(_a) {
     var className = _a.className, message = _a.message, isByMe = _a.isByMe;

package/ui/FileMessageItemBody.js

@@ -1,18 +1,18 @@
-import { a as __awaiter, b as __generator } from '../chunks/bundle-DIOwxpcG.js';
+import { a as __awaiter, b as __generator } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { w as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-Bq0-bOfM.js';
-import { C as Colors } from '../chunks/bundle-DmtJDvJO.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-5suIscWh.js';
+import { w as getClassName, o as getUIKitFileType, t as truncateString } from '../chunks/bundle-Ci5HsRTf.js';
+import { C as Colors } from '../chunks/bundle-D34mzHDX.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ddmh-CSA.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { o as openURL } from '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { o as openURL } from '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-DpvwJ56x.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CT6oIowo.js';
-import '../chunks/bundle-DKbR0B7W.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
 import '../withSendbird.js';
 
 function FileMessageItemBody(_a) {

package/ui/FileViewer.js

@@ -1,36 +1,36 @@
-import { _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
+import { _ as __assign } from '../chunks/bundle-CFPctvMY.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from '../chunks/bundle-DYYQHn6P.js';
-import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-se1hgaQ-.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-Bq0-bOfM.js';
-import { n as noop } from '../chunks/bundle-CdRIsiQ1.js';
-import { A as Avatar } from '../chunks/bundle-D_CNS70y.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { L as LocalizationContext } from '../chunks/bundle-QidoK1d-.js';
+import { a as MODAL_ROOT, M as Modal } from '../chunks/bundle-Fw4J4vYE.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, f as isSupportedFileView, h as isVideo, j as isImage } from '../chunks/bundle-Ci5HsRTf.js';
+import { n as noop } from '../chunks/bundle-D_-SsVPb.js';
+import { A as Avatar } from '../chunks/bundle-BUTDHQ0K.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { m as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-DjH4PXg3.js';
-import { u as useKeyDown } from '../chunks/bundle-CeB984LL.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-D7eYnlgm.js';
-import '../chunks/bundle-5suIscWh.js';
+import { m as SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../chunks/bundle-Das_HcJY.js';
+import { u as useKeyDown } from '../chunks/bundle-eaNunjZ5.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-BGyFQLds.js';
+import '../chunks/bundle-Ddmh-CSA.js';
 import './IconButton.js';
 import './Button.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-CjreAsCZ.js';
+import '../chunks/bundle-DBI4R6Wl.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-DDA3KytI.js';
+import '../chunks/bundle-B--KSVZl.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-CT6oIowo.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
 import './ContextMenu.js';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DKbR0B7W.js';
+import '../chunks/bundle-LFWpEfNl.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-LJTd2kwV.js';
+import '../chunks/bundle-gYCdtXHX.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-DIOwxpcG.js';
+import { _ as __assign } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-5suIscWh.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Ddmh-CSA.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-CdRIsiQ1.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-DmtJDvJO.js';
+import { c as classnames, n as noop } from '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-D34mzHDX.js';
 
 var Header = function (_a) {
     var _b;

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-CdRIsiQ1.js';
+import { n as noop } from '../chunks/bundle-D_-SsVPb.js';
 
 /* eslint-disable no-redeclare */
 var Types = {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CFPctvMY.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-DIOwxpcG.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CFPctvMY.js';
 import React__default, { useMemo, useState, useLayoutEffect, useRef } from 'react';
-import { n as noop } from '../chunks/bundle-CdRIsiQ1.js';
+import { n as noop } from '../chunks/bundle-D_-SsVPb.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-BlCc7_eN.js';
-import '../chunks/bundle-DIOwxpcG.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-CFPctvMY.js';
+import '../chunks/bundle-DpvwJ56x.js';
 
 var InputLabel = function (_a) {
     var children = _a.children;

package/ui/Label.js

@@ -1,5 +1,5 @@
-import '../chunks/bundle-DIOwxpcG.js';
+import '../chunks/bundle-CFPctvMY.js';
 import 'react';
-export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-BlCc7_eN.js';
-import '../chunks/bundle-CNHyfb7V.js';
+export { L as Label, b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../chunks/bundle-C5ry_tLy.js';
+import '../chunks/bundle-DpvwJ56x.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
-import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
-import { o as openURL } from '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-CNHyfb7V.js';
+import { L as Label, d as changeColorToClassName, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
+import { o as openURL } from '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-DpvwJ56x.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_a) {

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-DIOwxpcG.js';
+import { c as __spreadArray } from '../chunks/bundle-CFPctvMY.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../chunks/bundle-CdRIsiQ1.js';
+import '../chunks/bundle-D_-SsVPb.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-CdRIsiQ1.js';
-import '../chunks/bundle-DIOwxpcG.js';
+import { c as classnames } from '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-CFPctvMY.js';
 
 var TEMPLATE_LOADING_SPINNER_SIZE = '40px';
 function LoadingTemplateMessageItemBody(_a) {

package/ui/MentionLabel.js

@@ -1,29 +1,29 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-BlCc7_eN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-C5ry_tLy.js';
 import UserProfile from './UserProfile.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
-import '../chunks/bundle-DIOwxpcG.js';
+import { c as classnames } from '../chunks/bundle-D_-SsVPb.js';
+import '../chunks/bundle-CFPctvMY.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CjreAsCZ.js';
-import '../chunks/bundle-Bq0-bOfM.js';
+import '../chunks/bundle-DBI4R6Wl.js';
+import '../chunks/bundle-Ci5HsRTf.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CT6oIowo.js';
-import '../chunks/bundle-DKbR0B7W.js';
-import '../chunks/bundle-CNHyfb7V.js';
-import '../chunks/bundle-DYYQHn6P.js';
-import '../chunks/bundle-D7eYnlgm.js';
-import '../chunks/bundle-DwvKuCVj.js';
+import '../chunks/bundle-9-Mn7M_Z.js';
+import '../chunks/bundle-LFWpEfNl.js';
+import '../chunks/bundle-DpvwJ56x.js';
+import '../chunks/bundle-QidoK1d-.js';
+import '../chunks/bundle-BGyFQLds.js';
+import '../chunks/bundle-MnMO7fTy.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-DmIUQle9.js';
-import '../chunks/bundle-D_CNS70y.js';
+import '../chunks/bundle-mnktcUOP.js';
+import '../chunks/bundle-BUTDHQ0K.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-LJTd2kwV.js';
+import '../chunks/bundle-gYCdtXHX.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';

package/ui/MentionUserLabel.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-CUa9CREe.js';
-import { c as classnames } from '../chunks/bundle-CdRIsiQ1.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../chunks/bundle-B_o6NOdV.js';
+import { c as classnames } from '../chunks/bundle-D_-SsVPb.js';
 
 function MentionUserLabel(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.isReverse, isReverse = _c === void 0 ? false : _c, color = _a.color, userId = _a.userId;