@sendbird/uikit-react 3.12.0-rc.0 → 3.12.0

package/OpenChannelSettings.js

@@ -3,42 +3,42 @@ import OpenChannelUI from './OpenChannelSettings/components/OpenChannelSettingsU
 import { OpenChannelSettingsProvider } from './OpenChannelSettings/context.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './chunks/bundle-bBs0-8AF.js';
-import './chunks/bundle-wbu1BRph.js';
-import './chunks/bundle-Z1D61u4a.js';
-import './chunks/bundle-jKjzU1MT.js';
-import './chunks/bundle-VC1JO5-p.js';
+import './chunks/bundle-s7Jm-nQL.js';
+import './chunks/bundle-QDjzCG-h.js';
+import './chunks/bundle-FS7VoABk.js';
+import './chunks/bundle-Cl9FF01U.js';
+import './chunks/bundle-YcH_HSha.js';
 import './ui/Icon.js';
-import './chunks/bundle-MYBkZ28K.js';
+import './chunks/bundle-CBZRgcMe.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-mN_8ZHp6.js';
+import './chunks/bundle-jIsbkecD.js';
 import './ui/OpenChannelAvatar.js';
-import './chunks/bundle-zdgdWVyn.js';
+import './chunks/bundle-JVFq7QiY.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-XekDAFCE.js';
-import './chunks/bundle-DDOXEDJp.js';
+import './chunks/bundle-S3i59_HU.js';
+import './chunks/bundle-dPtRdKjv.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-7nI0MJOs.js';
-import './chunks/bundle-cqMRshaU.js';
+import './chunks/bundle-29ZwEQCB.js';
+import './chunks/bundle-hwjo__1w.js';
 import 'react-dom';
-import './chunks/bundle-RjOfwRD9.js';
+import './chunks/bundle-R_8mFuwU.js';
 import './ui/IconButton.js';
 import './ui/Button.js';
 import './ui/Input.js';
-import './chunks/bundle-R2oWoix8.js';
+import './chunks/bundle-_jLAjElr.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-7128atOc.js';
-import './chunks/bundle-RX3fBZMu.js';
+import './chunks/bundle-mXxUWu6C.js';
+import './chunks/bundle-aAXpX7Sl.js';
 import '@sendbird/chat/groupChannel';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-46qOcsB3.js';
-import './chunks/bundle-xHxKphkV.js';
-import './chunks/bundle-3f1my2Ir.js';
+import './chunks/bundle-jnJfrZ-B.js';
+import './chunks/bundle-7-k9ar1S.js';
+import './chunks/bundle-laqNvtHc.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';

package/SendbirdProvider.js

@@ -1,35 +1,35 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './chunks/bundle-bBs0-8AF.js';
-import React__default, { useLayoutEffect, useEffect, useCallback, useMemo, useState, useReducer } from 'react';
+import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './chunks/bundle-s7Jm-nQL.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 } from './chunks/bundle-46qOcsB3.js';
-import { U as USER_ACTIONS } from './chunks/bundle-XL-KBWqW.js';
-import { s as schedulerFactory, b as useUnmount, u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './chunks/bundle-5rAtBp8F.js';
+import { K } from './chunks/bundle-jnJfrZ-B.js';
+import { U as USER_ACTIONS } from './chunks/bundle--bzcDcV7.js';
+import { s as schedulerFactory, b as useUnmount, u as useOnlineStatus, a as useMarkAsDeliveredScheduler } from './chunks/bundle-y9OFIxWO.js';
 import SendbirdChat, { SendbirdProduct, SendbirdPlatform, DeviceOsPlatform } from '@sendbird/chat';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
-import { W as isTextuallyNull } from './chunks/bundle-RX3fBZMu.js';
-import { n as noop } from './chunks/bundle-MYBkZ28K.js';
-import { p as pubSubFactory } from './chunks/bundle-Rik09YnB.js';
-import { b as VoicePlayerProvider } from './chunks/bundle-N_nx28TN.js';
+import { W as isTextuallyNull } from './chunks/bundle-aAXpX7Sl.js';
+import { n as noop } from './chunks/bundle-CBZRgcMe.js';
+import { p as pubSubFactory } from './chunks/bundle-OGLIDsv0.js';
+import { b as VoicePlayerProvider } from './chunks/bundle-5waczf_5.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { a as LocalizationProvider } from './chunks/bundle-wbu1BRph.js';
-import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-RjOfwRD9.js';
-import { g as getStringSet } from './chunks/bundle-Z1D61u4a.js';
-import { m as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, n as VOICE_RECORDER_DEFAULT_MAX, g as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-5FiMKfdx.js';
-import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './chunks/bundle-UxZ7Yk8Z.js';
+import { a as LocalizationProvider } from './chunks/bundle-QDjzCG-h.js';
+import { u as useMediaQueryContext, M as MediaQueryProvider } from './chunks/bundle-R_8mFuwU.js';
+import { g as getStringSet } from './chunks/bundle-FS7VoABk.js';
+import { m as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, n as VOICE_RECORDER_DEFAULT_MAX, g as VOICE_RECORDER_DEFAULT_MIN } from './chunks/bundle-42MD-_6f.js';
+import { g as getCaseResolvedReplyType, a as getCaseResolvedThreadReplySelectType } from './chunks/bundle-mah5uoR7.js';
 import { GlobalModalProvider } from './hooks/useModal.js';
 export { useSendbirdStateContext } from './useSendbirdStateContext.js';
-import './chunks/bundle-7128atOc.js';
+import './chunks/bundle-mXxUWu6C.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-cqMRshaU.js';
+import './chunks/bundle-hwjo__1w.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-VC1JO5-p.js';
+import './chunks/bundle-YcH_HSha.js';
 import './ui/Icon.js';
-import './chunks/bundle-jKjzU1MT.js';
+import './chunks/bundle-Cl9FF01U.js';
 
 var isEmpty = function (obj) {
     if (obj === null || obj === undefined) {
@@ -422,9 +422,20 @@ function useConnect(triggerTypes, staticTypes) {
     var userId = triggerTypes.userId, appId = triggerTypes.appId, accessToken = triggerTypes.accessToken, isMobile = triggerTypes.isMobile, isUserIdUsedForNickname = triggerTypes.isUserIdUsedForNickname;
     var logger = staticTypes.logger, nickname = staticTypes.nickname, profileUrl = staticTypes.profileUrl, configureSession = staticTypes.configureSession, customApiHost = staticTypes.customApiHost, customWebSocketHost = staticTypes.customWebSocketHost, sdk = staticTypes.sdk, sdkDispatcher = staticTypes.sdkDispatcher, userDispatcher = staticTypes.userDispatcher, initDashboardConfigs = staticTypes.initDashboardConfigs, sdkInitParams = staticTypes.sdkInitParams, customExtensionParams = staticTypes.customExtensionParams, eventHandlers = staticTypes.eventHandlers;
     (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useConnect', __assign(__assign({}, triggerTypes), staticTypes));
+    // Note: This is a workaround to prevent the creation of multiple SDK instances when React strict mode is enabled.
+    var connectDeps = useRef({
+        appId: '',
+        userId: '',
+    });
     useEffect(function () {
         var _a;
         (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useConnect/useEffect', { userId: userId, appId: appId, accessToken: accessToken });
+        if (connectDeps.current.appId === appId && connectDeps.current.userId === userId) {
+            return;
+        }
+        else {
+            connectDeps.current = { appId: appId, userId: userId };
+        }
         connect({
             userId: userId,
             appId: appId,
@@ -581,12 +592,9 @@ function useAppendDomNode(ids, rootSelector) {
 }
 
 var VoiceMessageProvider = function (_a) {
-    var children = _a.children, _b = _a.isVoiceMessageEnabled, isVoiceMessageEnabled = _b === void 0 ? true : _b;
-    if (!isVoiceMessageEnabled) {
-        return (React__default.createElement(VoicePlayerProvider, null, children));
-    }
-    return (React__default.createElement(VoiceRecorderProvider, null,
-        React__default.createElement(VoicePlayerProvider, null, children)));
+    var children = _a.children;
+    return (React__default.createElement(VoicePlayerProvider, null,
+        React__default.createElement(VoiceRecorderProvider, null, children)));
 };
 
 function uikitConfigMapper(_a) {
@@ -706,6 +714,24 @@ var EmojiManager = /** @class */ (function () {
     return EmojiManager;
 }());
 
+var uikitConfigStorage = {
+    getItem: function (key) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                return [2 /*return*/, (_a = localStorage.getItem(key)) !== null && _a !== void 0 ? _a : null];
+            });
+        });
+    },
+    setItem: function (key, value) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, localStorage.setItem(key, value)];
+            });
+        });
+    },
+};
+
 function SendbirdProvider(props) {
     var localConfigs = uikitConfigMapper({
         legacyConfig: {
@@ -720,7 +746,7 @@ function SendbirdProvider(props) {
         },
         uikitOptions: props.uikitOptions,
     });
-    return (React__default.createElement(UIKitConfigProvider, { localConfigs: {
+    return (React__default.createElement(UIKitConfigProvider, { storage: uikitConfigStorage, localConfigs: {
             common: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.common,
             groupChannel: {
                 channel: localConfigs === null || localConfigs === void 0 ? void 0 : localConfigs.groupChannel,
@@ -919,7 +945,7 @@ var SendbirdSDK = function (_a) {
         } },
         React__default.createElement(MediaQueryProvider, { logger: logger, breakpoint: breakpoint },
             React__default.createElement(LocalizationProvider, { stringSet: localeStringSet, dateLocale: dateLocale },
-                React__default.createElement(VoiceMessageProvider, { isVoiceMessageEnabled: configs.groupChannel.channel.enableVoiceMessage },
+                React__default.createElement(VoiceMessageProvider, null,
                     React__default.createElement(GlobalModalProvider, null, children))))));
 };
 

package/SendbirdProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendbirdProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SendbirdProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/Thread/components/ParentMessageInfo.js

@@ -1,56 +1,56 @@
-import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-bBs0-8AF.js';
+import { c as __spreadArray, _ as __assign } from '../../chunks/bundle-s7Jm-nQL.js';
 import React__default, { useState, useRef, useEffect, useContext } from 'react';
-import { f as format } from '../../chunks/bundle-GM_JyB6p.js';
-import { R as RemoveMessage } from '../../chunks/bundle-7cTKRmbK.js';
+import { f as format } from '../../chunks/bundle-lS2bdzD_.js';
+import { R as RemoveMessage } from '../../chunks/bundle-WJbfhl8B.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { f as getSenderName } from '../../chunks/bundle-RX3fBZMu.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-F-lMyjp-.js';
-import { u as useLocalization } from '../../chunks/bundle-wbu1BRph.js';
+import { f as getSenderName } from '../../chunks/bundle-aAXpX7Sl.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-zr28rXX0.js';
+import { u as useLocalization } from '../../chunks/bundle-QDjzCG-h.js';
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { useThreadContext } from '../context.js';
-import { a as UserProfileContext } from '../../chunks/bundle-xHxKphkV.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle--XsvJ3hU.js';
-import { A as Avatar } from '../../chunks/bundle-zdgdWVyn.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-VC1JO5-p.js';
-import { F as FileViewer } from '../../chunks/bundle--ORA9L0f.js';
+import { a as UserProfileContext } from '../../chunks/bundle-7-k9ar1S.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-e_hMfMVC.js';
+import { A as Avatar } from '../../chunks/bundle-JVFq7QiY.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-YcH_HSha.js';
+import { F as FileViewer } from '../../chunks/bundle-8msIvFyl.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-mPXz1Hjl.js';
-import { R as Role } from '../../chunks/bundle-TPqzf5St.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-RjOfwRD9.js';
-import { u as useLongPress } from '../../chunks/bundle-r8uICiMq.js';
-import { M as MobileMenu } from '../../chunks/bundle-tmygoDRK.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-iRd3nywJ.js';
+import { R as Role } from '../../chunks/bundle-NRvvlX8r.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-R_8mFuwU.js';
+import { u as useLongPress } from '../../chunks/bundle-zftI06HH.js';
+import { M as MobileMenu } from '../../chunks/bundle-c-m52z_J.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-jKjzU1MT.js';
-import '../../chunks/bundle-cqMRshaU.js';
+import '../../chunks/bundle-Cl9FF01U.js';
+import '../../chunks/bundle-hwjo__1w.js';
 import 'react-dom';
-import '../../chunks/bundle-MYBkZ28K.js';
+import '../../chunks/bundle-CBZRgcMe.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-OZuyNhMv.js';
-import '../../chunks/bundle-46qOcsB3.js';
+import '../../chunks/bundle-HIwSRGfa.js';
+import '../../chunks/bundle-jnJfrZ-B.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-mN_8ZHp6.js';
+import '../../chunks/bundle-jIsbkecD.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-Z1D61u4a.js';
+import '../../chunks/bundle-FS7VoABk.js';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-XekDAFCE.js';
+import '../../chunks/bundle-S3i59_HU.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-7nI0MJOs.js';
+import '../../chunks/bundle-29ZwEQCB.js';
 import '../../withSendbird.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-7128atOc.js';
+import '../../chunks/bundle-mXxUWu6C.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Tooltip.js';
@@ -59,32 +59,32 @@ import '../../Message/context.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-N_nx28TN.js';
-import '../../chunks/bundle-5FiMKfdx.js';
+import '../../chunks/bundle-5waczf_5.js';
+import '../../chunks/bundle-42MD-_6f.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-9vFMqSQw.js';
-import '../../chunks/bundle-BvxbprFR.js';
+import '../../chunks/bundle-PXF29EwZ.js';
+import '../../chunks/bundle-fdlrWGps.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-jOlYtsGu.js';
+import '../../chunks/bundle-2ZdAkcAR.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-rTlMQK8Z.js';
-import '../../chunks/bundle-8M13Uq7P.js';
+import '../../chunks/bundle-Mj9lwGep.js';
+import '../../chunks/bundle-W5PUqymk.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-7h36Ded4.js';
-import '../../chunks/bundle-VhCdB2-c.js';
-import '../../chunks/bundle-LG1mMxPr.js';
-import '../../chunks/bundle-nrzV0hwh.js';
+import '../../chunks/bundle-ammXYCNc.js';
+import '../../chunks/bundle-yMF6_bQS.js';
+import '../../chunks/bundle-ZOw_iEjI.js';
+import '../../chunks/bundle-5cA2H0cQ.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-ZfA8OpRJ.js';
-import '../../chunks/bundle-Br-kF2rc.js';
+import '../../chunks/bundle-1Wok5yjx.js';
+import '../../chunks/bundle-B2cNVPIG.js';
 import 'dompurify';
-import '../../chunks/bundle-2atU-KVo.js';
-import '../../chunks/bundle--rPLqx46.js';
-import '../../chunks/bundle-8PbcZ5aj.js';
+import '../../chunks/bundle-YK6gNh-t.js';
+import '../../chunks/bundle-ThaFnyA3.js';
+import '../../chunks/bundle-mbVaGxy-.js';
 
 function ParentMessageInfo(_a) {
     var _b, _c, _d, _e, _f, _g;

package/Thread/components/ParentMessageInfoItem.js

@@ -1,7 +1,7 @@
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-wbu1BRph.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 } from '../../chunks/bundle-RX3fBZMu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-VC1JO5-p.js';
+import { u as useLocalization } from '../../chunks/bundle-QDjzCG-h.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 } from '../../chunks/bundle-aAXpX7Sl.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-YcH_HSha.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
@@ -9,61 +9,61 @@ 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-9vFMqSQw.js';
-import { t as tokenizeMessage } from '../../chunks/bundle-BvxbprFR.js';
-import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-jOlYtsGu.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-RjOfwRD9.js';
-import { C as Colors } from '../../chunks/bundle-mN_8ZHp6.js';
-import '../../chunks/bundle-Z1D61u4a.js';
-import '../../chunks/bundle-jKjzU1MT.js';
-import '../../chunks/bundle-bBs0-8AF.js';
+import { T as TextFragment } from '../../chunks/bundle-PXF29EwZ.js';
+import { t as tokenizeMessage } from '../../chunks/bundle-fdlrWGps.js';
+import { u as useThreadMessageKindKeySelector, a as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-2ZdAkcAR.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-R_8mFuwU.js';
+import { C as Colors } from '../../chunks/bundle-jIsbkecD.js';
+import '../../chunks/bundle-FS7VoABk.js';
+import '../../chunks/bundle-Cl9FF01U.js';
+import '../../chunks/bundle-s7Jm-nQL.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-46qOcsB3.js';
-import '../../chunks/bundle-MYBkZ28K.js';
+import '../../chunks/bundle-jnJfrZ-B.js';
+import '../../chunks/bundle-CBZRgcMe.js';
 import '../../withSendbird.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-r8uICiMq.js';
+import '../../chunks/bundle-zftI06HH.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-7128atOc.js';
+import '../../chunks/bundle-mXxUWu6C.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-cqMRshaU.js';
+import '../../chunks/bundle-hwjo__1w.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-xHxKphkV.js';
-import '../../chunks/bundle-zdgdWVyn.js';
-import '../../chunks/bundle-XekDAFCE.js';
+import '../../chunks/bundle-7-k9ar1S.js';
+import '../../chunks/bundle-JVFq7QiY.js';
+import '../../chunks/bundle-S3i59_HU.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-7nI0MJOs.js';
+import '../../chunks/bundle-29ZwEQCB.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-rTlMQK8Z.js';
-import '../../chunks/bundle-8M13Uq7P.js';
+import '../../chunks/bundle-Mj9lwGep.js';
+import '../../chunks/bundle-W5PUqymk.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-5FiMKfdx.js';
+import '../../chunks/bundle-42MD-_6f.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-7h36Ded4.js';
-import '../../chunks/bundle-VhCdB2-c.js';
+import '../../chunks/bundle-ammXYCNc.js';
+import '../../chunks/bundle-yMF6_bQS.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-N_nx28TN.js';
+import '../../chunks/bundle-5waczf_5.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle--ORA9L0f.js';
-import '../../chunks/bundle-nrzV0hwh.js';
+import '../../chunks/bundle-8msIvFyl.js';
+import '../../chunks/bundle-5cA2H0cQ.js';
 import '@sendbird/uikit-tools';
 
 function ParentMessageInfoItem(_a) {

package/Thread/components/ThreadHeader.js

@@ -1,14 +1,14 @@
 import React__default, { useMemo } from 'react';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-VC1JO5-p.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-YcH_HSha.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../chunks/bundle-wbu1BRph.js';
-import '../../chunks/bundle-bBs0-8AF.js';
-import '../../chunks/bundle-MYBkZ28K.js';
-import '../../chunks/bundle-Z1D61u4a.js';
-import '../../chunks/bundle-mN_8ZHp6.js';
-import '../../chunks/bundle-jKjzU1MT.js';
+import { u as useLocalization } from '../../chunks/bundle-QDjzCG-h.js';
+import '../../chunks/bundle-s7Jm-nQL.js';
+import '../../chunks/bundle-CBZRgcMe.js';
+import '../../chunks/bundle-FS7VoABk.js';
+import '../../chunks/bundle-jIsbkecD.js';
+import '../../chunks/bundle-Cl9FF01U.js';
 
 function ThreadHeader(_a) {
     var className = _a.className, channelName = _a.channelName, renderActionIcon = _a.renderActionIcon, onActionIconClick = _a.onActionIconClick, onChannelNameClick = _a.onChannelNameClick;

package/Thread/components/ThreadList.js

@@ -5,64 +5,64 @@ import { compareMessagesForGrouping } from '../../Channel/utils/compareMessagesF
 import { useSendbirdStateContext } from '../../useSendbirdStateContext.js';
 import { isSameDay } from 'date-fns';
 import { MessageProvider } from '../../Message/context.js';
-import '../../chunks/bundle-bBs0-8AF.js';
-import '../../chunks/bundle-GM_JyB6p.js';
-import '../../chunks/bundle-jKjzU1MT.js';
-import '../../chunks/bundle-wbu1BRph.js';
-import '../../chunks/bundle-Z1D61u4a.js';
+import '../../chunks/bundle-s7Jm-nQL.js';
+import '../../chunks/bundle-lS2bdzD_.js';
+import '../../chunks/bundle-Cl9FF01U.js';
+import '../../chunks/bundle-QDjzCG-h.js';
+import '../../chunks/bundle-FS7VoABk.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-mN_8ZHp6.js';
-import '../../chunks/bundle-VC1JO5-p.js';
-import '../../chunks/bundle-7cTKRmbK.js';
-import '../../chunks/bundle-cqMRshaU.js';
+import '../../chunks/bundle-jIsbkecD.js';
+import '../../chunks/bundle-YcH_HSha.js';
+import '../../chunks/bundle-WJbfhl8B.js';
+import '../../chunks/bundle-hwjo__1w.js';
 import 'react-dom';
-import '../../chunks/bundle-MYBkZ28K.js';
-import '../../chunks/bundle-RjOfwRD9.js';
+import '../../chunks/bundle-CBZRgcMe.js';
+import '../../chunks/bundle-R_8mFuwU.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-OZuyNhMv.js';
-import '../../chunks/bundle-RX3fBZMu.js';
+import '../../chunks/bundle-HIwSRGfa.js';
+import '../../chunks/bundle-aAXpX7Sl.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-46qOcsB3.js';
-import '../../chunks/bundle--ORA9L0f.js';
+import '../../chunks/bundle-jnJfrZ-B.js';
+import '../../chunks/bundle-8msIvFyl.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-zdgdWVyn.js';
+import '../../chunks/bundle-JVFq7QiY.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-XekDAFCE.js';
-import '../../chunks/bundle-5FiMKfdx.js';
-import '../../chunks/bundle-nrzV0hwh.js';
+import '../../chunks/bundle-S3i59_HU.js';
+import '../../chunks/bundle-42MD-_6f.js';
+import '../../chunks/bundle-5cA2H0cQ.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle--XsvJ3hU.js';
-import '../../chunks/bundle-LG1mMxPr.js';
-import '../../chunks/bundle-7128atOc.js';
-import '../../chunks/bundle-mPXz1Hjl.js';
+import '../../chunks/bundle-e_hMfMVC.js';
+import '../../chunks/bundle-ZOw_iEjI.js';
+import '../../chunks/bundle-mXxUWu6C.js';
+import '../../chunks/bundle-iRd3nywJ.js';
 import '../../ui/MessageInput.js';
-import '../../chunks/bundle-ZfA8OpRJ.js';
-import '../../chunks/bundle-Br-kF2rc.js';
+import '../../chunks/bundle-1Wok5yjx.js';
+import '../../chunks/bundle-B2cNVPIG.js';
 import 'dompurify';
-import '../../chunks/bundle-2atU-KVo.js';
-import '../../chunks/bundle--rPLqx46.js';
-import '../../chunks/bundle-8PbcZ5aj.js';
-import '../../chunks/bundle-BvxbprFR.js';
+import '../../chunks/bundle-YK6gNh-t.js';
+import '../../chunks/bundle-ThaFnyA3.js';
+import '../../chunks/bundle-mbVaGxy-.js';
+import '../../chunks/bundle-fdlrWGps.js';
 import '../context/types.js';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-xHxKphkV.js';
+import '../../chunks/bundle-7-k9ar1S.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-7nI0MJOs.js';
+import '../../chunks/bundle-29ZwEQCB.js';
 import '../../withSendbird.js';
 import '../../ui/MessageItemMenu.js';
-import '../../chunks/bundle-TPqzf5St.js';
+import '../../chunks/bundle-NRvvlX8r.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-r8uICiMq.js';
-import '../../chunks/bundle-8C68O5Qm.js';
+import '../../chunks/bundle-zftI06HH.js';
+import '../../chunks/bundle-InXDhFjw.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-qxRcOzlA.js';
-import '../../chunks/bundle-7RxHW-e9.js';
+import '../../chunks/bundle-RFQg3r1K.js';
+import '../../chunks/bundle-OdLkkyEZ.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
@@ -72,31 +72,31 @@ import '../../ui/Checkbox.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../ui/TextMessageItemBody.js';
-import '../../chunks/bundle-9vFMqSQw.js';
+import '../../chunks/bundle-PXF29EwZ.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OGMessageItemBody.js';
 import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-mGum5Avu.js';
+import '../../chunks/bundle-FMptIFTe.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-N_nx28TN.js';
+import '../../chunks/bundle-5waczf_5.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
-import '../../chunks/bundle-tmygoDRK.js';
-import '../../chunks/bundle-jOlYtsGu.js';
+import '../../chunks/bundle-c-m52z_J.js';
+import '../../chunks/bundle-2ZdAkcAR.js';
 import '@sendbird/chat/message';
 import '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-F-lMyjp-.js';
-import '../../chunks/bundle-rTlMQK8Z.js';
-import '../../chunks/bundle-8M13Uq7P.js';
+import '../../chunks/bundle-zr28rXX0.js';
+import '../../chunks/bundle-Mj9lwGep.js';
+import '../../chunks/bundle-W5PUqymk.js';
 import '@sendbird/chat';
-import '../../chunks/bundle-7h36Ded4.js';
-import '../../chunks/bundle-VhCdB2-c.js';
+import '../../chunks/bundle-ammXYCNc.js';
+import '../../chunks/bundle-yMF6_bQS.js';
 
 function ThreadList(_a) {
     var className = _a.className, renderMessage = _a.renderMessage, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;