@sendbird/uikit-react 3.14.6 → 3.14.7-rc-1

package/OpenChannelSettings.js

@@ -3,47 +3,47 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-DKkCwVCs.js';
-import './chunks/bundle-nfJ9J5Md.js';
-import './chunks/bundle-Ce-B4ROs.js';
-import './chunks/bundle-DprHnWfH.js';
-import './chunks/bundle-prXB4t_m.js';
+import './chunks/bundle-zAvvLMA9.js';
+import './chunks/bundle-4r7ZPzcx.js';
+import './chunks/bundle-BvFSwy4a.js';
+import './chunks/bundle-D2RTt6tN.js';
+import './chunks/bundle-DyVURRtM.js';
 import './ui/Icon.js';
-import './chunks/bundle-Dw9nwO7e.js';
+import './chunks/bundle-Dl6p5CcR.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/TextButton.js';
-import './chunks/bundle-h8I0AuUK.js';
+import './chunks/bundle-BgxEVQoU.js';
 import './ui/OpenChannelAvatar.js';
-import './chunks/bundle-BgL9QnGd.js';
+import './chunks/bundle-lS9BV-1I.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-Bmk2FVdj.js';
-import './chunks/bundle-COoyrRF6.js';
+import './chunks/bundle-BEDpWEUq.js';
+import './chunks/bundle-DaVYmO9d.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-CriEArZn.js';
-import './chunks/bundle-CGmq3qGM.js';
-import './chunks/bundle-janisM9b.js';
+import './chunks/bundle-Dub0HHFi.js';
+import './chunks/bundle-DEcnZTr9.js';
+import './chunks/bundle-CMOqM33u.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import './chunks/bundle-3Mubyujl.js';
+import './chunks/bundle-DS8lmYaF.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import './chunks/bundle-uIqOEfCa.js';
+import './chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-BMQLJ23N.js';
-import './chunks/bundle-DhBuJR0w.js';
-import './chunks/bundle-DwJ8HgZK.js';
+import './chunks/bundle-CflUdLjG.js';
+import './chunks/bundle-DaqQkuav.js';
+import './chunks/bundle-HbS5lB90.js';
 import './ui/Input.js';
-import './chunks/bundle-COd0N3nE.js';
+import './chunks/bundle-QxLGXu0w.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-C_dNvBEo.js';
+import './chunks/bundle-CPH6jPCe.js';
 import './ui/AccordionGroup.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';

package/README.md

@@ -1,4 +1,4 @@
-# sendbird-uikit
+# @sendbird/uikit-react
 
 [![Platform React](https://img.shields.io/badge/Platform-React-orange.svg)](https://reactjs.org)
 [![Language TypeScript](https://img.shields.io/badge/Language-TypeScript-orange.svg)](https://www.typescriptlang.org/)
@@ -41,35 +41,31 @@ You need to install:
 * [nodejs](https://nodejs.org/en/download/) 18>=
 * npm 9>= or yarn 3>=
 
-### Development
+
+## Development
  
-We use storybook for development and rollup for building the npm distribution(bundled JS file)
-Make sure you have nodejs and yarn(or npm) installed and run
+We use vite app for development and rollup for building the npm distribution(bundled JS file)
+Make sure you have nodejs and yarn installed and run
 
-> Make a copy of .env.example and save it as .env 
-> Set your appId `STORYBOOK_APP_ID`
+> Make a copy of `apps/testing/.env.example` and save it as `apps/testing/.env` 
+> Set your appId to `VITE_APP_ID`
 
-```
+```shell
 yarn install
-yarn storybook
-```
-or
-```
-npm install
-npm run storybook
+yarn dev
 ```
 
-* By default, storybook opens in http://localhost:6006/
-* Smart Components such as ChannelList, Channel, ChannelSetting, App can be found under `OTHERS`
-* Dumb components such as inputs, buttons etc can be found under `OTHERS/UI Components` in storybook sidebar
-* Overridden storybook configs can be found in: `./storybook`
+* By default, vite app opens in http://localhost:5173/
+* Please refer to the following link for more details: [Link](apps/testing/README.md)
 
-### Husky
+### Storybook
 
-We use Husky for githooks
+We provide a Storybook to easily view and understand the components.
+<br/>https://sendbird.github.io/sendbird-uikit-react/
 
-To enable Husky in local, run:
-`yarn husky install` or `npx husky install`
+```shell
+yarn storybook
+```
 
 ### Build
 
@@ -80,69 +76,31 @@ We have both `ESM` and `CJS` output
 ```
 yarn build
 ```
-or
-```
-npm run build
-```
 
 The bundled JS code can be found in `./dist`
 The CSS is in `./dist/dist/index.css`
 
 **Caveats**
- - We tried development on Mac OS / Linux systems. You might encounter problems in running `yarn build` or `npm run build` in Windows machines
+ - We tried development on Mac OS / Linux systems. You might encounter problems in running `yarn build`  in Windows machines
 
-## Running the tests
+### Tests
 
 We have implemented tests for dumb ui components only. Technologies used: Jest and testing-library
 
 ```
 yarn test
 ```
-or
-```
-npm run test
-```
 
 ### Lint
 
 ```
 yarn lint
 ```
-or
-```
-npm run lint
-```
-
-* .eslintrc.json lints ts files and .eslintrc.js lints js files
-
-### Webpack 5
-
-Webpack 5 removes stream and buffer componets from default polyfill
-To enable these, install buffer and stream and then add the following to webpack.cofig.js
-```javascript
-module.exports = {
-  //...
-  resolve: {
-    fallback: {
-      buffer: require.resolve('buffer'),
-      stream: require.resolve('stream-browserify'),
-    },
-  },
-};
-
-```
-To read more: https://webpack.js.org/configuration/resolve/#resolvefallback
 
 ### Creating/Exporting New Components
 
 1. Define your component inside `./src`.
-2. ~~Add the following line to `./src/index.ts`:~~
-    ```
-    export { default as NewComponent } from './src/location/of/NewComponent';
-    ```
-    - Will be imported as: `import { NewComponent } from '@sendbird/uikit-react';`
-    - We don't do this anymore for new components; we prefer fine-grained exports (as in step 3).
-3. Add the following line to `./rollup.module-exports.js`:
+2. Add the following line to `./rollup.module-exports.js`:
     ```
     'NewComponent/SubComponent': 'location/of/NewComponent/SubComponent',
     ```

package/SendbirdProvider.js

@@ -1,34 +1,34 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './chunks/bundle-DKkCwVCs.js';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './chunks/bundle-zAvvLMA9.js';
 import React__default, { useLayoutEffect, useRef, useEffect, useCallback, useMemo, useState, useReducer } from 'react';
 import { UIKitConfigProvider, useUIKitConfig } from '@sendbird/uikit-tools';
 import { SendbirdSdkContext } from './withSendbird.js';
 import cssVars from 'css-vars-ponyfill';
-import { K, a3 as isTextuallyNull } from './chunks/bundle-janisM9b.js';
-import { U as USER_ACTIONS } from './chunks/bundle-CFgnDIJC.js';
-import { s as schedulerFactory, b as useUnmount, u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './chunks/bundle-BjTYwue9.js';
+import { K, a3 as isTextuallyNull } from './chunks/bundle-CMOqM33u.js';
+import { U as USER_ACTIONS } from './chunks/bundle-1hNoUBra.js';
+import { s as schedulerFactory, b as useUnmount, u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './chunks/bundle-Bi-TBZ5J.js';
 import SendbirdChat, { SendbirdProduct, SendbirdPlatform, DeviceOsPlatform } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { n as noop } from './chunks/bundle-Dw9nwO7e.js';
-import { p as pubSubFactory } from './chunks/bundle-B65gr4tC.js';
-import { b as VoicePlayerProvider } from './chunks/bundle-BMQLJ23N.js';
-import { V as VoiceRecorderProvider, E as EmojiManager, G as GlobalModalProvider, d as ModalRoot } from './chunks/bundle-CGmq3qGM.js';
-import { a as LocalizationProvider } from './chunks/bundle-nfJ9J5Md.js';
-import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-3Mubyujl.js';
-import { g as getStringSet } from './chunks/bundle-Ce-B4ROs.js';
-import { C as CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, m as CACHED_MESSAGE_TEMPLATES_KEY, n as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, o as DEFAULT_UPLOAD_SIZE_LIMIT, p as VOICE_RECORDER_DEFAULT_MAX, e as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-DhBuJR0w.js';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-BiK_ngKm.js';
+import { n as noop } from './chunks/bundle-Dl6p5CcR.js';
+import { p as pubSubFactory } from './chunks/bundle-B5bq9SyP.js';
+import { b as VoicePlayerProvider } from './chunks/bundle-CflUdLjG.js';
+import { V as VoiceRecorderProvider, E as EmojiManager, G as GlobalModalProvider, d as ModalRoot } from './chunks/bundle-DEcnZTr9.js';
+import { a as LocalizationProvider } from './chunks/bundle-4r7ZPzcx.js';
+import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-DS8lmYaF.js';
+import { g as getStringSet } from './chunks/bundle-BvFSwy4a.js';
+import { C as CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, m as CACHED_MESSAGE_TEMPLATES_KEY, n as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, o as DEFAULT_UPLOAD_SIZE_LIMIT, p as VOICE_RECORDER_DEFAULT_MAX, i as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-DaqQkuav.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-DakS7HX2.js';
 import { EmojiReactionListRoot, MenuRoot } from './ui/ContextMenu.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-uIqOEfCa.js';
+import './chunks/bundle-sq0c8UmG.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-prXB4t_m.js';
+import './chunks/bundle-DyVURRtM.js';
 import './ui/Icon.js';
-import './chunks/bundle-DwJ8HgZK.js';
-import './chunks/bundle-DprHnWfH.js';
+import './chunks/bundle-HbS5lB90.js';
+import './chunks/bundle-D2RTt6tN.js';
 import './ui/SortByRow.js';
 
 var isEmpty = function (obj) {
@@ -286,7 +286,7 @@ function disconnectSdk(_a) {
     });
 }
 
-var APP_VERSION_STRING = '3.14.6';
+var APP_VERSION_STRING = '3.14.7-rc-1';
 var INIT_SDK = SDK_ACTIONS.INIT_SDK, SET_SDK_LOADING = SDK_ACTIONS.SET_SDK_LOADING, RESET_SDK = SDK_ACTIONS.RESET_SDK, SDK_ERROR = SDK_ACTIONS.SDK_ERROR;
 var INIT_USER = USER_ACTIONS.INIT_USER, UPDATE_USER_INFO = USER_ACTIONS.UPDATE_USER_INFO, RESET_USER = USER_ACTIONS.RESET_USER;
 function getMissingParamError(_a) {

package/Thread/components/ParentMessageInfo.js

@@ -1,33 +1,33 @@
-import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-DKkCwVCs.js';
+import { c as __spreadArray, _ as __assign, a as __awaiter, b as __generator } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-t4qeDosj.js';
-import { R as RemoveMessage } from '../../chunks/bundle-D9dyuFq0.js';
+import { f as format } from '../../chunks/bundle-BWOr3gdK.js';
+import { R as RemoveMessage } from '../../chunks/bundle-BEXPH5wy.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { f as getSenderName } from '../../chunks/bundle-janisM9b.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-BFa8UJ8b.js';
-import { u as useLocalization } from '../../chunks/bundle-nfJ9J5Md.js';
+import { f as getSenderName } from '../../chunks/bundle-CMOqM33u.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-MjyZT4_4.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-C_dNvBEo.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-U_oIvkG2.js';
-import { A as Avatar } from '../../chunks/bundle-BgL9QnGd.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
-import { F as FileViewer } from '../../chunks/bundle-Cn6S1UKt.js';
+import { a as UserProfileContext } from '../../chunks/bundle-CPH6jPCe.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-PXw9RwTY.js';
+import { A as Avatar } from '../../chunks/bundle-lS9BV-1I.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
+import { F as FileViewer } from '../../chunks/bundle-BT85GO4x.js';
 import { MessageMenu } from '../../ui/MessageItemMenu.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import UserProfile from '../../ui/UserProfile.js';
 import MessageInput from '../../ui/MessageInput.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-CWXSCBTE.js';
-import { R as Role } from '../../chunks/bundle-Boh0Ffwo.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-3Mubyujl.js';
-import { u as useLongPress } from '../../chunks/bundle-RoB3xpYU.js';
-import { M as MobileMenu } from '../../chunks/bundle-Cp2PKGXI.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-6v-jzonm.js';
+import { R as Role } from '../../chunks/bundle-Dj4qcISv.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-DS8lmYaF.js';
+import { u as useLongPress } from '../../chunks/bundle-BNZI6WLw.js';
+import { M as MobileMenu } from '../../chunks/bundle-LG8yCDNB.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-BiK_ngKm.js';
-import { c as classnames } from '../../chunks/bundle-Dw9nwO7e.js';
-import '../../chunks/bundle-DprHnWfH.js';
-import '../../chunks/bundle-CGmq3qGM.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-DakS7HX2.js';
+import { c as classnames } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
@@ -36,16 +36,16 @@ import '@sendbird/uikit-tools';
 import '../../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../../chunks/bundle-uIqOEfCa.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../../chunks/bundle-BMQLJ23N.js';
-import '../../chunks/bundle-DhBuJR0w.js';
-import '../../chunks/bundle-DwJ8HgZK.js';
-import '../../chunks/bundle-DvNDJy8Z.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
+import '../../chunks/bundle-HbS5lB90.js';
+import '../../chunks/bundle-Kycskx-O.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-h8I0AuUK.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
@@ -53,10 +53,10 @@ import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CriEArZn.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/SortByRow.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Tooltip.js';
@@ -67,25 +67,25 @@ import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-B-DnYw4p.js';
-import '../../chunks/bundle-ZBhGb8Lc.js';
+import '../../chunks/bundle-C0hkVQ_x.js';
+import '../../chunks/bundle-CVf0xQqZ.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-zwvszN0Y.js';
+import '../../chunks/bundle-BeNijzt4.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-sX9kxwmI.js';
-import '../../chunks/bundle-B9ue8vfn.js';
+import '../../chunks/bundle-CJRugtlL.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '../context/types.js';
-import '../../chunks/bundle-gNs_MAJh.js';
-import '../../chunks/bundle-Dk5y6RzJ.js';
-import '../../chunks/bundle-gH-X0MYD.js';
-import '../../chunks/bundle-COYqO05C.js';
-import '../../chunks/bundle-B4izwMfD.js';
-import '../../chunks/bundle-YUF6WfTL.js';
+import '../../chunks/bundle-BIrNrKkq.js';
+import '../../chunks/bundle-YyfBbrXK.js';
+import '../../chunks/bundle-GH8narZ-.js';
+import '../../chunks/bundle-DXjbblWF.js';
+import '../../chunks/bundle-AoovKWt6.js';
+import '../../chunks/bundle--aWriVp-.js';
 import 'dompurify';
-import '../../chunks/bundle-B3nNazhn.js';
-import '../../chunks/bundle-QPuxH0uW.js';
-import '../../chunks/bundle-C8jE79mn.js';
+import '../../chunks/bundle-q8TfLkpw.js';
+import '../../chunks/bundle-jD9nAlqc.js';
+import '../../chunks/bundle-BdXUzVaM.js';
 
 function ParentMessageInfo(_a) {
     var _this = this;

package/Thread/components/ParentMessageInfoItem.js

@@ -1,8 +1,8 @@
-import { a as __awaiter, b as __generator } from '../../chunks/bundle-DKkCwVCs.js';
+import { a as __awaiter, b as __generator } from '../../chunks/bundle-zAvvLMA9.js';
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-nfJ9J5Md.js';
-import { l as isUserMessage, d as isEditedMessage, m as getUIKitMessageType, n as getUIKitMessageTypes, o as getUIKitFileType, t as truncateString, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, q as isSentMessage, r as isVideoMessage, s as isGifMessage, b as isFileMessage } from '../../chunks/bundle-janisM9b.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-prXB4t_m.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
+import { l as isUserMessage, d as isEditedMessage, m as getUIKitMessageType, n as getUIKitMessageTypes, o as getUIKitFileType, t as truncateString, c as isMultipleFilesMessage, i as isVoiceMessage, p as isThumbnailMessage, q as isSentMessage, r as isVideoMessage, s as isGifMessage, b as isFileMessage } from '../../chunks/bundle-CMOqM33u.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-DyVURRtM.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
@@ -10,62 +10,62 @@ import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import { useThreadContext } from '../context.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { T as TextFragment } from '../../chunks/bundle-B-DnYw4p.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-ZBhGb8Lc.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-zwvszN0Y.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-3Mubyujl.js';
-import { C as Colors } from '../../chunks/bundle-h8I0AuUK.js';
-import { o as openURL } from '../../chunks/bundle-Dw9nwO7e.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
+import { T as TextFragment } from '../../chunks/bundle-C0hkVQ_x.js';
+import { t as tokenizeMessage } from '../../chunks/bundle-CVf0xQqZ.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BeNijzt4.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-DS8lmYaF.js';
+import { C as Colors } from '../../chunks/bundle-BgxEVQoU.js';
+import { o as openURL } from '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../withSendbird.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-RoB3xpYU.js';
+import '../../chunks/bundle-BNZI6WLw.js';
 import '../../ui/ContextMenu.js';
-import '../../chunks/bundle-DwJ8HgZK.js';
+import '../../chunks/bundle-HbS5lB90.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-uIqOEfCa.js';
+import '../../chunks/bundle-sq0c8UmG.js';
 import '../../ui/BottomSheet.js';
-import '../../chunks/bundle-CGmq3qGM.js';
+import '../../chunks/bundle-DEcnZTr9.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '@sendbird/uikit-tools';
 import 'css-vars-ponyfill';
-import '../../chunks/bundle-BMQLJ23N.js';
-import '../../chunks/bundle-DhBuJR0w.js';
+import '../../chunks/bundle-CflUdLjG.js';
+import '../../chunks/bundle-DaqQkuav.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-C_dNvBEo.js';
-import '../../chunks/bundle-BgL9QnGd.js';
-import '../../chunks/bundle-Bmk2FVdj.js';
+import '../../chunks/bundle-CPH6jPCe.js';
+import '../../chunks/bundle-lS9BV-1I.js';
+import '../../chunks/bundle-BEDpWEUq.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CriEArZn.js';
+import '../../chunks/bundle-Dub0HHFi.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-BFa8UJ8b.js';
-import '../../chunks/bundle-sX9kxwmI.js';
-import '../../chunks/bundle-B9ue8vfn.js';
+import '../../chunks/bundle-MjyZT4_4.js';
+import '../../chunks/bundle-CJRugtlL.js';
+import '../../chunks/bundle-V1KP3Yq2.js';
 import '@sendbird/chat/message';
 import '../context/types.js';
-import '../../chunks/bundle-gNs_MAJh.js';
-import '../../chunks/bundle-Dk5y6RzJ.js';
+import '../../chunks/bundle-BIrNrKkq.js';
+import '../../chunks/bundle-YyfBbrXK.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-Cn6S1UKt.js';
-import '../../chunks/bundle-B4izwMfD.js';
+import '../../chunks/bundle-BT85GO4x.js';
+import '../../chunks/bundle-AoovKWt6.js';
 
 function ParentMessageInfoItem(_a) {
     var _this = this;

package/Thread/components/ThreadHeader.js

@@ -1,15 +1,15 @@
 import React__default, { useMemo } from 'react';
 import { IconTypes, IconColors } from '../../ui/Icon.js';
-import { u as useLocalization } from '../../chunks/bundle-nfJ9J5Md.js';
+import { u as useLocalization } from '../../chunks/bundle-4r7ZPzcx.js';
 import Header from '../../ui/Header.js';
-import '../../chunks/bundle-DKkCwVCs.js';
-import '../../chunks/bundle-Dw9nwO7e.js';
-import '../../chunks/bundle-Ce-B4ROs.js';
-import '../../chunks/bundle-DprHnWfH.js';
-import '../../chunks/bundle-prXB4t_m.js';
-import '../../chunks/bundle-3Mubyujl.js';
+import '../../chunks/bundle-zAvvLMA9.js';
+import '../../chunks/bundle-Dl6p5CcR.js';
+import '../../chunks/bundle-BvFSwy4a.js';
+import '../../chunks/bundle-D2RTt6tN.js';
+import '../../chunks/bundle-DyVURRtM.js';
+import '../../chunks/bundle-DS8lmYaF.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-h8I0AuUK.js';
+import '../../chunks/bundle-BgxEVQoU.js';
 import '../../ui/IconButton.js';
 
 function ThreadHeader(_a) {